/* 0.8.22: native shop header and Bootstrap search drawer. */
#header .rc-header-native{width:calc(100% - 2 * var(--rc-gutter,24px));max-width:var(--rc-page,1440px);margin:auto;padding:20px 0}
#header .rc-header-native #logo img{width:230px;max-width:100%;max-height:165px;object-fit:contain;height:auto}
#header .rc-header-native .telnr{width:auto;display:flex;align-items:center;gap:12px}
#header .rc-header-native .telnr small,#header .rc-header-native .icon_headphones{float:none;margin:0;font-size:14px}
#header .rc-header-native .svg_abstand{display:flex;align-items:center;justify-content:flex-end;gap:22px}
#header .rc-header-native .svg_abstand>a{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;min-height:44px;margin:0;position:relative}
#offcanvas_search{--bs-offcanvas-width:420px;width:min(420px,100vw);background:#fff;color:#21381c}
#offcanvas_search .offcanvas-header{padding:24px;border-bottom:1px solid #e2e7dc}
#offcanvas_search .offcanvas-title{font:700 21px/1.3 Arial,sans-serif;margin:0}
#offcanvas_search .offcanvas-body{padding:24px}
#offcanvas_search .suche{display:flex;gap:0;align-items:stretch}
#offcanvas_search .suche>.flex1{flex:1;min-width:0}
#offcanvas_search input[type=search],#offcanvas_search input[type=text]{width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid #a6b59b;border-radius:4px 0 0 4px;background:white;color:#21381c}
#offcanvas_search .suche .btn{height:48px;min-width:52px;border:0;border-radius:0 4px 4px 0;background:#294522;color:#fff}
#offcanvas_search .advanced_search_canvas{padding:16px 0;font-size:14px}
#offcanvas_search .advanced_search_canvas a{color:#294522;text-decoration:underline}
#offcanvas_search .canvas_search_manufacturer{display:block;padding:20px 16px;background:#f0f5ea;border:1px solid #dce6d3;border-radius:6px;margin-top:12px}
#offcanvas_search .canvas_search_manufacturer>.container-flex{display:flex;flex-direction:column;align-items:stretch;gap:10px}
#offcanvas_search .canvas_search_manufacturer select{width:100%;max-width:100%;min-height:44px;background:#fff;border:1px solid #a6b59b;border-radius:4px;padding:8px;color:#21381c}
#offcanvas_search :focus-visible{outline:3px solid #83b653;outline-offset:3px}
@media(min-width:1200px){
 #header .rc-header-native>.display{width:100%;max-width:none;margin:0}
 #header .rc-header-native>.display>.container-flex-p15{display:grid;grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);align-items:center;gap:24px;padding:0;min-height:145px}
 #header .rc-header-native #logo{text-align:center}
 #header .rc-header-native>.display>.container-flex-p15>.flex:last-child>.container-flex{justify-content:flex-end}
}
@media(max-width:1199px){
 #header .rc-header-native{padding:12px 0}
 #header .rc-header-native>.mobile{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0}
 #header .rc-header-native>.mobile>.flex-full{flex:1;min-width:100px}
 #header .rc-header-native>.mobile img{max-width:140px;max-height:100px;object-fit:contain}
 #header .rc-header-native>.mobile a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:36px}
}
@media(max-width:480px){
 #header .rc-header-native>.mobile>.flex-full{flex-basis:100%;text-align:center}
 #header .rc-header-native>.mobile{justify-content:center;gap:14px}
 #offcanvas_search .offcanvas-header,#offcanvas_search .offcanvas-body{padding:20px}
}