/* theme options */
html{background-color:#FCFCFC}#Wrapper,#Content,.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,#Top_bar .search_wrapper,#Top_bar .top_bar_right .mfn-live-search-box,.column_livesearch .mfn-live-search-wrapper,.column_livesearch .mfn-live-search-box{background-color:#FCFCFC}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#FCFCFC}body:not(.template-slider) #Header{min-height:250px}body.header-below:not(.template-slider) #Header{padding-top:250px}@media only screen and (min-width:960px) and (max-width:1440px){.section_wrapper{padding-left:0px;padding-right:0px}}@media only screen and (min-width:768px) and (max-width:959px){.section_wrapper{padding-left:0px;padding-right:0px}}#Subheader{padding:0px}#Footer .widgets_wrapper{padding:70px 0}.has-search-overlay.search-overlay-opened #search-overlay{background-color:rgba(0,0,0,0.6)}.elementor-page.elementor-default #Content .the_content .section_wrapper{max-width:100%}.elementor-page.elementor-default #Content .section.the_content{width:100%}.elementor-page.elementor-default #Content .section_wrapper .the_content_wrapper{margin-left:0;margin-right:0;width:100%}body,span.date_label,.timeline_items li h3 span,input[type="date"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],textarea,select,.offer_li .title h3,.mfn-menu-item-megamenu{font-family:"Manrope"}.lead,.big{font-family:"Manrope"}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Manrope"}#Subheader .title{font-family:"Cormorant Garamond"}h1,h2,h3,h4,.text-logo #logo{font-family:"Cormorant Garamond"}h5,h6{font-family:"Cormorant Garamond"}blockquote{font-family:"Manrope"}.chart_box .chart .num,.counter .desc_wrapper .number-wrapper,.how_it_works .image .number,.pricing-box .plan-header .price,.quick_fact .number-wrapper,.woocommerce .product div.entry-summary .price{font-family:"Manrope"}body,.mfn-menu-item-megamenu{font-size:15px;line-height:28px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:15px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:22.5px}#Subheader .title{font-size:50px;line-height:60px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:50px;line-height:60px;font-weight:500;letter-spacing:0px}h2{font-size:40px;line-height:50px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px}h5{font-size:18px;line-height:30px;font-weight:400;letter-spacing:0px}h6{font-size:15px;line-height:26px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:70px;line-height:70px;font-weight:400;letter-spacing:0px}@media only screen and (min-width:768px) and (max-width:959px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:14px;line-height:26px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:43px;line-height:51px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:43px;line-height:51px;font-weight:500;letter-spacing:0px}h2{font-size:34px;line-height:43px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:26px;line-height:34px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:17px;line-height:26px;font-weight:600;letter-spacing:0px}h5{font-size:15px;line-height:26px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:22px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:60px;line-height:60px;font-weight:400;letter-spacing:0px}blockquote{font-size:15px}.chart_box .chart .num{font-size:45px;line-height:45px}.counter .desc_wrapper .number-wrapper{font-size:45px;line-height:45px}.counter .desc_wrapper .title{font-size:14px;line-height:18px}.faq .question .title{font-size:14px}.fancy_heading .title{font-size:38px;line-height:38px}.offer .offer_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.pricing-box .plan-header h2{font-size:27px;line-height:27px}.pricing-box .plan-header .price > span{font-size:40px;line-height:40px}.pricing-box .plan-header .price sup.currency{font-size:18px;line-height:18px}.pricing-box .plan-header .price sup.period{font-size:14px;line-height:14px}.quick_fact .number-wrapper{font-size:80px;line-height:80px}.trailer_box .desc h2{font-size:27px;line-height:27px}.widget > h3{font-size:17px;line-height:20px}}@media only screen and (min-width:480px) and (max-width:767px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:21px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:23px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:38px;line-height:45px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:38px;line-height:45px;font-weight:500;letter-spacing:0px}h2{font-size:30px;line-height:38px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:23px;line-height:30px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:15px;line-height:23px;font-weight:600;letter-spacing:0px}h5{font-size:14px;line-height:23px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:20px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:53px;line-height:53px;font-weight:400;letter-spacing:0px}blockquote{font-size:14px}.chart_box .chart .num{font-size:40px;line-height:40px}.counter .desc_wrapper .number-wrapper{font-size:40px;line-height:40px}.counter .desc_wrapper .title{font-size:13px;line-height:16px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:34px;line-height:34px}.offer .offer_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.pricing-box .plan-header h2{font-size:24px;line-height:24px}.pricing-box .plan-header .price > span{font-size:34px;line-height:34px}.pricing-box .plan-header .price sup.currency{font-size:16px;line-height:16px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:70px;line-height:70px}.trailer_box .desc h2{font-size:24px;line-height:24px}.widget > h3{font-size:16px;line-height:19px}}@media only screen and (max-width:479px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:30px;line-height:36px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:30px;line-height:36px;font-weight:500;letter-spacing:0px}h2{font-size:24px;line-height:30px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:18px;line-height:24px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:19px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:42px;line-height:42px;font-weight:400;letter-spacing:0px}blockquote{font-size:13px}.chart_box .chart .num{font-size:35px;line-height:35px}.counter .desc_wrapper .number-wrapper{font-size:35px;line-height:35px}.counter .desc_wrapper .title{font-size:13px;line-height:26px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:30px;line-height:30px}.offer .offer_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.pricing-box .plan-header h2{font-size:21px;line-height:21px}.pricing-box .plan-header .price > span{font-size:32px;line-height:32px}.pricing-box .plan-header .price sup.currency{font-size:14px;line-height:14px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:60px;line-height:60px}.trailer_box .desc h2{font-size:21px;line-height:21px}.widget > h3{font-size:15px;line-height:18px}}.with_aside .sidebar.columns{width:23%}.with_aside .sections_group{width:77%}.aside_both .sidebar.columns{width:18%}.aside_both .sidebar.sidebar-1{margin-left:-82%}.aside_both .sections_group{width:64%;margin-left:18%}@media only screen and (min-width:1240px){#Wrapper,.with_aside .content_wrapper{max-width:1180px}body.layout-boxed.mfn-header-scrolled .mfn-header-tmpl.mfn-sticky-layout-width{max-width:1180px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed:not(.mfn-header-scrolled) .mfn-header-tmpl.mfn-header-layout-width,body.layout-boxed .mfn-header-tmpl.mfn-header-layout-width:not(.mfn-hasSticky){max-width:1180px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed.mfn-bebuilder-header.mfn-ui .mfn-only-sample-content{max-width:1180px;margin-left:auto;margin-right:auto}.section_wrapper,.container{max-width:1160px}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1180px}}@media only screen and (max-width:767px){#Wrapper{max-width:calc(100% - 1px)}.content_wrapper .section_wrapper,.container,.four.columns .widget-area{max-width:550px !important;padding-left:0px;padding-right:0px}}body{--mfn-button-font-family:inherit;--mfn-button-font-size:14px;--mfn-button-font-weight:400;--mfn-button-font-style:inherit;--mfn-button-letter-spacing:0px;--mfn-button-padding:10px 20px 10px 20px;--mfn-button-border-width:0;--mfn-button-border-radius:3px 3px 3px 3px;--mfn-button-gap:10px;--mfn-button-transition:0.2s;--mfn-button-color:#626262;--mfn-button-color-hover:#626262;--mfn-button-bg:#dbdddf;--mfn-button-bg-hover:#d3d3d3;--mfn-button-border-color:transparent;--mfn-button-border-color-hover:transparent;--mfn-button-icon-color:#626262;--mfn-button-icon-color-hover:#626262;--mfn-button-box-shadow:unset;--mfn-button-theme-color:#ffffff;--mfn-button-theme-color-hover:#ffffff;--mfn-button-theme-bg:#0095eb;--mfn-button-theme-bg-hover:#007cc3;--mfn-button-theme-border-color:transparent;--mfn-button-theme-border-color-hover:transparent;--mfn-button-theme-icon-color:#ffffff;--mfn-button-theme-icon-color-hover:#ffffff;--mfn-button-theme-box-shadow:unset;--mfn-button-shop-color:#ffffff;--mfn-button-shop-color-hover:#ffffff;--mfn-button-shop-bg:#0095eb;--mfn-button-shop-bg-hover:#007cc3;--mfn-button-shop-border-color:transparent;--mfn-button-shop-border-color-hover:transparent;--mfn-button-shop-icon-color:#626262;--mfn-button-shop-icon-color-hover:#626262;--mfn-button-shop-box-shadow:unset;--mfn-button-action-color:#626262;--mfn-button-action-color-hover:#626262;--mfn-button-action-bg:#dbdddf;--mfn-button-action-bg-hover:#d3d3d3;--mfn-button-action-border-color:transparent;--mfn-button-action-border-color-hover:transparent;--mfn-button-action-icon-color:#626262;--mfn-button-action-icon-color-hover:#626262;--mfn-button-action-box-shadow:unset;--mfn-product-list-gallery-slider-arrow-bg:#ffffff;--mfn-product-list-gallery-slider-arrow-bg-hover:#ffffff;--mfn-product-list-gallery-slider-arrow-color:#000000;--mfn-product-list-gallery-slider-arrow-color-hover:#000000;--mfn-product-list-gallery-slider-dots-bg:rgba(0,0,0,0.3);--mfn-product-list-gallery-slider-dots-bg-active:#000000;--mfn-product-list-gallery-slider-padination-bg:transparent;--mfn-product-list-gallery-slider-dots-size:8px;--mfn-product-list-gallery-slider-nav-border-radius:0px;--mfn-product-list-gallery-slider-nav-offset:0px;--mfn-product-list-gallery-slider-dots-gap:5px}@media only screen and (max-width:959px){body{}}@media only screen and (max-width:768px){body{}}.mfn-cookies,.mfn-cookies-reopen{--mfn-gdpr2-container-text-color:#626262;--mfn-gdpr2-container-strong-color:#07070a;--mfn-gdpr2-container-bg:#ffffff;--mfn-gdpr2-container-overlay:rgba(25,37,48,0.6);--mfn-gdpr2-details-box-bg:#fbfbfb;--mfn-gdpr2-details-switch-bg:#00032a;--mfn-gdpr2-details-switch-bg-active:#5acb65;--mfn-gdpr2-tabs-text-color:#07070a;--mfn-gdpr2-tabs-text-color-active:#0089f7;--mfn-gdpr2-tabs-border:rgba(8,8,14,0.1);--mfn-gdpr2-buttons-box-bg:#fbfbfb;--mfn-gdpr2-reopen-background:#ffffff;--mfn-gdpr2-reopen-color:#222222;--mfn-gdpr2-reopen-box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo{height:60px;line-height:60px;padding:15px 0}.logo-overflow #Top_bar:not(.is-sticky) .logo{height:90px}.single-post.post-template-default.header-transparent #Content{padding-top:120px}#Top_bar .menu > li > a{padding:15px 0}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description){line-height:90px}.header-fixed #Top_bar .menu > li > a{padding:30px 0}@media only screen and (max-width:767px){.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0}}#Top_bar #logo img.svg{width:100px}.image_frame,.wp-caption{border-width:0px}.alert{border-radius:0px}#Top_bar .top_bar_right .top-bar-right-input input{width:200px}.mfn-live-search-box .mfn-live-search-list{max-height:300px}#Side_slide{right:-300px;width:300px}#Side_slide.left{left:-300px}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px}.mfn-free-delivery-info{--mfn-free-delivery-bar:#0089F7;--mfn-free-delivery-bg:rgba(0,0,0,0.1);--mfn-free-delivery-achieved:#0089F7}#back_to_top i{color:#65666C}.mfn-product-list-gallery-slider .mfn-product-list-gallery-slider-arrow{display:flex}@media only screen and ( max-width:767px ){}@media only screen and (min-width:1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:0;width:98%!important;margin:0 1%;padding:20px 0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative}.mm-vertical #Top_bar .top_bar_left{position:static}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{padding:20px 0}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0,0,0,0.05)}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}body.header-shop #Top_bar #menu{display:flex!important;background-color:transparent}.header-shop #Top_bar.is-sticky .top_bar_row_second{display:none}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:not(.menu-toggle):after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.elementor-maintenance-mode,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}.menuo-arrows #Top_bar .menu > li.submenu > a > span:after{content:unset!important}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:left;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative #Top_bar .top_bar_right .top_bar_right_wrapper{flex-wrap:wrap;justify-content:center}#Header_creative #Top_bar .top_bar_right .top-bar-right-icon,#Header_creative #Top_bar .top_bar_right .wpml-languages,#Header_creative #Top_bar .top_bar_right .top-bar-right-button,#Header_creative #Top_bar .top_bar_right .top-bar-right-input{min-height:30px;margin:5px}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{width:100%;text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px}.header-rtl #Header_creative.active{left:auto;right:-1px}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner{left:auto;width:calc(100% - 250px)}.header-open.header-rtl .vc_parallax .vc_parallax-inner{left:0;right:auto}#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left;width:100%}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;z-index:203}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul.sub-menu li:not(:last-of-type) a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition:left .5s ease-in-out,right .5s ease-in-out}#Header_creative .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out .5s}#Header_creative.active .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out}}@media only screen and (min-width:1240px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}#Top_bar.is-sticky .action_button{max-height:50px}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (min-width:768px) and (max-width:1240px){.header_placeholder{height:0!important}}@media only screen and (max-width:1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.menuo-arrows.keyboard-support #Top_bar .menu > li.submenu > a:not(.menu-toggle):after,.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{display:none !important}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}#Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-parent > a,#Header #menu > ul > li.current-page-parent > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a{background:rgba(0,0,0,.02)}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee;transform:unset}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .one{display:flex}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative.scroll{overflow:visible!important}}body{--mfn-clients-tiles-hover:#0089F7;--mfn-icon-box-icon:#0089F7;--mfn-section-tabber-nav-active-color:#0089F7;--mfn-sliding-box-bg:#0089F7;--mfn-woo-body-color:#626262;--mfn-woo-heading-color:#626262;--mfn-woo-themecolor:#0089F7;--mfn-woo-bg-themecolor:#0089F7;--mfn-woo-border-themecolor:#0089F7;--mfn-blocks-checkout-summary-bg:rgba(0,0,0,0.03)}#Header_wrapper,#Intro{background-color:#13162f}#Subheader{background-color:rgba(247,247,247,1)}.header-classic #Action_bar,.header-fixed #Action_bar,.header-plain #Action_bar,.header-split #Action_bar,.header-shop #Action_bar,.header-shop-split #Action_bar,.header-stack #Action_bar{background-color:#101015}#Sliding-top{background-color:#545454}#Sliding-top a.sliding-top-control{border-right-color:#545454}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control{border-top-color:#545454}#Footer{background-color:#101015}.grid .post-item,.masonry:not(.tiles) .post-item,.photo2 .post .post-desc-wrapper{background-color:transparent}.portfolio_group .portfolio-item .desc{background-color:transparent}.woocommerce ul.products li.product,.shop_slider .shop_slider_ul .shop_slider_li .item_wrapper .desc{background-color:transparent} body,ul.timeline_items,.icon_box a .desc,.icon_box a:hover .desc,.feature_list ul li a,.list_item a,.list_item a:hover,.widget_recent_entries ul li a,.flat_box a,.flat_box a:hover,.story_box .desc,.content_slider.carousel ul li a .title,.content_slider.flat.description ul li .desc,.content_slider.flat.description ul li a .desc,.post-nav.minimal a i,.mfn-marquee-text .mfn-marquee-item-label{color:#626262}.lead{color:#2e2e2e}.post-nav.minimal a svg{fill:#626262}.themecolor,.opening_hours .opening_hours_wrapper li span,.fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir,.fancy_heading_arrows .icon-left-dir,.fancy_heading_line .title,.button-love a.mfn-love,.format-link .post-title .icon-link,.pager-single > span,.pager-single a:hover,.widget_meta ul,.widget_pages ul,.widget_rss ul,.widget_mfn_recent_comments ul li:after,.widget_archive ul,.widget_recent_comments ul li:after,.widget_nav_menu ul,.woocommerce ul.products li.product .price,.shop_slider .shop_slider_ul .item_wrapper .price,.woocommerce-page ul.products li.product .price,.widget_price_filter .price_label .from,.widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount,.woocommerce .product div.entry-summary .price,.woocommerce .product .woocommerce-variation-price .price,.woocommerce .star-rating span,#Error_404 .error_pic i,.style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title,.mfn-cart-holder .mfn-ch-content .mfn-ch-product .woocommerce-Price-amount,.woocommerce .comment-form-rating p.stars a:before,.wishlist .wishlist-row .price,.search-results .search-item .post-product-price,.progress_icons.transparent .progress_icon.themebg{color:#0089F7}.mfn-wish-button.loved:not(.link) .path{fill:#0089F7;stroke:#0089F7}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar .header-cart-count,#Top_bar .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-cart-count,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color:#0089F7}.Latest_news ul li .photo,.Recent_posts.blog_news ul li .photo,.style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected{border-color:#0089F7}a{color:#006edf}a:hover{color:#0089f7}*::-moz-selection{background-color:#0089F7;color:white}*::selection{background-color:#0089F7;color:white}.blockquote p.author span,.counter .desc_wrapper .title,.article_box .desc_wrapper p,.team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle,.pricing-box .plan-header .price sup.period,.chart_box p,.fancy_heading .inside,.fancy_heading_line .slogan,.post-meta,.post-meta a,.post-footer,.post-footer a span.label,.pager .pages a,.button-love a .label,.pager-single a,#comments .commentlist > li .comment-author .says,.fixed-nav .desc .date,.filters_buttons li.label,.Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date,.tp_recent_tweets .twitter_time,.widget_price_filter .price_label,.shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity,.widget_shopping_cart ul.product_list_widget li dl,.product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd,.shipping-calculator-button:after,.shop_slider .shop_slider_ul .item_wrapper .price del,.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link,.woocommerce .product.style-default .entry-summary .product_meta .tagged_as,.woocommerce .tagged_as,.wishlist .sku_wrapper,.woocommerce .column_product_rating .woocommerce-review-link,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__verified,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date,.testimonials_slider .testimonials_slider_ul li .author span,.testimonials_slider .testimonials_slider_ul li .author span a,.Latest_news ul li .desc_footer,.share-simple-wrapper .icons a{color:#a8a8a8}h1,h1 a,h1 a:hover,.text-logo #logo{color:#161922}h2,h2 a,h2 a:hover{color:#161922}h3,h3 a,h3 a:hover{color:#161922}h4,h4 a,h4 a:hover,.style-simple .sliding_box .desc_wrapper h4{color:#161922}h5,h5 a,h5 a:hover{color:#5f6271}h6,h6 a,h6 a:hover,a.content_link .title{color:#161922}.woocommerce #customer_login h2{color:#161922} .woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2,.woocommerce #respond .comment-reply-title,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{color:#161922} .dropcap,.highlight:not(.highlight_image){background-color:#0089F7}a.mfn-link{color:#656B6F}a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-8:after,a.mfn-link-8:before{background:#006edf}a:hover.mfn-link{color:#006edf}a.mfn-link-2 span:before,a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after,a.mfn-link-5:before,a.mfn-link-7:after,a.mfn-link-7:before{background:#0089f7}a.mfn-link-6:before{border-bottom-color:#0089f7}a.mfn-link svg .path{stroke:#006edf}.column_column ul,.column_column ol,.the_content_wrapper:not(.is-elementor) ul,.the_content_wrapper:not(.is-elementor) ol{color:#737E86}hr.hr_color,.hr_color hr,.hr_dots span{color:#0089F7;background:#0089F7}.hr_zigzag i{color:#0089F7}.highlight-left:after,.highlight-right:after{background:#0089F7}@media only screen and (max-width:767px){.highlight-left .wrap:first-child,.highlight-right .wrap:last-child{background:#0089F7}}#Header .top_bar_left,.header-classic #Top_bar,.header-plain #Top_bar,.header-stack #Top_bar,.header-split #Top_bar,.header-shop #Top_bar,.header-shop-split #Top_bar,.header-fixed #Top_bar,.header-below #Top_bar,#Header_creative,#Top_bar #menu,.sticky-tb-color #Top_bar.is-sticky{background-color:#ffffff}#Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:#ffffff}#Top_bar .top_bar_right:before{background-color:#e3e3e3}#Header .top_bar_right{background-color:#f5f5f5}#Top_bar .top_bar_right .top-bar-right-icon,#Top_bar .top_bar_right .top-bar-right-icon svg .path{color:#333333;stroke:#333333}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle{color:#2a2b39}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a{color:#0089F7}#Top_bar .menu > li a:not(.menu-toggle):after{background:#0089F7}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{border-top-color:#2a2b39}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after{border-top-color:#0089F7}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a{background:#f2f2f2}.menu-arrow-bottom #Top_bar .menu > li > a:after{border-bottom-color:#0089F7}.menu-arrow-top #Top_bar .menu > li > a:after{border-top-color:#0089F7}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#f2f2f2;color:#0089F7}.header-plain #Top_bar .top_bar_right .top-bar-right-icon:hover{background:#f2f2f2}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar .top_bar_right .top-bar-right-icon,.header-plain #Top_bar .top_bar_right .top-bar-right-button,.header-plain #Top_bar .top_bar_right .top-bar-right-input,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2}#Top_bar .menu > li ul{background-color:#F2F2F2}#Top_bar .menu > li ul li a{color:#5f5f5f}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{color:#2e2e2e}.overlay-menu-toggle{color:#0089F7 !important;background:transparent}#Overlay{background:rgba(0,137,247,0.95)}#overlay-menu ul li a,.header-overlay .overlay-menu-toggle.focus{color:#FFFFFF}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a{color:#B1DCFB}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle{color:#0089F7;background:transparent}.mfn-footer-stickymenu{background-color:#ffffff}.mfn-footer-stickymenu ul li a,.mfn-footer-stickymenu ul li a .path{color:#333333;stroke:#333333}#Side_slide{background-color:#191919;border-color:#191919}#Side_slide,#Side_slide #menu ul li.submenu .menu-toggle,#Side_slide .search-wrapper input.field,#Side_slide a:not(.button){color:#A6A6A6}#Side_slide .extras .extras-wrapper a svg .path{stroke:#A6A6A6}#Side_slide #menu ul li.hover > .menu-toggle,#Side_slide a.active,#Side_slide a:not(.button):hover{color:#FFFFFF}#Side_slide .extras .extras-wrapper a:hover svg .path{stroke:#FFFFFF}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#FFFFFF}#Action_bar .contact_details{color:#bbbbbb}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color:#bbbbbb}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color:#FFFFFF}#Subheader .title{color:#161922}#Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(22,25,34,0.6)}.mfn-footer,.mfn-footer .widget_recent_entries ul li a{color:#bababa}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn){color:#d1d1d1}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover{color:#0089f7}.mfn-footer h1,.mfn-footer h1 a,.mfn-footer h1 a:hover,.mfn-footer h2,.mfn-footer h2 a,.mfn-footer h2 a:hover,.mfn-footer h3,.mfn-footer h3 a,.mfn-footer h3 a:hover,.mfn-footer h4,.mfn-footer h4 a,.mfn-footer h4 a:hover,.mfn-footer h5,.mfn-footer h5 a,.mfn-footer h5 a:hover,.mfn-footer h6,.mfn-footer h6 a,.mfn-footer h6 a:hover{color:#ffffff}.mfn-footer .themecolor,.mfn-footer .widget_meta ul,.mfn-footer .widget_pages ul,.mfn-footer .widget_rss ul,.mfn-footer .widget_mfn_recent_comments ul li:after,.mfn-footer .widget_archive ul,.mfn-footer .widget_recent_comments ul li:after,.mfn-footer .widget_nav_menu ul,.mfn-footer .widget_price_filter .price_label .from,.mfn-footer .widget_price_filter .price_label .to,.mfn-footer .star-rating span{color:#0089F7}.mfn-footer .themebg,.mfn-footer .widget_categories ul,.mfn-footer .Recent_posts ul li .desc:after,.mfn-footer .Recent_posts ul li .photo .c,.mfn-footer .widget_recent_entries ul li:after,.mfn-footer .widget_mfn_menu ul li a:hover,.mfn-footer .widget_product_categories ul{background-color:#0089F7}.mfn-footer .Recent_posts ul li a .desc .date,.mfn-footer .widget_recent_entries ul li .post-date,.mfn-footer .tp_recent_tweets .twitter_time,.mfn-footer .widget_price_filter .price_label,.mfn-footer .shop-filters .woocommerce-result-count,.mfn-footer ul.product_list_widget li .quantity,.mfn-footer .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}.mfn-footer .footer_copy .social li a,.mfn-footer .footer_copy .social-menu a{color:#65666C}.mfn-footer .footer_copy .social li a:hover,.mfn-footer .footer_copy .social-menu a:hover{color:#FFFFFF}.mfn-footer .footer_copy{border-top-color:rgba(255,255,255,0.1)}#Sliding-top,#Sliding-top .widget_recent_entries ul li a{color:#cccccc}#Sliding-top a{color:#006edf}#Sliding-top a:hover{color:#0089f7}#Sliding-top h1,#Sliding-top h1 a,#Sliding-top h1 a:hover,#Sliding-top h2,#Sliding-top h2 a,#Sliding-top h2 a:hover,#Sliding-top h3,#Sliding-top h3 a,#Sliding-top h3 a:hover,#Sliding-top h4,#Sliding-top h4 a,#Sliding-top h4 a:hover,#Sliding-top h5,#Sliding-top h5 a,#Sliding-top h5 a:hover,#Sliding-top h6,#Sliding-top h6 a,#Sliding-top h6 a:hover{color:#ffffff}#Sliding-top .themecolor,#Sliding-top .widget_meta ul,#Sliding-top .widget_pages ul,#Sliding-top .widget_rss ul,#Sliding-top .widget_mfn_recent_comments ul li:after,#Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after,#Sliding-top .widget_nav_menu ul,#Sliding-top .widget_price_filter .price_label .from,#Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span{color:#0089F7}#Sliding-top .themebg,#Sliding-top .widget_categories ul,#Sliding-top .Recent_posts ul li .desc:after,#Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after,#Sliding-top .widget_mfn_menu ul li a:hover,#Sliding-top .widget_product_categories ul{background-color:#0089F7}#Sliding-top .Recent_posts ul li a .desc .date,#Sliding-top .widget_recent_entries ul li .post-date,#Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label,#Sliding-top .shop-filters .woocommerce-result-count,#Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}blockquote,blockquote a,blockquote a:hover{color:#444444}.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc,.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote{background:#ffffff}.image_frame .image_wrapper .image_links a{background:#ffffff;color:#161922;border-color:#ffffff}.image_frame .image_wrapper .image_links a.loading:after{border-color:#161922}.image_frame .image_wrapper .image_links a .path{stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved .path{fill:#161922;stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved:hover .path{fill:#0089f7;stroke:#0089f7}.image_frame .image_wrapper .image_links a:hover{background:#ffffff;color:#0089f7;border-color:#ffffff}.image_frame .image_wrapper .image_links a:hover .path{stroke:#0089f7}.image_frame{border-color:#f8f8f8}.image_frame .image_wrapper .mask::after{background:rgba(0,0,0,0.15)}.counter .icon_wrapper i{color:#0089F7}.quick_fact .number-wrapper .number{color:#0089F7}.mfn-countdown{--mfn-countdown-number-color:#0089F7}.progress_bars .bars_list li .bar .progress{background-color:#0089F7}a:hover.icon_bar{color:#0089F7 !important}a.content_link,a:hover.content_link{color:#0089F7}a.content_link:before{border-bottom-color:#0089F7}a.content_link:after{border-color:#0089F7}.mcb-item-contact_box-inner,.mcb-item-info_box-inner,.column_column .get_in_touch,.google-map-contact-wrapper{background-color:#0089F7}.google-map-contact-wrapper .get_in_touch:after{border-top-color:#0089F7}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before{border-color:#0089F7}.how_it_works .image_wrapper .number{background:#0089F7}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line{background-color:#0089F7}.trailer_box.plain .desc .subtitle{color:#0089F7}.icon_box .icon_wrapper,.icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper{color:#0089F7}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before{background-color:#0089F7}.list_item.lists_1 .list_left{background-color:#0089F7}.list_item .list_left{color:#0089F7}.feature_list ul li .icon i{color:#0089F7}.feature_list ul li:hover,.feature_list ul li:hover a{background:#0089F7}table th{color:#444444}.ui-tabs .ui-tabs-nav li a,.accordion .question > .title,.faq .question > .title,.fake-tabs > ul li a{color:#444444}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active > .title > .acc-icon-plus,.accordion .question.active > .title > .acc-icon-minus,.accordion .question.active > .title,.faq .question.active > .title > .acc-icon-plus,.faq .question.active > .title,.fake-tabs > ul li.active a{color:#0089F7}.ui-tabs .ui-tabs-nav li.ui-state-active a:after,.fake-tabs > ul li a:after,.fake-tabs > ul li a .number{background:#0089F7}body.table-hover:not(.woocommerce-page) table tr:hover td{background:#0089F7}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span{color:#0089F7}.pricing-box .plan-inside ul li .yes{background:#0089F7}.pricing-box-box.pricing-box-featured{background:#0089F7}.alert_warning{background:#fef8ea}.alert_warning,.alert_warning a,.alert_warning a:hover,.alert_warning a.close .icon{color:#8a5b20}.alert_warning .path{stroke:#8a5b20}.alert_error{background:#fae9e8}.alert_error,.alert_error a,.alert_error a:hover,.alert_error a.close .icon{color:#962317}.alert_error .path{stroke:#962317}.alert_info{background:#efefef}.alert_info,.alert_info a,.alert_info a:hover,.alert_info a.close .icon{color:#57575b}.alert_info .path{stroke:#57575b}.alert_success{background:#eaf8ef}.alert_success,.alert_success a,.alert_success a:hover,.alert_success a.close .icon{color:#3a8b5b}.alert_success .path{stroke:#3a8b5b}input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty,.wp-block-search input[type="search"],.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.wc-block-price-filter__controls input{border-color:#EBEBEB !important} .mfn-floating-placeholder .mfn-input-wrapper.mfn-not-empty:before{background-color:rgba(255,255,255,1)}::-webkit-input-placeholder{color:#929292}::-moz-placeholder{color:#929292}:-ms-input-placeholder{color:#929292}input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{color:#0089F7;background-color:rgba(233,245,252,1);border-color:#d5e5ee}.mfn-floating-placeholder .mfn-input-wrapper:has(input:focus):before{background-color:rgba(233,245,252,1)}.wc-block-price-filter__controls input:focus{border-color:#d5e5ee !important} select:focus{background-color:#e9f5fc!important}:focus::-webkit-input-placeholder{color:#929292}:focus::-moz-placeholder{color:#929292}.select2-container--default .select2-selection--single{background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-dropdown{background-color:#FFFFFF;border-color:#EBEBEB}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#626262}.select2-container--default.select2-container--open .select2-selection--single{border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field:focus{color:#0089F7;background-color:rgba(233,245,252,1) !important;border-color:#d5e5ee} .select2-container--default .select2-results__option[data-selected="true"],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0089F7;color:white} .image_frame span.onsale,.woocommerce span.onsale,.shop_slider .shop_slider_ul .item_wrapper span.onsale{background-color:#0089F7}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border-color:#0089F7 !important}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#FCFCFC}.mfn-desc-expandable .read-more{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 65%)}.mfn-wish-button .path{stroke:rgba(0,0,0,0.15)}.mfn-wish-button:hover .path{stroke:rgba(0,0,0,0.3)}.mfn-wish-button.loved:not(.link) .path{stroke:rgba(0,0,0,0.3);fill:rgba(0,0,0,0.3)}.woocommerce div.product div.images .woocommerce-product-gallery__trigger,.woocommerce div.product div.images .mfn-wish-button,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger,.woocommerce .mfn-product-gallery-grid .mfn-wish-button{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover,.woocommerce div.product div.images .mfn-wish-button:hover,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before{border-color:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after{background-color:#161922}.woocommerce div.product div.images .mfn-wish-button path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button path{stroke:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:before{border-color:#0089f7}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:after{background-color:#0089f7}.woocommerce div.product div.images .mfn-wish-button:hover path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover path{stroke:#0089f7}.woocommerce div.product div.images .mfn-wish-button.loved path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button.loved path{stroke:#0089f7;fill:#0089f7}#mfn-gdpr{background-color:#eef2f5;border-radius:5px;box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#mfn-gdpr .mfn-gdpr-content,#mfn-gdpr .mfn-gdpr-content h1,#mfn-gdpr .mfn-gdpr-content h2,#mfn-gdpr .mfn-gdpr-content h3,#mfn-gdpr .mfn-gdpr-content h4,#mfn-gdpr .mfn-gdpr-content h5,#mfn-gdpr .mfn-gdpr-content h6,#mfn-gdpr .mfn-gdpr-content ol,#mfn-gdpr .mfn-gdpr-content ul{color:#626262}#mfn-gdpr .mfn-gdpr-content a,#mfn-gdpr a.mfn-gdpr-readmore{color:#161922}#mfn-gdpr .mfn-gdpr-content a:hover,#mfn-gdpr a.mfn-gdpr-readmore:hover{color:#0089f7}#mfn-gdpr .mfn-gdpr-button{background-color:#006edf;color:#ffffff;border-color:transparent}#mfn-gdpr .mfn-gdpr-button:hover,#mfn-gdpr .mfn-gdpr-button:before{background-color:#0089f7;color:#ffffff;border-color:transparent}@media only screen and ( min-width:768px ){.header-semi #Top_bar:not(.is-sticky){background-color:rgba(255,255,255,0.8)}}@media only screen and ( max-width:767px ){#Top_bar{background-color:#ffffff !important}#Action_bar{background-color:#FFFFFF !important}#Action_bar .contact_details{color:#222222}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Action_bar .social-menu a{color:#bbbbbb!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color:#777777!important}}
/* custom CSS */
/* ==========================================================
FERIENWOHNUNG HORN REMSCHEID
MASTER CSS
WordPress / BeTheme / BeBuilder
========================================================== */
/* ==========================================================
01. DESIGN TOKENS
========================================================== */
:root {
/* ---------------------------------
Brand Colors
--------------------------------- */
--fw-blue: #162c3d;
--fw-brown: #a07e5b;
/* ---------------------------------
Derived Brand Colors
--------------------------------- */
--fw-blue-dark: #0f202d;
--fw-blue-soft: #314553;
--fw-brown-dark: #876746;
--fw-brown-light: #c7af96;
/* ---------------------------------
Neutral Colors
--------------------------------- */
--fw-white: #ffffff;
--fw-bg: #f7f4ef;
--fw-bg-soft: #fbfaf8;
--fw-bg-blue: #f2f5f6;
--fw-text: #162c3d;
--fw-text-muted: #60707b;
--fw-border: rgba(22, 44, 61, 0.14);
--fw-border-soft: rgba(22, 44, 61, 0.08);
/* ---------------------------------
Fonts
--------------------------------- */
--fw-font-heading: "Cormorant Garamond", Georgia, serif;
--fw-font-body: "Manrope", Arial, sans-serif;
/* ---------------------------------
Layout
--------------------------------- */
--fw-content-width: 1180px;
--fw-text-width: 760px;
--fw-narrow-width: 680px;
--fw-section-space: 110px;
--fw-section-space-small: 80px;
/* ---------------------------------
Radius
--------------------------------- */
--fw-radius-xs: 6px;
--fw-radius-sm: 9px;
--fw-radius: 14px;
--fw-radius-lg: 22px;
--fw-radius-pill: 999px;
/* ---------------------------------
Shadows
--------------------------------- */
--fw-shadow-sm:
0 6px 22px rgba(22, 44, 61, 0.06);
--fw-shadow:
0 14px 45px rgba(22, 44, 61, 0.10);
--fw-shadow-lg:
0 22px 65px rgba(22, 44, 61, 0.14);
/* ---------------------------------
Transition
--------------------------------- */
--fw-transition:
0.25s ease;
--fw-transition-slow:
0.4s ease;
/* ---------------------------------
Header
--------------------------------- */
--fw-header-height: 100px;
--fw-header-height-mobile: 82px;
}
/* ==========================================================
02. GLOBAL RESET / BASIS
========================================================== */
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body,
#Wrapper,
#Content {
font-family: var(--fw-font-body);
color: var(--fw-text);
font-size: 17px;
line-height: 1.72;
background: var(--fw-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body,
#Wrapper {
max-width: 100%;
overflow-x: hidden;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
::selection {
background: var(--fw-brown);
color: var(--fw-white);
}
/* ==========================================================
03. TYPOGRAPHY
========================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.big,
.title {
font-family: var(--fw-font-heading);
color: var(--fw-blue);
font-weight: 500;
letter-spacing: -0.015em;
margin-top: 0;
}
h1 {
font-size:
clamp(3rem, 5.8vw, 5rem);
line-height: 0.98;
margin-bottom: 28px;
}
h2 {
font-size:
clamp(2.4rem, 4.4vw, 3.6rem);
line-height: 1.04;
margin-bottom: 24px;
}
h3 {
font-size:
clamp(1.75rem, 2.8vw, 2.25rem);
line-height: 1.14;
margin-bottom: 18px;
}
h4 {
font-family: var(--fw-font-body);
font-size: 1.12rem;
font-weight: 700;
line-height: 1.45;
margin-bottom: 12px;
}
p {
margin-top: 0;
margin-bottom: 22px;
}
p:last-child {
margin-bottom: 0;
}
strong,
b {
font-weight: 700;
}
a {
color: var(--fw-blue);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color var(--fw-transition);
}
a:hover {
color: var(--fw-brown);
}
.fw-lead {
max-width: var(--fw-text-width);
font-size:
clamp(1.1rem, 1.5vw, 1.32rem);
line-height: 1.65;
color: var(--fw-text-muted);
}
.fw-small {
font-size: 0.88rem;
line-height: 1.55;
color: var(--fw-text-muted);
}
.fw-eyebrow {
display: inline-block;
margin-bottom: 16px;
font-family: var(--fw-font-body);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-accent {
color: var(--fw-brown);
}
/* ==========================================================
04. BETHEME GLOBAL OVERRIDES
========================================================== */
#Wrapper,
#Content {
background:
var(--fw-white);
}
.section_wrapper,
.container {
max-width:
var(--fw-content-width);
}
.section {
position: relative;
}
.mcb-wrap,
.column {
box-sizing: border-box;
}
.column_column ul,
.column_column ol {
color: var(--fw-text);
}
.button,
a.button,
button,
input[type="submit"] {
font-family:
var(--fw-font-body);
}
.image_frame {
border: 0;
box-shadow: none;
}
.image_frame .image_wrapper {
border-radius:
var(--fw-radius);
}
.image_frame .image_wrapper img {
display: block;
}
/* ==========================================================
05. CONTAINER / SECTIONS
========================================================== */
.fw-container {
width:
min(
calc(100% - 48px),
var(--fw-content-width)
);
margin-inline: auto;
}
.fw-container-narrow {
width:
min(
calc(100% - 48px),
var(--fw-narrow-width)
);
margin-inline: auto;
}
.fw-section {
position: relative;
padding-top:
var(--fw-section-space);
padding-bottom:
var(--fw-section-space);
}
.fw-section-small {
padding-top:
var(--fw-section-space-small);
padding-bottom:
var(--fw-section-space-small);
}
.fw-section-light {
background:
var(--fw-bg);
}
.fw-section-soft {
background:
var(--fw-bg-soft);
}
.fw-section-blue-soft {
background:
var(--fw-bg-blue);
}
.fw-section-blue {
background:
var(--fw-blue);
color:
var(--fw-white);
}
.fw-section-blue h1,
.fw-section-blue h2,
.fw-section-blue h3,
.fw-section-blue h4 {
color:
var(--fw-white);
}
.fw-section-blue p,
.fw-section-blue .fw-lead,
.fw-section-blue .fw-small {
color:
rgba(255, 255, 255, 0.82);
}
.fw-section-head {
max-width:
780px;
margin-bottom:
52px;
}
.fw-section-head-center {
margin-left:
auto;
margin-right:
auto;
text-align:
center;
}
.fw-section-head-center .fw-lead {
margin-left:
auto;
margin-right:
auto;
}
/* ==========================================================
06. BUTTONS
========================================================== */
.fw-btn,
a.fw-btn,
button.fw-btn,
input.fw-btn {
display:
inline-flex;
align-items:
center;
justify-content:
center;
gap:
10px;
min-height:
52px;
padding:
14px 27px;
border:
2px solid var(--fw-blue);
border-radius:
var(--fw-radius-pill);
background:
var(--fw-blue);
color:
var(--fw-white) !important;
font-family:
var(--fw-font-body);
font-size:
0.95rem;
font-weight:
700;
line-height:
1.2;
text-decoration:
none !important;
cursor:
pointer;
transition:
background var(--fw-transition),
border-color var(--fw-transition),
color var(--fw-transition),
transform var(--fw-transition),
box-shadow var(--fw-transition);
}
.fw-btn:hover {
background:
var(--fw-blue-dark);
border-color:
var(--fw-blue-dark);
color:
var(--fw-white) !important;
transform:
translateY(-2px);
box-shadow:
var(--fw-shadow-sm);
}
.fw-btn.fw-btn-outline,
a.fw-btn.fw-btn-outline {
background:
transparent !important;
border-color:
var(--fw-blue) !important;
color:
var(--fw-blue) !important;
}
.fw-btn.fw-btn-outline:hover,
a.fw-btn.fw-btn-outline:hover {
background:
var(--fw-blue) !important;
border-color:
var(--fw-blue) !important;
color:
var(--fw-white) !important;
}
.fw-btn-white {
background:
var(--fw-white);
border-color:
var(--fw-white);
color:
var(--fw-blue) !important;
}
.fw-btn-white:hover {
background:
transparent;
color:
var(--fw-white) !important;
}
.fw-btn-text {
background:
none;
border:
0;
border-radius:
0;
min-height:
auto;
padding:
0;
color:
var(--fw-blue) !important;
font-weight:
700;
}
.fw-btn-text:hover {
color:
var(--fw-brown) !important;
box-shadow:
none;
transform:
none;
}
/* ==========================================================
07. ACCENT ELEMENTS
========================================================== */
.fw-line {
display:
block;
width:
64px;
height:
2px;
margin-bottom:
24px;
background:
var(--fw-brown);
}
.fw-line-center {
margin-left:
auto;
margin-right:
auto;
}
.fw-divider {
height:
1px;
background:
var(--fw-border);
}
/* ==========================================================
08. HEADER DESKTOP / STICKY
========================================================== */
#Header_wrapper,
#Header {
background: var(--fw-white) !important;
}
#Top_bar {
background: rgba(255,255,255,0.99) !important;
box-shadow: none;
transition:
background var(--fw-transition),
box-shadow var(--fw-transition);
}
#Top_bar .container {
width: min(calc(100% - 48px), var(--fw-content-width)) !important;
max-width: var(--fw-content-width) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#Top_bar .column.one {
width: 100% !important;
margin: 0 !important;
}
#Top_bar .top_bar_left {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 100px !important;
}
#Top_bar .logo {
float: none !important;
display: flex !important;
align-items: center !important;
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar #logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 275px !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
}
#Top_bar #logo img {
width: 100% !important;
height: auto !important;
max-width: 275px !important;
max-height: 74px !important;
margin: 0 !important;
object-fit: contain !important;
object-position: left center !important;
}
/* BeTheme erzeugt vier Logo-Varianten. Wir verwenden bewusst nur das Hauptlogo. */
#Top_bar #logo .logo-main {
display: block !important;
}
#Top_bar #logo .logo-sticky,
#Top_bar #logo .logo-mobile,
#Top_bar #logo .logo-mobile-sticky {
display: none !important;
}
/* Navigation */
#Top_bar .menu_wrapper {
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 1 1 auto;
min-height: 100px !important;
margin-left: 48px !important;
}
#Top_bar #menu,
#Top_bar #menu > ul,
#Top_bar .menu {
height: auto !important;
}
#Top_bar .menu {
display: flex !important;
align-items: center !important;
}
#Top_bar .menu > li {
display: flex !important;
align-items: center !important;
height: auto !important;
}
#Top_bar .menu > li > a,
#Top_bar .menu > li > a span,
#Top_bar .fw-header-cta > a,
#Top_bar .fw-header-cta > a span {
font-family: var(--fw-font-body) !important;
}
#Top_bar .menu > li > a {
display: flex !important;
align-items: center !important;
height: auto !important;
padding: 0 !important;
color: var(--fw-blue) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
#Top_bar .menu > li > a span:not(.description) {
display: inline-flex !important;
align-items: center !important;
height: auto !important;
padding: 13px 13px !important;
border: 0 !important;
line-height: 1.2 !important;
}
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li > a:hover {
color: var(--fw-brown) !important;
}
/* Header CTA */
#Top_bar .menu > li.fw-header-cta > a {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 0 0 8px !important;
}
#Top_bar .menu > li.fw-header-cta > a > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: var(--fw-radius-pill) !important;
background: var(--fw-blue) !important;
color: var(--fw-white) !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1 !important;
white-space: nowrap !important;
transition:
background var(--fw-transition),
transform var(--fw-transition) !important;
}
#Top_bar .menu > li.fw-header-cta > a:hover > span {
background: var(--fw-blue-dark) !important;
color: var(--fw-white) !important;
transform: translateY(-1px);
}
/* Sticky */
#Top_bar.is-sticky {
background: rgba(255,255,255,0.99) !important;
box-shadow: 0 7px 28px rgba(22,44,61,0.08) !important;
}
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 82px !important;
}
#Top_bar.is-sticky #logo {
width: 240px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 240px !important;
max-height: 62px !important;
}
/* ==========================================================
09. MOBILE HEADER / SIDE SLIDE
========================================================== */
.responsive-menu-toggle {
color: var(--fw-blue) !important;
font-family: var(--fw-font-body) !important;
}
#Side_slide {
background: var(--fw-blue) !important;
font-family: var(--fw-font-body) !important;
}
#Side_slide .close-wrapper a {
color: var(--fw-white) !important;
}
#Side_slide #menu ul li a,
#Side_slide #menu ul li a span {
font-family: var(--fw-font-body) !important;
}
#Side_slide #menu ul li a {
color: rgba(255,255,255,0.88) !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
#Side_slide #menu ul li.current-menu-item > a,
#Side_slide #menu ul li a:hover {
color: var(--fw-brown-light) !important;
}
#Side_slide #menu ul li.fw-header-cta {
margin-top: 14px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
#Side_slide #menu ul li.fw-header-cta > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 11px 16px !important;
border-radius: var(--fw-radius-pill) !important;
background: var(--fw-white) !important;
color: var(--fw-blue) !important;
font-weight: 700 !important;
}
#Side_slide #menu ul li.fw-header-cta > a:hover {
background: var(--fw-bg) !important;
color: var(--fw-blue) !important;
}
/* ==========================================================
10. HERO
========================================================== */
.fw-hero {
position: relative;
display: block !important;
min-height: 0 !important;
padding: 92px 0 100px !important;
overflow: hidden;
background: var(--fw-bg) !important;
}
/* BeTheme-Grid im Hero neutralisieren */
.fw-hero .section_wrapper,
.fw-hero .mcb-wrap,
.fw-hero .mcb-wrap-inner,
.fw-hero .mcb-column,
.fw-hero .mcb-column-inner,
.fw-hero .column_attr {
width: 100% !important;
max-width: none !important;
}
.fw-hero .mcb-wrap-inner {
display: block !important;
grid-template-columns: 1fr !important;
}
.fw-hero .mcb-column {
display: block !important;
grid-column: 1 / -1 !important;
}
.fw-hero .fw-container {
width: min(calc(100% - 48px), var(--fw-content-width)) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.fw-hero-inner {
display: grid !important;
grid-template-columns:
minmax(0, 0.95fr)
minmax(0, 1.05fr) !important;
align-items: center !important;
gap: 72px !important;
}
.fw-hero-copy {
position: relative;
z-index: 2;
width: 100% !important;
max-width: 555px !important;
min-width: 0 !important;
}
.fw-hero-copy h1 {
width: 100% !important;
max-width: 555px !important;
margin-bottom: 27px !important;
font-size: clamp(3.6rem, 4.25vw, 4.45rem) !important;
line-height: 0.99 !important;
letter-spacing: -0.025em !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.fw-hero-copy .fw-eyebrow {
margin-bottom: 17px !important;
}
.fw-hero-copy .fw-lead {
max-width: 525px !important;
font-size: 1.06rem !important;
line-height: 1.68 !important;
}
.fw-hero-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 11px !important;
margin-top: 30px !important;
}
.fw-hero-actions .fw-btn {
width: auto !important;
white-space: nowrap !important;
}
.fw-hero-actions .fw-btn.fw-btn-outline {
background: transparent !important;
border-color: var(--fw-blue) !important;
color: var(--fw-blue) !important;
}
.fw-hero-actions .fw-btn.fw-btn-outline:hover {
background: var(--fw-blue) !important;
border-color: var(--fw-blue) !important;
color: var(--fw-white) !important;
}
/* Hero image */
.fw-hero-image {
position: relative;
width: 100% !important;
min-width: 0 !important;
}
.fw-hero-image img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 18px !important;
box-shadow: 0 18px 50px rgba(22,44,61,0.10) !important;
}
.fw-hero-image::before {
content: "";
position: absolute;
right: -16px;
bottom: -16px;
width: 54%;
height: 44%;
z-index: -1;
border-radius: 18px;
background: rgba(160,126,91,0.18);
}
/* ==========================================================
11. QUICK FACTS
========================================================== */
.fw-facts {
display:
grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
border:
1px solid var(--fw-border);
border-radius:
var(--fw-radius);
overflow:
hidden;
background:
var(--fw-white);
box-shadow:
var(--fw-shadow-sm);
}
.fw-fact {
position:
relative;
padding:
28px 20px;
text-align:
center;
background:
var(--fw-white);
}
.fw-fact:not(:last-child)::after {
content:
"";
position:
absolute;
right:
0;
top:
20%;
height:
60%;
width:
1px;
background:
var(--fw-border);
}
.fw-fact-icon {
display:
flex;
align-items:
center;
justify-content:
center;
width:
42px;
height:
42px;
margin:
0 auto 10px;
color:
var(--fw-brown);
}
.fw-fact-icon svg {
width:
26px;
height:
26px;
}
.fw-fact-value {
display:
block;
font-size:
1rem;
font-weight:
700;
color:
var(--fw-blue);
}
.fw-fact-label {
display:
block;
margin-top:
3px;
font-size:
0.82rem;
line-height:
1.4;
color:
var(--fw-text-muted);
}
/* ==========================================================
12. STANDARD SPLIT MODULES
========================================================== */
.fw-split {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
align-items:
center;
gap:
clamp(50px, 7vw, 100px);
}
.fw-split-reverse .fw-split-media {
order:
2;
}
.fw-split-reverse .fw-split-copy {
order:
1;
}
.fw-split-media img {
width:
100%;
display:
block;
border-radius:
var(--fw-radius);
object-fit:
cover;
}
.fw-split-media-portrait img {
aspect-ratio:
4 / 5;
}
.fw-split-media-landscape img {
aspect-ratio:
4 / 3;
}
.fw-split-copy {
max-width:
560px;
}
/* ==========================================================
13. IMAGE STYLES
========================================================== */
.fw-image {
display:
block;
width:
100%;
border-radius:
var(--fw-radius);
object-fit:
cover;
}
.fw-image-shadow {
box-shadow:
var(--fw-shadow);
}
.fw-image-cover {
width:
100%;
height:
100%;
object-fit:
cover;
}
/* ==========================================================
14. GALLERY
========================================================== */
.fw-gallery {
display:
grid;
grid-template-columns:
repeat(12, minmax(0, 1fr));
grid-auto-flow:
dense;
gap:
14px;
}
.fw-gallery-item {
position:
relative;
overflow:
hidden;
border-radius:
var(--fw-radius);
background:
var(--fw-bg);
}
.fw-gallery-item img {
width:
100%;
height:
100%;
display:
block;
object-fit:
cover;
transition:
transform var(--fw-transition-slow);
}
.fw-gallery-item:hover img {
transform:
scale(1.035);
}
.fw-gallery-item-large {
grid-column:
span 8;
grid-row:
span 2;
min-height:
520px;
}
.fw-gallery-item-medium {
grid-column:
span 4;
min-height:
252px;
}
.fw-gallery-item-half {
grid-column:
span 6;
min-height:
340px;
}
.fw-gallery-more {
position:
absolute;
right:
14px;
bottom:
14px;
display:
inline-flex;
align-items:
center;
padding:
9px 14px;
border-radius:
var(--fw-radius-pill);
background:
rgba(22, 44, 61, 0.88);
color:
var(--fw-white);
font-size:
0.8rem;
font-weight:
700;
}
/* ==========================================================
15. DIGITALER RUNDGANG
========================================================== */
.fw-tour {
position:
relative;
}
.fw-tour-layout {
display:
grid;
grid-template-columns:
minmax(0, 1.05fr)
minmax(340px, 0.95fr);
gap:
clamp(40px, 6vw, 80px);
align-items:
center;
}
.fw-tour-plan {
position:
relative;
padding:
28px;
border:
1px solid var(--fw-border-soft);
border-radius:
var(--fw-radius-lg);
background:
var(--fw-white);
box-shadow:
var(--fw-shadow-sm);
}
.fw-tour-plan svg {
width:
100%;
height:
auto;
display:
block;
}
/* ----------------------------------
SVG room areas
---------------------------------- */
.fw-tour-room {
fill:
rgba(160, 126, 91, 0.06);
stroke:
var(--fw-blue);
stroke-width:
1.5;
cursor:
pointer;
transition:
fill var(--fw-transition),
stroke var(--fw-transition);
}
.fw-tour-room:hover,
.fw-tour-room.is-active,
.fw-tour-room:focus {
fill:
rgba(160, 126, 91, 0.24);
stroke:
var(--fw-brown);
outline:
none;
}
/* ----------------------------------
Tour preview
---------------------------------- */
.fw-tour-preview {
position:
relative;
}
.fw-tour-preview-image {
overflow:
hidden;
border-radius:
var(--fw-radius);
background:
var(--fw-bg);
}
.fw-tour-preview-image img {
width:
100%;
aspect-ratio:
4 / 3;
object-fit:
cover;
display:
block;
}
.fw-tour-preview-copy {
padding-top:
22px;
}
/* ----------------------------------
Mobile room buttons
---------------------------------- */
.fw-tour-buttons {
display:
flex;
flex-wrap:
wrap;
gap:
9px;
margin-top:
24px;
}
.fw-tour-button {
padding:
9px 14px;
border:
1px solid var(--fw-border);
border-radius:
var(--fw-radius-pill);
background:
var(--fw-white);
color:
var(--fw-blue);
font-family:
var(--fw-font-body);
font-size:
0.82rem;
font-weight:
700;
cursor:
pointer;
transition:
var(--fw-transition);
}
.fw-tour-button:hover,
.fw-tour-button.is-active {
background:
var(--fw-blue);
border-color:
var(--fw-blue);
color:
var(--fw-white);
}
/* ==========================================================
16. AUSSTATTUNG
========================================================== */
.fw-equipment {
display:
grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
20px;
}
.fw-equipment-group {
padding:
30px;
border:
1px solid var(--fw-border-soft);
border-radius:
var(--fw-radius);
background:
var(--fw-white);
}
.fw-equipment-title {
display:
flex;
align-items:
center;
gap:
10px;
margin-bottom:
20px;
}
.fw-equipment-title h3 {
margin:
0;
font-family:
var(--fw-font-body);
font-size:
1rem;
font-weight:
700;
}
.fw-equipment-title-icon {
color:
var(--fw-brown);
}
.fw-equipment-list {
margin:
0;
padding:
0;
list-style:
none;
}
.fw-equipment-list li {
position:
relative;
padding-left:
24px;
margin-bottom:
9px;
font-size:
0.92rem;
line-height:
1.55;
color:
var(--fw-text);
}
.fw-equipment-list li:last-child {
margin-bottom:
0;
}
.fw-equipment-list li::before {
content:
"";
position:
absolute;
left:
0;
top:
0.68em;
width:
8px;
height:
8px;
border-radius:
50%;
background:
var(--fw-brown);
}
/* ==========================================================
17. ZIELGRUPPEN / ANLÄSSE
========================================================== */
.fw-audience {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
1px;
border:
1px solid var(--fw-border);
border-radius:
var(--fw-radius);
overflow:
hidden;
background:
var(--fw-border);
}
.fw-audience-item {
position:
relative;
padding:
38px;
background:
var(--fw-white);
}
.fw-audience-number {
display:
block;
margin-bottom:
16px;
font-size:
0.74rem;
font-weight:
700;
letter-spacing:
0.12em;
color:
var(--fw-brown);
}
.fw-audience-item h3 {
margin-bottom:
12px;
}
.fw-audience-item p {
color:
var(--fw-text-muted);
}
/* ==========================================================
18. LAGE / REMSCHEID
========================================================== */
.fw-location {
display:
grid;
grid-template-columns:
minmax(0, 0.9fr)
minmax(0, 1.1fr);
gap:
clamp(50px, 7vw, 90px);
align-items:
center;
}
.fw-location-list {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
14px 30px;
margin-top:
28px;
}
.fw-location-item {
padding-bottom:
12px;
border-bottom:
1px solid var(--fw-border-soft);
}
.fw-location-value {
font-weight:
700;
color:
var(--fw-blue);
}
.fw-location-label {
display:
block;
font-size:
0.82rem;
color:
var(--fw-text-muted);
}
/* ----------------------------------
Map / Consent placeholder
---------------------------------- */
.fw-map {
position:
relative;
min-height:
430px;
overflow:
hidden;
border-radius:
var(--fw-radius);
background:
var(--fw-bg-blue);
}
.fw-map iframe {
width:
100%;
height:
100%;
min-height:
430px;
border:
0;
}
.fw-map-placeholder {
min-height:
430px;
display:
flex;
flex-direction:
column;
align-items:
center;
justify-content:
center;
text-align:
center;
padding:
30px;
color:
var(--fw-blue);
}
/* ==========================================================
19. GASTGEBER / TRUST
========================================================== */
.fw-host {
display:
grid;
grid-template-columns:
minmax(280px, 0.8fr)
minmax(0, 1.2fr);
gap:
clamp(45px, 6vw, 80px);
align-items:
center;
}
.fw-host-image img {
width:
100%;
aspect-ratio:
4 / 5;
object-fit:
cover;
border-radius:
var(--fw-radius);
}
.fw-trust-row {
display:
flex;
flex-wrap:
wrap;
align-items:
center;
gap:
24px;
margin-top:
32px;
}
.fw-trust-logo {
max-width:
135px;
max-height:
65px;
object-fit:
contain;
}
/* ----------------------------------
Reviews
---------------------------------- */
.fw-review {
padding:
28px;
border:
1px solid var(--fw-border-soft);
border-radius:
var(--fw-radius);
background:
var(--fw-white);
}
.fw-review-stars {
margin-bottom:
13px;
letter-spacing:
0.08em;
color:
var(--fw-brown);
}
.fw-review-text {
font-size:
0.95rem;
line-height:
1.65;
color:
var(--fw-text);
}
.fw-review-author {
margin-top:
16px;
font-size:
0.8rem;
font-weight:
700;
color:
var(--fw-text-muted);
}
/* ==========================================================
20. PREISE
========================================================== */
.fw-pricing {
display:
grid;
grid-template-columns:
minmax(0, 1fr)
minmax(300px, 0.7fr);
gap:
40px;
align-items:
start;
}
.fw-price-card {
padding:
36px;
border-radius:
var(--fw-radius-lg);
background:
var(--fw-blue);
color:
var(--fw-white);
box-shadow:
var(--fw-shadow);
}
.fw-price-card h2,
.fw-price-card h3 {
color:
var(--fw-white);
}
.fw-price {
display:
flex;
align-items:
baseline;
gap:
8px;
margin:
20px 0;
}
.fw-price-value {
font-family:
var(--fw-font-heading);
font-size:
3rem;
font-weight:
500;
line-height:
1;
color:
var(--fw-white);
}
.fw-price-unit {
font-size:
0.82rem;
color:
rgba(255, 255, 255, 0.72);
}
.fw-price-note {
font-size:
0.83rem;
color:
rgba(255, 255, 255, 0.75);
}
/* ==========================================================
21. FAQ / BETHEME ACCORDION
========================================================== */
.fw-faq,
.accordion.fw-faq {
border-top:
1px solid var(--fw-border);
}
.fw-faq-item {
border-bottom:
1px solid var(--fw-border);
}
.fw-faq-question {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
20px;
width:
100%;
padding:
24px 0;
background:
transparent;
border:
0;
font-family:
var(--fw-font-body);
font-size:
1rem;
font-weight:
700;
text-align:
left;
color:
var(--fw-blue);
cursor:
pointer;
}
.fw-faq-answer {
padding:
0 0 28px;
color:
var(--fw-text-muted);
}
/* ----------------------------------
BeTheme Accordion
---------------------------------- */
.accordion.fw-faq .question {
margin:
0;
border:
0;
border-bottom:
1px solid var(--fw-border);
background:
transparent;
box-shadow:
none;
}
.accordion.fw-faq .question .title {
padding:
24px 44px 24px 0;
font-family:
var(--fw-font-body);
font-size:
1rem;
font-weight:
700;
color:
var(--fw-blue);
}
.accordion.fw-faq .question .answer {
padding:
0 0 28px;
color:
var(--fw-text-muted);
}
.accordion.fw-faq .question .title > .acc-icon-plus,
.accordion.fw-faq .question .title > .acc-icon-minus {
color:
var(--fw-brown);
}
/* ==========================================================
22. KONTAKTSECTION
========================================================== */
.fw-contact {
display:
grid;
grid-template-columns:
minmax(0, 0.75fr)
minmax(0, 1.25fr);
gap:
clamp(50px, 7vw, 90px);
align-items:
start;
}
.fw-contact-details {
position:
sticky;
top:
120px;
}
.fw-contact-list {
margin-top:
30px;
}
.fw-contact-item {
padding:
16px 0;
border-bottom:
1px solid var(--fw-border-soft);
}
.fw-contact-label {
display:
block;
margin-bottom:
3px;
font-size:
0.75rem;
font-weight:
700;
text-transform:
uppercase;
letter-spacing:
0.08em;
color:
var(--fw-brown);
}
/* ==========================================================
23. CF7 FORMULAR
========================================================== */
.fw-form {
width:
100%;
}
.fw-form-grid {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
20px;
}
.fw-form-full {
grid-column:
1 / -1;
}
.fw-form-group {
margin-bottom:
20px;
}
.fw-form label {
display:
block;
margin-bottom:
8px;
font-size:
0.82rem;
font-weight:
700;
color:
var(--fw-blue);
}
.fw-form input[type="text"],
.fw-form input[type="email"],
.fw-form input[type="tel"],
.fw-form input[type="date"],
.fw-form input[type="number"],
.fw-form select,
.fw-form textarea {
width:
100%;
min-height:
52px;
padding:
13px 15px;
border:
1px solid rgba(22, 44, 61, 0.22);
border-radius:
var(--fw-radius-sm);
background:
var(--fw-white);
color:
var(--fw-blue);
font-family:
var(--fw-font-body);
font-size:
16px;
line-height:
1.5;
box-shadow:
none;
outline:
none;
transition:
border-color var(--fw-transition),
box-shadow var(--fw-transition);
}
.fw-form textarea {
min-height:
155px;
resize:
vertical;
}
.fw-form input:focus,
.fw-form select:focus,
.fw-form textarea:focus {
border-color:
var(--fw-blue);
box-shadow:
0 0 0 3px rgba(22, 44, 61, 0.08);
}
.fw-form input::placeholder,
.fw-form textarea::placeholder {
color:
#8a959c;
}
/* ----------------------------------
Checkbox / Acceptance
---------------------------------- */
.fw-form .wpcf7-list-item {
margin:
0;
}
.fw-form .wpcf7-acceptance label {
display:
flex;
align-items:
flex-start;
gap:
10px;
font-size:
0.8rem;
font-weight:
400;
line-height:
1.55;
}
.fw-form input[type="checkbox"] {
margin-top:
4px;
accent-color:
var(--fw-blue);
}
/* ----------------------------------
Validation
---------------------------------- */
.fw-form .wpcf7-not-valid {
border-color:
#b34545 !important;
}
.fw-form .wpcf7-not-valid-tip {
margin-top:
6px;
font-size:
0.76rem;
color:
#9c3030;
}
.fw-form .wpcf7-response-output {
margin:
24px 0 0 !important;
padding:
14px 16px !important;
border:
0 !important;
border-radius:
var(--fw-radius-sm);
background:
var(--fw-bg);
color:
var(--fw-blue);
}
.fw-form form.sent .wpcf7-response-output {
background:
#edf5f0;
}
/* ==========================================================
24. MOBILE STICKY CTA
========================================================== */
.fw-mobile-cta {
display:
none;
}
/* ==========================================================
26. COOKIE / BORLABS COOKIE
========================================================== */
#BorlabsCookieBox {
font-family:
var(--fw-font-body);
}
#BorlabsCookieBox ._brlbs-box {
border-radius:
var(--fw-radius) !important;
box-shadow:
var(--fw-shadow-lg);
}
#BorlabsCookieBox ._brlbs-box h3,
#BorlabsCookieBox ._brlbs-box h4 {
font-family:
var(--fw-font-body);
color:
var(--fw-blue);
}
#BorlabsCookieBox ._brlbs-btn {
border-radius:
var(--fw-radius-pill) !important;
font-family:
var(--fw-font-body) !important;
font-weight:
700 !important;
}
#BorlabsCookieBox ._brlbs-btn-accept-all {
background:
var(--fw-blue) !important;
color:
var(--fw-white) !important;
}
#BorlabsCookieBox ._brlbs-btn-accept-all:hover {
background:
var(--fw-blue-dark) !important;
}
/* ==========================================================
27. IMPRESSUM / DATENSCHUTZ / TEXTSEITEN
========================================================== */
.fw-legal {
max-width:
850px;
margin:
0 auto;
}
.fw-legal h1 {
margin-bottom:
46px;
}
.fw-legal h2 {
margin-top:
55px;
font-size:
clamp(1.8rem, 3vw, 2.35rem);
}
.fw-legal h3 {
margin-top:
36px;
font-family:
var(--fw-font-body);
font-size:
1.1rem;
font-weight:
700;
}
.fw-legal p,
.fw-legal li {
font-size:
0.96rem;
line-height:
1.75;
}
/* ==========================================================
28. SEO LANDINGPAGE
========================================================== */
.fw-landing-hero {
padding:
110px 0 90px;
background:
var(--fw-bg);
}
.fw-landing-hero-inner {
max-width:
850px;
}
.fw-landing-content {
max-width:
850px;
}
.fw-landing-content h2 {
margin-top:
65px;
}
.fw-landing-content h3 {
margin-top:
40px;
}
/* ==========================================================
29. UTILITIES
========================================================== */
.fw-text-center {
text-align: center;
}
.fw-text-left {
text-align: left;
}
.fw-mx-auto {
margin-left: auto;
margin-right: auto;
}
.fw-hidden {
display: none !important;
}
.fw-visible-mobile {
display: none !important;
}
.fw-no-margin {
margin: 0 !important;
}
.fw-no-padding {
padding: 0 !important;
}
/* ==========================================================
30. ACCESSIBILITY
========================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline:
3px solid rgba(160, 126, 91, 0.55);
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration:
0.01ms !important;
animation-iteration-count:
1 !important;
transition-duration:
0.01ms !important;
}
}
/* ==========================================================
31. TABLET
========================================================== */
@media only screen and (max-width: 959px) {
:root {
--fw-section-space: 90px;
--fw-section-space-small: 65px;
}
.fw-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fw-fact:nth-child(2)::after {
display: none;
}
.fw-split {
gap: 50px;
}
.fw-tour-layout {
grid-template-columns: 1fr 1fr;
}
.fw-equipment {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fw-contact {
grid-template-columns: 0.9fr 1.1fr;
}
}
/* ==========================================================
32. RESPONSIVE HEADER / TABLET HERO
========================================================== */
@media only screen and (max-width: 1240px) {
#Top_bar .container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
#Top_bar .column.one {
width: 100% !important;
margin: 0 !important;
}
#Top_bar .top_bar_left {
min-height: 84px !important;
}
#Top_bar #logo {
width: 235px !important;
margin-left: 0 !important;
}
#Top_bar #logo img.logo-main {
max-width: 235px !important;
max-height: 64px !important;
}
#Top_bar .menu_wrapper {
min-height: 84px !important;
margin-left: auto !important;
}
.responsive-menu-toggle {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
margin: 0 0 0 auto !important;
}
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 76px !important;
}
#Top_bar.is-sticky #logo {
width: 220px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 220px !important;
max-height: 58px !important;
}
}
@media only screen and (max-width: 1050px) {
.fw-hero {
padding: 72px 0 80px !important;
}
.fw-hero-inner {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr) !important;
gap: 42px !important;
}
.fw-hero-copy h1 {
font-size: clamp(3rem, 5.3vw, 3.7rem) !important;
}
}
/* ==========================================================
33. MOBILE
========================================================== */
@media only screen and (max-width: 767px) {
:root {
--fw-section-space: 72px;
--fw-section-space-small: 54px;
--fw-header-height: var(--fw-header-height-mobile);
}
html {
scroll-padding-top: 82px;
}
body,
#Wrapper,
#Content {
font-size: 16px;
line-height: 1.68;
}
.fw-container,
.fw-container-narrow {
width: calc(100% - 36px);
}
h1 {
font-size: clamp(2.7rem, 13vw, 3.85rem);
line-height: 0.98;
margin-bottom: 22px;
}
h2 {
font-size: clamp(2.25rem, 10vw, 3rem);
line-height: 1.04;
margin-bottom: 20px;
}
h3 {
font-size: clamp(1.7rem, 7vw, 2rem);
}
.fw-lead {
font-size: 1.06rem;
}
.fw-section-head {
margin-bottom: 38px;
}
/* Header: exakt 18px vom linken und rechten Viewportrand */
#Top_bar .container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
#Top_bar .column.one {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar .top_bar_left {
width: 100% !important;
min-height: 82px !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar .logo {
margin: 0 !important;
padding: 0 !important;
}
#Top_bar #logo {
width: 225px !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar #logo img.logo-main {
width: 100% !important;
max-width: 225px !important;
max-height: 60px !important;
margin: 0 !important;
}
#Top_bar .menu_wrapper {
min-height: 82px !important;
margin-left: auto !important;
margin-right: 0 !important;
}
.responsive-menu-toggle {
margin-left: auto !important;
margin-right: 0 !important;
}
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 74px !important;
}
#Top_bar.is-sticky #logo {
width: 212px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 212px !important;
max-height: 56px !important;
}
/* Buttons */
.fw-btn {
min-height: 50px;
padding: 13px 22px;
font-size: 0.9rem;
}
/* Hero */
.fw-hero {
min-height: auto !important;
padding: 54px 0 64px !important;
}
.fw-hero .fw-container {
width: calc(100% - 36px) !important;
}
.fw-hero-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 38px !important;
}
.fw-hero-copy {
order: 1;
max-width: none !important;
}
.fw-hero-copy h1 {
max-width: none !important;
font-size: clamp(2.8rem, 13vw, 3.7rem) !important;
line-height: 0.99 !important;
}
.fw-hero-copy .fw-lead {
max-width: none !important;
font-size: 1rem !important;
}
.fw-hero-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-top: 28px !important;
}
.fw-hero-actions .fw-btn {
width: 100% !important;
}
.fw-hero-image {
order: 2;
width: 100% !important;
margin: 0 !important;
}
.fw-hero-image img {
width: 100% !important;
aspect-ratio: 4 / 3 !important;
border-radius: var(--fw-radius) !important;
}
.fw-hero-image::before {
display: none !important;
}
/* Facts */
.fw-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
border-radius: var(--fw-radius-sm);
}
.fw-fact {
padding: 22px 10px;
}
.fw-fact::after {
display: none !important;
}
.fw-fact:nth-child(odd) {
border-right: 1px solid var(--fw-border);
}
.fw-fact:nth-child(n+3) {
border-top: 1px solid var(--fw-border);
}
/* Split */
.fw-split {
grid-template-columns: 1fr;
gap: 34px;
}
.fw-split-media,
.fw-split-copy,
.fw-split-reverse .fw-split-media,
.fw-split-reverse .fw-split-copy {
order: initial;
}
.fw-split-copy {
max-width: none;
}
/* Gallery */
.fw-gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.fw-gallery-item,
.fw-gallery-item-large,
.fw-gallery-item-medium,
.fw-gallery-item-half {
grid-column: auto;
grid-row: auto;
min-height: 0;
}
.fw-gallery-item img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.fw-gallery-item:first-child {
grid-column: 1 / -1;
}
.fw-gallery-item:first-child img {
aspect-ratio: 4 / 3;
}
/* Tour */
.fw-tour-layout {
grid-template-columns: 1fr;
gap: 32px;
}
.fw-tour-plan {
padding: 16px;
}
.fw-tour-room {
stroke-width: 2;
}
.fw-tour-buttons {
gap: 7px;
}
.fw-tour-button {
min-height: 42px;
padding: 10px 13px;
}
/* Ausstattung */
.fw-equipment {
grid-template-columns: 1fr;
gap: 12px;
}
.fw-equipment-group {
padding: 24px;
}
/* Zielgruppen */
.fw-audience {
grid-template-columns: 1fr;
}
.fw-audience-item {
padding: 28px;
}
/* Location */
.fw-location {
grid-template-columns: 1fr;
gap: 36px;
}
.fw-location-list {
grid-template-columns: 1fr;
gap: 10px;
}
.fw-map,
.fw-map iframe,
.fw-map-placeholder {
min-height: 330px;
}
/* Host */
.fw-host {
grid-template-columns: 1fr;
gap: 35px;
}
.fw-host-image {
max-width: 420px;
}
.fw-trust-row {
gap: 18px;
}
/* Pricing */
.fw-pricing {
grid-template-columns: 1fr;
gap: 30px;
}
.fw-price-card {
padding: 30px;
}
/* Contact */
.fw-contact {
grid-template-columns: 1fr;
gap: 42px;
}
.fw-contact-details {
position: static;
}
.fw-form-grid {
grid-template-columns: 1fr;
gap: 0;
}
.fw-form-full {
grid-column: auto;
}
/* Footer */
#Footer .widgets_wrapper {
padding: 50px 0 35px;
}
#Footer .column {
margin-bottom: 28px;
}
/* Sticky CTA */
.fw-mobile-cta {
position: fixed;
left: 14px;
right: 14px;
bottom: calc(14px + env(safe-area-inset-bottom));
z-index: 9000;
display: block;
pointer-events: none;
}
.fw-mobile-cta .fw-btn {
display: flex;
width: 100%;
box-shadow: 0 10px 30px rgba(22,44,61,0.28);
pointer-events: auto;
}
body.fw-contact-visible .fw-mobile-cta {
opacity: 0;
pointer-events: none;
}
/* Utilities */
.fw-hidden-mobile {
display: none !important;
}
.fw-visible-mobile {
display: block !important;
}
}
/* ==========================================================
34. VERY SMALL MOBILE
========================================================== */
@media only screen and (max-width: 420px) {
.fw-container,
.fw-container-narrow {
width: calc(100% - 30px);
}
#Top_bar .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
#Top_bar #logo {
width: 210px !important;
}
#Top_bar #logo img.logo-main {
max-width: 210px !important;
max-height: 56px !important;
}
#Top_bar.is-sticky #logo {
width: 200px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 200px !important;
max-height: 54px !important;
}
h1 {
font-size: 2.8rem;
}
.fw-fact {
padding: 19px 8px;
}
.fw-audience-item,
.fw-price-card,
.fw-equipment-group {
padding: 22px;
}
}
/* ==========================================================
35. PRINT
========================================================== */
@media print {
#Header,
#Footer,
.fw-mobile-cta,
.fw-btn {
display: none !important;
}
body {
color: #000;
background: #fff;
}
}
/* ==========================================================
36. FINAL HEADER GEOMETRY FIX
Headerhöhe, Mobile-Burger und Sticky-Höhe
========================================================== */
/* BeTheme darf keine alte/reservierte Headerhöhe mehr halten */
#Header_wrapper,
#Header {
min-height: 100px !important;
height: 100px !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar:not(.is-sticky) {
min-height: 100px !important;
height: 100px !important;
}
#Top_bar:not(.is-sticky) .container,
#Top_bar:not(.is-sticky) .column.one,
#Top_bar:not(.is-sticky) .top_bar_left,
#Top_bar:not(.is-sticky) .menu_wrapper {
min-height: 100px !important;
height: 100px !important;
}
/* Der von BeTheme erzeugte Placeholder darf keine Zusatzhöhe erzeugen */
.header_placeholder {
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Sticky bewusst fast so präsent wie der normale Header */
#Top_bar.is-sticky {
min-height: 86px !important;
height: 86px !important;
}
#Top_bar.is-sticky .container,
#Top_bar.is-sticky .column.one,
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 86px !important;
height: 86px !important;
}
#Top_bar.is-sticky #logo {
width: 245px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 245px !important;
max-height: 64px !important;
}
/* ==========================================================
TABLET / MOBILE HEADER
========================================================== */
@media only screen and (max-width: 1240px) {
#Header_wrapper,
#Header {
min-height: 84px !important;
height: 84px !important;
}
#Top_bar:not(.is-sticky),
#Top_bar:not(.is-sticky) .container,
#Top_bar:not(.is-sticky) .column.one,
#Top_bar:not(.is-sticky) .top_bar_left {
min-height: 84px !important;
height: 84px !important;
}
/* Der Wrapper darf mobil nur den Burger belegen */
#Top_bar .menu_wrapper {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 84px !important;
min-height: 84px !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
overflow: visible !important;
}
/* Desktop-Menü sicher aus dem mobilen Header nehmen */
#Top_bar #menu {
display: none !important;
}
.responsive-menu-toggle {
position: static !important;
float: none !important;
right: auto !important;
left: auto !important;
top: auto !important;
transform: none !important;
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.responsive-menu-toggle i {
margin: 0 !important;
}
/* Sticky Tablet/Mobile */
#Top_bar.is-sticky,
#Top_bar.is-sticky .container,
#Top_bar.is-sticky .column.one,
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 80px !important;
height: 80px !important;
}
#Top_bar.is-sticky #logo {
width: 220px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 220px !important;
max-height: 60px !important;
}
}
@media only screen and (max-width: 767px) {
#Header_wrapper,
#Header {
min-height: 82px !important;
height: 82px !important;
}
#Top_bar:not(.is-sticky),
#Top_bar:not(.is-sticky) .container,
#Top_bar:not(.is-sticky) .column.one,
#Top_bar:not(.is-sticky) .top_bar_left,
#Top_bar:not(.is-sticky) .menu_wrapper {
min-height: 82px !important;
height: 82px !important;
}
/* Logo und Burger sitzen exakt im 18px-Seitenraster */
#Top_bar .container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-left: 18px !important;
padding-right: 18px !important;
box-sizing: border-box !important;
}
#Top_bar .column.one,
#Top_bar .top_bar_left {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#Top_bar #logo {
flex: 0 1 225px !important;
width: 225px !important;
max-width: calc(100vw - 98px) !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar #logo img.logo-main {
width: 100% !important;
max-width: 225px !important;
max-height: 60px !important;
}
#Top_bar .menu_wrapper {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
margin-left: auto !important;
}
/* Sticky Mobile nicht zu dünn */
#Top_bar.is-sticky,
#Top_bar.is-sticky .container,
#Top_bar.is-sticky .column.one,
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
min-height: 78px !important;
height: 78px !important;
}
#Top_bar.is-sticky #logo {
flex-basis: 212px !important;
width: 212px !important;
max-width: calc(100vw - 98px) !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 212px !important;
max-height: 58px !important;
}
}
/* Auf sehr kleinen Smartphones Logo etwas flexibel halten */
@media only screen and (max-width: 380px) {
#Top_bar #logo {
flex-basis: 205px !important;
width: 205px !important;
}
#Top_bar #logo img.logo-main {
max-width: 205px !important;
}
#Top_bar.is-sticky #logo {
flex-basis: 195px !important;
width: 195px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 195px !important;
}
}
/* ==========================================================
37. FINAL MOBILE POLISH
Nur Mobile – Desktop bleibt unverändert
========================================================== */
@media only screen and (max-width: 767px) {
/* Header kompakter */
#Header_wrapper,
#Header,
#Top_bar:not(.is-sticky),
#Top_bar:not(.is-sticky) .container,
#Top_bar:not(.is-sticky) .column.one,
#Top_bar:not(.is-sticky) .top_bar_left,
#Top_bar:not(.is-sticky) .menu_wrapper {
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
}
#Top_bar {
top: 0 !important;
}
#Top_bar .container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-left: 18px !important;
padding-right: 18px !important;
box-sizing: border-box !important;
}
#Top_bar .column.one,
#Top_bar .top_bar_left {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#Top_bar .logo {
margin: 0 !important;
padding: 0 !important;
}
/* Logo groß genug, aber kompakter im Header */
#Top_bar #logo {
flex: 0 1 205px !important;
width: 205px !important;
max-width: calc(100vw - 96px) !important;
height: 72px !important;
margin: 0 !important;
padding: 6px 0 !important;
}
#Top_bar #logo img.logo-main {
width: 100% !important;
max-width: 205px !important;
max-height: 58px !important;
margin: 0 !important;
object-position: left center !important;
}
/* Burger sicher innerhalb des Viewports */
#Top_bar .menu_wrapper {
position: static !important;
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
overflow: visible !important;
}
#Top_bar #menu {
display: none !important;
}
.responsive-menu-toggle {
position: static !important;
float: none !important;
transform: none !important;
right: auto !important;
left: auto !important;
top: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
.responsive-menu-toggle i {
display: block !important;
margin: 0 !important;
font-size: 27px !important;
line-height: 1 !important;
}
/* Sticky Mobile: präsent, aber nicht zu hoch */
#Top_bar.is-sticky,
#Top_bar.is-sticky .container,
#Top_bar.is-sticky .column.one,
#Top_bar.is-sticky .top_bar_left,
#Top_bar.is-sticky .menu_wrapper {
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
}
#Top_bar.is-sticky {
top: 0 !important;
}
#Top_bar.is-sticky #logo {
flex-basis: 198px !important;
width: 198px !important;
height: 70px !important;
padding: 6px 0 !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 198px !important;
max-height: 56px !important;
}
/* Hero auf Mobile kompakter und ruhiger */
.fw-hero {
padding: 34px 0 54px !important;
}
.fw-hero-copy h1 {
font-size: clamp(2.35rem, 10.8vw, 3rem) !important;
line-height: 1.00 !important;
letter-spacing: -0.022em !important;
margin-bottom: 24px !important;
}
.fw-hero-copy .fw-eyebrow {
margin-bottom: 14px !important;
font-size: 0.72rem !important;
letter-spacing: 0.13em !important;
}
.fw-hero-copy .fw-lead {
font-size: 0.98rem !important;
line-height: 1.65 !important;
}
.fw-hero-actions {
margin-top: 26px !important;
}
/* Side Slide: kompakter und CTA in einer Zeile */
#Side_slide #menu ul li a {
font-size: 0.96rem !important;
font-weight: 600 !important;
}
#Side_slide #menu ul li.fw-header-cta > a {
min-height: 44px !important;
padding: 10px 12px !important;
font-size: 0.92rem !important;
white-space: nowrap !important;
}
}
/* Sehr kleine Geräte */
@media only screen and (max-width: 380px) {
#Top_bar #logo {
flex-basis: 190px !important;
width: 190px !important;
}
#Top_bar #logo img.logo-main {
max-width: 190px !important;
}
#Top_bar.is-sticky #logo {
flex-basis: 184px !important;
width: 184px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
max-width: 184px !important;
}
.fw-hero-copy h1 {
font-size: 2.3rem !important;
}
}
/* ==========================================================
38. MOBILE HEADER HARD FIX
Burger garantiert sichtbar + Header wirklich kompakt
========================================================== */
@media only screen and (max-width: 767px) {
/* Header-Höhe hart auf 72 px begrenzen */
#Header_wrapper,
#Header,
#Top_bar,
#Top_bar:not(.is-sticky),
#Top_bar .container,
#Top_bar .column.one,
#Top_bar .top_bar_left {
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#Header_wrapper,
#Header {
overflow: visible !important;
}
#Top_bar .container {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 18px !important;
padding-right: 18px !important;
box-sizing: border-box !important;
}
#Top_bar .column.one {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar .top_bar_left {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Logo links exakt im 18-px-Raster */
#Top_bar .logo {
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
#Top_bar #logo {
display: block !important;
width: 205px !important;
max-width: calc(100vw - 100px) !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
#Top_bar #logo img.logo-main {
display: block !important;
width: 205px !important;
max-width: 100% !important;
max-height: 58px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
}
/* Desktop-Menü mobil vollständig aus dem Layout nehmen */
#Top_bar #menu {
display: none !important;
}
/* Menu Wrapper rechts fest positionieren */
#Top_bar .menu_wrapper {
position: absolute !important;
right: 0 !important;
left: auto !important;
top: 0 !important;
display: block !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
/* Burger unabhängig von BeThemes Icon-Darstellung zeichnen */
.responsive-menu-toggle {
position: absolute !important;
right: 0 !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: var(--fw-blue) !important;
z-index: 9999 !important;
}
.responsive-menu-toggle i {
display: none !important;
}
.responsive-menu-toggle::before {
content: "" !important;
display: block !important;
width: 27px !important;
height: 2px !important;
border-radius: 2px !important;
background: var(--fw-blue) !important;
box-shadow:
0 -8px 0 var(--fw-blue),
0 8px 0 var(--fw-blue) !important;
}
/* Sticky Mobile */
#Top_bar.is-sticky,
#Top_bar.is-sticky .container,
#Top_bar.is-sticky .column.one,
#Top_bar.is-sticky .top_bar_left {
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
}
#Top_bar.is-sticky .menu_wrapper {
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
}
#Top_bar.is-sticky #logo {
width: 195px !important;
}
#Top_bar.is-sticky #logo img.logo-main {
width: 195px !important;
max-height: 55px !important;
}
/* BeTheme-Abstände innerhalb des Hero mobil vollständig neutralisieren */
.fw-hero .section_wrapper,
.fw-hero .mcb-wrap,
.fw-hero .mcb-wrap-inner,
.fw-hero .mcb-column,
.fw-hero .mcb-column-inner,
.fw-hero .column_attr {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Tatsächlicher Abstand zwischen Header und Hero-Inhalt */
.fw-hero {
padding-top: 34px !important;
padding-bottom: 54px !important;
}
}
/* Sehr kleine Smartphones */
@media only screen and (max-width: 380px) {
#Top_bar #logo {
width: 188px !important;
max-width: calc(100vw - 96px) !important;
}
#Top_bar #logo img.logo-main {
width: 188px !important;
}
#Top_bar.is-sticky #logo,
#Top_bar.is-sticky #logo img.logo-main {
width: 180px !important;
}
}
/* ==========================================================
HERO – ABSTAND NACH HEADER REDUZIEREN
========================================================== */
.fw-hero {
padding-top: 52px !important;
}
@media only screen and (max-width: 1050px) {
.fw-hero {
padding-top: 40px !important;
}
}
@media only screen and (max-width: 767px) {
.fw-hero {
padding-top: 24px !important;
}
}
/* ==========================================================
HEADER → CONTENT ABSTAND FINAL ENTFERNEN
========================================================== */
#Header_wrapper,
#Header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#Content,
.content_wrapper,
.sections_group,
.entry-content,
.mfn-builder-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Hero beginnt unmittelbar nach dem Header */
.fw-hero {
margin-top: 0 !important;
}
/* ==========================================================
MOBILE HERO – BILD VOR DEN BUTTONS
========================================================== */
@media only screen and (max-width: 767px) {
/* Die Inhalte der Copy werden direkte Flex-Elemente */
.fw-hero-copy {
display: contents !important;
}
.fw-hero-inner {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
/* Reihenfolge */
.fw-hero-copy .fw-eyebrow {
order: 1;
}
.fw-hero-copy h1 {
order: 2;
}
.fw-hero-copy .fw-lead {
order: 3;
}
.fw-hero-image {
order: 4 !important;
margin-top: 30px !important;
}
.fw-hero-actions {
order: 5 !important;
width: 100% !important;
margin-top: 26px !important;
}
}
/* Mobile Hero – etwas mehr Luft nach oben */
@media only screen and (max-width: 767px) {
.fw-hero {
padding-top: 46px !important;
}
}
/* Hero – etwas mehr Luft nach oben */
.fw-hero {
padding-top: 64px !important;
}
@media only screen and (max-width: 1050px) {
.fw-hero {
padding-top: 54px !important;
}
}
@media only screen and (max-width: 767px) {
.fw-hero {
padding-top: 46px !important;
}
}
/* ==========================================================
CONTENT COPY – EINHEITLICHE FLIESSTEXT-OPTIK
wie im Hero
========================================================== */
.fw-copy p,
.fw-copy .fw-lead {
font-size: 1.06rem !important;
line-height: 1.68 !important;
color: var(--fw-text-muted) !important;
}
.fw-copy p {
margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
.fw-copy p,
.fw-copy .fw-lead {
font-size: 1rem !important;
line-height: 1.65 !important;
}
}
/* ==========================================================
MOBILE – CONTENT-BILD DIREKT NACH DER ÜBERSCHRIFT
========================================================== */
@media only screen and (max-width: 767px) {
.fw-split {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
/* Copy-Inhalte werden direkte Flex-Elemente */
.fw-split-copy {
display: contents !important;
}
.fw-split-copy > .fw-eyebrow {
order: 1;
}
.fw-split-copy > h2 {
order: 2;
}
.fw-split-media {
order: 3 !important;
margin: 28px 0 30px !important;
}
.fw-split-copy > p {
order: 4;
}
.fw-split-copy > .fw-btn-text {
order: 5;
}
}
/* ==========================================================
APARTMENT GALLERY
========================================================== */
.fw-section-head {
max-width: 760px;
margin-bottom: 48px;
}
.fw-apartment-gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 320px 320px;
gap: 20px;
}
.fw-apartment-image {
position: relative;
overflow: hidden;
margin: 0;
border-radius: 18px;
background: #eee;
}
.fw-apartment-image-large {
grid-row: span 2;
}
.fw-apartment-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s ease;
}
.fw-apartment-image:hover img {
transform: scale(1.025);
}
.fw-apartment-image figcaption {
position: absolute;
left: 20px;
right: 20px;
bottom: 18px;
padding: 14px 17px;
border-radius: 12px;
background: rgba(255,255,255,.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.fw-apartment-image figcaption span,
.fw-apartment-image figcaption strong {
display: block;
}
.fw-apartment-image figcaption span {
margin-bottom: 3px;
font-family: var(--fw-font-body);
font-size: .72rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-apartment-image figcaption strong {
font-family: var(--fw-font-body);
font-size: .96rem;
font-weight: 600;
color: var(--fw-blue);
}
.fw-gallery-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 30px;
}
.fw-gallery-footer p {
margin: 0;
font-size: 1rem;
color: var(--fw-text-muted);
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-section-head {
margin-bottom: 32px;
}
.fw-apartment-gallery {
display: flex;
flex-direction: column;
gap: 16px;
}
.fw-apartment-image,
.fw-apartment-image-large,
.fw-apartment-image-wide {
width: 100%;
height: 270px;
}
.fw-apartment-image figcaption {
left: 14px;
right: 14px;
bottom: 14px;
padding: 12px 14px;
}
.fw-gallery-footer {
display: block;
margin-top: 24px;
}
.fw-gallery-footer p {
margin-bottom: 8px;
}
}
/* ==========================================================
DIGITAL TOUR
========================================================== */
.fw-tour-section {
background: var(--fw-blue);
}
.fw-tour-section .fw-eyebrow {
color: var(--fw-brown-light);
}
.fw-tour-section .fw-section-head h2 {
color: var(--fw-white);
}
.fw-tour-section .fw-section-head p {
color: rgba(255,255,255,.72) !important;
}
.fw-tour {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 60px;
align-items: center;
}
/* Plan */
.fw-tour-plan {
position: relative;
padding: 34px;
border: 1px solid rgba(255,255,255,.13);
border-radius: 22px;
background: rgba(255,255,255,.055);
}
.fw-tour-hint {
margin: 0 0 20px;
font-size: .72rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
color: rgba(255,255,255,.55);
}
.fw-tour-svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
/* Klickbare Räume */
.fw-tour-room {
cursor: pointer;
outline: none;
}
.fw-tour-room rect,
.fw-tour-room path {
fill: rgba(255,255,255,.055);
stroke: rgba(255,255,255,.28);
stroke-width: 2;
transition:
fill .25s ease,
stroke .25s ease;
}
.fw-tour-room text {
pointer-events: none;
font-family: var(--fw-font-body);
font-size: 19px;
font-weight: 650;
fill: rgba(255,255,255,.92);
transition: fill .25s ease;
}
.fw-tour-room text.fw-tour-room-small {
font-size: 13px;
font-weight: 500;
fill: rgba(255,255,255,.48);
}
.fw-tour-room:hover rect,
.fw-tour-room:hover path,
.fw-tour-room:focus rect,
.fw-tour-room:focus path,
.fw-tour-room.is-active rect,
.fw-tour-room.is-active path {
fill: var(--fw-brown);
stroke: var(--fw-brown-light);
}
.fw-tour-room:hover text,
.fw-tour-room:focus text,
.fw-tour-room.is-active text {
fill: #fff;
}
.fw-tour-room:hover .fw-tour-room-small,
.fw-tour-room:focus .fw-tour-room-small,
.fw-tour-room.is-active .fw-tour-room-small {
fill: rgba(255,255,255,.78);
}
/* Neutrale Flächen */
.fw-tour-neutral path {
fill: rgba(255,255,255,.025);
stroke: rgba(255,255,255,.12);
stroke-width: 1.5;
}
.fw-tour-neutral text {
font-family: var(--fw-font-body);
font-size: 14px;
font-weight: 500;
fill: rgba(255,255,255,.36);
}
.fw-tour-wall {
fill: none;
stroke: rgba(255,255,255,.12);
stroke-width: 2;
pointer-events: none;
}
/* Raum-Buttons */
.fw-tour-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 24px;
}
.fw-tour-button {
appearance: none;
min-height: 40px;
padding: 8px 14px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 100px;
background: transparent;
font-family: var(--fw-font-body);
font-size: .82rem;
font-weight: 600;
color: rgba(255,255,255,.72);
cursor: pointer;
transition: .2s ease;
}
.fw-tour-button:hover,
.fw-tour-button:focus,
.fw-tour-button.is-active {
border-color: var(--fw-brown);
background: var(--fw-brown);
color: #fff;
}
/* Foto */
.fw-tour-view {
overflow: hidden;
border-radius: 22px;
background: var(--fw-white);
box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
.fw-tour-photo {
overflow: hidden;
aspect-ratio: 4 / 3;
background: #eee;
}
.fw-tour-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
transform: scale(1);
transition:
opacity .18s ease,
transform .35s ease;
}
.fw-tour-photo img.is-changing {
opacity: .15;
transform: scale(1.01);
}
/* Rauminfo */
.fw-tour-info {
display: grid;
grid-template-columns: auto 1fr;
gap: 20px;
padding: 25px 28px 28px;
}
.fw-tour-number {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--fw-bg);
font-size: .78rem;
font-weight: 700;
color: var(--fw-brown);
}
.fw-tour-info h3 {
margin: 0 0 7px;
font-family: var(--fw-font-heading);
font-size: 1.8rem;
line-height: 1.05;
color: var(--fw-blue);
}
.fw-tour-info p {
margin: 0;
font-size: .96rem;
line-height: 1.6;
color: var(--fw-text-muted);
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-tour {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.fw-tour-plan {
padding: 24px;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-tour {
display: flex;
flex-direction: column;
gap: 28px;
}
.fw-tour-plan,
.fw-tour-view {
width: 100%;
}
.fw-tour-plan {
padding: 20px;
}
.fw-tour-hint {
margin-bottom: 14px;
}
.fw-tour-svg {
max-height: 480px;
}
.fw-tour-room text {
font-size: 17px;
}
.fw-tour-room text.fw-tour-room-small {
font-size: 12px;
}
.fw-tour-buttons {
gap: 7px;
margin-top: 18px;
}
.fw-tour-button {
min-height: 42px;
padding: 8px 12px;
font-size: .78rem;
}
.fw-tour-photo {
aspect-ratio: 4 / 3;
}
.fw-tour-info {
gap: 14px;
padding: 20px;
}
.fw-tour-number {
width: 38px;
height: 38px;
}
.fw-tour-info h3 {
font-size: 1.55rem;
}
.fw-tour-info p {
font-size: .92rem;
}
}
/* ==========================================================
DIGITAL TOUR – GRUNDRISS TYPOGRAFIE FINAL
========================================================== */
.fw-tour-svg {
display: block;
width: 100%;
height: auto;
shape-rendering: geometricPrecision;
text-rendering: geometricPrecision;
}
.fw-tour-room text.fw-tour-room-name {
fill: #ffffff !important;
font-family: var(--fw-font-body), sans-serif !important;
font-size: 26px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-rendering: geometricPrecision;
paint-order: stroke;
stroke: rgba(0,0,0,.12);
stroke-width: .6px;
stroke-linejoin: round;
pointer-events: none;
}
/* Falls aus älteren Varianten noch Unterzeilen existieren */
.fw-tour-room text.fw-tour-room-small {
display: none !important;
}
.fw-tour-neutral rect {
fill: rgba(255,255,255,.025);
stroke: rgba(255,255,255,.15);
stroke-width: 1.5;
}
.fw-tour-neutral text {
fill: rgba(255,255,255,.78) !important;
font-family: var(--fw-font-body), sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-rendering: geometricPrecision;
pointer-events: none;
}
.fw-tour-room.is-active text.fw-tour-room-name,
.fw-tour-room:hover text.fw-tour-room-name,
.fw-tour-room:focus text.fw-tour-room-name {
fill: #ffffff !important;
}
@media only screen and (max-width: 767px) {
.fw-tour-room text.fw-tour-room-name {
font-size: 22px !important;
}
.fw-tour-neutral text {
font-size: 12px !important;
}
}
/* ==========================================================
AUSSTATTUNG – FINAL
========================================================== */
.fw-equipment-section {
background: var(--fw-bg-soft);
}
.fw-equipment-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid var(--fw-border);
border-left: 1px solid var(--fw-border);
}
.fw-equipment-group {
padding: 30px 42px;
border-right: 1px solid var(--fw-border);
border-bottom: 1px solid var(--fw-border);
background: rgba(255,255,255,.42);
}
.fw-equipment-head {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 22px;
}
.fw-equipment-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 52px;
height: 52px;
border-radius: 50%;
background: rgba(160,126,91,.1);
color: var(--fw-brown);
}
.fw-equipment-icon svg {
width: 24px;
height: 24px;
}
.fw-equipment-kicker {
display: block;
margin-bottom: 4px;
font-family: var(--fw-font-body);
font-size: .7rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-equipment-head h3 {
margin: 0;
font-family: var(--fw-font-heading);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.05;
color: var(--fw-blue);
}
/* Liste */
.fw-equipment-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 4px;
column-gap: 24px;
margin: 0;
padding: 0;
list-style: none !important;
}
.fw-equipment-list li {
position: relative;
margin: 0;
padding: 0 0 0 22px;
list-style: none !important;
font-family: var(--fw-font-body);
font-size: .94rem;
line-height: 1.35;
color: var(--fw-text-muted);
}
.fw-equipment-list li::marker {
content: "" !important;
}
.fw-equipment-list li::after {
display: none !important;
content: none !important;
}
.fw-equipment-list li::before {
content: "";
position: absolute;
left: 0;
top: .62em;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--fw-brown);
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-equipment-group {
padding: 30px 32px;
}
.fw-equipment-list {
grid-template-columns: 1fr;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-equipment-grid {
grid-template-columns: 1fr;
}
.fw-equipment-group {
padding: 26px 24px;
}
.fw-equipment-head {
margin-bottom: 20px;
}
.fw-equipment-icon {
width: 46px;
height: 46px;
}
.fw-equipment-icon svg {
width: 22px;
height: 22px;
}
.fw-equipment-head h3 {
font-size: 1.5rem;
}
.fw-equipment-list {
grid-template-columns: 1fr;
row-gap: 5px;
column-gap: 0;
}
.fw-equipment-list li {
font-size: .95rem;
}
}
/* ==========================================================
FÜR WEN GEEIGNET?
========================================================== */
.fw-audience-section {
background: var(--fw-white);
}
.fw-audience {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 80px;
align-items: start;
}
/* Intro */
.fw-audience-intro .fw-lead {
margin-bottom: 32px;
}
.fw-audience-image {
overflow: hidden;
margin-top: 38px;
border-radius: 18px;
}
.fw-audience-image img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
/* Nutzungssituationen */
.fw-audience-list {
border-top: 1px solid var(--fw-border);
}
.fw-audience-item {
display: grid;
grid-template-columns: 54px 1fr;
gap: 22px;
padding: 26px 0;
border-bottom: 1px solid var(--fw-border);
}
.fw-audience-number {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(160,126,91,.1);
font-family: var(--fw-font-body);
font-size: .72rem;
font-weight: 700;
color: var(--fw-brown);
}
.fw-audience-item h3 {
margin: 0 0 8px;
font-family: var(--fw-font-heading);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.1;
color: var(--fw-blue);
}
.fw-audience-item p {
margin: 0;
font-family: var(--fw-font-body);
font-size: .98rem;
line-height: 1.6;
color: var(--fw-text-muted);
}
.fw-audience-link {
display: inline-block;
margin-top: 26px;
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-audience {
gap: 46px;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-audience {
display: flex;
flex-direction: column;
gap: 36px;
}
.fw-audience-intro,
.fw-audience-list {
width: 100%;
}
.fw-audience-image {
margin-top: 28px;
}
.fw-audience-item {
grid-template-columns: 44px 1fr;
gap: 15px;
padding: 22px 0;
}
.fw-audience-number {
width: 38px;
height: 38px;
}
.fw-audience-item h3 {
font-size: 1.5rem;
}
.fw-audience-item p {
font-size: .95rem;
line-height: 1.55;
}
}
/* ==========================================================
FÜR WEN GEEIGNET – LAYOUT KORREKTUR
========================================================== */
.fw-audience-section .fw-audience {
display: grid !important;
grid-template-columns: .9fr 1.1fr !important;
gap: 80px !important;
align-items: start !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
.fw-audience-section .fw-audience-intro,
.fw-audience-section .fw-audience-list {
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.fw-audience-section .fw-audience-list {
border-top: 1px solid var(--fw-border) !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
.fw-audience-section .fw-audience-item {
background: transparent !important;
border-left: 0 !important;
border-right: 0 !important;
}
.fw-audience-section .fw-audience-image {
margin-top: 34px !important;
}
.fw-audience-section .fw-audience-image img {
width: 100% !important;
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-audience-section .fw-audience {
display: flex !important;
flex-direction: column !important;
gap: 36px !important;
}
}
/* ==========================================================
LAGE – FINAL
========================================================== */
.fw-location-section {
background: var(--fw-bg-blue);
}
/* Head */
.fw-location-head {
max-width: 820px;
margin-bottom: 48px;
}
/* Bildwelt */
.fw-location-gallery {
position: relative;
margin-bottom: 46px;
}
.fw-location-gallery-main {
overflow: hidden;
border-radius: 20px;
}
.fw-location-gallery-main img {
display: block;
width: 100%;
aspect-ratio: 16 / 7;
object-fit: cover;
}
.fw-location-gallery-small {
position: absolute;
right: 42px;
bottom: -42px;
width: 28%;
overflow: hidden;
border: 8px solid var(--fw-bg-blue);
border-radius: 18px;
box-shadow: 0 18px 45px rgba(22,44,61,.14);
}
.fw-location-gallery-small img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
/* Fakten */
.fw-location-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 76px;
border-top: 1px solid var(--fw-border);
border-left: 1px solid var(--fw-border);
}
.fw-location-card {
padding: 26px 24px;
border-right: 1px solid var(--fw-border);
border-bottom: 1px solid var(--fw-border);
background: rgba(255,255,255,.35);
}
.fw-location-number {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 18px;
border-radius: 50%;
background: rgba(160,126,91,.1);
font-family: var(--fw-font-body);
font-size: .68rem;
font-weight: 700;
color: var(--fw-brown);
}
.fw-location-card h3 {
margin: 0 0 8px;
font-family: var(--fw-font-heading);
font-size: 1.35rem;
font-weight: 600;
line-height: 1.15;
color: var(--fw-blue);
}
.fw-location-card p {
margin: 0;
font-family: var(--fw-font-body);
font-size: .94rem;
line-height: 1.5;
color: var(--fw-text-muted);
}
/* CTA */
.fw-location-footer {
margin-top: 28px;
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-location-gallery-main img {
aspect-ratio: 16 / 8;
}
.fw-location-gallery-small {
right: 28px;
bottom: -34px;
width: 32%;
}
.fw-location-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 68px;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-location-head {
margin-bottom: 32px;
}
.fw-location-gallery {
margin-bottom: 28px;
}
.fw-location-gallery-main img {
aspect-ratio: 4 / 3;
}
.fw-location-gallery-small {
position: relative;
right: auto;
bottom: auto;
width: 58%;
margin: -46px 0 0 auto;
border-width: 6px;
}
.fw-location-grid {
grid-template-columns: 1fr;
margin-top: 28px;
}
.fw-location-card {
padding: 22px 20px;
}
.fw-location-card h3 {
font-size: 1.3rem;
}
.fw-location-card p {
font-size: .95rem;
}
.fw-location-footer .fw-btn {
width: 100%;
text-align: center;
}
}
/* ==========================================================
GASTGEBER – FINAL MIT 3 KREISEN
========================================================== */
.fw-host-section {
background: var(--fw-white);
}
.fw-host-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 390px;
gap: 88px;
align-items: center;
max-width: 1120px;
margin: 0 auto;
}
.fw-host-main {
max-width: 700px;
}
.fw-host-main h2 {
max-width: 720px;
}
.fw-host-signature {
display: flex;
flex-direction: column;
margin-top: 34px;
padding-top: 22px;
border-top: 1px solid var(--fw-border);
}
.fw-host-name {
font-family: var(--fw-font-heading);
font-size: 1.75rem;
font-weight: 600;
line-height: 1.08;
color: var(--fw-blue);
}
.fw-host-role {
margin-top: 6px;
font-family: var(--fw-font-body);
font-size: .9rem;
font-weight: 600;
color: var(--fw-brown);
}
/* Rechte Kreise */
.fw-host-badges {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
justify-items: center;
align-items: center;
}
.fw-host-badge {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 170px;
height: 170px;
padding: 18px;
border: 1px solid var(--fw-border);
border-radius: 50%;
background: var(--fw-bg-soft);
}
.fw-host-badge-year {
grid-column: 1 / span 2;
justify-self: center;
}
.fw-host-badge-kicker {
display: block;
margin-bottom: 8px;
font-family: var(--fw-font-body);
font-size: .72rem;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-host-badge strong {
display: block;
font-family: var(--fw-font-heading);
font-size: 1.2rem;
font-weight: 600;
line-height: 1.15;
color: var(--fw-blue);
}
.fw-host-badge small {
display: block;
margin-top: 7px;
font-family: var(--fw-font-body);
font-size: .8rem;
line-height: 1.35;
color: var(--fw-text-muted);
}
.fw-host-badge-year strong {
font-size: 3.2rem;
line-height: .95;
}
/* Tablet */
@media only screen and (max-width: 1100px) {
.fw-host-layout {
grid-template-columns: 1fr 330px;
gap: 56px;
}
.fw-host-badge {
width: 145px;
height: 145px;
padding: 16px;
}
.fw-host-badge strong {
font-size: 1.05rem;
}
.fw-host-badge small {
font-size: .74rem;
}
.fw-host-badge-year strong {
font-size: 2.7rem;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-host-layout {
grid-template-columns: 1fr;
gap: 34px;
}
.fw-host-badges {
grid-template-columns: 1fr;
gap: 16px;
justify-items: flex-start;
}
.fw-host-badge,
.fw-host-badge-year {
grid-column: auto;
justify-self: flex-start;
width: 138px;
height: 138px;
}
.fw-host-name {
font-size: 1.5rem;
}
.fw-host-badge strong {
font-size: 1rem;
}
.fw-host-badge small {
font-size: .72rem;
}
.fw-host-badge-year strong {
font-size: 2.5rem;
}
}
/* ==========================================================
GASTGEBER – MOBILE REIHENFOLGE FINAL
========================================================== */
@media only screen and (max-width: 767px) {
.fw-host-main {
display: contents !important;
}
.fw-host-layout {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
align-items: stretch !important;
}
/* 1 – Eyebrow */
.fw-host-main > .fw-eyebrow {
order: 1;
}
/* 2 – Headline */
.fw-host-main > h2 {
order: 2;
}
/* 3 – Gastgeber direkt nennen */
.fw-host-signature {
order: 3;
width: 100% !important;
margin: 20px 0 26px !important;
padding: 0 !important;
border: 0 !important;
}
.fw-host-name {
font-size: 1.5rem !important;
}
.fw-host-role {
margin-top: 4px !important;
}
/* 4 – Text */
.fw-host-main > p {
order: 4;
}
/* 5 – Trust-Kreise als Abschluss */
.fw-host-badges {
order: 5;
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
width: 100% !important;
margin: 30px 0 0 !important;
padding-top: 28px !important;
border-top: 1px solid var(--fw-border);
}
.fw-host-badge,
.fw-host-badge-year {
grid-column: auto !important;
justify-self: center !important;
width: 106px !important;
height: 106px !important;
padding: 10px !important;
}
.fw-host-badge-kicker {
margin-bottom: 5px !important;
font-size: .58rem !important;
letter-spacing: .1em !important;
}
.fw-host-badge strong {
font-size: .88rem !important;
line-height: 1.08 !important;
}
.fw-host-badge-year strong {
font-size: 2rem !important;
}
.fw-host-badge small {
display: none !important;
}
}
@media only screen and (max-width: 380px) {
.fw-host-badge,
.fw-host-badge-year {
width: 96px !important;
height: 96px !important;
}
.fw-host-badge strong {
font-size: .8rem !important;
}
.fw-host-badge-year strong {
font-size: 1.8rem !important;
}
}
/* Gastgeber – Jahreszahl optisch zentrieren */
.fw-host-badge-year strong {
position: relative;
top: -4px;
}
/* ==========================================================
PREISE & KONDITIONEN
========================================================== */
.fw-pricing-section {
background: var(--fw-blue);
}
.fw-pricing-section .fw-eyebrow {
color: var(--fw-brown-light);
}
.fw-pricing-section .fw-pricing-head h2 {
color: var(--fw-white);
}
.fw-pricing-section .fw-pricing-head p {
color: rgba(255,255,255,.72) !important;
}
.fw-pricing-head {
max-width: 780px;
margin-bottom: 44px;
}
/* Preise */
.fw-pricing-main {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.fw-price-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 34px 38px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 18px;
background: rgba(255,255,255,.055);
}
.fw-price-box-featured {
background: rgba(160,126,91,.18);
border-color: rgba(199,175,150,.32);
}
.fw-price-label {
font-family: var(--fw-font-heading);
font-size: 1.65rem;
font-weight: 600;
line-height: 1.1;
color: var(--fw-white);
}
.fw-price {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fw-price strong {
font-family: var(--fw-font-heading);
font-size: 3.25rem;
font-weight: 500;
line-height: .95;
color: var(--fw-white);
}
.fw-price span {
margin-top: 6px;
font-family: var(--fw-font-body);
font-size: .78rem;
font-weight: 600;
color: rgba(255,255,255,.58);
}
/* Konditionen */
.fw-pricing-details {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 26px;
border-top: 1px solid rgba(255,255,255,.14);
border-bottom: 1px solid rgba(255,255,255,.14);
}
.fw-pricing-detail {
padding: 22px 24px;
border-right: 1px solid rgba(255,255,255,.14);
}
.fw-pricing-detail:last-child {
border-right: 0;
}
.fw-pricing-detail-label {
display: block;
margin-bottom: 7px;
font-family: var(--fw-font-body);
font-size: .67rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--fw-brown-light);
}
.fw-pricing-detail strong {
display: block;
font-family: var(--fw-font-heading);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
color: var(--fw-white);
}
/* Footer */
.fw-pricing-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
margin-top: 32px;
}
.fw-pricing-note {
max-width: 650px;
}
.fw-pricing-note p {
margin: 0 !important;
color: rgba(255,255,255,.68) !important;
}
.fw-pricing-section .fw-btn {
flex: 0 0 auto;
background: var(--fw-white) !important;
color: var(--fw-blue) !important;
}
.fw-pricing-section .fw-btn:hover {
background: var(--fw-bg) !important;
color: var(--fw-blue) !important;
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-pricing-details {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fw-pricing-detail:nth-child(2) {
border-right: 0;
}
.fw-pricing-detail:nth-child(-n+2) {
border-bottom: 1px solid rgba(255,255,255,.14);
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-pricing-head {
margin-bottom: 32px;
}
.fw-pricing-main {
grid-template-columns: 1fr;
}
.fw-price-box {
padding: 25px 22px;
}
.fw-price-label {
font-size: 1.4rem;
}
.fw-price strong {
font-size: 2.7rem;
}
.fw-pricing-details {
grid-template-columns: 1fr;
margin-top: 20px;
}
.fw-pricing-detail,
.fw-pricing-detail:nth-child(2) {
padding: 17px 0;
border-right: 0;
border-bottom: 1px solid rgba(255,255,255,.14);
}
.fw-pricing-detail:last-child {
border-bottom: 0;
}
.fw-pricing-footer {
display: block;
margin-top: 28px;
}
.fw-pricing-note {
margin-bottom: 24px;
}
.fw-pricing-section .fw-btn {
width: 100%;
text-align: center;
}
}
/* ==========================================================
PREISE – KOMPAKTER FINAL
========================================================== */
.fw-pricing-head {
margin-bottom: 30px !important;
}
.fw-price-box {
padding: 24px 30px !important;
min-height: 0 !important;
}
.fw-price strong {
font-size: 2.85rem !important;
}
.fw-price-label {
font-size: 1.5rem !important;
}
.fw-pricing-details {
margin-top: 18px !important;
}
.fw-pricing-detail {
padding: 16px 20px !important;
}
.fw-pricing-footer {
margin-top: 24px !important;
}
.fw-pricing-note p {
line-height: 1.5 !important;
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-pricing-head {
margin-bottom: 26px !important;
}
.fw-price-box {
padding: 20px 18px !important;
}
.fw-price strong {
font-size: 2.45rem !important;
}
.fw-price-label {
font-size: 1.3rem !important;
}
.fw-pricing-detail {
padding: 14px 0 !important;
}
.fw-pricing-footer {
margin-top: 22px !important;
}
}
/* ==========================================================
FAQ – FINAL
========================================================== */
.fw-faq-section {
background: var(--fw-bg-soft);
}
.fw-faq-head {
max-width: 760px;
margin-bottom: 42px;
}
.fw-faq-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 54px;
border-top: 1px solid var(--fw-border);
}
/* Item */
.fw-faq-item {
margin: 0;
border-bottom: 1px solid var(--fw-border);
}
.fw-faq-item summary {
position: relative;
display: flex;
align-items: center;
min-height: 78px;
padding: 20px 52px 20px 0;
font-family: var(--fw-font-heading);
font-size: 1.35rem;
font-weight: 600;
line-height: 1.2;
color: var(--fw-blue);
cursor: pointer;
list-style: none;
}
.fw-faq-item summary::-webkit-details-marker {
display: none;
}
/* Plus */
.fw-faq-item summary::before,
.fw-faq-item summary::after {
content: "";
position: absolute;
right: 8px;
top: 50%;
width: 16px;
height: 1.5px;
background: var(--fw-brown);
transform: translateY(-50%);
transition: transform .22s ease;
}
.fw-faq-item summary::after {
transform:
translateY(-50%)
rotate(90deg);
}
.fw-faq-item[open] summary::after {
transform:
translateY(-50%)
rotate(0deg);
}
/* Antwort */
.fw-faq-answer {
padding: 0 46px 22px 0;
}
.fw-faq-answer p {
margin: 0;
font-family: var(--fw-font-body);
font-size: .95rem;
line-height: 1.6;
color: var(--fw-text-muted);
}
/* Fokus */
.fw-faq-item summary:focus-visible {
outline: 2px solid var(--fw-brown);
outline-offset: 4px;
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-faq-head {
margin-bottom: 30px;
}
.fw-faq-grid {
grid-template-columns: 1fr;
}
.fw-faq-item summary {
min-height: 0;
padding: 19px 44px 19px 0;
font-size: 1.25rem;
}
.fw-faq-item summary::before,
.fw-faq-item summary::after {
right: 4px;
}
.fw-faq-answer {
padding: 0 38px 20px 0;
}
.fw-faq-answer p {
font-size: .95rem;
}
}
/* ==========================================================
ANFRAGE / CONTACT – FINAL
========================================================== */
.fw-contact-section {
background: var(--fw-bg);
}
.fw-contact {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 80px;
align-items: start;
}
/* Linke Seite */
.fw-contact-intro {
padding-top: 18px;
}
.fw-contact-direct {
margin-top: 38px;
border-top: 1px solid var(--fw-border);
}
.fw-contact-direct-item {
display: grid;
grid-template-columns: 44px 1fr;
gap: 16px;
align-items: center;
padding: 19px 0;
border-bottom: 1px solid var(--fw-border);
}
.fw-contact-direct-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(160,126,91,.1);
color: var(--fw-brown);
}
.fw-contact-direct-icon svg {
width: 19px;
height: 19px;
}
.fw-contact-direct-item span {
display: block;
margin-bottom: 2px;
font-family: var(--fw-font-body);
font-size: .72rem;
font-weight: 600;
color: var(--fw-text-muted);
}
.fw-contact-direct-item a {
font-family: var(--fw-font-heading);
font-size: 1.25rem;
font-weight: 600;
color: var(--fw-blue);
text-decoration: none;
}
.fw-contact-direct-item a:hover {
color: var(--fw-brown);
}
/* Ansprechpartner */
.fw-contact-host {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.fw-contact-host span {
margin-bottom: 4px;
font-family: var(--fw-font-body);
font-size: .68rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-contact-host strong {
font-family: var(--fw-font-heading);
font-size: 1.4rem;
font-weight: 600;
color: var(--fw-blue);
}
/* Formularbox */
.fw-contact-form {
padding: 38px 42px;
border: 1px solid var(--fw-border);
border-radius: 20px;
background: var(--fw-white);
box-shadow: 0 18px 45px rgba(22,44,61,.06);
}
.fw-contact-form-head {
margin-bottom: 28px;
}
.fw-contact-form-head > span {
display: block;
margin-bottom: 6px;
font-family: var(--fw-font-body);
font-size: .68rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-contact-form-head h3 {
margin: 0;
font-family: var(--fw-font-heading);
font-size: 2rem;
font-weight: 600;
line-height: 1.05;
color: var(--fw-blue);
}
/* CF7 */
.fw-form-row {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
margin-bottom: 18px;
}
.fw-form-row-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fw-form-field label {
display: block;
margin-bottom: 7px;
font-family: var(--fw-font-body);
font-size: .75rem;
font-weight: 700;
color: var(--fw-blue);
}
.fw-form-field label span {
font-weight: 500;
color: var(--fw-text-muted);
}
.fw-form input[type="text"],
.fw-form input[type="email"],
.fw-form input[type="tel"],
.fw-form input[type="date"],
.fw-form select,
.fw-form textarea {
display: block;
width: 100% !important;
margin: 0 !important;
padding: 12px 14px !important;
border: 1px solid var(--fw-border) !important;
border-radius: 8px !important;
background: var(--fw-bg-soft) !important;
font-family: var(--fw-font-body) !important;
font-size: .92rem !important;
color: var(--fw-blue) !important;
box-sizing: border-box !important;
}
.fw-form input,
.fw-form select {
min-height: 46px;
}
.fw-form textarea {
min-height: 120px;
resize: vertical;
}
.fw-form input:focus,
.fw-form select:focus,
.fw-form textarea:focus {
outline: none !important;
border-color: var(--fw-brown) !important;
box-shadow: 0 0 0 2px rgba(160,126,91,.12) !important;
}
/* Datenschutz */
.fw-form-privacy {
margin: 22px 0;
font-family: var(--fw-font-body);
font-size: .76rem;
line-height: 1.5;
color: var(--fw-text-muted);
}
.fw-form-privacy a {
color: var(--fw-blue);
text-decoration: underline;
}
.fw-form-privacy .wpcf7-list-item {
margin: 0;
}
/* Submit */
.fw-form-submit input[type="submit"] {
width: auto !important;
min-height: 48px;
margin: 0 !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 100px !important;
background: var(--fw-blue) !important;
font-family: var(--fw-font-body) !important;
font-size: .88rem !important;
font-weight: 700 !important;
color: #fff !important;
cursor: pointer;
}
.fw-form-submit input[type="submit"]:hover {
background: var(--fw-blue-dark) !important;
}
/* CF7 Meldungen */
.fw-contact-form .wpcf7-spinner {
margin: 0 0 0 12px;
}
.fw-contact-form .wpcf7-not-valid-tip {
margin-top: 5px;
font-size: .75rem;
}
.fw-contact-form .wpcf7-response-output {
margin: 20px 0 0 !important;
padding: 12px 15px !important;
border-radius: 8px;
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-contact {
gap: 48px;
}
.fw-contact-form {
padding: 32px;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-contact {
display: flex;
flex-direction: column;
gap: 36px;
}
.fw-contact-intro,
.fw-contact-form {
width: 100%;
}
.fw-contact-intro {
padding-top: 0;
}
.fw-contact-direct {
margin-top: 30px;
}
.fw-contact-form {
padding: 26px 20px;
border-radius: 16px;
}
.fw-contact-form-head h3 {
font-size: 1.7rem;
}
.fw-form-row-2 {
grid-template-columns: 1fr;
}
.fw-form-row {
gap: 16px;
margin-bottom: 16px;
}
.fw-form-submit input[type="submit"] {
width: 100% !important;
}
}
/* ==========================================================
CF7 – AUTOMATISCHE P- UND BR-ABSTÄNDE ENTFERNEN
========================================================== */
.fw-form-field > p,
.fw-form-privacy > p,
.fw-form-submit > p {
margin: 0 !important;
padding: 0 !important;
}
.fw-form-field > p > br {
display: none !important;
}
.fw-form-field label {
margin-bottom: 7px !important;
}
/* Nachricht – normale Höhe */
.fw-form textarea {
min-height: 110px !important;
height: 110px !important;
max-height: 180px !important;
resize: vertical !important;
}
/* ==========================================================
PARTNER – DIE BERGISCHEN DREI
========================================================== */
.fw-partner-section {
background: var(--fw-white);
}
.fw-partner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 70px;
padding: 38px 0;
border-top: 1px solid var(--fw-border);
border-bottom: 1px solid var(--fw-border);
}
/* Text */
.fw-partner-copy {
max-width: 620px;
}
.fw-partner-copy .fw-eyebrow {
margin-bottom: 10px;
}
.fw-partner-copy p {
margin: 0 0 12px;
font-family: var(--fw-font-body);
font-size: .96rem;
line-height: 1.6;
color: var(--fw-text-muted);
}
/* Logo */
.fw-partner-logo {
display: block;
flex: 0 0 auto;
width: 270px;
text-decoration: none;
}
.fw-partner-logo img {
display: block;
width: 100%;
height: auto;
}
/* Tablet */
@media only screen and (max-width: 1050px) {
.fw-partner {
gap: 45px;
}
.fw-partner-logo {
width: 230px;
}
}
/* Mobile */
@media only screen and (max-width: 767px) {
.fw-partner {
flex-direction: column;
align-items: flex-start;
gap: 26px;
padding: 30px 0;
}
.fw-partner-copy {
max-width: none;
}
.fw-partner-logo {
width: 220px;
}
}
/* ==========================================================
FOOTER – BETHEME FINAL
passend zum tatsächlichen Markup
========================================================== */
#Footer {
background: var(--fw-white) !important;
color: var(--fw-text-muted);
}
/* ==========================================================
WIDGET-BEREICH
========================================================== */
#Footer .widgets_wrapper {
padding: 54px 0 48px !important;
background: var(--fw-white) !important;
}
#Footer .widgets_wrapper .container {
width: 100%;
max-width: var(--fw-content-width);
margin: 0 auto;
}
#Footer .widgets_wrapper .column {
margin-bottom: 0 !important;
}
#Footer .widgets_wrapper .mcb-column-inner {
height: 100%;
}
#Footer .widget {
margin: 0 !important;
padding: 0 !important;
}
#Footer .widget::before,
#Footer .widget::after {
display: none !important;
}
#Footer .textwidget {
margin: 0 !important;
padding: 0 !important;
}
/* etwas Luft zwischen den 3 Spalten */
#Footer .widgets_wrapper .column:nth-child(1) {
padding-right: 38px;
box-sizing: border-box;
}
#Footer .widgets_wrapper .column:nth-child(2) {
padding-left: 24px;
padding-right: 24px;
box-sizing: border-box;
}
#Footer .widgets_wrapper .column:nth-child(3) {
padding-left: 38px;
box-sizing: border-box;
}
/* ==========================================================
GEMEINSAME WIDGET-TYPOGRAFIE
========================================================== */
.fw-footer-widget {
font-family: var(--fw-font-body);
color: var(--fw-text-muted);
}
.fw-footer-title {
display: block;
margin: 0 0 16px;
font-family: var(--fw-font-body);
font-size: .68rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--fw-brown);
}
/* ==========================================================
SPALTE 1 – MARKE
========================================================== */
.fw-footer-brand .fw-footer-logo {
display: block;
width: 245px;
max-width: 100%;
height: auto;
margin: 0 0 18px;
}
.fw-footer-brand {
display: flex;
align-items: flex-start;
}
.fw-footer-brand .fw-footer-logo {
display: block;
width: 240px;
max-width: 100%;
height: auto;
margin: 0;
}
/* ==========================================================
SPALTE 2 – NAVIGATION
========================================================== */
.fw-footer-links {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 7px;
}
.fw-footer-links a {
display: inline-block;
font-family: var(--fw-font-body);
font-size: .9rem;
font-weight: 500;
line-height: 1.5;
color: var(--fw-text-muted) !important;
text-decoration: none !important;
transition: color .2s ease;
}
.fw-footer-links a:hover {
color: var(--fw-brown) !important;
}
/* ==========================================================
SPALTE 3 – KONTAKT
========================================================== */
.fw-footer-contact {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.fw-footer-contact strong {
display: block;
margin: 0 0 8px;
font-family: var(--fw-font-heading);
font-size: 1.3rem;
font-weight: 600;
line-height: 1.2;
color: var(--fw-blue);
}
.fw-footer-contact address {
margin: 0 0 10px;
font-family: var(--fw-font-body);
font-size: .9rem;
font-style: normal;
line-height: 1.55;
color: var(--fw-text-muted);
}
.fw-footer-contact > a:not(.fw-btn) {
display: block;
margin: 0 0 3px;
font-family: var(--fw-font-body);
font-size: .9rem;
font-weight: 500;
line-height: 1.5;
color: var(--fw-text-muted) !important;
text-decoration: none !important;
transition: color .2s ease;
}
.fw-footer-contact > a:not(.fw-btn):hover {
color: var(--fw-brown) !important;
}
.fw-footer-contact .fw-footer-cta {
margin-top: 18px;
}
/* ==========================================================
COPYRIGHT-BEREICH
========================================================== */
#Footer .footer_copy {
background: var(--fw-blue) !important;
border: 0 !important;
}
#Footer .footer_copy .container {
width: 100%;
max-width: var(--fw-content-width);
margin: 0 auto;
}
#Footer .footer_copy .column.one {
width: 100%;
margin: 0 !important;
}
#Footer .footer_copy .mcb-column-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
min-height: 62px;
margin: 0 !important;
padding: 0 !important;
}
/* Copyright */
#Footer .footer_copy .copyright {
margin: 0 !important;
font-family: var(--fw-font-body);
font-size: .76rem;
font-weight: 500;
line-height: 1.5;
color: rgba(255,255,255,.68) !important;
}
#Footer .footer_copy .copyright a {
color: rgba(255,255,255,.68) !important;
text-decoration: none !important;
transition: color .2s ease;
}
#Footer .footer_copy .copyright a:hover {
color: #fff !important;
}
/* leere Social-Liste komplett entfernen */
#Footer .footer_copy .social:empty {
display: none !important;
}
/* ==========================================================
BACK TO TOP
========================================================== */
#Footer #back_to_top {
order: 2;
display: flex !important;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.22) !important;
border-radius: 50% !important;
background: transparent !important;
color: rgba(255,255,255,.75) !important;
box-shadow: none !important;
}
#Footer #back_to_top:hover {
border-color: rgba(255,255,255,.5) !important;
color: #fff !important;
}
#Footer #back_to_top i {
margin: 0 !important;
font-size: 14px;
line-height: 1;
}
#Footer .footer_copy .copyright {
order: 1;
}
/* ==========================================================
TABLET
========================================================== */
@media only screen and (max-width: 1050px) {
#Footer .widgets_wrapper {
padding: 46px 0 42px !important;
}
#Footer .widgets_wrapper .column:nth-child(1) {
padding-right: 24px;
}
#Footer .widgets_wrapper .column:nth-child(2) {
padding-left: 16px;
padding-right: 16px;
}
#Footer .widgets_wrapper .column:nth-child(3) {
padding-left: 24px;
}
.fw-footer-brand .fw-footer-logo {
width: 220px;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media only screen and (max-width: 767px) {
#Footer .widgets_wrapper {
padding: 42px 0 36px !important;
}
/* BeTheme-Spalten mobil sauber untereinander */
#Footer .widgets_wrapper .column {
width: 100% !important;
margin: 0 0 34px !important;
padding: 0 !important;
}
#Footer .widgets_wrapper .column:last-child {
margin-bottom: 0 !important;
}
.fw-footer-brand .fw-footer-logo {
width: 220px;
}
.fw-footer-title {
margin-bottom: 13px;
}
.fw-footer-contact .fw-footer-cta {
width: 100%;
margin-top: 18px;
text-align: center;
}
/* Copyright */
#Footer .footer_copy .mcb-column-inner {
min-height: 0;
padding: 17px 0 !important;
}
#Footer .footer_copy .copyright {
max-width: calc(100% - 50px);
font-size: .72rem;
line-height: 1.6;
}
#Footer #back_to_top {
width: 36px !important;
height: 36px !important;
}
}
/* ==========================================================
PRE-FOOTER PARTNERMODUL – SCHLANK
========================================================== */
.fw-footer-partner {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 40px;
padding: 8px 0 34px;
margin-bottom: 38px;
border-bottom: 1px solid var(--fw-border);
}
.fw-footer-partner-copy p {
margin: 10px 0 12px;
max-width: 620px;
font-size: 1rem;
line-height: 1.6;
color: var(--fw-text-muted);
}
.fw-footer-partner-copy a {
font-family: var(--fw-font-body);
font-size: 1rem;
font-weight: 700;
color: var(--fw-blue);
text-decoration: none;
}
.fw-footer-partner-copy a:hover {
color: var(--fw-brown);
}
.fw-footer-partner-logo img {
display: block;
width: 220px;
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 767px) {
.fw-footer-partner {
grid-template-columns: 1fr;
gap: 20px;
padding: 0 0 28px;
margin-bottom: 30px;
}
.fw-footer-partner-logo img {
width: 180px;
}
}
/* ==========================================================
ANFRAGE – BERGISCHE DREI
========================================================== */
.fw-contact-partner {
display: flex;
align-items: center;
gap: 18px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid var(--fw-border);
}
.fw-contact-partner > a {
display: block;
flex: 0 0 auto;
width: 145px;
text-decoration: none;
}
.fw-contact-partner img {
display: block;
width: 100%;
height: auto;
}
.fw-contact-partner-copy > span {
display: block;
margin-bottom: 2px;
font-family: var(--fw-font-body);
font-size: .64rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-contact-partner-copy p {
margin: 0 !important;
font-family: var(--fw-font-body);
font-size: .84rem !important;
line-height: 1.4 !important;
color: var(--fw-text-muted) !important;
}
@media only screen and (max-width: 767px) {
.fw-contact-partner {
margin-top: 26px;
padding-top: 22px;
gap: 16px;
}
.fw-contact-partner > a {
width: 130px;
}
}
.fw-contact-partner {
display: flex;
align-items: center;
gap: 18px;
margin-top: 24px;
padding-top: 0;
border-top: 0;
}
@media only screen and (max-width: 767px) {
.fw-contact-partner {
margin-top: 22px;
padding-top: 0;
}
}
/* ==========================================================
WOHNEN AUF ZEIT – GLOBALER FEINSCHLIFF
========================================================== */
/* Dunkle Sections: fw-copy überschreibt sonst die helle Schrift */
.fw-section-blue .fw-copy p,
.fw-section-blue .fw-copy .fw-lead {
color: rgba(255,255,255,.78) !important;
}
.fw-section-blue .fw-copy .fw-eyebrow {
color: var(--fw-brown-light) !important;
}
/* Weißer CTA auf dunklem Hintergrund */
.fw-section-blue .fw-btn-white {
background: var(--fw-white) !important;
border-color: var(--fw-white) !important;
color: var(--fw-blue) !important;
}
.fw-section-blue .fw-btn-white:hover {
background: transparent !important;
border-color: var(--fw-white) !important;
color: var(--fw-white) !important;
}
/* Mobile Split-Module */
@media only screen and (max-width: 767px) {
/* Eyebrows immer sauber links */
.fw-split > .fw-eyebrow,
.fw-split .fw-eyebrow,
.fw-split-copy > .fw-eyebrow {
align-self: flex-start !important;
text-align: left !important;
}
/* normale Buttons genau wie Textlinks ans Ende */
.fw-split-copy > .fw-btn {
order: 5 !important;
}
}
/* ==========================================================
LEGAL PAGES – IMPRESSUM / DATENSCHUTZ FINAL
========================================================== */
.fw-legal-section {
background: var(--fw-bg-soft);
}
.fw-legal-page {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.fw-legal-intro {
max-width: 760px;
margin-bottom: 48px;
}
.fw-legal-intro h1 {
margin-bottom: 24px;
}
.fw-legal-intro .fw-lead {
margin-bottom: 0;
}
/* ----------------------------------
Boxen
---------------------------------- */
.fw-legal-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.fw-legal-stack {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.fw-legal-card {
padding: 34px 38px;
border: 1px solid var(--fw-border);
border-radius: 18px;
background: var(--fw-white);
box-shadow: var(--fw-shadow-sm);
}
.fw-legal-card-full {
grid-column: 1 / -1;
}
.fw-legal-card-kicker {
display: block;
margin-bottom: 8px;
font-family: var(--fw-font-body);
font-size: .68rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--fw-brown);
}
.fw-legal-card h2 {
margin: 0 0 20px;
font-size: clamp(1.8rem, 3vw, 2.35rem);
line-height: 1.05;
}
.fw-legal-card h3 {
margin: 28px 0 12px;
font-family: var(--fw-font-heading);
font-size: 1.55rem;
font-weight: 600;
line-height: 1.12;
color: var(--fw-blue);
}
.fw-legal-card h3:first-child {
margin-top: 0;
}
.fw-legal-card h4 {
margin: 22px 0 8px;
font-family: var(--fw-font-body);
font-size: .96rem;
font-weight: 700;
color: var(--fw-blue);
}
.fw-legal-card p,
.fw-legal-card li,
.fw-legal-card address {
font-family: var(--fw-font-body);
font-size: .94rem;
line-height: 1.7;
color: var(--fw-text-muted);
}
.fw-legal-card p {
margin: 0 0 16px;
}
.fw-legal-card p:last-child {
margin-bottom: 0;
}
.fw-legal-card address {
margin: 0;
font-style: normal;
}
.fw-legal-card strong {
color: var(--fw-blue);
}
.fw-legal-card a {
color: var(--fw-blue);
overflow-wrap: anywhere;
}
.fw-legal-card a:hover {
color: var(--fw-brown);
}
/* ----------------------------------
Listen
---------------------------------- */
.fw-legal-list {
margin: 16px 0;
padding: 0;
list-style: none;
}
.fw-legal-list li {
position: relative;
margin: 0 0 9px;
padding-left: 22px;
}
.fw-legal-list li:last-child {
margin-bottom: 0;
}
.fw-legal-list li::before {
content: "";
position: absolute;
left: 0;
top: .7em;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--fw-brown);
}
/* ----------------------------------
Highlight / Hinweis
---------------------------------- */
.fw-legal-notice {
margin-top: 24px;
padding: 22px 24px;
border-left: 3px solid var(--fw-brown);
border-radius: 0 12px 12px 0;
background: var(--fw-bg);
}
.fw-legal-notice p {
margin: 0;
}
.fw-legal-source {
margin-top: 30px;
font-size: .78rem;
line-height: 1.55;
color: var(--fw-text-muted);
}
/* ----------------------------------
Mobile
---------------------------------- */
@media only screen and (max-width: 767px) {
.fw-legal-intro {
margin-bottom: 34px;
}
.fw-legal-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.fw-legal-stack {
gap: 14px;
}
.fw-legal-card,
.fw-legal-card-full {
grid-column: auto;
padding: 27px 24px;
}
.fw-legal-card h2 {
font-size: 1.85rem;
}
.fw-legal-card h3 {
font-size: 1.42rem;
}
.fw-legal-card p,
.fw-legal-card li,
.fw-legal-card address {
font-size: .92rem;
line-height: 1.68;
}
}