.pagefind-search{--pagefind-ui-scale:0.75}#searchcontainer,#searchcontainer.grid_20,.inner_searchcontainer{height:auto !important;overflow:visible !important;padding-bottom:12px}#searchcontainer{display:flex !important;align-items:center;padding-top:12px}.inner_searchcontainer{width:100%}select.js-sort{font-size:1.4em;padding:0.35em 0.5em;height:auto}.listing_actions .sort-filter{width:450px}.listing_actions .sort-filter select.js-sort{width:300px}.listing_actions,.listing_actions.normal,.listing_actions .top,.listing_actions .bottom{height:auto !important;display:flow-root !important;padding-top:8px;padding-bottom:8px}.actions-detail{margin-top:24px !important;margin-bottom:24px !important}.actions-detail a{height:auto !important;min-height:44px;line-height:normal !important;padding:8px 5px !important;font-size:16px !important;display:flex !important;flex-direction:column;align-items:center;justify-content:center;background-color:#72a425 !important;background-image:none !important;border:none !important;border-radius:6px !important;color:#fff !important;font-weight:bold;text-align:center;width:100% !important;box-sizing:border-box !important}.actions-detail a:hover{background-color:#5c8a1a !important}.actions-detail a span{color:#fff}.actions-detail a .link-hint{font-size:11px;font-weight:normal;opacity:0.9;margin-top:2px}#contact-button-foot{display:flex;justify-content:center;padding:0 40px !important;box-sizing:border-box}.footer-special-wrap{background:transparent !important;border:none !important;margin:20px 0 !important}#contact-button-foot .button-large{display:flex !important;flex-direction:column;align-items:center;justify-content:center;height:auto !important;min-height:44px;line-height:normal !important;padding:8px 16px !important;font-size:16px !important;box-sizing:border-box !important;background-color:#72a425 !important;background-image:none !important;border:none !important;border-radius:6px !important;color:#fff !important;font-weight:bold;text-align:center;width:100%;max-width:420px;margin:0 auto}#contact-button-foot .button-large:hover{background-color:#5c8a1a !important}#contact-button-foot .button-large .link-hint{font-size:11px;font-weight:normal;opacity:0.9;margin-top:2px}#shopnavi .newbasket{position:absolute;top:20px;right:20px;width:auto !important}#cart-btn{height:3.9rem !important;font-size:1.3rem !important;padding:1rem 2.2rem !important;border-radius:0.4rem !important}#cart-btn_icon{width:1.97rem !important;height:1.97rem !important}@media (max-width:768px){.container_20{width:100% !important;max-width:100%;padding:0 14px;box-sizing:border-box}.container_20 [class*="grid_"]{float:none !important;display:block !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box}#content .inner{width:100% !important}#content .inner *{max-width:100% !important;box-sizing:border-box !important}#detail #detailinfo .ui-tabs-panel{float:none !important}#buybox{width:100% !important;margin:16px 0 0 0 !important;float:none !important}#buybox select,#buybox label,#buybox input{max-width:100%;box-sizing:border-box}img{max-width:100%;height:auto}#logo{text-align:center}#header #logo a{width:100% !important;max-width:240px;height:auto !important;aspect-ratio:571 / 90;background-size:contain !important;background-position:center !important;margin:10px auto !important}#shopnavi .newbasket{position:static !important;margin:10px 0 !important;text-align:center}#mainNavigation ul li,#left ul.categories.level0 li{display:block;width:100%}#center table,#detail table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}#mainNavigation::after{content:"M";position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding:0 16px;font-weight:bold;font-size:1.15em;color:#fff;background:rgba(0,0,0,0.28);pointer-events:none;z-index:5}#listing-3col-b .artbox{width:200px}#listing-3col-b .artbox .inner{height:325px;width:180px}#listing-3col-b .artbox .actions{position:absolute;bottom:27px}#listing-3col-b .artbox .artbox_thumb{height:145px;margin-top:0}#listing-3col-b .artbox a.compare_add_article,#listing-3col-b .artbox a.more,#listing-3col-b .artbox .buynow{width:179px}#listing-3col-b .artbox a.compare_add_article,#listing-3col-b .artbox a.more{width:82px;position:absolute}#listing-3col-b .artbox a.more{left:97px}#listing-3col-b .artbox div.ico_esd{right:8px;top:24px}#listing-3col-b .artbox p.price{bottom:40px}#listing-3col-b .artbox p.pseudoprice{bottom:52px}#listing-3col-b .artbox p.desc{margin:0 0 .8em}#listing-3col-b .artbox p.price{bottom:73px;line-height:1.5em}#listing-3col-b .artbox .artbox_thumb.full-box-link{display:block;height:100px;padding:10px;padding-top:215px;font-weight:bold;font-size:13px;color:black}#listing-3col-b .artbox .artbox_thumb.full-box-link:hover{-moz-box-shadow:1px 1px 4px #777;-webkit-box-shadow:1px 1px 4px #777;box-shadow:1px 1px 4px #777;text-decoration:none}#listing-3col-b .artbox .inner{padding:0px;width:200px !important}#listing-3col-b .artbox p.price,#listing-3col-b .artbox p.pseudoprice{bottom:14px;right:10px;text-align:right}#listing-3col-b .artbox p.pseudoprice{bottom:25px}#listing-3col-b .artbox .account{position:absolute;bottom:5px;left:10px;margin-left:0;width:180px}@media (max-width:768px){#content #left ul li.active,#content #left.info,#content #left.basket{width:100% !important}#content #left select{width:100% !important;max-width:100%;box-sizing:border-box}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox{width:90% !important;max-width:400px;box-sizing:border-box}body .cookieInfo.cookieInfoStyle2 .closeButton{left:auto !important;right:8px !important;margin-left:0 !important}img[width]{max-width:100% !important;height:auto !important}}span.lieferbar_button{display:block;position:absolute;z-index:210;top:-4px;right:10px;width:18px;height:18px;background:#72a425;border-radius:0}span.lieferbar_button_orange{display:block;position:absolute;z-index:210;top:-4px;right:10px;width:18px;height:18px;background:#ff9800;border-radius:0}span.lieferbar_button_inline{display:inline-block;width:14px;height:14px;background:#72a425;border-radius:0;margin-right:5px;vertical-align:middle}span.lieferbar_button_inline_orange{display:inline-block;width:14px;height:14px;background:#ff9800;border-radius:0;margin-right:5px;vertical-align:middle}span.lieferbar_button_inline_red{display:inline-block;width:14px;height:14px;background:#990000;border-radius:0;margin-right:5px;vertical-align:middle}/* Ausbruch aus der schmalen, asymmetrisch positionierten #center-Spalte (630px fest,
   Fixed-Grid-Rest der Alt-Seite) auf volle 1140px-Seitenbreite, echt zentriert auf dem
   Viewport. Der klassische left:50%+negativer-Margin-Trick greift hier NICHT (der nutzt
   Prozentwerte relativ zur schmalen Spalte, nicht zum Viewport) — per dump-dom bei
   1024/1280/1400px Breite empirisch vermessen: #center.home startet exakt bei
   50vw - 307.5px (linear, Community-Grid ist zentriert auf .container_20). Daraus
   folgt fuer eine 1140px breite Zielbox: noetiger Versatz = -262.5px, KONSTANT
   unabhaengig von der Fensterbreite (die 50vw-Anteile kuerzen sich weg). */
