@media all{.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}}@media all{.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}}@media all{.woocommerce form .form-row .required{visibility:visible}}@media all{:root{--wvs-tick:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 2px rgb(0 0 0 / .8))' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E"); --wvs-cross:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E"); --wvs-single-product-item-width:30px; --wvs-single-product-item-height:30px; --wvs-single-product-item-font-size:16px} /*# sourceURL=woo-variation-swatches-inline-css */}
/*FILESTART*/@media all{.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler{max-width:20px}.dgwt-wcas-search-wrapp{max-width:600px}}
/*FILESTART*/@media all{.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important}}
/*FILESTART*/@media all{.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important} @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important} } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important} }}
/*FILESTART*/@media all{/* ======================================== LUXURY MEGA MENU - PREMIUM STYLES ======================================== */ /* ======================================== FIX 1: FULL WIDTH MEGA MENU ======================================== */ .wd-dropdown.wd-dropdown-menu.wd-dropdown-mega-menu { width: 100vw !important; max-width: none !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important} /* Container Setup */ .luxury-mega-menu-container { background: #ffffff; /* FIX 2: Flaches Weiß statt Gradient */ position: relative; box-shadow: none !important; /* FIX 2: Kein Schatten */ border-bottom: 1px solid #e8e8e8; /* FIX 2: Nur simple Border */ } .luxury-mega-menu-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #b8860b 0%, #d4af36 25%, #f4e4bc 50%, #d4af36 75%, #b8860b 100% ); background-size: 200% 100%; animation: goldShimmer 4s linear infinite} @keyframes goldShimmer { 0% { background-position: 200% 0} 100% { background-position: -200% 0} } .luxury-mega-content { display: flex; max-width: 3500px; /* FIX 1: Content Breite definiert */ margin: 0 auto; padding: 0 40px; /* FIX 1: Seitlicher Abstand */ min-height: 520px} /* Kategorien Bereich (Links) */ .luxury-categories-wrapper { flex: 1; display: flex; gap: 50px; padding: 45px 40px; background: #ffffff} .luxury-category-section { flex: 1; min-width: 160px} /* Luxury Typography */ .luxury-category-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #b8860b !important; margin: 0 0 22px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid #e8e8e8 !important; background: none !important; font-family: 'Futura', 'Century Gothic', sans-serif !important; position: relative} .luxury-category-title::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 30px; height: 2px; background: #b8860b} .luxury-category-list { list-style: none !important; margin: 0 !important; padding: 0 !important} .luxury-category-list li { margin: 0 0 14px 0 !important; padding: 0 !important; list-style: none !important} /* Luxury Links */ .luxury-menu-link { font-size: 15px !important; font-weight: 400 !important; color: #4a4a4a !important; text-decoration: none !important; letter-spacing: 0.5px !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; display: inline-block !important; position: relative !important; font-family: 'Helvetica Neue', 'Arial', sans-serif !important; padding-left: 12px !important} .luxury-menu-link::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 1px; background: #b8860b; opacity: 0; transition: all 0.4s ease} .luxury-menu-link:hover { color: #b8860b !important; transform: none !important; /* FIX 2: Kein translateX */ padding-left: 12px !important; /* FIX 2: Bleibt gleich */ } .luxury-menu-link:hover::before { opacity: 1; width: 8px} /* Special Links */ .luxury-highlight { color: #b8860b !important; font-weight: 500 !important} .luxury-premium { background: linear-gradient(90deg, #b8860b, #d4af36, #b8860b); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 3s linear infinite} @keyframes shimmer { 0% { background-position: -200% 0} 100% { background-position: 200% 0} } .luxury-special { position: relative; font-weight: 500 !important} .luxury-special::after { content: 'NEW'; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); font-size: 10px; background: #b8860b; color: white; padding: 2px 6px; border-radius: 2px; letter-spacing: 1px} /* Bild Bereich (Rechts) */ .luxury-image-wrapper { width: 480px; position: relative; overflow: hidden; background: #1a1a1a} .luxury-image-container { width: 100%; height: 100%; position: relative} .luxury-menu-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); /* FIX 2: Nur opacity, kein transform */ opacity: 0.95} .luxury-image-container:hover .luxury-menu-image { transform: none !important; /* FIX 2: Kein scale */ opacity: 1} /* Image Overlay */ .luxury-image-overlay { position: absolute; bottom: 40px; left: 40px; background: rgba(255, 255, 255, 0.98); padding: 20px 30px; backdrop-filter: blur(10px); border: 1px solid rgba(184, 134, 11, 0.3)} .luxury-image-caption { font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #1a1a1a; display: block; font-family: 'Futura', 'Century Gothic', 'Montserrat', sans-serif} .luxury-image-subtitle { font-size: 13px; font-weight: 300; letter-spacing: 1px; color: #b8860b; display: block; margin-top: 5px; font-style: italic} /* Footer Bar */ .luxury-menu-footer { display: flex; justify-content: center; align-items: center; gap: 50px; padding: 20px; background: #ffffff; border-top: 1px solid #e8e8e8} .luxury-footer-link { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #4a4a4a; text-decoration: none; transition: all 0.3s ease; font-family: 'Futura', 'Century Gothic', 'Montserrat', sans-serif} .luxury-footer-icon { color: #b8860b; font-size: 12px} .luxury-footer-link:hover { color: #b8860b; transform: none !important; /* FIX 2: Kein translateY */ } .luxury-footer-sale { color: #b8860b} /* Woodmart Specific Overrides */ .whb-dropdown-menu .luxury-mega-menu-container { border: none !important; border-radius: 0 !important} .wd-dropdown.wd-dropdown-menu.wd-dropdown-mega-menu { padding: 0 !important} /* Fade In Animation */ .luxury-mega-menu-container { animation: none !important; /* FIX 2: Keine Animation */ } /* ANIMATION ENTFERNT - War hier: @keyframes luxuryFadeIn { from { opacity: 0; transform: translateY(-10px)} to { opacity: 1; transform: translateY(0)} } */ /* ======================================== RESPONSIVE DESIGN ======================================== */ /* Mobile (max-width: 768px) */ @media screen and (max-width: 768px) { .luxury-mega-content { flex-direction: column; min-height: auto} .luxury-categories-wrapper { flex-direction: column; gap: 25px; padding: 25px 20px} .luxury-category-section { width: 100%} .luxury-category-title { font-size: 14px !important; margin-bottom: 12px !important} .luxury-menu-link { font-size: 16px !important; padding: 8px 0 8px 8px !important} /* Hide image on mobile */ .luxury-image-wrapper { display: none} /* Hide footer on mobile */ .luxury-menu-footer { flex-wrap: wrap; gap: 20px; padding: 15px} .luxury-footer-link { flex: 0 0 45%} } /* Tablet (769px - 1024px) */ @media screen and (min-width: 769px) and (max-width: 1024px) { .luxury-categories-wrapper { gap: 35px; padding: 35px 25px} .luxury-image-wrapper { width: 380px} .luxury-menu-footer { gap: 30px} } /* Large Screens (min-width: 1440px) */ @media screen and (min-width: 1440px) { .luxury-mega-content { max-width: 1600px} .luxury-image-wrapper { width: 550px} } /* ========================= SIMPLE LUXURY HEADER MENU Dark Gold Edition ========================= */ #menu-main-header-menu a > span.nav-link-text { color: #111111; position: relative; transition: color 0.25s ease} /* Underline (versteckt) */ #menu-main-header-menu a > span.nav-link-text::after { content: "";position:absolute;left:0;bottom:-6px;width:0;height:2px;background-color:#b8860b;transition:width 0.25s ease}#menu-main-header-menu a:hover>span.nav-link-text{color:#b8860b}#menu-main-header-menu a:hover>span.nav-link-text::after{width:100%}.luxury-discover-all{display:inline-flex;align-items:center;margin-top:14px;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#b8860b;text-decoration:none;font-family:'Futura','Century Gothic','Montserrat',sans-serif;position:relative;transition:color 0.3s ease}.luxury-discover-all::before{content:'';width:16px;height:0;background:#b8860b;margin-right:0;transition:width 0.3s ease}.luxury-discover-all::after{content:'→';margin-left:8px;font-size:12px;transition:transform 0.3s ease}.luxury-discover-all:hover{color:#b8860b}.luxury-discover-all:hover::before{width:22px}.luxury-discover-all:hover::after{transform:translateX(4px)}}@media all{.wp-container-core-group-is-layout-fc169830{flex-wrap:nowrap;flex-direction:column;align-items:center}}