/* ZAP TECHNIX Shop-Stylesheet v0.9 – abgeleitet aus der Stilvorlage „ZAP Technix Shop“ (Basis Mister-MX v2.28) Geladen vom MU-Plugin zap-technix-design-vorschau.php aus wp-content/uploads/zap-technix/. Zielt auf den Live-Aufbau von zap-technix-shop.de: Astra-Custom-Layout-Header 1109042 (Elementor, UAEL-Navigation, Happy-Addons-Logo, UAEL-Mini-Cart, FiboSearch), Banner-Abschnitt 1106841, Elementor-Footer 51909, Astra-Loop, mek7-featured-grid, ymm-search, Germanized, CartFlows-Kasse, ModernCart, FiboSearch. Keine Builder-Klassen nötig. */ /* 1 SCHRIFTEN (selbst gehostet, OFL) */ /* 1 SCHRIFTEN (selbst gehostet, OFL) */ @font-face{font-family:'Barlow';src:url('../fonts/barlow-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow';src:url('../fonts/barlow-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow';src:url('../fonts/barlow-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;} @font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-800-italic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap;} @font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-latin-900-italic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap;} /* 2 TOKENS – Standard = Hell */ :root{ --brand-red:#EE2623; --action-red:#D91F1C; --action-red-hover:#C81E1B; --on-brand:#ffffff; --accent-text:#D91F1C; --ground:#ffffff; --surface:#f5f6f6; --surface-raised:#ffffff; --ink:#17191a; --ink-muted:#5c6368; --border:#e4e6e7; --border-strong:#8a9195; --success:#1f8a4c; --error:#b3261e; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px; --radius-sm:2px; --radius-md:4px; --radius-lg:8px; --shadow-hover:0 8px 24px rgba(0,0,0,.16); --touch-min:44px; --content-max:1440px; --icon-tile:56px; --wedge-angle:-20deg; --font-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif; --font-sans:Barlow,"Segoe UI",Arial,sans-serif; } .zt-dark,header.ast-custom-header,footer.elementor-location-footer,.ymm-search-wrap{ --accent-text:#FF4A3D; --ground:#0b0d0e; --surface:#15191b; --surface-raised:#202527; --ink:#ffffff; --ink-muted:#aeb4b7; --border:#343a3d; --border-strong:#6b7276; --success:#4cc17f; --error:#ff8a80; } /* 3 KOMPONENTEN (identisch mit der Stilvorlage) */ /* ZAP Technix Shop – Komponenten, nutzen ausschließlich Design-Tokens */ .zt-root{font-family:var(--font-sans);color:var(--ink);background:var(--ground);} .zt-display{font-family:var(--font-display);text-transform:uppercase;} /* BUTTON */ .zt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-6);font:700 15px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-md);transition:background .16s ease,border-color .16s ease,color .16s ease;} .zt-btn--primary{background:var(--action-red);color:var(--on-brand);} .zt-btn--primary:hover{background:var(--action-red-hover);} .zt-btn--secondary{background:var(--ink);color:var(--ground);} .zt-btn--secondary:hover{background:var(--ink-muted);} .zt-btn--ghost{background:transparent;color:var(--ink);border-color:var(--border-strong);} .zt-btn--ghost:hover{border-color:var(--brand-red);color:var(--accent-text);} .zt-btn:focus-visible{outline:3px solid var(--brand-red);outline-offset:3px;} .zt-btn svg{width:18px;height:18px;} /* BADGE */ .zt-badge{display:inline-block;padding:var(--space-1) var(--space-2);font:700 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);} .zt-badge--sale{background:var(--action-red);color:var(--on-brand);} .zt-badge--new{background:var(--ink);color:var(--ground);} .zt-badge--import{background:transparent;color:var(--ink-muted);border:1px solid var(--border-strong);} .zt-badge--stock{background:transparent;color:var(--success);padding-left:0;} /* PRICE */ .zt-price{font:700 24px/1 var(--font-display);color:var(--ink);display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;} .zt-price del{font-size:16px;font-weight:600;color:var(--ink-muted);} .zt-price__uvp{font:600 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);} .zt-price--sale ins{color:var(--accent-text);text-decoration:none;} .zt-price-note{font:400 12px/16px var(--font-sans);color:var(--ink-muted);margin-top:var(--space-1);} /* PRODUCT CARD */ .zt-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;} .zt-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border-strong);} .zt-card__media{aspect-ratio:1/1;background:var(--surface);display:flex;align-items:center;justify-content:center;} .zt-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);} .zt-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1;} .zt-card__brand{font:600 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);} .zt-card__title{font:500 15px/20px var(--font-sans);color:var(--ink);margin:0;} .zt-card__fit{font:600 13px/1.3 var(--font-sans);color:var(--success);} .zt-card__foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);} /* SECTION TITLE mit Keil */ .zt-title{font-family:var(--font-display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:40px;line-height:1;margin:0;color:var(--ink);} .zt-title span{color:var(--accent-text);} .zt-title::after{content:"";display:block;width:72px;height:6px;background:var(--brand-red);margin-top:var(--space-3);transform:skewX(var(--wedge-angle));} .zt-title__sub{font:600 13px/1.2 var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-muted);margin-top:var(--space-2);} /* TRUSTBAR */ .zt-trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:var(--radius-md);overflow:hidden;} .zt-trust{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);} .zt-trust svg{flex:none;width:32px;height:32px;color:var(--accent-text);} .zt-trust b{display:block;font:700 14px/18px var(--font-sans);color:var(--ink);} .zt-trust span{display:block;font:400 13px/17px var(--font-sans);color:var(--ink-muted);} @media(max-width:700px){.zt-trustbar{grid-template-columns:1fr 1fr;}} /* HINWEISBLOCK */ .zt-note{display:grid;grid-template-columns:var(--icon-tile) 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);} .zt-note__tile{width:var(--icon-tile);height:var(--icon-tile);border-radius:var(--radius-lg);background:var(--action-red);color:var(--on-brand);display:flex;align-items:center;justify-content:center;} .zt-note__tile svg{width:30px;height:30px;} .zt-note h3{font:700 20px/1.2 var(--font-display);text-transform:uppercase;margin:0 0 var(--space-1);color:var(--ink);} .zt-note p{font:400 14px/20px var(--font-sans);margin:0;color:var(--ink-muted);} .zt-note p strong{color:var(--ink);} /* FAHRZEUGAUSWAHL */ .zt-vehicle{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;text-align:left;font-family:var(--font-sans);} .zt-vehicle:hover,.zt-vehicle--set{border-color:var(--brand-red);} .zt-vehicle svg{flex:none;width:26px;height:26px;color:var(--accent-text);} .zt-vehicle small{display:block;font:600 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:3px;} .zt-vehicle b{display:block;font:700 15px/1.1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;} .zt-vehicle__clear{margin-left:var(--space-2);font:600 12px/1 var(--font-sans);color:var(--ink-muted);text-decoration:underline;text-decoration-color:var(--brand-red);} /* LOGO-LOCKUP (Übergang) */ .zt-lockup{display:inline-flex;align-items:center;gap:var(--space-4);} .zt-lockup img{height:48px;width:auto;display:block;} .zt-lockup__label{padding-left:var(--space-4);border-left:1px solid var(--border-strong);font:600 13px/1.2 var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-muted);} /* ========================================================================= 4 THEME-GRUNDLAGEN – Astra/Elementor-Farben auf die Marke (bisher Blau #006EC0, Grün #61CE70/#23A455, Rot #C71127; Schriften Montserrat/Open Sans) ========================================================================= */ :root{--ast-global-color-0:#D91F1C;--ast-global-color-1:#C81E1B;--ast-global-color-2:#17191a;--ast-global-color-3:#2b3033;} body[class*="elementor-kit-"]{ --e-global-color-primary:#17191a; --e-global-color-secondary:#5c6368; --e-global-color-text:#2b3033; --e-global-color-accent:#D91F1C; --e-global-color-4e070fde:#17191a; --e-global-color-fe57f36:#D91F1C; --e-global-color-6eae946b:#D91F1C; --e-global-color-98ae251:#2b3033; --e-global-color-3d6ad580:#5c6368; } body,button,input,select,textarea,.elementor-widget-text-editor,.elementor-button,.elementor-icon-list-text{font-family:var(--font-sans)!important;} body{color:#2b3033;} h1,h2,h3,h4,h5,h6,.entry-title,.product_title,.elementor-heading-title,.e-heading-base, .woocommerce-loop-category__title,.related>h2,.upsells>h2{font-family:var(--font-display)!important;letter-spacing:.01em;} .site-content a{color:#17191a;} .site-content a:hover{color:var(--accent-text);} ::selection{background:var(--action-red);color:#fff;} :focus-visible{outline:3px solid var(--brand-red)!important;outline-offset:2px;} /* ========================================================================= 5 HEADER – Astra-Custom-Layout „Header25“ (1109042) Kopfzeile (Logo · Kontakt-Icon · Mini-Cart) dunkel, Navigationsleiste Anthrazit mit roter Unterkante ========================================================================= */ header.ast-custom-header{background:#0b0d0e!important;position:relative;z-index:50;} .elementor-1109042 .elementor-element-279ff8d{background:#0b0d0e!important;--background-color:#0b0d0e;padding-top:14px!important;padding-bottom:14px!important;} .elementor-1109042 .elementor-element-bc49b66{background:#15191b!important;--background-color:#15191b;border-bottom:3px solid var(--brand-red);padding:0!important;} .elementor-1109042 .elementor-element-bc49b66>.e-con-inner{background:transparent!important;padding:6px 0!important;} .elementor-1109042 .elementor-element-bef31f8{background:transparent!important;} .elementor-1109042 .elementor-element-43d052a{background:#0b0d0e!important;--background-color:#0b0d0e;} /* Logo: weißes Vektorlogo statt PNG mit weißem Kasten + Label „Onlineshop“ */ .elementor-1109042 .elementor-widget-ha-site-logo a{display:inline-flex!important;align-items:center;gap:16px;text-decoration:none!important;} .elementor-1109042 .elementor-widget-ha-site-logo img{content:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlpBUCBUZWNobmlYIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMi40NCIgaGVpZ2h0PSIzMDEuMjUiIHZpZXdCb3g9IjAgMCAxMjAyLjQ0IDMwMS4yNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwLTAiPjxwYXRoIGNsaXAtcnVsZT0ibm9uemVybyIgZD0iTSA2MzYgMjMzIEwgNzQ1IDIzMyBMIDc0NSAzMDAuNSBMIDYzNiAzMDAuNSBaIE0gNjM2IDIzMyAiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC0xIj48cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gMS4yMTQ4NDQgMyBMIDEyMDAuNjY3OTY5IDMgTCAxMjAwLjY2Nzk2OSAxOTUgTCAxLjIxNDg0NCAxOTUgWiBNIDEuMjE0ODQ0IDMgIi8+PC9jbGlwUGF0aD48L2RlZnM+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gOTMxLjk0NTMxMiAyNzEuMjQyMTg4IEwgODQ3LjcwNzAzMSAyMTEuODk0NTMxIEwgODM3LjIzNDM3NSAyMTIuMjAzMTI1IEwgODAyLjI1MzkwNiAyMTEuOTQ5MjE5IEwgODM3LjAyMzQzOCAyMzYuMjQ2MDk0IEwgOTI3LjE1MjM0NCAyOTguOTY0ODQ0IEwgOTcyLjI4MTI1IDI5OS4yMzQzNzUgTCA5MzEuOTQ1MzEyIDI3MS4yNDIxODggIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gODQ5LjU5Mzc1IDI2Mi42MDU0NjkgTCA4MzYuNzk2ODc1IDI3MS4yNzM0MzggTCA3OTYuNzY5NTMxIDI5OC42ODM1OTQgTCA4NDEuNzg1MTU2IDI5OS4wNjI1IEwgODcxLjc2MTcxOSAyNzguMDkzNzUgTCA4NDkuNTkzNzUgMjYyLjYwNTQ2OSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA5MTEuNTkzNzUgMjQ1LjEyNSBMIDkyNC4zOTA2MjUgMjM2LjQ2MDkzOCBMIDk2NC40MTc5NjkgMjA5LjA0Njg3NSBMIDkxOS40MDIzNDQgMjA4LjY2Nzk2OSBMIDg4OS40MjE4NzUgMjI5LjYzNjcxOSBMIDkxMS41OTM3NSAyNDUuMTI1ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDc4Ny41MjM0MzggMjk4LjY1NjI1IEwgNzYwLjc2MTcxOSAyOTguODI0MjE5IEwgNzYwLjg0Mzc1IDIzNi4wNzgxMjUgTCA3ODcuNjM2NzE5IDIzNi4yODkwNjIgTCA3ODcuNTIzNDM4IDI5OC42NTYyNSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAyNzYuMTg3NSAyMjguOTA2MjUgTCAxNjEuMDc0MjE5IDIyOC40ODA0NjkgTCAxNjEuMjE0ODQ0IDIxMC4yNTc4MTIgTCAyNzYuMDQ2ODc1IDIxMC42OTUzMTIgTCAyNzYuMTg3NSAyMjguOTA2MjUgIi8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDc0NC40OTYwOTQgMjM3LjQxNzk2OSBMIDcxNC4zNzg5MDYgMjM3LjE3OTY4OCBMIDcxNC41NDY4NzUgMjY4LjE0NDUzMSBMIDY1MS4zMDQ2ODggMjQwLjQwNjI1IEwgNjM2LjE5OTIxOSAyMzMuNzEwOTM4IEwgNjM2LjE4MzU5NCAyNTMuMzg2NzE5IEwgNjUxLjA1NDY4OCAyNjAuMDkzNzUgTCA3NDQuMzk4NDM4IDMwMC41IEwgNzQ0LjQ5NjA5NCAyMzcuNDE3OTY5ICIvPjwvZz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA2NjYuMzU5Mzc1IDI3Mi41OTc2NTYgTCA2NTEuMTA5Mzc1IDI2NS45MDIzNDQgTCA2MzYuMDU4NTk0IDI1OS4yNjE3MTkgTCA2MzYuMTU2MjUgMjk2LjgyNDIxOSBMIDY2Ni41NDI5NjkgMjk3LjAxOTUzMSBMIDY2Ni4zNTkzNzUgMjcyLjU5NzY1NiAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAyMzcuMTMyODEyIDI5Ny4yMTg3NSBMIDIwMC4xNDQ1MzEgMjk3LjM0Mzc1IEwgMjAwLjI0MjE4OCAyMzkuMzYzMjgxIEwgMjM3LjIyNjU2MiAyMzkuMjM4MjgxIEwgMjM3LjEzMjgxMiAyOTcuMjE4NzUgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMzczLjc1MzkwNiAyNTAuMDg5ODQ0IEwgMzIzLjgwNDY4OCAyNTAuMDc0MjE5IEwgMzIzLjYyODkwNiAyMzUuMTA1NDY5IEwgMzc0IDIzNS4xMDU0NjkgTCAzNzMuNzUzOTA2IDI1MC4wODk4NDQgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMzczLjkyOTY4OCAyNzQuMTE3MTg4IEwgMzIzLjYxMzI4MSAyNzQuMTQ0NTMxIEwgMzIzLjgwNDY4OCAyNTguODEyNSBMIDM3My44MDg1OTQgMjU4Ljc5Njg3NSBMIDM3My45Mjk2ODggMjc0LjExNzE4OCAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAzNzMuNzUzOTA2IDI5Ny40NTcwMzEgTCAzMjMuNDY0ODQ0IDI5Ny40MTQwNjIgTCAzMjMuNjI4OTA2IDI4Mi4xNjQwNjIgTCAzNzMuOTM3NSAyODIuNTQ2ODc1IEwgMzczLjc1MzkwNiAyOTcuNDU3MDMxICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDMxNC4zMTY0MDYgMjk3LjQ0NTMxMiBMIDI4NC4yODUxNTYgMjk3LjUxNTYyNSBMIDI4NC4zMzk4NDQgMjM0Ljg3ODkwNiBMIDMxNC40NDUzMTIgMjM1LjA1MDc4MSBMIDMxNC4zMTY0MDYgMjk3LjQ0NTMxMiAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA1MDAuNDg0Mzc1IDI0Ny4yOTY4NzUgTCA0NzcuMTQ0NTMxIDI1Ny4wMjM0MzggQyA0NzIuOTAyMzQ0IDI1NC40NzI2NTYgNDY5LjM2NzE4OCAyNTIuNTgyMDMxIDQ2Ni40MDYyNSAyNTEuNDUzMTI1IEMgNDYzLjM1OTM3NSAyNTAuNjY0MDYyIDQ1OC44NzEwOTQgMjQ5LjkzMzU5NCA0NTIuNzA3MDMxIDI0OS4xODc1IEwgNDUyLjgzMjAzMSAyMzMuODUxNTYyIEMgNDcxLjcxODc1IDIzNC43MTA5MzggNDg3Ljc1IDIzOS4yMzgyODEgNTAwLjQ4NDM3NSAyNDcuMjk2ODc1ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDUwMS4wNzAzMTIgMjg1LjY0NDUzMSBDIDQ5Mi45ODA0NjkgMjkwLjMyNDIxOSA0ODYuMDE5NTMxIDI5My41NTQ2ODggNDgwLjE4MzU5NCAyOTUuMzQzNzUgQyA0NzMuODkwNjI1IDI5Ni43MTA5MzggNDY1LjA1NDY4OCAyOTguNTI3MzQ0IDQ1Mi42MjEwOTQgMjk5LjUxNTYyNSBMIDQ1Mi43MDcwMzEgMjgzLjgyODEyNSBDIDQ1OC45NjQ4NDQgMjgzLjE1MjM0NCA0NjMuNTc0MjE5IDI4Mi40MzM1OTQgNDY2LjUxOTUzMSAyODEuMzc1IEMgNDY5LjQ3NjU2MiAyODAuMjc3MzQ0IDQ3My4wMzEyNSAyNzguODM5ODQ0IDQ3Ni45ODQzNzUgMjc2LjM1OTM3NSBMIDUwMS4wNzAzMTIgMjg1LjY0NDUzMSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA0NDMuNzQyMTg4IDI5OS40NDUzMTIgQyA0MjYuMTQwNjI1IDI5OC4xNzU3ODEgNDExLjc2OTUzMSAyOTQuODYzMjgxIDQwMS4wMzkwNjIgMjg4LjkyOTY4OCBDIDM4OS45NjA5MzggMjgyLjYwMTU2MiAzODQuNDIxODc1IDI3NS4zMzIwMzEgMzg0LjU5NzY1NiAyNjYuNTY2NDA2IEMgMzg0LjYwNTQ2OSAyNTcuNzk2ODc1IDM5MC4yMjY1NjIgMjUwLjE4NzUgNDAxLjM2MzI4MSAyNDQuNDY0ODQ0IEMgNDExLjg4MjgxMiAyMzguNjU2MjUgNDI1Ljg1MTU2MiAyMzUuMTA1NDY5IDQ0My45MTAxNTYgMjMzLjgzNTkzOCBMIDQ0My44NTU0NjkgMjQ5LjEyODkwNiBDIDQzNC42Nzk2ODggMjUwLjExMzI4MSA0MjcuNDg0Mzc1IDI1MS45MDYyNSA0MjIuMTc5Njg4IDI1NS4xNjAxNTYgQyA0MTYuNjY3OTY5IDI1OC4wMzkwNjIgNDE0LjAxOTUzMSAyNjIuMDI3MzQ0IDQxMy45NzY1NjIgMjY2Ljc0NjA5NCBDIDQxMy44NTU0NjkgMjc1LjUxMTcxOSA0MjMuOTY4NzUgMjgxLjA1MDc4MSA0NDMuNjI4OTA2IDI4My43NzM0MzggTCA0NDMuNzQyMTg4IDI5OS40NDUzMTIgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gNjIwLjEwMTU2MiAyOTguMTQ4NDM4IEwgNTg5Ljk5NjA5NCAyOTguMzMyMDMxIEwgNTkwLjExMzI4MSAyMzUuOTEwMTU2IEwgNjIwLjIzMDQ2OSAyMzUuNzk2ODc1IEwgNjIwLjEwMTU2MiAyOTguMTQ4NDM4ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDU4NS4wMDc4MTIgMjc0LjUxMTcxOSBMIDU0Ni45MTAxNTYgMjc0LjczODI4MSBMIDU0Ny4xMjEwOTQgMjU5LjM2MzI4MSBMIDU4NS4wOTM3NSAyNTkuMjE4NzUgTCA1ODUuMDA3ODEyIDI3NC41MTE3MTkgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gNTQyLjI4MTI1IDI5Ny45ODA0NjkgTCA1MTEuNTI3MzQ0IDI5OC4xMzI4MTIgTCA1MTEuNjMyODEyIDIzNS43MzgyODEgTCA1NDIuMzg2NzE5IDIzNS41OTc2NTYgTCA1NDIuMjgxMjUgMjk3Ljk4MDQ2OSAiLz48ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0xKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMTIwMC42Njc5NjkgMzIuMjUzOTA2IEMgMTE5OS45MTc5NjkgMjQuNjU2MjUgMTE5NC4yOTI5NjkgMTguNjY3OTY5IDExODMuNjA5Mzc1IDE0LjQ1MzEyNSBDIDExNjUuODc1IDYuODc1IDExMzAuMDgyMDMxIDMuMzY3MTg4IDEwNzYuMDI3MzQ0IDMuNjQ0NTMxIEMgMTAxNC45NDkyMTkgMy4zOTg0MzggOTUzLjQzMzU5NCAzLjYyODkwNiA4OTIuNDE0MDYyIDMuNzc3MzQ0IEMgODc5Ljg3NSAxOC40ODA0NjkgODY3LjQyNTc4MSAzMy41MzEyNSA4NTUuMDI3MzQ0IDQ4LjYyODkwNiBDIDkxNS4zODI4MTIgNDguMzgyODEyIDk3NS43MzgyODEgNDguNTg1OTM4IDEwMzYuMTQ4NDM4IDQ4LjMyNDIxOSBDIDEwNTIuODI0MjE5IDQ4LjQxMDE1NiAxMDU3LjcyMjY1NiA1Mi4xODM1OTQgMTA1MS43MDcwMzEgNjAuMDY2NDA2IEMgMTA0NS42OTUzMTIgNjcuNjA1NDY5IDEwMzMuNTgyMDMxIDcxLjM5ODQzOCAxMDE2LjIwNzAzMSA3MS4zNDM3NSBDIDk1NS43MTA5MzggNzEuNTMxMjUgODk1LjY4NzUgNzEuMzQzNzUgODM1Ljc0MjE4OCA3MS41NDY4NzUgQyA4MTkuNjgzNTk0IDkwLjczMDQ2OSA3NzYuMTkxNDA2IDE0Mi45ODQzNzUgNzc2LjE5MTQwNiAxNDIuOTg0Mzc1IEwgNzY5LjcxODc1IDUuMjI2NTYyIEwgNjIyLjAyNzM0NCA1Ljk2NDg0NCBMIDY0My43NzM0MzggMjguNDAyMzQ0IEMgNjQzLjc3MzQzOCAyOC40MDIzNDQgNjQ1LjcxNDg0NCAxMjAuODAwNzgxIDY0Ni4zODY3MTkgMTQ0LjkwMjM0NCBDIDYwNy4zMDQ2ODggMTQ0Ljc5Mjk2OSA1NjcuODYzMjgxIDE0NS4wMjM0MzggNTI4Ljc1MzkwNiAxNDQuOTU3MDMxIEMgNTQ3LjAwMzkwNiAxMzIuNTExNzE5IDYxOS41NTA3ODEgODQuMDg5ODQ0IDYzNy4zMzU5MzggNzIuMDc4MTI1IEMgNjAwLjM4MjgxMiA3Mi4zNjMyODEgNTYzLjM5ODQzOCA3Mi4yODUxNTYgNTI2LjU3NDIxOSA3Mi4xNzU3ODEgQyA0OTQuODg2NzE5IDkxLjI2NTYyNSAzNzcuNDI1NzgxIDE2My4yNjk1MzEgMzYzLjE4NzUgMTcxLjkxMDE1NiBDIDM2NS4xNTYyNSAxNjkuNjY3OTY5IDM5Ny43NjE3MTkgMTQwLjI4MTI1IDM5Ny43NjE3MTkgMTQwLjI4MTI1IEMgMzUwLjk0MTQwNiAxNDAuODQ3NjU2IDI4OS4xMTMyODEgMTQxLjc0MjE4OCAyNDIuMjUzOTA2IDE0Mi4yOTY4NzUgQyAyNjUuOTQ1MzEyIDEyOS43NjU2MjUgMzcwLjExMzI4MSA3Mi40OTIxODggMzcwLjExMzI4MSA3Mi40OTIxODggTCAyNDEuNTQyOTY5IDEwNy4wOTM3NSBDIDI0MS41NDI5NjkgMTA3LjA5Mzc1IDMwNi45Mzc1IDY5LjQ4NDM3NSAzMDQuNDc2NTYyIDY5LjQ2ODc1IEMgMjgyLjM3ODkwNiA2OS44NTE1NjIgMjYwLjIxODc1IDcwLjIwNzAzMSAyMzguMjUgNzAuNTAzOTA2IEMgMTk4LjkxNzk2OSA5MS4wODU5MzggNDEuNjI1IDE3My40NTcwMzEgMS4yMTQ4NDQgMTk0LjgzOTg0NCBDIDU5LjI0MjE4OCAxOTMuNzYxNzE5IDg3MC4zMTI1IDE5My44MjQyMTkgODcwLjMxMjUgMTkzLjgyNDIxOSBDIDg3MC4zMTI1IDE5My44MjQyMTkgODk1LjgyNDIxOSAxNTkuMDA3ODEyIDkwMS44ODY3MTkgMTUxLjcwNzAzMSBDIDkxMS41MzkwNjIgMTQwLjA2MjUgOTIxLjE4NzUgMTI4LjAzOTA2MiA5MzAuNzgxMjUgMTE2LjI5Njg3NSBDIDEwMDIuNDcyNjU2IDExNi4xNzk2ODggMTA1My4yOTI5NjkgMTEzLjY3NTc4MSAxMDgzLjE5OTIxOSAxMDguODI0MjE5IEMgMTEwOC44MjgxMjUgMTA1LjE0NDUzMSAxMTMwLjUwMzkwNiA5OS4xMDkzNzUgMTE0Ny44MjgxMjUgOTAuNTY2NDA2IEMgMTE2NS43MTQ4NDQgODIuMzE2NDA2IDExNzkuNTE5NTMxIDcxLjc4OTA2MiAxMTg5LjU5Mzc1IDU5LjM3MTA5NCBDIDExOTYuMjc3MzQ0IDUwLjczMDQ2OSAxMTk5LjgzOTg0NCA0Mi43OTY4NzUgMTIwMC41OTc2NTYgMzYuNDEwMTU2IEwgMTIwMC42Njc5NjkgMzIuMjUzOTA2ICIvPjwvZz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFRTI2MjMiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAzMDUuMzYzMjgxIDgwLjc1NzgxMiBMIDQzMS42MzY3MTkgNDMuMzA4NTk0IEwgNTEyLjUzNTE1NiAwLjE5OTIxOSBMIDE4OC43MzgyODEgMCBMIDEzOC43MTQ4NDQgNDcuOTEwMTU2IEMgMTM4LjcxNDg0NCA0Ny45MTAxNTYgMjkxLjA3NDIxOSA0NS43OTI5NjkgMzY3LjE4MzU5NCA0NC41NTg1OTQgQyAzNzIuMDE5NTMxIDQ0LjQ1NzAzMSAzMDUuMzYzMjgxIDgwLjc1NzgxMiAzMDUuMzYzMjgxIDgwLjc1NzgxMiAiLz48L3N2Zz4=");width:auto!important;height:46px!important;max-width:none!important;} .elementor-1109042 .elementor-widget-ha-site-logo a::after{content:"Onlineshop";padding-left:16px;border-left:1px solid #6b7276;font:600 13px/1.2 var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:#aeb4b7;} @media(max-width:767px){ .elementor-1109042 .elementor-widget-ha-site-logo img{height:30px!important;} .elementor-1109042 .elementor-widget-ha-site-logo a::after{display:none;} } /* Astra-Box-Layout: dunkle Kopf-/Fußflächen trotzdem über die volle Fensterbreite */ .elementor-1109042 .elementor-element-279ff8d,.elementor-1109042 .elementor-element-43d052a{box-shadow:0 0 0 100vmax #0b0d0e;clip-path:inset(0 -100vmax);} .elementor-1109042 .elementor-element-bc49b66{box-shadow:0 0 0 100vmax #15191b;clip-path:inset(0 -100vmax -3px);} .elementor-1109042 .elementor-element-bc49b66::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:-3px;height:3px;background:var(--brand-red);} .elementor-1109042 .elementor-element-bc49b66{position:relative;border-bottom:0!important;} .elementor-1109042 .elementor-element-43d052a{border-bottom:3px solid var(--brand-red);} footer.elementor-location-footer{box-shadow:0 0 0 100vmax #0b0d0e;clip-path:inset(0 -100vmax);} /* Icons & Mini-Cart */ .elementor-1109042 .elementor-icon-list-icon i,.elementor-1109042 .elementor-icon-list-icon svg{color:#fff!important;fill:#fff!important;} .elementor-1109042 .elementor-icon-list-text{color:#fff!important;} .elementor-1109042 .uael-mc__btn{color:#fff!important;font-family:var(--font-display)!important;font-weight:700!important;font-size:18px!important;} .elementor-1109042 .uael-mc__btn i,.elementor-1109042 .uael-mc__btn svg{color:#fff!important;fill:#fff!important;} .elementor-1109042 .uael-mc__btn-badge,.elementor-1109042 .uael-mc__btn .uael-mc__btn-badge{background:var(--action-red)!important;color:#fff!important;} .elementor-1109042 a[href*="mein-konto"] i,.elementor-1109042 a[href*="mein-konto"] svg,.elementor-1109042 [class*=user] svg{color:#fff!important;fill:#fff!important;border-color:#fff!important;} /* Navigation (UAEL) */ .elementor-1109042 .uael-nav-menu a.uael-menu-item{font-family:var(--font-display)!important;font-weight:700!important;font-size:17px!important;text-transform:uppercase;letter-spacing:.03em;color:#fff!important;} .elementor-1109042 .uael-nav-menu a.uael-menu-item:hover,.elementor-1109042 .uael-nav-menu .current-menu-item>a.uael-menu-item{color:#fff!important;} .elementor-1109042 .uael-nav-menu .uael-pointer__underline a.uael-menu-item::after,.elementor-1109042 .uael-pointer__underline .menu-item.parent a.uael-menu-item:after{background:var(--brand-red)!important;height:3px!important;} .elementor-1109042 .uael-nav-menu .sub-menu{background:#15191b!important;border:1px solid #343a3d!important;border-top:3px solid var(--brand-red)!important;} .elementor-1109042 .uael-nav-menu .sub-menu a.uael-sub-menu-item{color:#e6e9ea!important;font-family:var(--font-sans)!important;font-size:15px!important;text-transform:none;} .elementor-1109042 .uael-nav-menu .sub-menu a.uael-sub-menu-item:hover{background:#202527!important;color:#fff!important;} .elementor-1109042 .uael-nav-menu__toggle,.elementor-1109042 .uael-nav-menu__toggle i,.elementor-1109042 .uael-nav-menu-icon svg{color:#fff!important;fill:#fff!important;} .elementor-1109042 .elementor-widget-uael-nav-menu .uael-nav-menu-icon{color:#fff!important;} /* Suche (FiboSearch) */ .elementor-1109042 .dgwt-wcas-search-wrapp{max-width:none!important;} .elementor-1109042 .dgwt-wcas-search-input{background:#fff!important;border:2px solid transparent!important;border-radius:var(--radius-md) 0 0 var(--radius-md)!important;min-height:46px!important;font-family:var(--font-sans)!important;font-size:15px!important;color:#17191a!important;} .elementor-1109042 .dgwt-wcas-search-input:focus{border-color:var(--brand-red)!important;box-shadow:none!important;} .elementor-1109042 .dgwt-wcas-search-submit,.dgwt-wcas-search-submit{background:var(--action-red)!important;border-radius:0 var(--radius-md) var(--radius-md) 0!important;min-height:46px!important;} .dgwt-wcas-search-submit:hover{background:var(--action-red-hover)!important;} .dgwt-wcas-search-submit::before{border-color:transparent var(--action-red) transparent!important;} .dgwt-wcas-search-submit svg path{fill:#fff!important;} .dgwt-wcas-suggestions-wrapp{border-radius:0 0 var(--radius-md) var(--radius-md)!important;border-color:var(--border)!important;font-family:var(--font-sans)!important;} .dgwt-wcas-suggestion-selected{background:#f5f6f6!important;} .dgwt-wcas-st strong,.dgwt-wcas-sp ins{color:var(--accent-text)!important;} /* Banner „Performance Racing Parts“ (1106841): nur Startseite und Shop-Übersicht, nicht auf jeder Unterseite */ body:not(.home):not(.post-type-archive-product) .elementor-1106841{display:none!important;} .elementor-1106841 img{border-radius:0!important;} /* ========================================================================= 6 INHALT: Breadcrumb, Seitentitel, Kategorien ========================================================================= */ .woocommerce-breadcrumb,.elementor-widget-woocommerce-breadcrumb,.ast-breadcrumbs,.ast-breadcrumbs-wrapper{font-size:13px!important;color:#6b7276!important;} .woocommerce-breadcrumb a,.ast-breadcrumbs a{color:#5c6368!important;} .woocommerce-breadcrumb a:hover,.ast-breadcrumbs a:hover{color:var(--accent-text)!important;} .elementor-widget-theme-archive-title,.elementor-widget-theme-archive-title>.elementor-widget-container{background:transparent!important;padding-left:0!important;} .elementor-widget-theme-archive-title .elementor-heading-title,.woocommerce-products-header__title{ color:#17191a!important;font-weight:800!important;font-style:italic;text-transform:uppercase;font-size:clamp(28px,3.2vw,42px)!important;line-height:1!important; } .elementor-widget-theme-archive-title .elementor-heading-title::after{content:"";display:block;width:72px;height:6px;margin-top:10px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} /* Seitentitel normaler WordPress-Seiten (Impressum, AGB, Widerruf …) */ .page .entry-header .entry-title,.page h1.entry-title, .page:not(.home) .entry-content>.elementor>.elementor-element:first-child>.e-con-inner>.e-heading-base:first-child{ color:#17191a!important;font-weight:800!important;font-style:italic;text-transform:uppercase;font-size:clamp(26px,3vw,38px)!important;line-height:1.05!important;margin-bottom:18px!important; } .page .entry-header .entry-title::after, .page:not(.home) .entry-content>.elementor>.elementor-element:first-child>.e-con-inner>.e-heading-base:first-child::after{content:"";display:block;width:72px;height:6px;margin-top:10px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} .site-content form label,.site-content legend{font-family:var(--font-sans)!important;color:#17191a;} .site-content .required{color:var(--error)!important;} /* Abschnittstitel in Elementor-Inhalten */ .site-content .elementor-widget-heading h2.elementor-heading-title,.site-content h2.e-heading-base,.related>h2,.upsells>h2{ color:#17191a!important;font-weight:800!important;text-transform:uppercase; } /* Kategorie-Kacheln */ ul.products li.product-category{background:#fff;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;} ul.products li.product-category:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)!important;border-color:#d4d8da!important;} ul.products li.product-category a{display:block;padding:14px!important;} ul.products li.product-category img{border-radius:var(--radius-sm);margin-bottom:10px!important;} .woocommerce-loop-category__title{font-size:17px!important;font-weight:700!important;text-transform:uppercase;color:#17191a!important;padding:0!important;} .woocommerce-loop-category__title::after{background:var(--action-red)!important;} .woocommerce-loop-category__title mark{background:transparent;color:#6b7276;font-weight:600;} /* ========================================================================= 7 PRODUKTLISTE (Astra-Loop) ========================================================================= */ ul.products li.product:not(.product-category){ background:#fff;border:1px solid var(--border)!important;border-radius:var(--radius-md);padding:0 0 16px!important;overflow:hidden; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; } ul.products li.product:not(.product-category):hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#d4d8da;} ul.products li.product .astra-shop-thumbnail-wrap{background:#fff;padding:12px;border-bottom:1px solid #f0f1f2;margin-bottom:12px;} ul.products li.product .astra-shop-summary-wrap{padding:0 14px!important;} ul.products li.product .woocommerce-loop-product__title{ font-family:var(--font-sans)!important;font-weight:500!important;font-size:14.5px!important;line-height:1.35!important;color:#17191a!important; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em;text-transform:none; } ul.products li.product .ast-loop-product__link:hover .woocommerce-loop-product__title{color:var(--accent-text)!important;} ul.products li.product .price,.mek7-fg__price{font-family:var(--font-display)!important;font-size:21px!important;font-weight:700!important;color:#17191a!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;} .price ins,.mek7-fg__price ins{color:var(--accent-text)!important;text-decoration:none!important;font-weight:700!important;} .price del,.mek7-fg__price del{color:#6b7276!important;font-size:.72em!important;font-weight:600!important;opacity:1!important;} .price del .amount,.mek7-fg__price del .amount{color:#6b7276!important;} .pwb-brands-in-loop img{max-height:26px!important;width:auto!important;opacity:.85;} /* Ausverkauft-Hinweis */ .ast-shop-product-out-of-stock{background:rgba(23,25,26,.9)!important;color:#fff!important;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;} /* Bestehendes Zusatz-CSS erzeugt „NICHT VORRÄTIG“ als rote Leiste über dem Titel – hier als dunkles Label unten ins Bild verschoben */ ul.products li.product.outofstock .astra-shop-summary-wrap{position:relative;} .woocommerce ul.products li.product.outofstock .astra-shop-summary-wrap::before{ background:rgba(23,25,26,.92)!important;color:#fff!important;top:-50px!important;left:14px!important;right:auto!important; padding:6px 10px!important;border-radius:var(--radius-sm)!important;font-family:var(--font-display)!important;font-weight:700!important; font-size:12px!important;letter-spacing:.06em!important;line-height:1!important;width:auto!important;z-index:2; } ul.products li.product.outofstock .astra-shop-thumbnail-wrap img{opacity:.55;} /* Sale-Badge */ span.onsale,.woocommerce span.onsale,.mek7-fg__badge{ background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-sm)!important; font-family:var(--font-display)!important;font-weight:800!important;font-size:14px!important;letter-spacing:.02em; min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;line-height:1!important;padding:7px 9px!important; top:10px!important;left:10px!important;right:auto!important;margin:0!important;box-shadow:none!important; } /* Toolbar & Pagination */ .ast-shop-toolbar-container{font-size:14px;color:#5c6368;margin-bottom:18px!important;} .woocommerce-ordering select,.ast-shop-toolbar-container select{border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;min-height:40px;padding:0 34px 0 12px!important;background-color:#fff!important;color:#17191a!important;} .woocommerce-pagination ul{border:0!important;display:flex!important;gap:6px;justify-content:center;} .woocommerce-pagination ul li{border:0!important;} .woocommerce-pagination ul li a,.woocommerce-pagination ul li span{min-width:40px;min-height:40px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--border)!important;border-radius:var(--radius-md);color:#17191a!important;font-weight:700;background:#fff!important;} .woocommerce-pagination ul li span.current{background:#17191a!important;color:#fff!important;border-color:#17191a!important;} .woocommerce-pagination ul li a:hover{border-color:var(--action-red)!important;color:var(--accent-text)!important;} /* mek7_featured_grid (Startseite) */ .mek7-fg__card,.mek7-fg__card *{text-decoration:none!important;} .mek7-fg__card{background:#fff!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease;} .mek7-fg__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)!important;} .mek7-fg__title{font-family:var(--font-sans)!important;font-weight:500!important;font-size:15px!important;line-height:1.35!important;color:#17191a!important;text-transform:none!important;} .mek7-fg__save{background:#fdecec!important;color:var(--accent-text)!important;border-radius:var(--radius-sm)!important;font-weight:700;} .mek7-fg__save *{color:var(--accent-text)!important;} .mek7-fg__btn{background:#17191a!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;font-size:13px!important;} .mek7-fg__card:hover .mek7-fg__btn{background:var(--action-red)!important;color:#fff!important;} .elementor-widget-ymm_search,.elementor-widget-ymm_search>.elementor-widget-container{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;} /* ========================================================================= 8 FAHRZEUGSUCHE (ymm-search) – als dunkles Marken-Panel ========================================================================= */ .ymm-search-wrap{ background:linear-gradient(100deg,#0b0d0e 0%,#15191b 70%,#202527 100%)!important; border:0!important;border-left:6px solid var(--brand-red)!important;border-radius:var(--radius-md)!important;padding:18px 22px 22px!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.12); } .ymm-search-wrap label{color:#fff!important;font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;font-size:15px!important;} .ymm-step-num{background:var(--action-red)!important;color:#fff!important;font-weight:800!important;border-radius:50%!important;} .ymm-select{background-color:#fff!important;border:2px solid transparent!important;border-radius:var(--radius-md)!important;color:#17191a!important;min-height:46px!important;font-size:15px!important;} .ymm-select:focus{border-color:var(--action-red)!important;outline:none!important;} .ymm-search-wrap .ymm-select:disabled{background-color:#2a3033!important;color:#8a9195!important;} .ymm-layer-panel .ymm-select:disabled{background-color:#f5f6f6!important;color:#8a9195!important;border-color:var(--border)!important;} .ymm-search-wrap .ymm-btn,.ymm-btn--search{background:var(--action-red)!important;color:#fff!important;border:0!important;border-radius:var(--radius-md)!important;min-height:46px!important; font-family:var(--font-sans)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;} .ymm-search-wrap .ymm-btn:hover,.ymm-btn--search:hover{background:var(--action-red-hover)!important;} .ymm-search-wrap .ymm-btn svg,.ymm-search-wrap .ymm-btn i{color:#fff!important;fill:currentColor;} #ymm-hsn-tsn-toggle,.ymm-hsn-toggle-wrap a{color:#aeb4b7!important;font-size:14px!important;text-decoration:underline;text-underline-offset:3px;} #ymm-hsn-tsn-toggle:hover{color:var(--action-red)!important;} .ymm-product-badge{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:#f5f6f6!important;color:#2b3033!important;font-size:14px!important;} .ymm-product-badge a{color:var(--accent-text)!important;font-weight:700;} /* Fahrzeug-Modal (mobil, Header-Button) – die Farben kommen aus den ymm-Plugin-Variablen. Dauerhaft besser direkt in den ymm-search-Einstellungen hinterlegen; hier als Override: */ #ymm-layer-modal,.ymm-layer-modal{ --ymm-layer-accent:#D91F1C!important; --ymm-layer-header-bg:#0b0d0e!important; --ymm-layer-header-color:#ffffff!important; --ymm-layer-step-bg:#D91F1C!important; --ymm-layer-submit-bg:#D91F1C!important; --ymm-layer-submit-color:#fff!important; --ymm-layer-tab-active:#17191a!important; --ymm-layer-tab-color:#5c6368!important; --ymm-layer-tab-bg:#f5f6f6!important; --ymm-layer-border:#e4e6e7!important; --ymm-layer-btn-border:#8a9195!important; --ymm-layer-btn-color:#17191a!important; } .ymm-layer-panel{border-radius:var(--radius-md)!important;overflow:hidden;font-family:var(--font-sans)!important;} .ymm-layer-header{background:#0b0d0e!important;border-bottom:3px solid var(--action-red)!important;} .ymm-layer-title{font-family:var(--font-display)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;color:#fff!important;} .ymm-layer-tabs{background:#f5f6f6!important;} .ymm-layer-tab{font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;color:#5c6368!important;border-bottom:3px solid transparent!important;} .ymm-layer-tab.active{background:#fff!important;color:#17191a!important;border-bottom-color:var(--action-red)!important;box-shadow:inset 0 -3px 0 var(--action-red)!important;} .ymm-layer-tab.active::after,.ymm-layer-tab.active::before{background:var(--action-red)!important;border-color:var(--action-red)!important;} .ymm-layer-label{color:#17191a!important;font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;} .ymm-layer-step{background:var(--action-red)!important;color:#fff!important;font-weight:800!important;} .ymm-layer-panel .ymm-select{border:1px solid var(--border-strong)!important;} .ymm-layer-submit{background:var(--action-red)!important;color:#fff!important;border:0!important;border-radius:var(--radius-md)!important;min-height:50px!important;width:100%; font-family:var(--font-sans)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;} .ymm-layer-submit svg,.ymm-layer-submit svg *{stroke:#0b0d0e!important;color:#fff!important;} .ymm-layer-submit:disabled,.ymm-layer-submit[disabled]{background:#f7c1c0!important;color:#7a1d1b!important;} /* ========================================================================= 9 PRODUKTSEITE ========================================================================= */ .single-product .product_title{font-weight:800!important;font-size:clamp(24px,2.4vw,32px)!important;line-height:1.1!important;color:#17191a!important;text-transform:uppercase;} .single-product div.product p.price{font-family:var(--font-display)!important;font-size:32px!important;font-weight:700!important;color:#17191a!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;} .single-product div.product p.price .wc-gzd-sale-price-label{font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500;color:#6b7276!important;} .single-product div.product p.price del{font-size:18px!important;} /* Germanized-Grundpreis: ist ebenfalls ein p.price – darf nicht die große Preisschrift erben */ .single-product div.product p.price.price-unit,.single-product div.product .price-unit{ font-family:var(--font-sans)!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;color:#5c6368!important;display:block!important;margin:2px 0 6px!important;} .single-product div.product .price-unit del,.single-product div.product .price-unit del *{font-size:13px!important;color:#8a9195!important;font-weight:400!important;} .single-product div.product .price-unit ins,.single-product div.product .price-unit ins *{font-size:13px!important;color:#17191a!important;font-weight:700!important;text-decoration:none!important;} .single-product div.product .price-unit .unit{font-size:13px!important;} .mek7-price-legal del,.mek7-price-legal del *{color:#8a9195!important;} .mek7-price-legal ins,.mek7-price-legal ins *{color:#2b3033!important;font-weight:600;text-decoration:none!important;} .wc-gzd-additional-info,.delivery-time-info,.legal-price-info{font-size:13px!important;color:#5c6368!important;} .single-product .product_meta{font-size:13px;color:#5c6368;border-color:var(--border)!important;} .stock.in-stock{color:var(--success)!important;font-weight:700;} .stock.out-of-stock{color:var(--error)!important;font-weight:700;} .mistermx-lieferzeit{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:#f5f6f6!important;} .single-product .quantity .qty{min-height:48px;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;} .single-product .woocommerce-product-gallery{border-radius:var(--radius-md);} .ast-single-product-extras .ast-heading{font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:#17191a;} .mek7-shipping-notice--free strong{color:var(--success)!important;} /* Produktseite ohne Seitenleiste (MU-Plugin ≥ 2.17): Inhalt volle Breite, zentriert */ .single-product.ast-no-sidebar #primary{width:100%!important;float:none!important;margin-left:auto!important;margin-right:auto!important;} .single-product.ast-no-sidebar .site-content>.ast-container{max-width:1320px!important;} /* Produktseite: Titel + Preis immer oben, Hinweis-Kästen (z. B. Wieder-da-Benachrichtigung) darunter */ .single-product div.product .summary{display:flex;flex-direction:column;} .single-product div.product .summary>*{max-width:100%;} .single-product div.product .summary>.ymm-product-badge{order:-4;align-self:flex-start;} .single-product div.product .summary>.pwb-single-product-brands{order:-3;} .single-product div.product .summary>.product_title{order:-2;} .single-product div.product .summary>.price,.single-product div.product .summary>.legal-price-info,.single-product div.product .summary>.wc-gzd-additional-info{order:-1;} /* Wieder-da-Benachrichtigung (mek7-stock-notify) */ .mek7sn-box{background:#f5f6f6!important;border:1px solid var(--border)!important;border-left:4px solid var(--action-red)!important;border-radius:var(--radius-md)!important;padding:16px 18px!important;margin:14px 0 18px!important;} .mek7sn-box p{font-size:14.5px!important;line-height:1.5!important;color:#2b3033!important;margin:0 0 12px!important;} .mek7sn-box input[type=email]{min-height:46px!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;background:#fff!important;} .mek7sn-box input[type=email]:focus{border-color:var(--action-red)!important;box-shadow:0 0 0 3px rgba(217,31,28,.18)!important;outline:none!important;} .mek7sn-box button,.mek7sn-box input[type=submit]{background:var(--action-red)!important;color:#fff!important;border:0!important;border-radius:var(--radius-md)!important;min-height:46px!important; font-family:var(--font-sans)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;} .mek7sn-box button:hover,.mek7sn-box input[type=submit]:hover{background:var(--action-red-hover)!important;} .mek7sn-box a{color:#17191a!important;text-decoration:underline!important;text-decoration-color:var(--action-red)!important;text-decoration-thickness:2px!important;text-underline-offset:3px;} .mek7sn-box label{font-size:13.5px!important;color:#2b3033!important;} /* Tabs */ .woocommerce-tabs ul.tabs{border-bottom:2px solid var(--border)!important;padding:0!important;} .woocommerce-tabs ul.tabs::before{display:none!important;} .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;margin:0 4px -2px 0!important;} .woocommerce-tabs ul.tabs li a{font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;color:#6b7276!important;padding:12px 16px!important;} .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--action-red)!important;} .woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li a:hover{color:#17191a!important;} /* Sidebar */ #secondary .widget-title,#secondary h2,#secondary h3{font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;color:#17191a!important;font-size:17px!important;border-bottom:2px solid var(--action-red);padding-bottom:6px;} /* ========================================================================= 10 BUTTONS, FORMULARE, HINWEISE ========================================================================= */ .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit, .site-content .elementor-button{ min-height:var(--touch-min);border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-weight:700!important; text-transform:uppercase;letter-spacing:.04em;background:#17191a!important;color:#fff!important;border:0!important; display:inline-flex;align-items:center;justify-content:center;transition:background .16s ease; } .woocommerce a.button:hover,.woocommerce button.button:hover,.site-content .elementor-button:hover{background:#33393c!important;color:#fff!important;} .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt, .single_add_to_cart_button,.single_add_to_cart_button.button.alt,.wc-proceed-to-checkout .checkout-button,#place_order{ background:var(--action-red)!important;color:#fff!important;font-size:16px!important;padding:0 28px!important;min-height:52px!important; } .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover, .wc-proceed-to-checkout .checkout-button:hover,#place_order:hover{background:var(--action-red-hover)!important;color:#fff!important;} .woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.45!important;} .woocommerce form .input-text,.woocommerce form select,.woocommerce-page form .input-text, .site-content input[type=text],.site-content input[type=email],.site-content input[type=tel],.site-content input[type=password],.site-content textarea{ border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;min-height:46px;background:#fff!important;color:#17191a!important; } .woocommerce form .input-text:focus,.site-content input:focus,.site-content textarea:focus,.woocommerce form select:focus{border-color:var(--action-red)!important;box-shadow:0 0 0 3px rgba(217,31,28,.18)!important;outline:none!important;} .woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--radius-md)!important;background:#f5f6f6!important;color:#17191a!important;border-top:0!important;border-left:4px solid var(--action-red)!important;} .woocommerce-error{border-left-color:var(--error)!important;} .woocommerce-message::before,.woocommerce-info::before{color:var(--accent-text)!important;} /* Warenkorb & Kasse */ .woocommerce table.shop_table{border-radius:var(--radius-md)!important;border-color:var(--border)!important;} .woocommerce table.shop_table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:#17191a;} .cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3{font-weight:800!important;text-transform:uppercase;color:#17191a!important;} .cart_totals table th,.woocommerce-cart .cart_totals th{white-space:nowrap;font-size:14px!important;width:40%;} .woocommerce-cart table.shop_table td.product-name a{color:#17191a!important;font-weight:600;} .woocommerce-cart .quantity .qty{min-height:40px;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;} /* Gutschein-Hinweis (Power Coupons): dezent statt als größter Button der Kasse */ .power-coupons-view-coupons-btn{background:transparent!important;color:#5c6368!important;border:1px dashed var(--border-strong)!important;border-radius:var(--radius-md)!important; font-family:var(--font-sans)!important;font-weight:600!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;min-height:36px!important;padding:6px 14px!important;box-shadow:none!important;} .power-coupons-view-coupons-btn:hover{color:var(--accent-text)!important;border-color:var(--action-red)!important;} .power-coupons-drawer-content{font-family:var(--font-sans)!important;} .order-total .amount{font-family:var(--font-display);font-size:24px;color:#17191a;} /* ========================================================================= 11 FOOTER – Elementor 51909 ========================================================================= */ footer.elementor-location-footer{background:#0b0d0e!important;color:#aeb4b7;} footer.elementor-location-footer>.e-con,footer.elementor-location-footer .e-con,footer.elementor-location-footer .elementor-section{background-color:transparent!important;--background-color:transparent;} footer.elementor-location-footer>.e-con:first-child{border-top:4px solid var(--brand-red);} footer.elementor-location-footer>.e-con:not(:first-child){border-top:1px solid #343a3d!important;} footer.elementor-location-footer .elementor-heading-title{color:#fff!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.02em;font-size:19px!important;} footer.elementor-location-footer .elementor-divider-separator{border-color:#343a3d!important;} footer.elementor-location-footer .elementor-icon-list-text,footer.elementor-location-footer p,footer.elementor-location-footer .elementor-widget-text-editor{color:#aeb4b7!important;font-size:14.5px!important;} footer.elementor-location-footer a .elementor-icon-list-text,footer.elementor-location-footer a{color:#d0d4d6!important;} footer.elementor-location-footer a:hover .elementor-icon-list-text,footer.elementor-location-footer a:hover{color:#fff!important;} footer.elementor-location-footer .elementor-icon-list-icon i,footer.elementor-location-footer .elementor-icon-list-icon svg{color:#FF4A3D!important;fill:#FF4A3D!important;} footer.elementor-location-footer .elementor-icon-list-item:not(:last-child)::after{border-color:#343a3d!important;} footer.elementor-location-footer strong,footer.elementor-location-footer b{color:#fff!important;} footer.elementor-location-footer .elementor-button{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;} footer.elementor-location-footer .elementor-button:hover{background:var(--action-red-hover)!important;} footer.elementor-location-footer .elementor-widget-text-editor a,footer.elementor-location-footer .elementor-widget-text-editor strong{color:#fff!important;} /* Astra „Nach oben“-Button */ #ast-scroll-top{background:#15191b!important;color:#fff!important;border-radius:var(--radius-md)!important;} #ast-scroll-top:hover{background:var(--action-red)!important;} /* ========================================================================= 12 KASSE & SEITENWARENKORB – CartFlows (Instant Checkout) + ModernCart, wie mister-mx (ersetzt CheckoutWC; Aufbau aus Mister-MX v2.28 übernommen) ========================================================================= */ /* Kasse auf Tablet einspaltig (rechte Spalte sonst nur ~336 px) */ @media (max-width:1199px), (hover:none) and (pointer:coarse) and (max-width:1600px){ .wcf-embed-checkout-form-instant-checkout .wcf-instant-checkout-wrapper{grid-template-columns:minmax(0,1fr)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important;} .wcf-embed-checkout-form-instant-checkout .wcf-customer-info-main-wrapper{width:100%!important;max-width:none!important;} .wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column{width:100%!important;max-width:none!important;border-left:0!important;border-top:1px solid var(--border)!important;padding-left:0!important;padding-right:0!important;} .wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap{max-width:none!important;width:100%!important;padding-left:40px!important;padding-right:40px!important;box-sizing:border-box!important;} } @media(max-width:767px){.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap{padding-left:16px!important;padding-right:16px!important;}} /* Kopf der Kasse: schwarz, rote Unterkante, Logo mittig (weiße Wortmarke statt PNG mit weißem Kasten), links zurück, rechts „Sichere Kasse“ */ .cartflows-instant-checkout header.main-header--wrapper{background:#0b0d0e!important;border-bottom:3px solid var(--brand-red)!important;box-shadow:none!important;min-height:84px;} .cartflows-instant-checkout .main-header--content{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;width:100%!important;max-width:1140px!important;margin:0 auto!important;padding:12px 20px!important;box-sizing:border-box;} .cartflows-instant-checkout .main-header--site-logo{grid-column:2;grid-row:1;justify-self:center;display:flex!important;} .cartflows-instant-checkout .main-header--site-logo img.custom-logo{content:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlpBUCBUZWNobmlYIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMi40NCIgaGVpZ2h0PSIzMDEuMjUiIHZpZXdCb3g9IjAgMCAxMjAyLjQ0IDMwMS4yNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwLTAiPjxwYXRoIGNsaXAtcnVsZT0ibm9uemVybyIgZD0iTSA2MzYgMjMzIEwgNzQ1IDIzMyBMIDc0NSAzMDAuNSBMIDYzNiAzMDAuNSBaIE0gNjM2IDIzMyAiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC0xIj48cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gMS4yMTQ4NDQgMyBMIDEyMDAuNjY3OTY5IDMgTCAxMjAwLjY2Nzk2OSAxOTUgTCAxLjIxNDg0NCAxOTUgWiBNIDEuMjE0ODQ0IDMgIi8+PC9jbGlwUGF0aD48L2RlZnM+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gOTMxLjk0NTMxMiAyNzEuMjQyMTg4IEwgODQ3LjcwNzAzMSAyMTEuODk0NTMxIEwgODM3LjIzNDM3NSAyMTIuMjAzMTI1IEwgODAyLjI1MzkwNiAyMTEuOTQ5MjE5IEwgODM3LjAyMzQzOCAyMzYuMjQ2MDk0IEwgOTI3LjE1MjM0NCAyOTguOTY0ODQ0IEwgOTcyLjI4MTI1IDI5OS4yMzQzNzUgTCA5MzEuOTQ1MzEyIDI3MS4yNDIxODggIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gODQ5LjU5Mzc1IDI2Mi42MDU0NjkgTCA4MzYuNzk2ODc1IDI3MS4yNzM0MzggTCA3OTYuNzY5NTMxIDI5OC42ODM1OTQgTCA4NDEuNzg1MTU2IDI5OS4wNjI1IEwgODcxLjc2MTcxOSAyNzguMDkzNzUgTCA4NDkuNTkzNzUgMjYyLjYwNTQ2OSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA5MTEuNTkzNzUgMjQ1LjEyNSBMIDkyNC4zOTA2MjUgMjM2LjQ2MDkzOCBMIDk2NC40MTc5NjkgMjA5LjA0Njg3NSBMIDkxOS40MDIzNDQgMjA4LjY2Nzk2OSBMIDg4OS40MjE4NzUgMjI5LjYzNjcxOSBMIDkxMS41OTM3NSAyNDUuMTI1ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDc4Ny41MjM0MzggMjk4LjY1NjI1IEwgNzYwLjc2MTcxOSAyOTguODI0MjE5IEwgNzYwLjg0Mzc1IDIzNi4wNzgxMjUgTCA3ODcuNjM2NzE5IDIzNi4yODkwNjIgTCA3ODcuNTIzNDM4IDI5OC42NTYyNSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAyNzYuMTg3NSAyMjguOTA2MjUgTCAxNjEuMDc0MjE5IDIyOC40ODA0NjkgTCAxNjEuMjE0ODQ0IDIxMC4yNTc4MTIgTCAyNzYuMDQ2ODc1IDIxMC42OTUzMTIgTCAyNzYuMTg3NSAyMjguOTA2MjUgIi8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDc0NC40OTYwOTQgMjM3LjQxNzk2OSBMIDcxNC4zNzg5MDYgMjM3LjE3OTY4OCBMIDcxNC41NDY4NzUgMjY4LjE0NDUzMSBMIDY1MS4zMDQ2ODggMjQwLjQwNjI1IEwgNjM2LjE5OTIxOSAyMzMuNzEwOTM4IEwgNjM2LjE4MzU5NCAyNTMuMzg2NzE5IEwgNjUxLjA1NDY4OCAyNjAuMDkzNzUgTCA3NDQuMzk4NDM4IDMwMC41IEwgNzQ0LjQ5NjA5NCAyMzcuNDE3OTY5ICIvPjwvZz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA2NjYuMzU5Mzc1IDI3Mi41OTc2NTYgTCA2NTEuMTA5Mzc1IDI2NS45MDIzNDQgTCA2MzYuMDU4NTk0IDI1OS4yNjE3MTkgTCA2MzYuMTU2MjUgMjk2LjgyNDIxOSBMIDY2Ni41NDI5NjkgMjk3LjAxOTUzMSBMIDY2Ni4zNTkzNzUgMjcyLjU5NzY1NiAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAyMzcuMTMyODEyIDI5Ny4yMTg3NSBMIDIwMC4xNDQ1MzEgMjk3LjM0Mzc1IEwgMjAwLjI0MjE4OCAyMzkuMzYzMjgxIEwgMjM3LjIyNjU2MiAyMzkuMjM4MjgxIEwgMjM3LjEzMjgxMiAyOTcuMjE4NzUgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMzczLjc1MzkwNiAyNTAuMDg5ODQ0IEwgMzIzLjgwNDY4OCAyNTAuMDc0MjE5IEwgMzIzLjYyODkwNiAyMzUuMTA1NDY5IEwgMzc0IDIzNS4xMDU0NjkgTCAzNzMuNzUzOTA2IDI1MC4wODk4NDQgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMzczLjkyOTY4OCAyNzQuMTE3MTg4IEwgMzIzLjYxMzI4MSAyNzQuMTQ0NTMxIEwgMzIzLjgwNDY4OCAyNTguODEyNSBMIDM3My44MDg1OTQgMjU4Ljc5Njg3NSBMIDM3My45Mjk2ODggMjc0LjExNzE4OCAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAzNzMuNzUzOTA2IDI5Ny40NTcwMzEgTCAzMjMuNDY0ODQ0IDI5Ny40MTQwNjIgTCAzMjMuNjI4OTA2IDI4Mi4xNjQwNjIgTCAzNzMuOTM3NSAyODIuNTQ2ODc1IEwgMzczLjc1MzkwNiAyOTcuNDU3MDMxICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDMxNC4zMTY0MDYgMjk3LjQ0NTMxMiBMIDI4NC4yODUxNTYgMjk3LjUxNTYyNSBMIDI4NC4zMzk4NDQgMjM0Ljg3ODkwNiBMIDMxNC40NDUzMTIgMjM1LjA1MDc4MSBMIDMxNC4zMTY0MDYgMjk3LjQ0NTMxMiAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA1MDAuNDg0Mzc1IDI0Ny4yOTY4NzUgTCA0NzcuMTQ0NTMxIDI1Ny4wMjM0MzggQyA0NzIuOTAyMzQ0IDI1NC40NzI2NTYgNDY5LjM2NzE4OCAyNTIuNTgyMDMxIDQ2Ni40MDYyNSAyNTEuNDUzMTI1IEMgNDYzLjM1OTM3NSAyNTAuNjY0MDYyIDQ1OC44NzEwOTQgMjQ5LjkzMzU5NCA0NTIuNzA3MDMxIDI0OS4xODc1IEwgNDUyLjgzMjAzMSAyMzMuODUxNTYyIEMgNDcxLjcxODc1IDIzNC43MTA5MzggNDg3Ljc1IDIzOS4yMzgyODEgNTAwLjQ4NDM3NSAyNDcuMjk2ODc1ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDUwMS4wNzAzMTIgMjg1LjY0NDUzMSBDIDQ5Mi45ODA0NjkgMjkwLjMyNDIxOSA0ODYuMDE5NTMxIDI5My41NTQ2ODggNDgwLjE4MzU5NCAyOTUuMzQzNzUgQyA0NzMuODkwNjI1IDI5Ni43MTA5MzggNDY1LjA1NDY4OCAyOTguNTI3MzQ0IDQ1Mi42MjEwOTQgMjk5LjUxNTYyNSBMIDQ1Mi43MDcwMzEgMjgzLjgyODEyNSBDIDQ1OC45NjQ4NDQgMjgzLjE1MjM0NCA0NjMuNTc0MjE5IDI4Mi40MzM1OTQgNDY2LjUxOTUzMSAyODEuMzc1IEMgNDY5LjQ3NjU2MiAyODAuMjc3MzQ0IDQ3My4wMzEyNSAyNzguODM5ODQ0IDQ3Ni45ODQzNzUgMjc2LjM1OTM3NSBMIDUwMS4wNzAzMTIgMjg1LjY0NDUzMSAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA0NDMuNzQyMTg4IDI5OS40NDUzMTIgQyA0MjYuMTQwNjI1IDI5OC4xNzU3ODEgNDExLjc2OTUzMSAyOTQuODYzMjgxIDQwMS4wMzkwNjIgMjg4LjkyOTY4OCBDIDM4OS45NjA5MzggMjgyLjYwMTU2MiAzODQuNDIxODc1IDI3NS4zMzIwMzEgMzg0LjU5NzY1NiAyNjYuNTY2NDA2IEMgMzg0LjYwNTQ2OSAyNTcuNzk2ODc1IDM5MC4yMjY1NjIgMjUwLjE4NzUgNDAxLjM2MzI4MSAyNDQuNDY0ODQ0IEMgNDExLjg4MjgxMiAyMzguNjU2MjUgNDI1Ljg1MTU2MiAyMzUuMTA1NDY5IDQ0My45MTAxNTYgMjMzLjgzNTkzOCBMIDQ0My44NTU0NjkgMjQ5LjEyODkwNiBDIDQzNC42Nzk2ODggMjUwLjExMzI4MSA0MjcuNDg0Mzc1IDI1MS45MDYyNSA0MjIuMTc5Njg4IDI1NS4xNjAxNTYgQyA0MTYuNjY3OTY5IDI1OC4wMzkwNjIgNDE0LjAxOTUzMSAyNjIuMDI3MzQ0IDQxMy45NzY1NjIgMjY2Ljc0NjA5NCBDIDQxMy44NTU0NjkgMjc1LjUxMTcxOSA0MjMuOTY4NzUgMjgxLjA1MDc4MSA0NDMuNjI4OTA2IDI4My43NzM0MzggTCA0NDMuNzQyMTg4IDI5OS40NDUzMTIgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gNjIwLjEwMTU2MiAyOTguMTQ4NDM4IEwgNTg5Ljk5NjA5NCAyOTguMzMyMDMxIEwgNTkwLjExMzI4MSAyMzUuOTEwMTU2IEwgNjIwLjIzMDQ2OSAyMzUuNzk2ODc1IEwgNjIwLjEwMTU2MiAyOTguMTQ4NDM4ICIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDU4NS4wMDc4MTIgMjc0LjUxMTcxOSBMIDU0Ni45MTAxNTYgMjc0LjczODI4MSBMIDU0Ny4xMjEwOTQgMjU5LjM2MzI4MSBMIDU4NS4wOTM3NSAyNTkuMjE4NzUgTCA1ODUuMDA3ODEyIDI3NC41MTE3MTkgIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gNTQyLjI4MTI1IDI5Ny45ODA0NjkgTCA1MTEuNTI3MzQ0IDI5OC4xMzI4MTIgTCA1MTEuNjMyODEyIDIzNS43MzgyODEgTCA1NDIuMzg2NzE5IDIzNS41OTc2NTYgTCA1NDIuMjgxMjUgMjk3Ljk4MDQ2OSAiLz48ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0xKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMTIwMC42Njc5NjkgMzIuMjUzOTA2IEMgMTE5OS45MTc5NjkgMjQuNjU2MjUgMTE5NC4yOTI5NjkgMTguNjY3OTY5IDExODMuNjA5Mzc1IDE0LjQ1MzEyNSBDIDExNjUuODc1IDYuODc1IDExMzAuMDgyMDMxIDMuMzY3MTg4IDEwNzYuMDI3MzQ0IDMuNjQ0NTMxIEMgMTAxNC45NDkyMTkgMy4zOTg0MzggOTUzLjQzMzU5NCAzLjYyODkwNiA4OTIuNDE0MDYyIDMuNzc3MzQ0IEMgODc5Ljg3NSAxOC40ODA0NjkgODY3LjQyNTc4MSAzMy41MzEyNSA4NTUuMDI3MzQ0IDQ4LjYyODkwNiBDIDkxNS4zODI4MTIgNDguMzgyODEyIDk3NS43MzgyODEgNDguNTg1OTM4IDEwMzYuMTQ4NDM4IDQ4LjMyNDIxOSBDIDEwNTIuODI0MjE5IDQ4LjQxMDE1NiAxMDU3LjcyMjY1NiA1Mi4xODM1OTQgMTA1MS43MDcwMzEgNjAuMDY2NDA2IEMgMTA0NS42OTUzMTIgNjcuNjA1NDY5IDEwMzMuNTgyMDMxIDcxLjM5ODQzOCAxMDE2LjIwNzAzMSA3MS4zNDM3NSBDIDk1NS43MTA5MzggNzEuNTMxMjUgODk1LjY4NzUgNzEuMzQzNzUgODM1Ljc0MjE4OCA3MS41NDY4NzUgQyA4MTkuNjgzNTk0IDkwLjczMDQ2OSA3NzYuMTkxNDA2IDE0Mi45ODQzNzUgNzc2LjE5MTQwNiAxNDIuOTg0Mzc1IEwgNzY5LjcxODc1IDUuMjI2NTYyIEwgNjIyLjAyNzM0NCA1Ljk2NDg0NCBMIDY0My43NzM0MzggMjguNDAyMzQ0IEMgNjQzLjc3MzQzOCAyOC40MDIzNDQgNjQ1LjcxNDg0NCAxMjAuODAwNzgxIDY0Ni4zODY3MTkgMTQ0LjkwMjM0NCBDIDYwNy4zMDQ2ODggMTQ0Ljc5Mjk2OSA1NjcuODYzMjgxIDE0NS4wMjM0MzggNTI4Ljc1MzkwNiAxNDQuOTU3MDMxIEMgNTQ3LjAwMzkwNiAxMzIuNTExNzE5IDYxOS41NTA3ODEgODQuMDg5ODQ0IDYzNy4zMzU5MzggNzIuMDc4MTI1IEMgNjAwLjM4MjgxMiA3Mi4zNjMyODEgNTYzLjM5ODQzOCA3Mi4yODUxNTYgNTI2LjU3NDIxOSA3Mi4xNzU3ODEgQyA0OTQuODg2NzE5IDkxLjI2NTYyNSAzNzcuNDI1NzgxIDE2My4yNjk1MzEgMzYzLjE4NzUgMTcxLjkxMDE1NiBDIDM2NS4xNTYyNSAxNjkuNjY3OTY5IDM5Ny43NjE3MTkgMTQwLjI4MTI1IDM5Ny43NjE3MTkgMTQwLjI4MTI1IEMgMzUwLjk0MTQwNiAxNDAuODQ3NjU2IDI4OS4xMTMyODEgMTQxLjc0MjE4OCAyNDIuMjUzOTA2IDE0Mi4yOTY4NzUgQyAyNjUuOTQ1MzEyIDEyOS43NjU2MjUgMzcwLjExMzI4MSA3Mi40OTIxODggMzcwLjExMzI4MSA3Mi40OTIxODggTCAyNDEuNTQyOTY5IDEwNy4wOTM3NSBDIDI0MS41NDI5NjkgMTA3LjA5Mzc1IDMwNi45Mzc1IDY5LjQ4NDM3NSAzMDQuNDc2NTYyIDY5LjQ2ODc1IEMgMjgyLjM3ODkwNiA2OS44NTE1NjIgMjYwLjIxODc1IDcwLjIwNzAzMSAyMzguMjUgNzAuNTAzOTA2IEMgMTk4LjkxNzk2OSA5MS4wODU5MzggNDEuNjI1IDE3My40NTcwMzEgMS4yMTQ4NDQgMTk0LjgzOTg0NCBDIDU5LjI0MjE4OCAxOTMuNzYxNzE5IDg3MC4zMTI1IDE5My44MjQyMTkgODcwLjMxMjUgMTkzLjgyNDIxOSBDIDg3MC4zMTI1IDE5My44MjQyMTkgODk1LjgyNDIxOSAxNTkuMDA3ODEyIDkwMS44ODY3MTkgMTUxLjcwNzAzMSBDIDkxMS41MzkwNjIgMTQwLjA2MjUgOTIxLjE4NzUgMTI4LjAzOTA2MiA5MzAuNzgxMjUgMTE2LjI5Njg3NSBDIDEwMDIuNDcyNjU2IDExNi4xNzk2ODggMTA1My4yOTI5NjkgMTEzLjY3NTc4MSAxMDgzLjE5OTIxOSAxMDguODI0MjE5IEMgMTEwOC44MjgxMjUgMTA1LjE0NDUzMSAxMTMwLjUwMzkwNiA5OS4xMDkzNzUgMTE0Ny44MjgxMjUgOTAuNTY2NDA2IEMgMTE2NS43MTQ4NDQgODIuMzE2NDA2IDExNzkuNTE5NTMxIDcxLjc4OTA2MiAxMTg5LjU5Mzc1IDU5LjM3MTA5NCBDIDExOTYuMjc3MzQ0IDUwLjczMDQ2OSAxMTk5LjgzOTg0NCA0Mi43OTY4NzUgMTIwMC41OTc2NTYgMzYuNDEwMTU2IEwgMTIwMC42Njc5NjkgMzIuMjUzOTA2ICIvPjwvZz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFRTI2MjMiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAzMDUuMzYzMjgxIDgwLjc1NzgxMiBMIDQzMS42MzY3MTkgNDMuMzA4NTk0IEwgNTEyLjUzNTE1NiAwLjE5OTIxOSBMIDE4OC43MzgyODEgMCBMIDEzOC43MTQ4NDQgNDcuOTEwMTU2IEMgMTM4LjcxNDg0NCA0Ny45MTAxNTYgMjkxLjA3NDIxOSA0NS43OTI5NjkgMzY3LjE4MzU5NCA0NC41NTg1OTQgQyAzNzIuMDE5NTMxIDQ0LjQ1NzAzMSAzMDUuMzYzMjgxIDgwLjc1NzgxMiAzMDUuMzYzMjgxIDgwLjc1NzgxMiAiLz48L3N2Zz4=");height:48px!important;width:auto!important;max-height:none!important;max-width:none!important;} .cartflows-instant-checkout .main-header--action{grid-column:1;grid-row:1;justify-self:start;} .cartflows-instant-checkout .main-header--action a{display:inline-flex!important;align-items:center;min-height:40px;color:#d0d4d6!important;text-decoration:none!important;font-family:var(--font-sans)!important;font-size:14px;font-weight:600;} .cartflows-instant-checkout .main-header--action a>*{display:none!important;} .cartflows-instant-checkout .main-header--action a::before{content:"← Zurück zum Warenkorb";} .cartflows-instant-checkout .main-header--action a:hover{color:#fff!important;} .cartflows-instant-checkout .main-header--content::after{content:"Sichere Kasse";grid-column:3;grid-row:1;justify-self:end;padding-left:22px;color:#d0d4d6; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FF4A3D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") left center/16px no-repeat;font-family:var(--font-sans);font-size:14px;font-weight:600;white-space:nowrap;} @media(max-width:600px){ .cartflows-instant-checkout header.main-header--wrapper{min-height:64px;} .cartflows-instant-checkout .main-header--site-logo img.custom-logo{height:32px!important;} .cartflows-instant-checkout .main-header--action a::before{content:"←";font-size:22px;} .cartflows-instant-checkout .main-header--content::after{content:"";width:18px;height:18px;padding:0;background-size:18px;} } /* Kasse: Buttons, Felder, Checkboxen (Germanized) */ .cartflows-instant-checkout #place_order,.wcf-embed-checkout-form #place_order,.wcf-embed-checkout-form .button.alt{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;} .cartflows-instant-checkout #place_order:hover,.wcf-embed-checkout-form #place_order:hover{background:var(--action-red-hover)!important;} .wcf-embed-checkout-form .input-text:focus,.wcf-embed-checkout-form select:focus{border-color:var(--brand-red)!important;box-shadow:0 0 0 3px rgba(217,31,28,.15)!important;} .cartflows-instant-checkout .wc-gzd-checkbox-placeholder-legal{margin-top:24px!important;} .cartflows-instant-checkout .form-row.legal,.cartflows-instant-checkout p.legal{margin:0 0 12px!important;} .cartflows-instant-checkout .form-row.legal label,.cartflows-instant-checkout p.legal label,.cartflows-instant-checkout .form-row.legal span{font-family:var(--font-sans)!important;font-size:13.5px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;color:#2b3033!important;} /* Order-Bump (CartFlows Pro) im Markenstil */ .wcf-bump-order-wrap{border-radius:var(--radius-md)!important;border-color:var(--border-strong)!important;} .wcf-bump-order-wrap .wcf-bump-order-field-wrap{background:#fdecec!important;} .wcf-bump-order-wrap .wcf-bump-order-offer{color:var(--accent-text)!important;} /* ModernCart-Seitenwarenkorb */ .moderncart-cart-item-onsale{background:var(--action-red)!important;color:#fff!important;font-weight:700!important;border-radius:var(--radius-sm)!important;} .moderncart-cart-item-actions--pricing small{color:#1f8a4c!important;font-weight:600;} .moderncart-cart-item-product-link a{color:#17191a!important;text-decoration:none!important;} .moderncart-cart-item-product-link a:hover{color:var(--accent-text)!important;} .moderncart-floating-cart-button{background:#15191b!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;} .moderncart-floating-cart-button svg,.moderncart-floating-cart-icon{color:#fff!important;fill:#fff;} .moderncart-floating-cart-count{background:var(--action-red)!important;color:#fff!important;} /* Borlabs: Buttons auf Marke (dauerhaft in Borlabs selbst einstellen) */ .brlbs-cmpnt-container .brlbs-btn-accept-all,.brlbs-cmpnt-container .brlbs-btn-accept-only-essential{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-md)!important;} /* ========================================================================= 13 STARTSEITE / INHALTE (bestehende Elementor-Seite 1109876) ========================================================================= */ .home .site-content .elementor-widget-heading .elementor-heading-title{color:#17191a!important;font-weight:800!important;text-transform:uppercase;} .site-content .elementor-button{background:#17191a!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:none!important;} .site-content .elementor-button:hover{background:var(--action-red)!important;color:#fff!important;} .site-content .elementor-button .elementor-button-icon svg,.site-content .elementor-button .elementor-button-icon i{fill:currentColor!important;color:currentColor!important;} /* Kategorie-Einleitung/-Text unten (Code-Snippet 90) */ .term-description,.ast-archive-description p{color:#2b3033!important;font-size:15.5px;line-height:1.65;} /* ========================================================================= 15 SERVICE- & RECHTSSEITEN (Klassen .zt-infopage / .zt-legal aus dem MU-Plugin ≥ 2.8) ========================================================================= */ .zt-infopage #content{background:#f5f6f6;} .zt-infopage #primary{padding-top:28px!important;padding-bottom:56px!important;} /* Navigation „Service & Rechtliches“ */ .zt-legal-nav{max-width:1120px;margin:0 auto 24px;padding:0 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .zt-legal-nav__label{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#6b7276;white-space:nowrap;} .zt-legal-nav ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:6px;} .zt-legal-nav li{margin:0!important;} .zt-legal-nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fff; color:#2b3033!important;font-family:var(--font-sans);font-size:13.5px;font-weight:600;text-decoration:none!important;transition:border-color .16s ease,color .16s ease;} .zt-legal-nav a:hover{border-color:var(--action-red);color:#17191a!important;} .zt-legal-nav a.is-current{background:#17191a;border-color:#17191a;color:#fff!important;} @media(max-width:767px){ .zt-legal-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;} .zt-legal-nav::-webkit-scrollbar{display:none;} .zt-legal-nav ul{flex-wrap:nowrap;} .zt-legal-nav a{white-space:nowrap;} .zt-legal-nav__label{display:none;} } /* Lese-Karte */ .zt-legal .entry-content>.zt-legal-card,.zt-legal .entry-content>.mek7-info,.zt-legal .entry-content>.elementor{max-width:880px;box-sizing:border-box;margin:0 auto!important;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md); padding:44px 56px 52px;box-shadow:0 1px 2px rgba(0,0,0,.03);} .zt-legal .entry-content>.elementor .e-con,.zt-legal .entry-content>.elementor .e-con-inner, .zt-legal .entry-content>.elementor .elementor-section,.zt-legal .entry-content>.elementor .elementor-container{ max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} .zt-legal .entry-content>.elementor .elementor-widget-wrap{padding:0!important;} @media(max-width:767px){.zt-legal .entry-content>.zt-legal-card,.zt-legal .entry-content>.mek7-info,.zt-legal .entry-content>.elementor{padding:26px 20px 32px;border-left:0;border-right:0;border-radius:0;}} /* Widgets mit fester Elementor-Breite (z. B. Altöl, Batterien) auf volle Kartenbreite */ .zt-legal .entry-content>.elementor .elementor-widget{width:100%!important;max-width:100%!important;flex:0 0 100%;} /* Mehrspaltige Elementor-Container in der Lesekarte untereinander stapeln (Textspalten sonst nur halb breit) */ .zt-legal .entry-content>.elementor .e-con,.zt-legal .entry-content>.elementor .e-con-inner{--flex-direction:column!important;flex-direction:column!important;--flex-wrap:nowrap!important;} .zt-legal .entry-content>.elementor .e-con>.e-con,.zt-legal .entry-content>.elementor .e-con-inner>.e-con{--width:100%!important;flex:0 0 auto!important;} /* Navigation darf nicht die Link-/Listen-Typografie der Karte erben */ .zt-infopage .entry-content .zt-legal-nav li{font-size:13.5px!important;line-height:1.2!important;margin:0!important;} .zt-infopage .entry-content .zt-legal-nav li::marker{content:none;} .zt-infopage .entry-content .zt-legal-nav a{color:#2b3033!important;text-decoration:none!important;font-size:13.5px!important;font-weight:600!important;} .zt-infopage .entry-content .zt-legal-nav a.is-current{color:#fff!important;} .zt-infopage .entry-content .zt-legal-nav a:hover{color:#17191a!important;} .zt-infopage .entry-content .zt-legal-nav a.is-current:hover{color:#fff!important;} /* Titel: überall gleich (erste Überschrift der Seite, markiert vom MU-Plugin) */ .zt-legal .zt-legal-title,.zt-legal .zt-legal-title *{ font-family:var(--font-display)!important;font-weight:800!important;font-style:italic;text-transform:uppercase; font-size:clamp(26px,3vw,36px)!important;line-height:1.05!important;color:#17191a!important;letter-spacing:.005em;} .zt-legal .zt-legal-title{margin:0 0 26px!important;} .zt-legal .zt-legal-title::after{content:"";display:block;width:72px;height:6px;margin-top:12px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} /* Typografie */ .zt-legal .entry-content p,.zt-legal .entry-content li,.zt-legal .entry-content td{font-family:var(--font-sans)!important;font-size:16px!important;line-height:1.7!important;color:#2b3033!important;} .zt-legal .entry-content p{margin:0 0 14px!important;} .zt-legal .entry-content strong,.zt-legal .entry-content b{color:#17191a!important;font-weight:700;} .zt-legal .entry-content h2:not(.zt-legal-title),.zt-legal .entry-content h2:not(.zt-legal-title) *{ font-family:var(--font-display)!important;font-weight:800!important;font-style:normal;text-transform:uppercase;font-size:20px!important;line-height:1.25!important;color:#17191a!important;letter-spacing:.02em;} .zt-legal .entry-content h2:not(.zt-legal-title){margin:38px 0 12px!important;padding-top:22px;border-top:1px solid #eceeef;} .zt-legal .entry-content h3,.zt-legal .entry-content h3 *{font-family:var(--font-display)!important;font-weight:700!important;font-size:17px!important;text-transform:none;letter-spacing:.01em;color:#17191a!important;} .zt-legal .entry-content h3{margin:24px 0 8px!important;} .zt-legal .entry-content ul,.zt-legal .entry-content ol{margin:0 0 16px 1.3em!important;padding:0!important;} .zt-legal .entry-content li{margin:0 0 6px!important;} .zt-legal .entry-content li::marker{color:var(--accent-text);font-weight:700;} .zt-legal .entry-content :where(p,td,:is(ul,ol):not([class])>li)>a{color:#17191a!important;text-decoration:underline;text-decoration-color:var(--action-red);text-decoration-thickness:2px;text-underline-offset:3px;word-break:break-word;} .zt-legal .entry-content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto;} .zt-legal .entry-content th,.zt-legal .entry-content td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;} .zt-legal .entry-content th{background:#f5f6f6;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;} .zt-legal .entry-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);} /* Inhaltsverzeichnis (AGB/Datenschutz: erste Liste nach der Überschrift „Inhaltsverzeichnis“) */ .zt-legal .entry-content .zt-legal-toc-title+ol,.zt-legal .entry-content .zt-legal-toc-title+ul{ background:#f5f6f6;border-radius:var(--radius-md);padding:16px 20px 12px 2.4em!important;margin-left:0!important;columns:2 260px;column-gap:32px;} .zt-legal .entry-content .zt-legal-toc-title+ol li,.zt-legal .entry-content .zt-legal-toc-title+ul li{font-size:15px!important;break-inside:avoid;} /* ========================================================================= 16 KORREKTUREN v0.2 ========================================================================= */ /* Kategorie-Titel (Woo-Archiv) mit Keil */ .woocommerce-products-header__title::after{content:"";display:block;width:72px;height:6px;margin-top:10px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} /* Produkttitel: Theme setzt capitalize („Für“) – Versalien laut Stilvorlage */ .single-product .product_title,.single-product h1.product_title{text-transform:uppercase!important;font-family:var(--font-display)!important;} /* Warenkorb-Button (war Gelb #ffce12) */ .single-product .single_add_to_cart_button{background:var(--action-red)!important;color:#fff!important;} /* Sticky-Kaufleiste (mek7-amu, war Grün #22c55e) */ .mek7-amu-sticky-atc{background:#0b0d0e!important;border-top:3px solid var(--brand-red)!important;font-family:var(--font-sans)!important;} .mek7-amu-sticky-atc__btn{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:none!important;} .mek7-amu-sticky-atc__btn:hover{background:var(--action-red-hover)!important;} /* Kategorie-Kacheln: Ecken nach Stilvorlage */ ul.products li.product-category,ul.products li.product-category a,ul.products li.product-category img{border-radius:var(--radius-md)!important;} ul.products li.product:not(.product-category){border-radius:var(--radius-md)!important;} /* ========================================================================= 17 v0.4 – RACING-LOOK HEADER & FOOTER, NEUES MENÜ, TRUSTBAR, NICHT-VORRÄTIG-LABEL ========================================================================= */ /* Box-Layout aus: Flächen über die volle Breite, Inhalte max. 1400 px */ body.ast-box-layout{background:#fff!important;--container-max-width:1400px;} body.ast-box-layout #page,body.ast-box-layout .site{max-width:none!important;width:100%!important;margin:0!important;box-shadow:none!important;} body.ast-box-layout .site-content>.ast-container,body.ast-box-layout .ast-container{max-width:1440px!important;} header.ast-custom-header,footer.elementor-location-footer,.elementor-location-footer{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;} .elementor-1109042>.e-con,.elementor-1109042 .e-parent{--content-width:1400px;} footer.elementor-location-footer .e-parent{--content-width:1400px;} .elementor-1109042 .e-con-boxed>.e-con-inner,footer.elementor-location-footer .e-con-boxed>.e-con-inner{max-width:1400px!important;} .elementor-1109042 .elementor-element-279ff8d,.elementor-1109042 .elementor-element-bc49b66,.elementor-1109042 .elementor-element-43d052a,footer.elementor-location-footer{box-shadow:none!important;clip-path:none!important;} .elementor-1109042 .elementor-element-bc49b66::after{display:none!important;} .elementor-1109042 .elementor-element-bc49b66{border-bottom:3px solid var(--brand-red)!important;} .elementor-1109042 .elementor-element-bc49b66>.e-con-inner{flex-wrap:nowrap!important;align-items:center!important;} .elementor-1109042 .elementor-element-bef31f8{justify-content:flex-start!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul{justify-content:flex-start!important;} .elementor-1109042 .elementor-element-3c23844 .uael-nav-menu{justify-content:flex-start!important;} /* Topbar (MU-Plugin) */ .zt-topbar{background:#000;color:#aeb4b7;font:500 13px/1 var(--font-sans);box-shadow:0 0 0 100vmax #000;clip-path:inset(0 -100vmax);} .zt-topbar__in{max-width:1400px;margin:0 auto;padding:9px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;} .zt-topbar b{color:#fff;font-weight:700;} .zt-topbar__claim{font:700 13px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#fff;} .zt-topbar__claim span{color:#FF4A3D;margin:0 .45em;} .zt-topbar a{color:#d0d4d6!important;text-decoration:none!important;} .zt-topbar a:hover{color:#fff!important;} @media(max-width:900px){.zt-topbar__right{display:none;}.zt-topbar__in{justify-content:center;}} /* Kopfzeile: Speed-Streifen + roter Keil rechts */ .elementor-1109042 .elementor-element-279ff8d{ background-color:#0b0d0e!important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='520'%20height='120'%20viewBox='0%200%20520%20120'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='150,0%20520,0%20520,120%20110,120'%20fill='%2315191b'/%3E%3Cpolygon%20points='250,0%20520,0%20520,120%20210,120'%20fill='%23EE2623'/%3E%3Cpolygon%20points='196,0%20210,0%20170,120%20156,120'%20fill='%23EE2623'/%3E%3Cpolygon%20points='226,0%20234,0%20194,120%20186,120'%20fill='%23EE2623'%20opacity='.55'/%3E%3C/svg%3E"),repeating-linear-gradient(110deg,rgba(255,255,255,0) 0 26px,rgba(255,255,255,.035) 26px 28px)!important; background-repeat:no-repeat,repeat!important;background-position:right top,0 0!important;background-size:520px 100%,auto!important; padding-top:18px!important;padding-bottom:18px!important;} .elementor-1109042 .elementor-widget-ha-site-logo img{height:54px!important;} @media(max-width:767px){.elementor-1109042 .elementor-element-279ff8d{background-size:260px 100%,auto!important;padding-top:10px!important;padding-bottom:10px!important;}.elementor-1109042 .elementor-widget-ha-site-logo img{height:32px!important;}} /* Warenkorb & Konto auf dem Keil gut lesbar */ .elementor-1109042 .uael-mc__btn{background:#0b0d0e!important;border:1px solid #343a3d!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;} .elementor-1109042 .uael-mc__btn-badge{top:-8px!important;} /* Navigationsleiste: Menü links über die volle Breite, Suche rechts (Suche steckt im selben Container) */ .elementor-1109042 .elementor-element-bc49b66>.e-con-inner{justify-content:flex-start!important;} .elementor-1109042 .elementor-element-bef31f8{flex:1 1 100%!important;width:100%!important;max-width:100%!important;--width:100%!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:20px;padding-left:0!important;} .elementor-1109042 .elementor-element-3c23844{flex:1 1 auto!important;width:auto!important;max-width:none!important;--container-widget-width:auto!important;min-width:0;} .elementor-1109042 .elementor-element-3c23844 .elementor-widget-container,.elementor-1109042 .elementor-element-3c23844 .uael-nav-menu{justify-content:flex-start!important;width:100%;} .elementor-1109042 .elementor-element-bde758e{flex:0 0 340px!important;width:340px!important;max-width:340px!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul{display:flex!important;flex-wrap:nowrap!important;gap:0;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item{padding:14px 13px!important;font-size:17px!important;position:relative;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item::before{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:4px;background:var(--brand-red);transform:skewX(var(--wedge-angle)) scaleX(0);transform-origin:left;transition:transform .18s ease;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:hover>a.uael-menu-item::before, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li.current-menu-item>a.uael-menu-item::before, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li.current-menu-ancestor>a.uael-menu-item::before{transform:skewX(var(--wedge-angle)) scaleX(1);} .elementor-1109042 .uael-pointer__underline a.uael-menu-item::after{display:none!important;} .elementor-1109042 .uael-nav-menu .sub-menu{min-width:240px!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important;padding:6px 0!important;} .elementor-1109042 .uael-nav-menu .sub-menu a.uael-sub-menu-item{padding:10px 18px!important;border-left:3px solid transparent;} .elementor-1109042 .uael-nav-menu .sub-menu a.uael-sub-menu-item:hover{border-left-color:var(--brand-red);} /* Neuheiten dezent hervorgehoben */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:last-child>a.uael-menu-item{color:#FF4A3D!important;} @media(max-width:1280px){.elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item{padding:14px 9px!important;font-size:15.5px!important;}.elementor-1109042 .elementor-element-bde758e{flex-basis:260px!important;width:260px!important;}} /* Vertrauensleiste unter der Navigation (MU-Plugin) */ .zt-trustwrap{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);} .zt-trustwrap .zt-trustbar{max-width:1400px;margin:0 auto;border-radius:0;background:transparent;grid-template-columns:repeat(4,1fr);gap:0;} .zt-trustwrap .zt-trust{background:transparent;padding:12px 18px;border-right:1px solid var(--border);} .zt-trustwrap .zt-trust:last-child{border-right:0;} .zt-trustwrap .zt-trust svg{width:28px;height:28px;color:#D91F1C;} @media(max-width:900px){.zt-trustwrap .zt-trustbar{display:flex;overflow-x:auto;scrollbar-width:none;}.zt-trustwrap .zt-trust{flex:0 0 auto;padding:10px 14px;}.zt-trustwrap .zt-trust span{display:none;}} /* Footer: Claim-Band (MU-Plugin) + Streifen */ footer.elementor-location-footer{background-color:#0b0d0e!important;background-image:repeating-linear-gradient(110deg,rgba(255,255,255,0) 0 26px,rgba(255,255,255,.035) 26px 28px)!important;} footer.elementor-location-footer>.e-con:first-child{border-top:0!important;} .zt-footband{background:transparent;border-top:4px solid var(--brand-red);box-shadow:0 0 0 100vmax #0b0d0e;clip-path:inset(0 -100vmax);} .zt-footband__in{max-width:1400px;margin:0 auto;padding:44px 20px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;} .zt-footband__claim{margin:0;font:900 italic clamp(40px,6vw,86px)/.9 var(--font-display);text-transform:uppercase;color:#fff;} .zt-footband__sub{margin:10px 0 0;font:600 14px/1.3 var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:#aeb4b7;} .zt-footband__cta{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;} .zt-footband .zt-btn--primary{background:#0b0d0e;border-color:#fff;color:#fff!important;} .zt-footband .zt-btn--primary:hover{background:#fff;color:#0b0d0e!important;} @media(max-width:767px){.zt-footband__sub{font-size:11px;letter-spacing:.14em;}} footer.elementor-location-footer .elementor-heading-title{position:relative;padding-bottom:10px;} /* Nicht vorrätig: Snippet blendet den Hinweis aus → im neuen Design als Label im Bild */ ul.products li.product.outofstock .astra-shop-thumbnail-wrap{position:relative;} ul.products li.product.outofstock .ast-shop-product-out-of-stock{ display:block!important;position:absolute!important;right:12px!important;top:12px!important;bottom:auto!important;left:auto!important; width:auto!important;margin:0!important;padding:7px 10px!important;border-radius:var(--radius-sm)!important; background:rgba(11,13,14,.92)!important;color:#fff!important;font:700 12px/1 var(--font-display)!important;letter-spacing:.08em!important;text-transform:uppercase;z-index:3;} ul.products li.product.outofstock .astra-shop-thumbnail-wrap img{opacity:.5!important;filter:grayscale(.6);} ul.products li.product.outofstock .woocommerce-loop-product__title{color:#5c6368!important;} ul.products li.product.outofstock .price{opacity:.75;} .woocommerce ul.products li.product.outofstock .astra-shop-summary-wrap::before{display:none!important;} /* Rabatt-Badge der Liste (mek7-badge, war Schwarz #111) */ .mek7-badge--sale{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-sm)!important;font-family:var(--font-display)!important;font-weight:800!important;letter-spacing:.02em;} /* Footer-Band: nicht von der allgemeinen Footer-Textregel überschreiben lassen */ footer.elementor-location-footer .zt-footband p.zt-footband__claim{font:900 italic clamp(40px,6vw,86px)/.9 var(--font-display)!important;color:#fff!important;text-transform:uppercase;margin:0!important;} footer.elementor-location-footer .zt-footband p.zt-footband__sub{font:600 14px/1.3 var(--font-display)!important;letter-spacing:.24em!important;color:#aeb4b7!important;text-transform:uppercase;margin:10px 0 0!important;} footer.elementor-location-footer .zt-footband a.zt-btn{color:#fff!important;} @media(max-width:767px){footer.elementor-location-footer .zt-footband p.zt-footband__sub{font-size:11px!important;letter-spacing:.14em!important;}} /* ========================================================================= 18 v0.5 – INFO- & RECHTSSEITEN EINHEITLICH (beide Seitentypen) a) Elementor-Vorlage „Header & Footer“: .site-content>.ast-container>.elementor (Impressum, Datenschutz, Widerruf, Batterie, Altöl, Kontakt) b) Normale Seiten: .entry-content>.elementor bzw. .zt-legal-card (AGB, Vertrag widerrufen, Rücksendung, Versand, Zahlung, Produkthaftung, Gutachten, GefStoffV) ========================================================================= */ body.zt-infopage .site-content{background:#f5f6f6!important;} body.zt-infopage .site-content>.ast-container{display:block!important;max-width:1440px!important;padding:32px 20px 64px!important;} body.zt-infopage #primary,body.zt-infopage .site-main,body.zt-infopage article.page,body.zt-infopage .ast-article-single{background:transparent!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;width:100%!important;float:none!important;} body.zt-infopage .entry-header{display:none!important;} body.zt-infopage .zt-legal-nav{max-width:920px;padding:0;margin:0 auto 20px;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card){max-width:920px!important;width:100%!important;box-sizing:border-box;margin:0 auto!important;background:#fff!important;border:1px solid var(--border)!important;border-top:4px solid var(--brand-red)!important;border-radius:var(--radius-md);padding:44px 56px 52px!important;box-shadow:0 1px 2px rgba(0,0,0,.03);} @media(max-width:767px){.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card){padding:26px 18px 32px!important;border-left:0!important;border-right:0!important;border-radius:0;}body.zt-infopage .site-content>.ast-container{padding:16px 0 40px!important;}body.zt-infopage .zt-legal-nav{padding:0 12px;}} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .e-con,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .e-con-inner,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-section,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-container,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-column,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-wrap{ --flex-direction:column!important;flex-direction:column!important;flex-wrap:nowrap!important;--width:100%!important;width:100%!important;max-width:100%!important; padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;--padding-top:0px;--padding-bottom:0px;--gap:0px;gap:0!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget{width:100%!important;max-width:100%!important;margin:0 0 14px!important;--container-widget-width:100%!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget:last-child{margin-bottom:0!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-icon,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-spacer{display:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-divider-separator{border-color:#eceeef!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title *,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h1,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h1 *{font-family:var(--font-display)!important;font-weight:800!important;font-style:italic!important;text-transform:uppercase!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.05!important;color:#17191a!important;letter-spacing:.005em!important;text-align:left!important;background:none!important;-webkit-text-fill-color:currentColor!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h1,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title{margin:0 0 26px!important;padding:0!important;border:0!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h1::after,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title::after{content:"";display:block;width:72px;height:6px;margin-top:12px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title h1::after,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .zt-legal-title *::after{display:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h2:not(.zt-legal-title),.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h2:not(.zt-legal-title) *,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-headline,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-headline *{ font-family:var(--font-display)!important;font-weight:800!important;font-style:normal!important;text-transform:uppercase!important;font-size:21px!important;line-height:1.25!important;color:#17191a!important;letter-spacing:.02em!important;text-align:left!important;-webkit-text-fill-color:currentColor!important;background:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h2:not(.zt-legal-title){margin:34px 0 12px!important;padding-top:22px!important;border-top:1px solid #eceeef!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h3,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h3 *,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h4,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h4 *{font-family:var(--font-display)!important;font-weight:700!important;font-size:18px!important;line-height:1.3!important;text-transform:none!important;color:#17191a!important;text-align:left!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h3,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) h4{margin:22px 0 8px!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) p,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) li,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) td,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-text-editor,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-text-editor{font-family:var(--font-sans)!important;font-size:16px!important;line-height:1.7!important;color:#2b3033!important;text-align:left!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) p{margin:0 0 14px!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) strong,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) b{color:#17191a!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) ul,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) ol{margin:0 0 16px 1.3em!important;padding:0!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) li::marker{color:var(--accent-text);font-weight:700;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) a:not(.elementor-button):not(.zt-btn){color:#17191a!important;text-decoration:underline!important;text-decoration-color:var(--brand-red)!important;text-decoration-thickness:2px!important;text-underline-offset:3px;word-break:break-word;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) img{max-width:100%!important;height:auto!important;border-radius:var(--radius-sm);} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-image{text-align:left!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-image img{max-height:140px;width:auto!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-widget-google_maps iframe{height:320px!important;border-radius:var(--radius-md);border:1px solid var(--border)!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-button{background:#17191a!important;color:#fff!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;min-height:44px;padding:12px 22px!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-button:hover{background:var(--action-red)!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-field-group .elementor-field,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) input[type=text],.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) input[type=email],.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) input[type=tel],.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) textarea,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) select{border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;background:#fff!important;min-height:46px;font-family:var(--font-sans)!important;font-size:15px!important;color:#17191a!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-field-group .elementor-field:focus,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) input:focus,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) textarea:focus{border-color:var(--brand-red)!important;box-shadow:0 0 0 3px rgba(217,31,28,.15)!important;outline:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-field-label,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) label{font-family:var(--font-sans)!important;font-weight:600!important;font-size:14px!important;color:#17191a!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-field-type-submit .elementor-button,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) button[type=submit],.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) input[type=submit]{background:var(--action-red)!important;color:#fff!important;border:0!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) th,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) td{border:1px solid var(--border)!important;padding:8px 10px!important;text-align:left;vertical-align:top;background:#fff;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) th{background:#f5f6f6!important;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) [class*="mrmx-"] h2,.zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) [class*="mrmx-"] h3{border-top:0!important;padding-top:0!important;} /* ========================================================================= 19 v0.5 – LISTENANSICHT: schlanke Zeilen statt hoher Karten ========================================================================= */ .ast-woocommerce-shop-page-list-view .site-main ul.products{display:flex!important;flex-direction:column!important;gap:10px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product:not(.product-category){ display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:0 22px; width:100%!important;margin:0!important;padding:10px 18px 10px 10px!important;min-height:0!important;position:relative;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-thumbnail-wrap{position:static!important;width:112px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-thumbnail-wrap>a{display:block;position:relative;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-thumbnail-wrap img.attachment-woocommerce_thumbnail{width:112px!important;height:112px!important;object-fit:contain;margin:0!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-brand-row, .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .show-on-hover, .ast-woocommerce-shop-page-list-view .site-main ul.products li.product span.onsale{display:none!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-badge--sale{position:absolute!important;top:4px!important;left:4px!important;font-size:11px!important;padding:4px 6px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product.outofstock .ast-shop-product-out-of-stock{top:auto!important;bottom:4px!important;right:auto!important;left:4px!important;font-size:10px!important;padding:5px 6px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-summary-wrap{padding:0 190px 0 0!important;margin:0!important;display:flex;flex-direction:column;gap:6px;min-width:0;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .woocommerce-loop-product__title{min-height:0!important;-webkit-line-clamp:2!important;font-size:16px!important;font-weight:600!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-summary-wrap .price{margin:0!important;font-size:22px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-summary-wrap>*:not(.ast-loop-product__link):not(.price){display:none!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-card__footer{position:absolute!important;right:18px;top:50%;transform:translateY(-50%);margin:0!important;padding:0!important;border:0!important;width:auto!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-card__footer>a.woocommerce-loop-product__link:not(.button){display:none!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-card__details{min-height:42px!important;padding:0 18px!important;white-space:nowrap;font-size:13px!important;display:inline-flex!important;align-items:center;} @media(max-width:767px){ .ast-woocommerce-shop-page-list-view .site-main ul.products li.product:not(.product-category){grid-template-columns:84px minmax(0,1fr);gap:0 14px;padding:8px 12px 8px 8px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-thumbnail-wrap,.ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-thumbnail-wrap img.attachment-woocommerce_thumbnail{width:84px!important;height:84px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .mek7-card__footer{display:none!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-summary-wrap{padding-right:0!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .woocommerce-loop-product__title{font-size:14.5px!important;} .ast-woocommerce-shop-page-list-view .site-main ul.products li.product .astra-shop-summary-wrap .price{font-size:19px!important;} } .ast-view-trigger svg{fill:#8a9195!important;} .ast-view-trigger.active svg,.ast-view-trigger:hover svg{fill:var(--action-red)!important;} /* ========================================================================= 20 v0.5 – MENÜS: Desktop-Dropdowns zweispaltig, mobiles Menü (Drawer aus dem MU-Plugin) ========================================================================= */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:first-child>.sub-menu, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:nth-child(3)>.sub-menu{columns:2;column-gap:0;min-width:480px!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.sub-menu>li{break-inside:avoid;} body.zt-has-drawer [id^="uael-flyout-content-id-"],body.zt-has-drawer .uael-flyout-overlay,body.zt-has-drawer .uael-flyout-container{display:none!important;} .elementor-1109042 .uael-flyout-trigger,.elementor-1109042 .uael-flyout-trigger svg{color:#fff!important;fill:#fff!important;} .elementor-1109042 .uael-flyout-trigger{min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;} .zt-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none;} .zt-drawer.is-open{visibility:visible;pointer-events:auto;} .zt-drawer__shade{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s ease;} .zt-drawer.is-open .zt-drawer__shade{opacity:1;} .zt-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,380px);background:#0b0d0e;color:#fff;transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(0,0,0,.4);font-family:var(--font-sans);} .zt-drawer.is-open .zt-drawer__panel{transform:none;} .zt-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:3px solid var(--brand-red);background:#0b0d0e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='60' viewBox='0 0 160 60' preserveAspectRatio='none'%3E%3Cpolygon points='60,0 160,0 160,60 38,60' fill='%23EE2623'/%3E%3C/svg%3E") right top/120px 100% no-repeat;} .zt-drawer__logo{height:30px;width:auto;display:block;} .zt-drawer__close{width:44px;height:44px;border:0;border-radius:var(--radius-md);background:#0b0d0e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;} .zt-drawer__close svg{width:22px;height:22px;} .zt-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 20px;} .zt-drawer__label{padding:18px 18px 8px;font:700 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#8a9195;} .zt-drawer ul{list-style:none!important;margin:0!important;padding:0!important;} .zt-drawer .zt-menu>li{border-bottom:1px solid #202527;} .zt-drawer .zt-menu a{display:flex;align-items:center;min-height:52px;padding:0 18px;color:#fff!important;text-decoration:none!important;font:700 18px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.03em;} .zt-drawer .zt-menu li.menu-item-has-children{position:relative;} .zt-drawer .zt-menu li.menu-item-has-children>a{padding-right:64px;} .zt-drawer .zt-sub-toggle{position:absolute;top:0;right:0;width:56px;height:52px;border:0;border-left:1px solid #202527;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;} .zt-drawer .zt-sub-toggle svg{width:18px;height:18px;transition:transform .18s ease;} .zt-drawer li.is-open>.zt-sub-toggle svg{transform:rotate(180deg);} .zt-drawer li.is-open>.zt-sub-toggle{color:#FF4A3D;} .zt-drawer .zt-menu .sub-menu{display:none;background:#15191b;padding:4px 0 8px!important;} .zt-drawer li.is-open>.sub-menu{display:block;} .zt-drawer .zt-menu .sub-menu a{min-height:44px;font:500 16px/1.3 var(--font-sans);text-transform:none;letter-spacing:0;color:#d0d4d6!important;padding-left:30px;} .zt-drawer .zt-menu .sub-menu a:hover{color:#fff!important;background:#202527;} .zt-drawer .zt-menu>li:last-child>a{color:#FF4A3D!important;} .zt-drawer .zt-service a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 18px;color:#d0d4d6!important;text-decoration:none!important;font:500 15.5px/1.3 var(--font-sans);} .zt-drawer .zt-service svg{width:20px;height:20px;color:#FF4A3D;flex:none;} .zt-drawer__foot{padding:14px 18px;border-top:1px solid #202527;font-size:14px;color:#aeb4b7;} .zt-drawer__foot a{color:#fff!important;font-weight:700;text-decoration:none!important;} body.zt-drawer-open{overflow:hidden!important;} .zt-drawer .dropdown-menu-toggle,.zt-drawer .ast-header-navigation-arrow,.zt-drawer .ast-icon,.zt-drawer .sub-arrow{display:none!important;} /* Tablet quer: Menü enger, Suche schmaler */ @media(max-width:1180px){.elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item{padding:14px 7px!important;font-size:14.5px!important;}.elementor-1109042 .elementor-element-bde758e{flex-basis:220px!important;width:220px!important;max-width:220px!important;}} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-headline-dynamic-wrapper svg{display:none!important;} .zt-legal :is(.site-content>.ast-container>.elementor,.entry-content>.elementor,.entry-content>.zt-legal-card) .elementor-headline-dynamic-wrapper{display:inline!important;width:auto!important;} @media(max-width:767px){.ast-woocommerce-shop-page-list-view .site-main ul.products li.product.outofstock .ast-shop-product-out-of-stock{white-space:nowrap;font-size:9px!important;letter-spacing:.04em!important;padding:4px 5px!important;left:2px!important;bottom:2px!important;}} /* ========================================================================= 21 v0.5.1 – Menü: alle Oberpunkte gleich hoch (Punkte mit Untermenü stecken bei UAEL in .uael-has-submenu-container) ========================================================================= */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul{align-items:stretch!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li{display:flex!important;align-items:stretch!important;margin:0!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container{display:flex!important;align-items:stretch!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item{ display:flex!important;align-items:center!important;gap:6px;height:56px!important;min-height:56px!important;padding:0 13px!important;margin:0!important;line-height:1!important; font-family:var(--font-display)!important;font-weight:700!important;font-size:17px!important;text-transform:uppercase;letter-spacing:.03em;color:#fff!important;position:relative;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item .sub-arrow{margin:0!important;padding:0!important;display:inline-flex;align-items:center;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item .sub-arrow i, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item .sub-arrow svg{font-size:10px!important;width:10px;height:10px;color:#aeb4b7!important;fill:#aeb4b7!important;} /* Keil-Unterstrich auch für Punkte mit Untermenü */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item::before{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:4px;background:var(--brand-red);transform:skewX(var(--wedge-angle)) scaleX(0);transform-origin:left;transition:transform .18s ease;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:hover>.uael-has-submenu-container>a.uael-menu-item::before, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li.current-menu-ancestor>.uael-has-submenu-container>a.uael-menu-item::before{transform:skewX(var(--wedge-angle)) scaleX(1);} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item::before{bottom:6px!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:last-child>a.uael-menu-item, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:last-child>.uael-has-submenu-container>a.uael-menu-item{color:#FF4A3D!important;} /* Dropdowns: direkt unter der Leiste, zweispaltig bei langen Listen (Motorradteile, Motor, Plastikteile) */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.sub-menu{top:100%!important;margin-top:0!important;} .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li:nth-child(-n+3)>.sub-menu{columns:2;column-gap:0;min-width:480px!important;} .elementor-1109042 .uael-nav-menu .sub-menu li{break-inside:avoid;} .elementor-1109042 .uael-nav-menu .sub-menu a.uael-sub-menu-item{white-space:nowrap;} @media(max-width:1280px){ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item{padding:0 9px!important;font-size:15.5px!important;}} @media(max-width:1180px){ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item{padding:0 7px!important;font-size:14.5px!important;}} /* ========================================================================= 22 v0.6 – SCHLANKER HEADER MIT BILD (zt-header-*.webp) & FOOTER-BAND MIT BILD (zt-footer-*.webp) Bilder liegen in uploads/zap-technix/img/ ========================================================================= */ /* Topbar entfällt (MU gibt sie nicht mehr aus; falls noch altes MU aktiv: ausblenden) */ .zt-topbar{display:none!important;} /* Ein gemeinsamer Bildhintergrund für Logo- und Menüzeile */ header.ast-custom-header{ background:#0b0d0e url("../img/zt-header-1920.webp") center center/cover no-repeat!important; border-bottom:3px solid var(--brand-red);} .elementor-1109042 .elementor-element-279ff8d, .elementor-1109042 .elementor-element-bc49b66, .elementor-1109042 .elementor-element-43d052a{ background:transparent!important;background-image:none!important;--background-color:transparent;border-bottom:0!important;} .elementor-1109042 .elementor-element-279ff8d{padding-top:10px!important;padding-bottom:4px!important;} .elementor-1109042 .elementor-element-279ff8d>.e-con-inner{min-height:0!important;padding-top:0!important;padding-bottom:0!important;} .elementor-1109042 .elementor-widget-ha-site-logo img{height:44px!important;} .elementor-1109042 .elementor-element-bc49b66>.e-con-inner{padding:0!important;} .elementor-1109042 .elementor-element-bc49b66{border-top:1px solid rgba(255,255,255,.08)!important;} /* Menüzeile: Schrift mit leichtem Schatten, damit sie auf dem Bild sicher lesbar bleibt */ .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>a.uael-menu-item, .elementor-1109042 .uael-nav-menu__layout-horizontal>ul>li>.uael-has-submenu-container>a.uael-menu-item{height:50px!important;min-height:50px!important;text-shadow:0 1px 6px rgba(0,0,0,.8);} .elementor-1109042 .dgwt-wcas-search-input,.elementor-1109042 .dgwt-wcas-search-submit{min-height:40px!important;height:40px!important;} /* Warenkorb-Knopf: halbtransparent statt Kasten */ .elementor-1109042 .uael-mc__btn{background:rgba(11,13,14,.55)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(2px);} .elementor-1109042 .elementor-widget-ha-site-logo a::after{color:#d0d4d6;} @media(max-width:1280px){header.ast-custom-header{background-image:url("../img/zt-header-1280.webp")!important;}} @media(max-width:767px){ header.ast-custom-header{background-position:left center!important;background-size:auto 100%!important;} .elementor-1109042 .elementor-element-279ff8d{padding-top:6px!important;padding-bottom:2px!important;} .elementor-1109042 .elementor-widget-ha-site-logo img{height:28px!important;} .elementor-1109042 .elementor-element-43d052a{padding-top:4px!important;padding-bottom:8px!important;} } /* Vertrauensleiste kompakter (MU zeigt sie nur noch auf Startseite, Shop & Kategorien) */ .zt-trustwrap .zt-trust{padding:8px 18px!important;} .zt-trustwrap .zt-trust svg{width:24px!important;height:24px!important;} .zt-trustwrap .zt-trust b{font-size:13.5px!important;} .zt-trustwrap .zt-trust span{font-size:12.5px!important;} /* Footer-Band mit Dirt-Track-Bild */ .zt-footband{ background:#0b0d0e url("../img/zt-footer-1920.webp") center bottom/cover no-repeat!important; border-top:4px solid var(--brand-red);box-shadow:none!important;clip-path:none!important;} .zt-footband__in{min-height:300px;align-items:center!important;justify-content:center!important;flex-direction:column;text-align:center;padding:56px 20px 72px!important;gap:22px!important;} .zt-footband__in>div:first-child{max-width:900px;} footer.elementor-location-footer .zt-footband p.zt-footband__claim{text-shadow:0 4px 24px rgba(0,0,0,.85);} footer.elementor-location-footer .zt-footband p.zt-footband__sub{color:#d0d4d6!important;text-shadow:0 2px 10px rgba(0,0,0,.9);} .zt-footband__cta{justify-content:center;} footer.elementor-location-footer .zt-footband a.zt-btn--primary{background:var(--action-red)!important;border-color:var(--action-red)!important;} footer.elementor-location-footer .zt-footband a.zt-btn--primary:hover{background:var(--action-red-hover)!important;color:#fff!important;} footer.elementor-location-footer .zt-footband a.zt-btn--ghost{background:rgba(11,13,14,.55)!important;} @media(max-width:767px){.zt-footband{background-image:url("../img/zt-footer-1000.webp")!important;}.zt-footband__in{min-height:240px;padding:40px 16px 52px!important;}} /* ========================================================================= 23 v0.6.1 – ECHTES SHOP-LOGO „ZAP TechniX-shop“ (dunkle Fassung) + Warenkorb/Konto rechts ========================================================================= */ .elementor-1109042 .elementor-widget-ha-site-logo img{content:url("../img/zt-logo-shop-dunkel-456.webp")!important;height:52px!important;width:auto!important;max-width:none!important;} .elementor-1109042 .elementor-widget-ha-site-logo a::after{content:none!important;display:none!important;} @media(max-width:767px){.elementor-1109042 .elementor-widget-ha-site-logo img{height:34px!important;}} .cartflows-instant-checkout .main-header--site-logo img.custom-logo{content:url("../img/zt-logo-shop-dunkel-456.webp")!important;height:50px!important;} /* Warenkorb + Konto gemeinsam rechts, Warenkorb zuerst */ .elementor-1109042 .elementor-element-161c841{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:14px!important;flex-wrap:nowrap!important;} .elementor-1109042 .elementor-element-161c841>.elementor-element-4cb22e8{order:1;margin:0!important;width:auto!important;flex:0 0 auto!important;} .elementor-1109042 .elementor-element-161c841>.elementor-element-2e0c2a9{order:2;margin:0!important;width:auto!important;flex:0 0 auto!important;} .elementor-1109042 .elementor-element-4cb22e8 .uael-mc{justify-content:flex-end!important;} /* ========================================================================= 24 v0.7 – EIGENER SCHLANKER HEADER (.zt-hdr aus dem MU-Plugin), Muster mister-mx ========================================================================= */ body.zt-has-hdr header.ast-custom-header{display:none!important;} .zt-hdr{position:relative;z-index:60;font-family:var(--font-sans);} .zt-hdr__in{max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box;} /* Zeile 1 */ .zt-hdr__top{background:#0b0d0e url("../img/zt-header-1920.webp") center center/cover no-repeat;} .zt-hdr__top .zt-hdr__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search icons";align-items:center;gap:28px;height:70px;} .zt-hdr__burger{grid-area:burger;display:none;} .zt-hdr__logo{grid-area:logo;display:flex;align-items:center;} .zt-hdr__logo img{height:46px;width:auto;display:block;} .zt-hdr__search{grid-area:search;width:100%;max-width:680px;justify-self:center;} .zt-hdr__icons{grid-area:icons;display:flex;align-items:center;gap:4px;} .zt-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:#fff!important;background:transparent;border:0;cursor:pointer;text-decoration:none!important;transition:background .15s ease,color .15s ease;} .zt-ico:hover,.zt-acc.is-open .zt-acc__btn{background:rgba(255,255,255,.1);color:#fff!important;} .zt-ico svg{width:24px;height:24px;} .zt-ico--bike{color:#FF4A3D!important;} .zt-cart-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--action-red);color:#fff;font:700 11px/18px var(--font-sans);text-align:center;box-sizing:border-box;} .zt-cart-count.is-empty{display:none;} /* Suche (FiboSearch oder Fallback) */ .zt-hdr__search .dgwt-wcas-search-wrapp{max-width:none!important;min-width:0!important;} .zt-hdr__search .dgwt-wcas-search-input,.zt-search-fallback input{height:42px!important;min-height:42px!important;background:#fff!important;border:2px solid transparent!important;border-radius:var(--radius-md) 0 0 var(--radius-md)!important;font:400 15px var(--font-sans)!important;color:#17191a!important;padding-left:14px!important;} .zt-hdr__search .dgwt-wcas-search-input:focus{border-color:var(--brand-red)!important;} .zt-hdr__search .dgwt-wcas-search-submit{height:42px!important;min-height:42px!important;background:var(--action-red)!important;border-radius:0 var(--radius-md) var(--radius-md) 0!important;} .zt-hdr__search .dgwt-wcas-search-submit::before{display:none!important;} .zt-search-fallback{display:flex;} .zt-search-fallback input{flex:1;min-width:0;} .zt-search-fallback button{width:48px;border:0;border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--action-red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;} /* Konto-Menü */ .zt-acc{position:relative;} .zt-acc__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#15191b;border:1px solid #343a3d;border-top:3px solid var(--brand-red);border-radius:var(--radius-md);box-shadow:0 18px 40px rgba(0,0,0,.45);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:80;} .zt-acc:hover .zt-acc__menu,.zt-acc:focus-within .zt-acc__menu,.zt-acc.is-open .zt-acc__menu{opacity:1;visibility:visible;transform:none;} .zt-acc__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;} .zt-acc__hi{padding:10px 16px 8px;font:700 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#8a9195;} .zt-acc__menu ul{list-style:none;margin:0;padding:0;} .zt-acc__menu a{display:flex;align-items:center;min-height:40px;padding:0 16px;color:#e6e9ea!important;text-decoration:none!important;font:500 15px/1.2 var(--font-sans);border-left:3px solid transparent;} .zt-acc__menu a:hover{background:#202527;color:#fff!important;border-left-color:var(--brand-red);} .zt-acc__out{border-top:1px solid #2a3033;margin-top:4px;padding-top:4px;} .zt-acc__out a{color:#aeb4b7!important;} /* Zeile 2: Hauptmenü */ .zt-hdr__nav{background:#15191b;border-bottom:3px solid var(--brand-red);} .zt-nav{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:stretch;height:44px;} .zt-nav>li{position:relative;display:flex;margin:0!important;} .zt-nav>li>a{display:flex;align-items:center;gap:6px;padding:0 16px;color:#fff!important;text-decoration:none!important;font:700 15px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:background .15s ease;} .zt-nav>li.menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:2px solid #8a9195;border-bottom:2px solid #8a9195;transform:rotate(45deg) translate(-2px,-2px);margin-left:2px;} .zt-nav>li:hover>a{background:#202527;} .zt-nav>li.current-menu-item>a,.zt-nav>li.current-menu-ancestor>a,.zt-nav>li.current-menu-parent>a{background:var(--action-red);} .zt-nav>li.current-menu-item>a::after,.zt-nav>li.current-menu-ancestor>a::after{border-color:#fff;} .zt-nav>li:last-child>a{color:#FF4A3D!important;} .zt-nav>li:last-child.current-menu-item>a{color:#fff!important;} .zt-nav .sub-menu{list-style:none!important;margin:0!important;position:absolute;left:0;top:100%;min-width:240px;background:#15191b;border:1px solid #343a3d;border-top:3px solid var(--brand-red);box-shadow:0 18px 40px rgba(0,0,0,.45);padding:6px 0!important;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:70;} .zt-nav>li:hover>.sub-menu,.zt-nav>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;} .zt-nav>li:nth-child(-n+3)>.sub-menu{columns:2;column-gap:0;min-width:470px;} .zt-nav .sub-menu li{break-inside:avoid;margin:0!important;} .zt-nav .sub-menu a{display:block;padding:9px 18px;color:#e6e9ea!important;text-decoration:none!important;font:500 15px/1.25 var(--font-sans);border-left:3px solid transparent;white-space:nowrap;} .zt-nav .sub-menu a:hover,.zt-nav .sub-menu .current-menu-item>a{background:#202527;color:#fff!important;border-left-color:var(--brand-red);} .zt-nav .dropdown-menu-toggle,.zt-nav .ast-header-navigation-arrow,.zt-nav .ast-icon{display:none!important;} @media(max-width:1280px){.zt-nav>li>a{padding:0 11px;font-size:14px;}} /* Tablet & Handy: Menü in den Drawer, Suche in eigene Zeile */ @media(max-width:1024px){ .zt-hdr__nav{display:none;} .zt-hdr__top{border-bottom:3px solid var(--brand-red);background-position:left center;} .zt-hdr__top .zt-hdr__in{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"burger logo . icons" "search search search search";height:auto;gap:8px 10px;padding:8px 12px 10px;} .zt-hdr__burger{display:inline-flex;} .zt-hdr__logo img{height:34px;} .zt-hdr__search{max-width:none;} .zt-ico{width:40px;height:40px;} } @media(max-width:420px){.zt-ico--bike{display:none;}.zt-hdr__logo img{height:30px;}} /* Menüknopf: Theme-Button-Farbe (Gelb) neutralisieren */ .zt-hdr button.zt-hdr__burger,.zt-hdr button.zt-hdr__burger:hover,.zt-hdr button.zt-hdr__burger:focus{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;width:40px;height:40px;border-radius:var(--radius-md);align-items:center;justify-content:center;} .zt-hdr button.zt-hdr__burger:hover{background:rgba(255,255,255,.1)!important;} .zt-hdr button.zt-hdr__burger svg{width:26px;height:26px;} /* Suche immer als Leiste (nie nur als Symbol) */ .zt-hdr__search .dgwt-wcas-search-form{display:block!important;} .zt-hdr__search .js-dgwt-wcas-search-icon-handler,.zt-hdr__search .dgwt-wcas-search-icon{display:none!important;} /* ========================================================================= 25 v0.8 – Logo am PC größer, Fahrzeug-Symbol aus (YMM noch nicht fertig) ========================================================================= */ .zt-hdr__top .zt-hdr__in{height:78px;} .zt-hdr__logo img{height:58px;} @media(max-width:1024px){.zt-hdr__top .zt-hdr__in{height:auto;}.zt-hdr__logo img{height:36px;}} @media(max-width:420px){.zt-hdr__logo img{height:32px;}} /* ========================================================================= 26 v0.8.1 – WARENKORBSEITE (Seite 7, neu aufgebaut: Titel · Warenkorb · Info-Leiste) ========================================================================= */ body.woocommerce-cart .site-content{background:#f5f6f6;} body.woocommerce-cart .site-content>.ast-container{max-width:1440px!important;padding:28px 20px 56px!important;} body.woocommerce-cart .elementor-7 .e-con-boxed>.e-con-inner{max-width:1400px!important;} body.woocommerce-cart .elementor-7 .elementor-widget-heading h1.elementor-heading-title{ font:800 italic clamp(30px,3.2vw,44px)/1 var(--font-display)!important;text-transform:uppercase;color:#17191a!important;background:none!important;padding:0!important;margin:0 0 22px!important;text-align:left!important;letter-spacing:.005em;} body.woocommerce-cart .elementor-7 .elementor-widget-heading h1.elementor-heading-title::after{content:"";display:block;width:72px;height:6px;margin-top:12px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} body.woocommerce-cart .elementor-7 .elementor-widget-heading .elementor-widget-container{background:none!important;padding:0!important;} /* Tabelle + Summen nebeneinander, Summen rechts sticky */ /* Astra: #ast-cart-wrapper > .ast-cart-non-sticky (Formular) + .cart-collaterals (Summen) – dort das Raster */ body.woocommerce-cart #ast-cart-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;} body.woocommerce-cart #ast-cart-wrapper>.ast-cart-non-sticky{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;} body.woocommerce-cart .woocommerce-cart-form{width:100%!important;float:none!important;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:0!important;} body.woocommerce-cart #ast-cart-wrapper>.cart-collaterals{width:auto!important;max-width:none!important;float:none!important;margin:0!important;position:sticky;top:20px;} body.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important;background:#fff;border:1px solid var(--border);border-top:4px solid var(--brand-red);border-radius:var(--radius-md);padding:20px 22px!important;} body.woocommerce-cart .cart_totals h2{font:800 22px/1.1 var(--font-display)!important;text-transform:uppercase;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;color:#17191a!important;} body.woocommerce-cart table.shop_table{border:0!important;margin:0!important;border-radius:0!important;} body.woocommerce-cart table.shop_table th{font:700 13px/1 var(--font-display)!important;letter-spacing:.08em;text-transform:uppercase;color:#5c6368!important;background:#f5f6f6!important;padding:14px 12px!important;border:0!important;} body.woocommerce-cart table.shop_table td{padding:16px 12px!important;border-top:1px solid #eceeef!important;border-left:0!important;border-right:0!important;vertical-align:middle;font-size:15px;} body.woocommerce-cart table.cart .product-thumbnail img{width:84px!important;height:84px!important;object-fit:contain;background:#f5f6f6;border-radius:var(--radius-sm);} body.woocommerce-cart table.cart .product-name{min-width:240px;} body.woocommerce-cart table.cart .product-name a{color:#17191a!important;font-weight:600;text-decoration:none!important;line-height:1.35;} body.woocommerce-cart table.cart .product-name a:hover{color:var(--accent-text)!important;} body.woocommerce-cart table.cart .product-price,body.woocommerce-cart table.cart .product-subtotal{font-family:var(--font-display);font-weight:700;font-size:17px;white-space:nowrap;} body.woocommerce-cart table.cart .product-remove a.remove{color:#8a9195!important;border:1px solid var(--border);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;} body.woocommerce-cart table.cart .product-remove a.remove:hover{background:var(--action-red)!important;color:#fff!important;border-color:var(--action-red);} body.woocommerce-cart table.cart td.actions{background:#fafbfb;} body.woocommerce-cart table.cart td.actions .button{background:#fff!important;color:#17191a!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;} body.woocommerce-cart .cart_totals table th{background:none!important;padding:10px 0!important;color:#5c6368!important;width:40%;} body.woocommerce-cart .cart_totals table td{padding:10px 0!important;border-top:1px solid #eceeef!important;} body.woocommerce-cart .cart_totals .order-total th,body.woocommerce-cart .cart_totals .order-total td{font:800 20px/1.2 var(--font-display)!important;color:#17191a!important;} body.woocommerce-cart .wc-proceed-to-checkout{padding:14px 0 0!important;} body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{background:var(--action-red)!important;color:#fff!important;border-radius:var(--radius-md)!important;min-height:52px;font:700 16px/52px var(--font-sans)!important;text-transform:uppercase;letter-spacing:.04em;padding:0!important;margin:10px 0 0!important;} body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{background:var(--action-red-hover)!important;} body.woocommerce-cart #ast-coupon-trigger{color:#17191a;text-decoration:underline;text-decoration-color:var(--brand-red);cursor:pointer;} body.woocommerce-cart .zt-cart-info{grid-column:1/-1;} @media(max-width:1024px){ body.woocommerce-cart #ast-cart-wrapper{grid-template-columns:1fr;} body.woocommerce-cart #ast-cart-wrapper>.cart-collaterals{position:static;} body.woocommerce-cart table.cart .product-name{min-width:0;} } /* Warenkorb mobil: kompakte Artikelkarte statt 8 Tabellenzeilen */ @media(max-width:767px){ body.woocommerce-cart table.shop_table.cart thead{display:none!important;} body.woocommerce-cart table.shop_table.cart tr.cart_item{display:grid!important;grid-template-columns:72px minmax(0,1fr) 28px;grid-template-areas:"img name remove" "img price price" "qty qty sub";gap:6px 12px;align-items:center;padding:14px!important;border-top:1px solid #eceeef;} body.woocommerce-cart table.shop_table.cart tr.cart_item td{display:block!important;padding:0!important;border:0!important;text-align:left!important;min-width:0!important;width:auto!important;} body.woocommerce-cart table.shop_table.cart tr.cart_item td::before{display:none!important;} body.woocommerce-cart table.shop_table.cart td.product-thumbnail{grid-area:img;} body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{width:72px!important;height:72px!important;} body.woocommerce-cart table.shop_table.cart td.product-name{grid-area:name;font-size:14.5px;} body.woocommerce-cart table.shop_table.cart td.product-remove{grid-area:remove;justify-self:end;align-self:start;} body.woocommerce-cart table.shop_table.cart td.product-price{grid-area:price;font-size:14px!important;color:#5c6368;font-weight:600;} body.woocommerce-cart table.shop_table.cart td.product-quantity{grid-area:qty;} body.woocommerce-cart table.shop_table.cart td.product-subtotal{grid-area:sub;justify-self:end;font-size:18px!important;} body.woocommerce-cart table.shop_table.cart tr:not(.cart_item) td{display:block;} } /* ========================================================================= 27 v0.8.2 – Mengenwahl neutral (Rot bleibt dem Warenkorb-Button vorbehalten) ========================================================================= */ .quantity.buttons_added{display:inline-flex!important;align-items:stretch;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;background:#fff;height:48px;vertical-align:middle;} .quantity.buttons_added a.minus,.quantity.buttons_added a.plus{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important; background:#fff!important;color:#17191a!important;border:0!important;border-radius:0!important;font:600 22px/1 var(--font-sans)!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s ease,color .15s ease;} .quantity.buttons_added a.minus{border-right:1px solid var(--border)!important;} .quantity.buttons_added a.plus{border-left:1px solid var(--border)!important;} .quantity.buttons_added a.minus:hover,.quantity.buttons_added a.plus:hover{background:#f5f6f6!important;color:var(--accent-text)!important;} .quantity.buttons_added input.qty{width:52px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center;font:700 17px/1 var(--font-sans)!important;color:#17191a!important;background:#fff!important;-moz-appearance:textfield;} .quantity.buttons_added input.qty::-webkit-outer-spin-button,.quantity.buttons_added input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .quantity.buttons_added:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(217,31,28,.15);} .single-product form.cart .quantity.buttons_added{height:52px;margin-right:12px!important;} body.woocommerce-cart .quantity.buttons_added{height:40px;} body.woocommerce-cart .quantity.buttons_added a.minus,body.woocommerce-cart .quantity.buttons_added a.plus{width:36px!important;font-size:19px!important;} body.woocommerce-cart .quantity.buttons_added input.qty{width:42px!important;font-size:15px!important;} /* ========================================================================= 28 v0.8.3 – KATEGORIESEITEN: Banner auf Spaltenbreite, alles auf einer Kante mit dem Header Spalte = max. 1440 px, 20 px Rand (mobil 12 px) – wie .zt-hdr__in und die Vertrauensleiste ========================================================================= */ /* Kategorie-Banner (Snippet „Kategorie Banner“): mittig, Spaltenbreite, Bild füllt die Spalte */ .category-banner{max-width:1440px!important;width:100%!important;margin:0 auto!important;padding:18px 20px 0!important;box-sizing:border-box;} .category-banner img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;} /* Brotkrumen */ .main-header-bar.ast-header-breadcrumb .ast-container{max-width:1440px!important;padding-left:20px!important;padding-right:20px!important;} .main-header-bar.ast-header-breadcrumb .ast-breadcrumbs-wrapper{padding:0!important;margin:0!important;} /* Inhalt der Archivseiten (Shop, Kategorien, Marken): keine doppelten Astra-Innenabstände */ body.woocommerce.archive .site-content>.ast-container,body.tax-pwb-brand .site-content>.ast-container{max-width:1440px!important;padding-left:20px!important;padding-right:20px!important;} body.woocommerce.archive #primary,body.tax-pwb-brand #primary{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} body.woocommerce.archive .ast-woocommerce-container,body.tax-pwb-brand .ast-woocommerce-container{padding-left:0!important;padding-right:0!important;} body.woocommerce.archive .woocommerce-products-header,body.woocommerce.archive .term-description,body.woocommerce.archive .ast-archive-description{padding-left:0!important;padding-right:0!important;margin-left:0!important;} @media(max-width:1024px){ .category-banner{padding:12px 12px 0!important;} .main-header-bar.ast-header-breadcrumb .ast-container, body.woocommerce.archive .site-content>.ast-container,body.tax-pwb-brand .site-content>.ast-container{padding-left:12px!important;padding-right:12px!important;} } /* ========================================================================= 29 v0.8.4 – Warenkorb im Header öffnet den ModernCart-Seitenwarenkorb (wie mister-mx); schwebender ModernCart-Knopf entfällt. Konto-Symbol mit Punkt, wenn eingeloggt. ========================================================================= */ body.zt-has-hdr .moderncart-floating-cart-button{display:none!important;} .zt-acc.is-in .zt-acc__btn::after{content:"";position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:#4cc17f;box-shadow:0 0 0 2px #0b0d0e;} /* ========================================================================= 30 v0.9 – NEUE STARTSEITE ([zt_startseite], Seite mit body.zt-home) ========================================================================= */ body.zt-home .site-content>.ast-container{max-width:none!important;padding:0!important;display:block!important;} body.zt-home #primary{margin:0!important;padding:0!important;width:100%!important;} body.zt-home .entry-content,body.zt-home .ast-article-single,body.zt-home .ast-article-post{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;} body.zt-home .entry-header,body.zt-home .main-header-bar.ast-header-breadcrumb,body.zt-home .category-banner{display:none!important;} body.zt-home .site-content{background:#fff!important;} .zt-home{font-family:var(--font-sans);color:var(--ink);} .zt-home *,.zt-home *::before,.zt-home *::after{box-sizing:border-box;} .zt-home__in{max-width:1440px;margin:0 auto;padding:0 20px;} .zt-home a{text-decoration:none!important;} .zt-home__eyebrow{display:block;font:800 14px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--action-red);} .zt-home__eyebrow--light{color:#FF4A3D;} .zt-home__h1{margin:0!important;font:italic 900 clamp(40px,4.6vw,64px)/.95 var(--font-display)!important;text-transform:uppercase;color:#17191a!important;letter-spacing:0;} .zt-home__h2{margin:0!important;font:italic 800 clamp(30px,2.8vw,40px)/1 var(--font-display)!important;text-transform:uppercase;color:#17191a!important;} .zt-home__h2--big{font-size:clamp(38px,3.6vw,52px)!important;font-weight:900!important;} .zt-home__h3{margin:0!important;font:italic 800 clamp(22px,2vw,30px)/1.05 var(--font-display)!important;text-transform:uppercase;color:#17191a!important;} .zt-home__lead{margin:0;font:400 18px/1.55 var(--font-sans);color:#2b3033;max-width:540px;} .zt-home__btns{display:flex;flex-wrap:wrap;gap:12px;} .zt-home__btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px!important;border-radius:var(--radius-md)!important;font:700 15px/1 var(--font-sans)!important;text-transform:uppercase;letter-spacing:.04em;} .zt-home__btn svg{color:var(--accent-text);flex:none;} .zt-home__btn--ghost{background:#fff!important;color:#17191a!important;border:1px solid var(--border-strong)!important;} .zt-home__btn--ghost:hover{border-color:#17191a!important;color:#17191a!important;} .zt-home__btn--light{text-transform:none;letter-spacing:0;font-size:16px!important;} .zt-home__btn--dark{background:transparent!important;color:#fff!important;border-color:#aeb4b7!important;} .zt-home__btn--dark svg{color:#FF4A3D;} .zt-home__btn--dark:hover{border-color:#fff!important;color:#fff!important;} .zt-home a.zt-btn.zt-home__btn{min-height:52px;} /* Hero hell */ .zt-home__hero{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--border);} .zt-home__hero-in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px;align-items:center;min-height:440px;padding-top:36px;padding-bottom:84px;} .zt-home__hero-text{display:flex;flex-direction:column;gap:18px;position:relative;z-index:2;} .zt-home__hero-visual{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:14px;} .zt-home__hero-visual img{width:100%;max-width:820px;height:auto;display:block;} .zt-home__since{background:#17191a;color:#fff;font:800 15px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;} .zt-home__stripe{position:absolute;display:block;transform:skewX(var(--wedge-angle));z-index:1;} .zt-home__stripe--red{left:38%;right:-40px;bottom:50px;height:22px;background:var(--brand-red);} .zt-home__stripe--dark{left:43%;right:-40px;bottom:24px;height:10px;background:#17191a;} .zt-home__hero::before{content:"";position:absolute;left:-40px;width:18%;bottom:50px;height:22px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} /* Abschnitte */ .zt-home__sec{padding:72px 0;} .zt-home__sec--grey{background:#f5f6f6;} .zt-home__sec--tight{padding:56px 0;} .zt-home__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;} .zt-home__head>div{display:flex;flex-direction:column;gap:12px;} .zt-home__head .zt-home__h2::after{content:"";display:block;width:72px;height:6px;margin-top:12px;background:var(--brand-red);transform:skewX(var(--wedge-angle));} .zt-home__sub{margin:0;font:400 16px/1.4 var(--font-sans);color:#5c6368;} .zt-home__more{font:600 16px/1 var(--font-sans);color:#17191a!important;border-bottom:2px solid var(--brand-red);padding-bottom:4px;white-space:nowrap;} .zt-home__more:hover{color:var(--accent-text)!important;} /* Kategorien */ .zt-home__kats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} .zt-home__kat{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:box-shadow .15s ease,transform .15s ease;} .zt-home__kat:hover{box-shadow:0 10px 26px rgba(23,25,26,.10);transform:translateY(-2px);} .zt-home__kat-img{display:flex;align-items:center;justify-content:center;height:244px;background:#f5f6f6;} .zt-home__kat-img img{width:226px;height:226px;object-fit:contain;mix-blend-mode:multiply;} .zt-home__kat-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:8px 20px;border-top:3px solid var(--brand-red);} .zt-home__kat-name{display:flex;flex-direction:column;gap:3px;color:#17191a!important;} .zt-home__kat-name span{font:800 22px/1 var(--font-display);text-transform:uppercase;} .zt-home__kat-name small{font:500 13px/1 var(--font-sans);color:#5c6368;} .zt-home__kat-arrow{color:var(--accent-text);display:flex;} .zt-home__kat-links{display:flex;gap:6px;} .zt-home__kat-links a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font:700 13px/1 var(--font-sans);color:#17191a!important;} .zt-home__kat-links a:hover{border-color:var(--action-red);color:var(--accent-text)!important;} /* Produktkarten */ .zt-home__grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;} .zt-home__card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;color:#17191a!important;transition:box-shadow .15s ease,transform .15s ease;} .zt-home__card:hover{box-shadow:0 10px 26px rgba(23,25,26,.10);transform:translateY(-2px);} .zt-home__card-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/0.86;padding:18px;} .zt-home__card-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;} .zt-home__card-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-top:1px solid #eceeef;flex-grow:1;} .zt-home__card-name{font:600 15px/1.35 var(--font-sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;} .zt-home__card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:auto;} .zt-home__price{font:800 24px/1 var(--font-display);color:#17191a;} .zt-home__price.is-sale{color:var(--accent-text);} .zt-home__price .woocommerce-Price-amount{font:inherit;color:inherit;} .zt-home__uvp{font:400 13px/1 var(--font-sans);color:#5c6368;text-decoration:line-through;} .zt-home__badge{position:absolute;left:12px;top:12px;z-index:2;background:var(--action-red);color:#fff;font:800 16px/1 var(--font-display);padding:6px 10px;border-radius:var(--radius-sm);} .zt-home__badge--neu{background:#17191a;font-size:14px;letter-spacing:.06em;text-transform:uppercase;} /* Teaser */ .zt-home__teaser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;} .zt-home__tcard{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;} .zt-home__tcard-img{display:block;height:290px;background:#f5f6f6;} .zt-home__tcard-img img{width:100%;height:100%;object-fit:cover;display:block;} .zt-home__tcard-body{display:flex;flex-direction:column;gap:12px;flex-grow:1;padding:22px 26px 26px;border-top:3px solid var(--brand-red);} .zt-home__tcard-body p{margin:0;font:400 16px/1.5 var(--font-sans);color:#2b3033;} .zt-home__tcard-body .zt-home__btn{align-self:flex-start;margin-top:auto;} /* Marken */ .zt-home__brands{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border);} .zt-home__brands li{margin:0!important;border-right:1px solid var(--border);border-bottom:1px solid var(--border);} .zt-home__brands a{display:flex;align-items:center;justify-content:center;height:96px;padding:14px;background:#fff;} .zt-home__brands img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .15s ease,opacity .15s ease;} .zt-home__brands a:hover img,.zt-home__brands a:focus img{filter:none;opacity:1;} /* Willkommen */ .zt-home__welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;} .zt-home__welcome-text{display:flex;flex-direction:column;gap:16px;} .zt-home__welcome-text p{margin:0;font:400 17px/1.6 var(--font-sans);color:#2b3033;} .zt-home__welcome-text p.zt-home__strong{font-weight:600;color:#17191a;} .zt-home__welcome-img{width:100%;height:320px;object-fit:cover;border-radius:var(--radius-lg);display:block;} /* Merch */ .zt-home__merch{background:#15191b;padding:64px 0;} .zt-home__merch-in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;align-items:center;} .zt-home__merch-text{display:flex;flex-direction:column;gap:16px;} .zt-home__merch-text .zt-home__h2{color:#fff!important;} .zt-home__merch-text p{margin:0;font:400 17px/1.55 var(--font-sans);color:#c9cdcf;} .zt-home__merch-text .zt-home__btn{align-self:flex-start;} .zt-home__merch-text small{font:400 13px/1.4 var(--font-sans);color:#8a9195;} .zt-home__merch-img{display:flex;justify-content:center;background:#fff;border-radius:var(--radius-lg);padding:18px;} .zt-home__merch-img img{width:100%;max-width:540px;height:auto;display:block;} /* Tablet */ @media(max-width:1100px){ .zt-home__grid4{grid-template-columns:repeat(2,minmax(0,1fr));} .zt-home__brands{grid-template-columns:repeat(6,minmax(0,1fr));} .zt-home__hero-in{grid-template-columns:1fr;gap:24px;min-height:0;padding-bottom:90px;} .zt-home__hero-visual{align-items:center;} .zt-home__stripe--red{left:-40px;} .zt-home__stripe--dark{left:30%;} .zt-home__hero::before{display:none;} } @media(max-width:900px){ .zt-home__kats{grid-template-columns:repeat(2,minmax(0,1fr));} .zt-home__teaser,.zt-home__welcome,.zt-home__merch-in{grid-template-columns:1fr;} } /* Handy */ @media(max-width:767px){ .zt-home__in{padding:0 16px;} .zt-home__sec{padding:40px 0;} .zt-home__merch{padding:40px 0;} .zt-home__hero-in{padding-top:24px;padding-bottom:62px;gap:18px;} .zt-home__eyebrow{font-size:12px;letter-spacing:.18em;} .zt-home__lead{font-size:15.5px;} .zt-home__hero .zt-home__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .zt-home__btn{min-height:48px;padding:0 14px!important;font-size:14px!important;} .zt-home__since{font-size:12px;padding:7px 10px;align-self:flex-end;} .zt-home__stripe--red{bottom:26px;height:14px;} .zt-home__stripe--dark{bottom:10px;height:7px;} .zt-home__head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;} .zt-home__kats,.zt-home__grid4{gap:12px;} .zt-home__kat-img{height:150px;} .zt-home__kat-img img{width:132px;height:132px;} .zt-home__kat-bar{flex-direction:column;align-items:flex-start;padding:10px 12px;min-height:0;} .zt-home__kat-name span{font-size:17px;} .zt-home__kat-name small{font-size:11px;} .zt-home__kat-arrow{display:none;} .zt-home__kat-links a{min-height:32px;padding:0 9px;font-size:12px;} .zt-home__card-body{padding:10px;gap:6px;} .zt-home__card-name{font-size:13px;min-height:34px;} .zt-home__price{font-size:20px;} .zt-home__uvp{font-size:12px;} .zt-home__badge{left:8px;top:8px;font-size:14px;padding:5px 8px;} .zt-home__tcard-img{height:190px;} .zt-home__tcard-body{padding:16px;} .zt-home__tcard-body .zt-home__btn{align-self:stretch;} .zt-home__brands{grid-template-columns:repeat(3,minmax(0,1fr));} .zt-home__brands a{height:78px;padding:10px;} .zt-home__welcome-img{height:190px;} .zt-home__welcome .zt-home__btns{flex-direction:column;} .zt-home__merch-text .zt-home__btn{align-self:stretch;} } /* Startseite: Korrekturen (Teaserbild begrenzen, Überschriften gegen Theme-Regeln absichern) */ .zt-home .zt-home__tcard-img{overflow:hidden;} .zt-home .zt-home__tcard-img img{height:100%!important;width:100%!important;max-height:none!important;} .zt-home .zt-home__h3,.zt-home .entry-content .zt-home__h3,.entry-content .zt-home h3.zt-home__h3{font:italic 800 clamp(22px,2vw,30px)/1.05 var(--font-display)!important;text-transform:uppercase;color:#17191a!important;margin:0!important;} .zt-home .zt-home__h2,.entry-content .zt-home h2.zt-home__h2{font:italic 800 clamp(30px,2.8vw,40px)/1 var(--font-display)!important;} .zt-home .zt-home__h2.zt-home__h2--big{font-size:clamp(38px,3.6vw,52px)!important;font-weight:900!important;color:#fff!important;} .zt-home .zt-home__h1,.entry-content .zt-home h1.zt-home__h1{font:italic 900 clamp(40px,4.6vw,64px)/.95 var(--font-display)!important;}