#content #center.home>a.banner{display:flex;justify-content:center;position:relative;width:1140px;left:-262.5px;margin-bottom:25px}
@media (max-width:1169px) and (min-width:1015px){
  /* 1015-1169px: #center.home folgt noch der linearen Formel (50vw-307.5, s.o.),
     aber ein voller 1140px-Ausbruch waere hier bereits breiter als der Viewport
     — deshalb 15px Seitenabstand statt fixem Versatz. */
  #content #center.home>a.banner{width:calc(100vw - 30px);left:calc(322.5px - 50vw)}
}
@media (max-width:1014px) and (min-width:761px){
  /* Unterhalb ~1015px bricht die lineare Formel: #center.home springt auf einen
     FESTEN 200px-Versatz (per dump-dom bei 800/900/1000px identisch 200px
     gemessen, vermutlich eigener Breakpoint im alten Shopware-Grid) — deshalb
     hier ein konstanter statt vw-abhaengiger Korrekturwert. */
  #content #center.home>a.banner{width:calc(100vw - 30px);left:-185px}
}
@media (max-width:760px){#content #center.home>a.banner{position:static;width:100%;left:0}}.footer-2026{background:#3a4237;color:#ccd2c3;padding:44px 0 70px;font-size:13px;line-height:1.7;margin-top:20px}.footer-2026 .f26-wrap{max-width:1000px;margin:0 auto;padding:0 20px;box-sizing:border-box}.footer-2026 .f26-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px}.footer-2026 .f26-links a{color:#dbe0d1;text-decoration:none}.footer-2026 .f26-links a:hover{text-decoration:underline;color:#fff}.footer-2026 .f26-links .sep{color:#565f4f}.footer-2026 .f26-contact{border-top:1px solid #566150;margin-top:26px;padding-top:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;align-items:start}.footer-2026 .f26-contact p{margin:0;overflow-wrap:anywhere}.footer-2026 .f26-contact strong{color:#eef1e8}.footer-2026 .f26-copy{text-align:left}.footer-2026 .f26-copy a{color:#dbe0d1;text-decoration:underline}.footer-2026 .f26-note{opacity:.55;font-size:12px}@media (max-width:900px){.footer-2026 .f26-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.footer-2026 .f26-contact{grid-template-columns:1fr}.footer-2026 .f26-copy{text-align:left}}body[class^="ctl_"] #shopnavi{display:none !important}body[class^="ctl_"] .container_20{overflow:visible !important}body[class^="ctl_"] .container_20::after{content:"";display:block;clear:both}body[class^="ctl_"] #mainNavigation{display:flex !important;align-items:center;position:sticky !important;top:0;z-index:300;float:none !important;width:auto !important;height:auto !important;margin:14px 0 0 !important;padding:0 !important;background:#fff !important;border-top:2px solid #72a425;border-bottom:1px solid #d7ddce;line-height:normal !important}body[class^="ctl_"] #mainNavigation::after{content:none !important;display:none !important}body[class^="ctl_"] #mainNavigation ul{display:flex;align-items:center;flex:1 1 auto;gap:0;margin:0;padding:0;list-style:none}body[class^="ctl_"] #mainNavigation li{float:none !important;display:block;position:static}body[class^="ctl_"] #mainNavigation li.brand-slot{flex:0 0 185px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;padding-right:16px}body[class^="ctl_"] #mainNavigation li.brand-slot a{padding:0 !important;display:block;line-height:0}body[class^="ctl_"] #mainNavigation li.brand-slot img{height:22px;width:auto;display:block;visibility:hidden}body[class^="ctl_"] #mainNavigation.nav-stuck li.brand-slot img{visibility:visible}body[class^="ctl_"] #mainNavigation a,body[class^="ctl_"] #mainNavigation a.first,body[class^="ctl_"] #mainNavigation a.active{display:block;padding:15px 16px !important;border:0 !important;background:none !important;color:#4a5142 !important;font-size:14.5px;font-weight:500;text-decoration:none;height:auto !important}body[class^="ctl_"] #mainNavigation a:hover{color:#4d7318 !important}body[class^="ctl_"] #mainNavigation a.active{color:#4d7318 !important;font-weight:700}body[class^="ctl_"] #mainNavigation .header-cart{flex:none;align-self:center;margin:0 16px 0 12px;font-size:17px}body[class^="ctl_"] #mainNavigation .header-cart svg{color:#4d7318}@media (max-width:768px){body[class^="ctl_"] #mainNavigation{flex-wrap:wrap}body[class^="ctl_"] #mainNavigation ul{flex-wrap:wrap}body[class^="ctl_"] #mainNavigation .header-cart{margin:6px 0 8px 16px}}body[class^="ctl_"] .shop-stoerer{position:absolute;top:50%;right:14px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 17px 8px;background:#dd4800;color:#fff;text-align:center;border-radius:8px;transform:translateY(-50%) rotate(-4deg);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;cursor:default;user-select:none}body[class^="ctl_"] .shop-stoerer .s-top,body[class^="ctl_"] .shop-stoerer .s-main{font-size:16px;font-weight:800;line-height:1.14;letter-spacing:-.01em}@media (max-width:768px){body[class^="ctl_"] #header{text-align:center}body[class^="ctl_"] .shop-stoerer{position:static;transform:none;display:inline-flex;margin:4px auto 14px}body[class^="ctl_"] #logo{text-align:center}}@media (max-width:768px){body[class^="ctl_"] #mainNavigation li.brand-slot{display:none}}body[class^="ctl_"] a.shop-stoerer{text-decoration:none;cursor:pointer;transition:transform .2s ease}@media (hover:hover) and (min-width:769px){body[class^="ctl_"] a.shop-stoerer:hover{transform:translateY(-50%) rotate(-3deg) scale(1.06)}}
#vsde-ci{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:0 auto;z-index:400;box-sizing:border-box;background:#e7f1d3;border:1px solid #d3e3b8;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.14);font:13px/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif;color:#22281f}#vsde-ci *{box-sizing:border-box}#vsde-ci .in{padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}#vsde-ci p{margin:0;flex:1 1 220px;min-width:0}#vsde-ci a{color:#dd4800}#vsde-ci button{flex:none;margin-left:auto;border:1px solid #dd4800;background:#dd4800;color:#fff;border-radius:6px;padding:7px 16px;font:inherit;font-weight:700;cursor:pointer}#vsde-ci button:hover{background:#b83900;border-color:#b83900}body[class^="ctl_"] #mainNavigation li.disabled{cursor:default}body[class^="ctl_"] #mainNavigation .nav-soon{display:block;padding:15px 16px;color:#a3a99a;font-size:14.5px;font-weight:500;cursor:default;user-select:none}
body{overflow-x:clip}.wrap{max-width:1140px;margin:0 auto;padding:0 15px;box-sizing:border-box}.topbar{background:#72a425;color:#fdfdf5}.topbar .wrap{display:flex;justify-content:center;gap:28px;padding:7px 15px;font-size:12.5px;font-weight:500;letter-spacing:.02em;flex-wrap:wrap}.topbar span{white-space:nowrap;opacity:.95}header.site{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #d7ddce;transition:transform .24s ease;will-change:transform}header.site.is-hidden{transform:translateY(-100%)}header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 15px;gap:24px;position:relative}header.site .logo-row{display:flex;align-items:center;gap:12px;justify-self:start}.brand-hero{background:#fff;text-align:center;padding:34px 0 10px}.brand-hero .wrap{position:relative}/* font-size fest 44.1px statt per JS berechnet (2026-09-10, Nutzer-Fund "Logo
   springt beim Seitenwechsel" -- der Sync-Wert war bei jeder Breite ab 760px
   ohnehin IMMER exakt 44.1px, da Trust-Zeile+Schriftzug-Breite fixer Text sind,
   unabhaengig vom Viewport (nur ob die Trust-Zeile umbricht aendert sich, nicht
   die Summe der Span-Breiten). Direkt gemessen+eingesetzt, JS-Sync komplett
   entfernt -- kein FOUC-Sprung mehr beim Laden/Navigieren). */
.brand-hero .logo-link{position:relative;display:inline-block;font-size:44.1px;text-decoration:none;line-height:1}.brand-hero .logo-text{font-family:'Arial Black','Arial Bold',Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight:900;color:#72a425;letter-spacing:-.01em;white-space:nowrap;display:block;-webkit-text-stroke:.5px #72a425}header.site .home-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#4a5142;padding:0}header.site .home-icon:hover{color:#dd4800}header.site .home-icon svg{width:24px;height:24px}@media (max-width:760px){.brand-hero{padding:16px 0 10px}.brand-hero .logo-link{font-size:26px !important;margin-top:16px;display:inline-block}}header.site nav.main{display:flex;gap:18px;font-size:14.5px;font-weight:500;justify-self:center;align-items:center}header.site nav.main a{text-decoration:none;color:#4a5142}header.site nav.main a:hover{color:#dd4800;text-decoration:underline}header.site nav.main .nav-soon{color:#a3a99a;cursor:default;user-select:none;white-space:nowrap}header.site .header-cart{justify-self:end;display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;color:#4a5142;background:none;border:none;cursor:pointer;padding:0;text-decoration:none}header.site .header-cart:hover{color:#dd4800}header.site .header-cart .snipcart-items-count{background:#dd4800;color:#fff;font-size:14px;font-weight:700;min-width:22px;height:22px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.search-bar{background:#e7f1d3;padding:12px 0}.search-bar .inner_searchcontainer{width:100%}@media (max-width:900px){header.site nav.main{gap:14px;font-size:13px}}@media (max-width:760px){header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:8px;position:relative}header.site .logo-row{flex:0 0 auto}header.site .header-cart{flex:0 0 auto}header.site nav.main{flex:1 1 100%;order:3;flex-wrap:wrap;gap:8px 16px;font-size:13px;justify-self:auto}}
.brand-hero .shop-stoerer{position:absolute !important;top:50% !important;left:0 !important;right:auto !important;bottom:auto !important;width:max-content !important;transform:translateY(-50%) rotate(-4deg) !important;z-index:50}
@media (hover:hover) and (min-width:769px){.brand-hero .shop-stoerer:hover{transform:translateY(-50%) rotate(-3deg) scale(1.05) !important}}
@media (max-width:760px){.brand-hero .shop-stoerer{position:static !important;transform:none !important;margin:10px auto 0 !important;display:flex !important;width:max-content !important;max-width:90% !important}}

header.site .wrap{grid-template-columns:auto 1fr auto}header.site .search-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#4a5142;background:none;border:none;cursor:pointer;padding:0;flex:none}header.site .search-toggle:hover{color:#dd4800}.search-bar{background:#fff;padding:22px 0;border-top:1px solid #d7ddce}
.search-bar .inner_searchcontainer{width:100% !important;margin:0 !important;height:auto !important}
.search-bar .pagefind-ui__message{padding:0 0 8px 0 !important;margin-top:0 !important;height:auto !important;display:block !important;font-size:13px !important;font-weight:600 !important;color:#4a5142}.search-bar .pagefind-ui__results-area{margin-top:6px !important;width:100% !important;flex:1 1 100% !important}.search-bar .pagefind-ui__results{margin-top:26px !important;width:100% !important}
.search-bar .pagefind-ui__results{display:flex !important;flex-direction:column;gap:14px}
.search-bar .pagefind-ui__result{background:#fff !important;border-radius:6px !important;box-shadow:0 2px 8px rgba(0,0,0,.09);border-top:none !important;padding:0 !important;display:flex;align-items:stretch;gap:0 !important;overflow:hidden;min-height:110px;transition:box-shadow .15s ease}
.search-bar .pagefind-ui__result:last-of-type{border-bottom:none !important}
.search-bar .pagefind-ui__result:hover{box-shadow:0 4px 14px rgba(0,0,0,.16)}
.search-bar .pagefind-ui__result-thumb{display:flex !important;align-items:stretch;width:auto !important;max-width:none !important;height:110px !important;aspect-ratio:auto !important;border-radius:0 !important;margin:0 !important;align-self:center;background:none;flex:0 0 auto;overflow:visible !important;position:relative}.search-bar .pagefind-ui__result-thumb:before{content:"";display:block;width:110px;height:110px;flex:0 0 110px;background:#e9ede2}
/* Platzhalter-Quadrat nur noch bei echten Text-Treffern OHNE Bild (2026-09-10, Nutzer-Fund):
   Bei Ergebnissen MIT Bild prallte das flache Platzhaltergruen bislang direkt auf die
   eigene, andersfarbige gruene Titelflaeche der neuen Beitrags-Banner -- zwei Gruentoene
   hart aneinander, wirkte wie ein Darstellungsfehler statt Absicht. Jetzt einheitlich:
   sobald ein Bild existiert, verschwindet das Quadrat komplett (nur noch DAS Bild zu sehen,
   :has()-Selektor blendet das ::before aus), das Bild bekommt dafuer mehr Platz. */
.search-bar .pagefind-ui__result-thumb:has(.pagefind-ui__result-image)::before{display:none !important}
.search-bar .pagefind-ui__result-inner{margin-top:0 !important;padding:16px 20px;min-width:0;flex:1}
.search-bar .pagefind-ui__result-title{font-size:16px !important}
.search-bar .pagefind-ui__result-excerpt{font-size:13.5px !important;color:#4a5142}
.search-bar .pagefind-ui__form:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important}
.search-bar .pagefind-ui__search-clear{width:48px !important;height:48px !important;flex:0 0 48px !important;align-self:center !important;padding:0 !important;background-color:#dd4800 !important;border-radius:8px !important;font-size:0 !important;display:flex !important;align-items:center;justify-content:center;transition:background-color .15s ease}
.search-bar .pagefind-ui__search-clear:hover{background-color:#b83900 !important}
.search-bar .pagefind-ui__search-clear:after{content:"";display:block;width:24px;height:24px;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%}
.search-bar .pagefind-ui__button{background-color:#72a425 !important;background-image:none !important;border:none !important;border-radius:6px !important;color:#fff !important;font-weight:bold !important;min-height:44px !important;height:auto !important;padding:8px 16px !important;font-size:16px !important;width:100% !important;box-sizing:border-box !important;text-align:center !important;display:flex !important;align-items:center;justify-content:center}
.search-bar .pagefind-ui__button:hover{background-color:#dd4800 !important;border-color:transparent !important;color:#fff !important}
/* Eintragsfeld-Regel site-weit (2026-09-14, Nutzer-Wunsch "gleiche Optik ueber
   die komplette Seite"): graues Feld ohne Rand + roter Schatten bei Fokus,
   identisch zur Formularfeld-Regel aus kontakt-formular.html statt des
   bisherigen harten 1px-Fokus-Rahmens in Cta-Orange. */
.search-bar .pagefind-ui__search-input{outline:none !important;background:#f0f0f0 !important;border:none !important;border-radius:6px !important;box-shadow:none !important}
.search-bar .pagefind-ui__search-input:focus{border-color:transparent !important;box-shadow:0 0 16px rgba(211,47,47,.45) !important}
/* Bildbreite in Suchergebnissen FEST statt am Quellbild-Seitenverhaeltnis orientiert
   (2026-09-10, Nutzer-Fund): seit Magazin-/Referenzen-Seiten mitindexiert werden,
   liefert Pagefind teils hochkant-Banner (150x1608, winzige Sliver bei fixer Hoehe)
   und teils 2:1-Banner (sehr breit) als Ergebnisbild -- bei variabler Breite (width:auto)
   ergab das voellig uneinheitliche, teils fast unsichtbare Vorschaubilder. ERSTER Versuch
   war eine feste 110x110-Box mit object-fit:cover -- verworfen, Nutzer-Fund: schneidet bei
   breiten 2:1-Bannern (mit Text/Logo) zu viel weg, wirkt "abgeschnitten"/unlesbar. object-fit:
   contain behebt das Beschneiden, seitdem aber eigener Fund: das (jetzt via :has() oben
   entfernte) Platzhalter-Quadrat prallte direkt auf die andersfarbige gruene Titelflaeche
   der Banner. Ohne Quadrat davor auf 220px verbreitert (statt 170px), da das Bild jetzt
   alleine steht und mehr Raum bekommen soll -- object-fit:contain bleibt (nie beschneiden),
   Hintergrund weiterhin identisch zum Platzhalter-Quadrat fuer den Text-only-Fall. */
.search-bar .pagefind-ui__result-image{border-radius:0 !important;position:static !important;left:auto !important;right:auto !important;transform:none !important;height:110px !important;width:220px !important;max-width:none !important;max-height:110px !important;display:block;flex:0 0 220px;object-fit:contain !important;background:#e9ede2}
.search-bar .pagefind-ui__search-clear{border:none !important;box-shadow:none !important;-webkit-appearance:none !important;appearance:none !important}
.search-bar .pagefind-ui__result-image{left:auto !important;right:0 !important;transform:none !important}
.search-bar .pagefind-ui__form{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important}
.search-bar .pagefind-ui__search-input{flex:1 1 auto !important;width:auto !important;min-width:0 !important;padding-right:20px !important;box-sizing:border-box !important;height:51px !important;padding-top:0 !important;padding-bottom:0 !important}
.search-bar .pagefind-ui__search-clear{position:static !important;width:51px !important;height:51px !important;flex:0 0 51px !important;top:auto !important;right:auto !important;margin:0 !important}
.search-bar .pagefind-ui__drawer{flex:0 0 100% !important;width:100% !important}
header.site .search-toggle[aria-expanded="true"]{color:#dd4800 !important}
.search-bar .pagefind-ui__form:before{width:24px !important;height:24px !important;top:50% !important;left:12px !important;transform:translateY(-50%) !important;opacity:.65 !important}
.search-bar .pagefind-ui__search-input{padding-left:48px !important}
.search-bar .pagefind-ui__result-title .pagefind-ui__result-link{text-decoration:none !important}
.search-bar .pagefind-ui__result:hover .pagefind-ui__result-title .pagefind-ui__result-link{color:#dd4800 !important}
#breadcrumb{background:#fff !important;border:none !important;border-bottom:none !important;height:auto !important;padding:14px 15px !important;text-align:center !important;position:sticky !important;top:0 !important;z-index:35 !important}
#breadcrumb a:hover{color:#dd4800 !important}
#breadcrumb{padding-right:56px !important}
#breadcrumb .header-cart{position:absolute !important;right:-55px !important;top:50% !important;transform:translateY(-50%) !important;display:flex !important;align-items:center;gap:6px;font-size:14px !important;font-weight:600;color:#4a5142;background:none;border:none;cursor:pointer;padding:0}
#breadcrumb .header-cart:hover{color:#dd4800}
/* box-sizing:border-box explizit noetig (2026-09-10, Nutzer-Fund "Badge auf
   Alt-Seiten ovale Pille statt runder Punkt"): Alt-Seiten haben KEINEN globalen
   box-sizing:border-box-Reset (bundle.css/site-tweaks.css setzen keinen),
   Templates schon (base-css.html *{box-sizing:border-box}) -- bei content-box
   addiert sich padding:0 4px zur min-width:18px dazu (18+4+4=26px breit,
   18px hoch = Pille statt Kreis). Explizit gesetzt, damit beide Pipelines
   dasselbe Ergebnis liefern, unabhaengig vom globalen Reset. */
#breadcrumb .header-cart .snipcart-items-count{background:#dd4800;color:#fff;font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box}
@media (max-width:540px){#breadcrumb .header-cart span:not(.snipcart-items-count){display:none}}

/* SEO: sitzt semantisch als H1 im DOM, ist aber visuell unsichtbar (Startseite
   2026-09-10 — kein sichtbarer H1-Block mehr gewuenscht, Keyword "Vogelabwehr"
   soll trotzdem als Ueberschrift fuer Crawler/Screenreader erhalten bleiben).
   Standard "sr-only"-Pattern, sitewide gueltig. */
.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}

/* Titelleisten-Höhe glich sich zwischen Alt-Seiten/Startseite und den neuen
   Template-Seiten NICHT (2026-09-10, Nutzer-Fund "minimale Höhenunterschiede,
   Seite springt um 1-3px"): bundle.css setzt html{font:11px/1.3em ...} -- das
   "1.3em" hat eine EINHEIT, wird also als ABSOLUTER Pixelwert (14.3px) vererbt,
   nicht pro Element neu berechnet. Alt-Seiten/Startseite laden bundle.css,
   Template-Seiten nicht (die haben stattdessen body{line-height:1.55} als
   REINE ZAHL aus base-css.html, die sich korrekt pro Element mit dessen eigener
   Schriftgröße multipliziert) -- dieselbe Ursache, die schon einmal beim Footer
   auftrat (siehe Design-Language-Notiz „Alt-Seiten-Footer-Angleichung"), damals
   aber nur homepage-lokal in index.html gefixt, nie sitewide UND nie für die
   neue Titelleiste selbst nachgezogen. Jetzt hier ergänzt, damit Topbar/
   Brand-Hero/Header/Suchleiste/Breadcrumb auf JEDER Seite exakt gleich hoch
   sind, unabhängig davon ob bundle.css geladen ist. */
.topbar,.brand-hero,header.site,.search-bar,#breadcrumb{line-height:1.55 !important}

/* Aktiver Hauptnav-Punkt (2026-09-10, Roll-out der finalen Titelleiste auf alle
   Seiten) — auf der Startseite selbst nie noetig (keine Sektion "aktiv"), auf
   allen anderen Seiten markiert das Migrations-Skript den passenden Link mit
   class="active", je nach URL-Präfix (/landwirtschaft, /gewerbe, /haus-und-garten). */
header.site nav.main a.active{color:#dd4800;font-weight:500}