.elementor-4726 .elementor-element.elementor-element-5f8f15c{text-align:start;}.elementor-4726 .elementor-element.elementor-element-5f8f15c img{width:210px;}.elementor-4726 .elementor-element.elementor-element-40ae60d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */:root{--rot:#cc0000;--gruen:#00643A;--dark:#141414;--sub:#7a7a7a;--line:rgba(0,0,0,.08)} .elementor-element-040d469{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:82px;padding:0 clamp(24px,4vw,56px);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px -6px rgba(0,0,0,.12);overflow:visible!important} .elementor-element-040d469>.e-con-inner{overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;max-width:1360px;margin:0 auto} .elementor-element-5f8f15c img{height:54px;width:auto;display:block} .elementor-element-1095382{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:clamp(16px,2vw,32px);overflow:visible} .elementor-element-1095382>*{flex:0 0 auto} .elementor-element-1095382 p,.elementor-element-1095382 a{margin:0;font-family:"Roboto Condensed",sans-serif;font-size:17px;letter-spacing:.4px;color:var(--dark);text-decoration:none;white-space:nowrap;cursor:pointer;position:relative;display:inline-flex;align-items:center;transition:color .18s} .elementor-element-1095382 a:hover,.elementor-element-1095382 a:hover p{color:var(--rot)} .elementor-element-1095382 a::before{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--rot);transition:right .22s ease} .elementor-element-1095382 a:hover::before{right:0} .elementor-element-18b77f9 p a::after,.elementor-element-0e8d4aa p a::after,.elementor-element-477e29c p a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid #b4b4b4;border-bottom:2px solid #b4b4b4;transform:rotate(45deg) translateY(-2px);transition:border-color .18s,transform .18s} .elementor-element-18b77f9:hover p a::after,.elementor-element-0e8d4aa:hover p a::after,.elementor-element-477e29c:hover p a::after{border-color:var(--rot);transform:rotate(225deg) translateY(1px)} .elementor-element-18b77f9,.elementor-element-0e8d4aa,.elementor-element-477e29c{position:relative;overflow:visible;cursor:pointer;flex:0 0 auto!important;width:auto!important} .elementor-element-86a02f6,.elementor-element-86a02f6 a,.elementor-element-86a02f6 button,.elementor-element-86a02f6 .elementor-button{display:inline-flex!important;align-items:center;gap:9px;background-color:var(--rot)!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:13px 24px!important;font-family:"Roboto Condensed",sans-serif!important;font-size:16px!important;letter-spacing:.4px!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(204,0,0,.28);transition:background-color .18s,transform .18s,box-shadow .18s} .elementor-element-86a02f6 a::after,.elementor-element-86a02f6 button::after{content:"→";font-size:17px;transition:transform .2s} .elementor-element-86a02f6:hover,.elementor-element-86a02f6 a:hover,.elementor-element-86a02f6 button:hover,.elementor-element-86a02f6 .elementor-button:hover{background-color:var(--dark)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 9px 24px rgba(0,0,0,.22)} .elementor-element-86a02f6 a:hover::after,.elementor-element-86a02f6 button:hover::after{transform:translateX(4px)} .elementor-element-86a02f6 p{margin:0!important;color:#fff!important;white-space:nowrap} #mega-neu,#mega-geb,#mega-srv{display:none;position:fixed;left:0;right:0;top:82px;z-index:1002;background:#fff;border-top:1px solid var(--line);box-shadow:0 34px 60px -20px rgba(0,0,0,.22);padding:38px clamp(24px,4vw,56px) 22px} .elementor-element-18b77f9:hover #mega-neu,#mega-neu:hover{display:block} .elementor-element-0e8d4aa:hover #mega-geb,#mega-geb:hover{display:block} .elementor-element-477e29c:hover #mega-srv,#mega-srv:hover{display:block} .elementor-element-5c424a9{display:grid;grid-template-columns:5fr 6fr;gap:clamp(28px,4vw,64px);align-items:start;max-width:1280px;margin:0 auto} .elementor-element-5c424a9>*{min-width:0} #mega-neu-h-bobcat,#mega-neu-h-combi{position:relative;margin:0 0 20px;padding-left:38px;font-family:"Roboto Condensed",sans-serif;font-size:15px;letter-spacing:2.5px;text-transform:uppercase;color:var(--dark);line-height:1;border:none} #mega-neu-h-bobcat::before,#mega-neu-h-combi::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:26px;height:3px;border-radius:2px} #mega-neu-h-bobcat::before{background:var(--rot)}#mega-neu-h-combi::before{background:var(--gruen)} #mega-neu-h-bobcat::after{content:"· Verkauf & Neugeraete"} #mega-neu-h-combi::after{content:"· Mehrwege & Schwerlast"} #mega-neu-h-bobcat::after,#mega-neu-h-combi::after{font-family:"Work Sans",sans-serif;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:none;color:var(--sub);margin-left:10px} #mega-neu-grid-bobcat,#mega-neu-grid-combi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} #k-b0,#k-b1,#k-b2,#k-b3,#k-b4,#k-c0,#k-c1,#k-c2,#k-c3,#k-c4,#k-c5{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;min-height:0;background:transparent;border:none;border-radius:12px;padding:14px 10px 18px;text-decoration:none;overflow:visible;transition:background .2s,transform .22s cubic-bezier(.2,.7,.2,1)} #k-b0:hover,#k-b1:hover,#k-b2:hover,#k-b3:hover,#k-b4:hover,#k-c0:hover,#k-c1:hover,#k-c2:hover,#k-c3:hover,#k-c4:hover,#k-c5:hover{background:#f6f7f8;transform:translateY(-4px)} #mega-neu .elementor-widget-image{position:relative;width:100%!important;height:100px;margin:0 0 10px!important;display:flex;align-items:flex-end;justify-content:center} #mega-neu .elementor-widget-image .elementor-widget-container{margin:0!important;display:flex;align-items:flex-end;justify-content:center;height:100%} #mega-neu .elementor-widget-image::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:72%;height:13px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.18),rgba(0,0,0,0) 70%);opacity:.55;transition:width .22s ease,opacity .22s ease;z-index:0} #k-b0:hover .elementor-widget-image::after,#k-b1:hover .elementor-widget-image::after,#k-b2:hover .elementor-widget-image::after,#k-b3:hover .elementor-widget-image::after,#k-b4:hover .elementor-widget-image::after,#k-c0:hover .elementor-widget-image::after,#k-c1:hover .elementor-widget-image::after,#k-c2:hover .elementor-widget-image::after,#k-c3:hover .elementor-widget-image::after,#k-c4:hover .elementor-widget-image::after,#k-c5:hover .elementor-widget-image::after{width:86%;opacity:.8} #mega-neu img{max-height:100px!important;height:auto;width:auto;max-width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.05));transition:transform .22s cubic-bezier(.2,.7,.2,1)} #k-b0:hover img,#k-b1:hover img,#k-b2:hover img,#k-b3:hover img,#k-b4:hover img,#k-c0:hover img,#k-c1:hover img,#k-c2:hover img,#k-c3:hover img,#k-c4:hover img,#k-c5:hover img{transform:scale(1.07)} #mega-neu h4{margin:0;font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:15px;letter-spacing:.2px;color:var(--dark);line-height:1.15;text-decoration:none} #mega-neu h4 a{color:inherit!important;text-decoration:none!important;font-family:inherit} #mega-neu p{margin:4px 0 0;font-family:"Work Sans",sans-serif;font-size:11px;letter-spacing:.3px;color:var(--sub);line-height:1.3} #k-b0:hover h4,#k-b1:hover h4,#k-b2:hover h4,#k-b3:hover h4,#k-b4:hover h4{color:var(--rot)!important} #k-c0:hover h4,#k-c1:hover h4,#k-c2:hover h4,#k-c3:hover h4,#k-c4:hover h4,#k-c5:hover h4{color:var(--gruen)!important} #mega-neu-bar{max-width:1280px;margin:26px auto 0;padding:16px 4px 4px;background:transparent;border-top:1px solid var(--line);border-radius:0} #mega-neu-bar p{margin:0;color:var(--dark);text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:13px;letter-spacing:.4px} #mega-geb .e-con-inner,#mega-srv .e-con-inner{max-width:1280px;margin:0 auto} #mega-geb #k-g0,#mega-geb #k-g1,#mega-srv #k-s0,#mega-srv #k-s1,#mega-srv #k-s2,#mega-srv #k-s3,#mega-srv #k-s4{min-height:0;align-items:flex-start;text-align:left;justify-content:center;background:#f6f7f8;border-left:3px solid var(--rot);border-radius:8px;padding:18px 20px;flex:1 1 180px} #mega-geb #k-g1,#mega-srv #k-s3,#mega-srv #k-s4{border-left-color:var(--gruen)} #mega-geb h4,#mega-srv h4{margin:0 0 5px;font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:16px;color:var(--dark)} #mega-geb h4 a,#mega-srv h4 a{color:inherit!important;text-decoration:none!important} #mega-geb p,#mega-srv p{margin:0;font-family:"Work Sans",sans-serif;font-size:12px;color:var(--sub)} #mega-geb #k-g0:hover,#mega-geb #k-g1:hover,#mega-srv #k-s0:hover,#mega-srv #k-s1:hover,#mega-srv #k-s2:hover,#mega-srv #k-s3:hover,#mega-srv #k-s4:hover{background:#fff;box-shadow:0 6px 18px -6px rgba(0,0,0,.15);transform:translateY(-3px)} @media(max-width:1100px){.elementor-element-5c424a9{grid-template-columns:1fr;gap:26px}.elementor-element-1095382{gap:14px}.elementor-element-1095382 p,.elementor-element-1095382 a{font-size:15px}} /* v4-fix: volle Trigger-Hoehe schliesst die Hover-Luecke zum fixed-Panel */ .elementor-element-18b77f9,.elementor-element-0e8d4aa,.elementor-element-477e29c{align-self:stretch;display:flex;align-items:center;min-height:82px} /* v4-fix: CTA nie umbrechen */ .elementor-element-86a02f6 a,.elementor-element-86a02f6 .elementor-button,.elementor-element-86a02f6 button{white-space:nowrap!important} /* v4-FIX CTA: echter Atomic-Button traegt data-id, NICHT .elementor-element-... */ a.e-button-base[data-id="86a02f6"],a[data-id="86a02f6"]{background-color:#cc0000!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:13px 24px!important;font-family:"Roboto Condensed",sans-serif!important;font-size:16px!important;letter-spacing:.4px!important;text-decoration:none!important;white-space:nowrap!important;display:inline-flex!important;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(204,0,0,.28);transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease} a[data-id="86a02f6"]::after{content:"\2192";font-size:17px;transition:transform .2s ease} a[data-id="86a02f6"]:hover{background-color:#1a1a1a!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 9px 24px rgba(0,0,0,.22)} a[data-id="86a02f6"]:hover::after{transform:translateX(4px)} /* v4-FIX Panel-Position robust: absolut unter dem Header ankern statt fixed 82px (admin-bar-sicher, header-hoehen-unabhaengig, kein Ueberlappen der Trigger) */ .elementor-element-18b77f9,.elementor-element-0e8d4aa,.elementor-element-477e29c{position:static!important} #mega-neu,#mega-geb,#mega-srv{position:absolute!important;top:100%!important;bottom:auto!important;left:0!important;right:0!important;width:auto!important} /* ===== v5 MICHAEL-FEEDBACK: Abstaende, Logo, groessere Schrift, Panel kompakter ===== */ /* Header: mehr Rand-Abstand + gap (Atomic-Padding 10px mit !important schlagen) */ .elementor-element-040d469{padding:14px clamp(40px,4.5vw,80px)!important;gap:clamp(24px,3vw,48px)!important} /* Logo: NICHT stauchen (width auto, keine max-width-Klemme), etwas groesser */ .elementor-element-5f8f15c img{height:58px!important;width:auto!important;max-width:none!important;object-fit:contain!important} .elementor-element-5f8f15c,.elementor-element-5f8f15c .elementor-widget-container{width:auto!important;max-width:none!important} /* Nav: Links weiter auseinander + Woerter groesser (17 -> 22) */ .elementor-element-1095382{gap:clamp(28px,2.6vw,46px)!important;padding:0!important} .elementor-element-1095382 a,.elementor-element-1095382 p{font-size:22px!important} .elementor-element-18b77f9 p a::after,.elementor-element-0e8d4aa p a::after,.elementor-element-477e29c p a::after{width:8px!important;height:8px!important;margin-left:9px!important} /* CTA: groesserer Text + etwas mehr Polster */ a[data-id="86a02f6"]{font-size:19px!important;padding:14px 30px!important} /* Panel weniger hoch (nicht so lang nach unten) */ #mega-neu,#mega-geb,#mega-srv{padding:26px clamp(24px,4vw,56px) 14px!important} #mega-neu .elementor-widget-image{height:76px!important;margin:0 0 6px!important} #mega-neu img{max-height:76px!important} #k-b0,#k-b1,#k-b2,#k-b3,#k-b4,#k-c0,#k-c1,#k-c2,#k-c3,#k-c4,#k-c5{padding:8px 10px 10px!important} #mega-neu-grid-bobcat,#mega-neu-grid-combi{gap:4px!important} #mega-neu-h-bobcat,#mega-neu-h-combi{margin:0 0 12px!important} #mega-neu-bar{margin-top:14px!important;padding:12px 4px 2px!important} #mega-neu h4,#mega-geb h4,#mega-srv h4{font-size:15px!important} /* ===== v6: Nav-Overlap fix + CTA-Font (Spezifitaet) ===== */ .elementor-element-040d469{padding:14px clamp(32px,3vw,56px)!important;gap:clamp(22px,2.2vw,40px)!important} .elementor-element-1095382{gap:clamp(18px,1.8vw,34px)!important} .elementor-element-1095382 a,.elementor-element-1095382 p{font-size:21px!important} a.e-button-base[data-id="86a02f6"]{font-size:19px!important;padding:14px 30px!important} /* ===== v7: Gebraucht + Service = BILD-Kacheln wie Neugeraete ===== */ #mega-geb #k-g0,#mega-geb #k-g1,#mega-srv #k-s0,#mega-srv #k-s1,#mega-srv #k-s2,#mega-srv #k-s3,#mega-srv #k-s4{min-height:0!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important;background:transparent!important;border:none!important;border-left:none!important;border-radius:12px!important;padding:8px 10px 12px!important;flex:0 1 210px!important;max-width:210px!important} #mega-geb #k-g0:hover,#mega-geb #k-g1:hover,#mega-srv #k-s0:hover,#mega-srv #k-s1:hover,#mega-srv #k-s2:hover,#mega-srv #k-s3:hover,#mega-srv #k-s4:hover{background:#f6f7f8!important;box-shadow:none!important;transform:translateY(-4px)!important} #mega-geb h4,#mega-srv h4{margin:8px 0 2px!important;text-align:center!important;font-size:15px!important} #mega-geb h4 a,#mega-srv h4 a{color:#141414!important} #mega-geb p,#mega-srv p{text-align:center!important;margin:2px 0 0!important;font-size:11px!important;color:#777!important} .elementor-element-0e8d4aa:hover #mega-geb,#mega-geb:hover{display:flex!important;justify-content:center!important;gap:16px!important;flex-wrap:nowrap!important} .elementor-element-477e29c:hover #mega-srv,#mega-srv:hover{display:flex!important;justify-content:center!important;gap:14px!important;flex-wrap:nowrap!important} /* Ground-Shadow + Bildhoehe auch fuer geb/srv (falls nicht schon) */ #mega-geb .elementor-widget-image,#mega-srv .elementor-widget-image{position:relative;width:100%!important;height:76px!important;margin:0 0 6px!important;display:flex;align-items:flex-end;justify-content:center} #mega-geb img,#mega-srv img{max-height:76px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.06))} /* ===== v8: Nav RESPONSIV - fluid schrumpfen, damit beim Schmaelermachen nichts ueberlaeuft ===== */ .elementor-element-040d469{padding:12px clamp(18px,2.2vw,48px)!important;gap:clamp(14px,1.6vw,32px)!important} .elementor-element-1095382{gap:clamp(10px,1.3vw,30px)!important} .elementor-element-1095382 a,.elementor-element-1095382 p{font-size:clamp(15px,1.05vw,20px)!important;letter-spacing:.2px!important} .elementor-element-5f8f15c img{height:clamp(44px,3vw,56px)!important} a.e-button-base[data-id="86a02f6"]{font-size:clamp(14px,1vw,18px)!important;padding:11px clamp(16px,1.6vw,28px)!important} /* unter 1400px uebernimmt das Burger-Menue (Snippet), Desktop-Nav wird dort ausgeblendet */ /* ===== v8b: CTA unter 1400px sicher ausblenden (Spezifitaet a.e-button-base schlaegt Snippet) - Burger-Drawer hat eigenen CTA ===== */ @media(max-width:1400px){a.e-button-base[data-id="86a02f6"],a[data-id="86a02f6"]{display:none!important}} /* ===== v9: weisses Feld unter dem Menue weg (Theme-Seitentitel-Block) ===== */ .page-header{display:none!important} body.elementor-page .page-header,.site-main>.page-header{display:none!important} /* ===== v9b: Top-Bar VOR das Menue (Header-Wrapper flex column + order) ===== */ header.elementor-4726,.elementor.elementor-4726{display:flex!important;flex-direction:column!important} #stapla-topbar-con{order:-1!important;width:100%!important} .elementor-element-040d469{order:0!important} /* ===== v9c: Top-Bar full-width edge-to-edge (Container-Kette entklemmen) ===== */ #stapla-topbar-con{max-width:none!important;width:100%!important;padding:0!important;margin:0!important} #stapla-topbar-con>.e-con-inner{max-width:none!important;width:100%!important;padding:0!important;margin:0!important} #stapla-topbar-con .elementor-widget-html,#stapla-topbar-con .elementor-widget-container,#stapla-topbar-con .elementor-widget{width:100%!important;max-width:none!important;margin:0!important} .stapla-topbar{width:100%!important;display:block!important;background:#141414!important} /* ===== v9d: Burger-Button transparent (Theme faerbt