.hpn-drawer__logo{display:block;width:132px;height:auto}.menu-drawer .drawer__scrollable{padding-inline:var(--sp-5)}.hpn-drawer__kachel-zeile{padding:4px 0 18px;list-style:none}.hpn-drawer__kachel{display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;border-radius:var(--rounded-button, .375rem);background:#121d35;color:#fff;padding:18px;min-height:92px;text-decoration:none}.hpn-drawer__kachel-bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hpn-drawer__kachel--sale .hpn-drawer__kachel-inhalt{padding-right:30%}.hpn-drawer__kachel--sale .hpn-drawer__kachel-bild+.hpn-drawer__kachel-inhalt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#121d35d1,#121d354d 70%,#121d3500)}.hpn-drawer__kachel--nur-bild{padding:0;min-height:0;background:none}.hpn-drawer__kachel--nur-bild .hpn-drawer__kachel-bild{position:static;width:100%;height:auto;display:block;aspect-ratio:5 / 2;object-fit:cover;object-position:center}.hpn-drawer__kachel-inhalt{position:relative;z-index:1;display:grid;gap:6px;justify-items:start}.hpn-drawer__kachel-dachzeile{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#e8935c}.hpn-drawer__kachel-titel{font-size:18px;line-height:1.25;color:#fff}.hpn-drawer__kachel-text{font-size:13px;line-height:1.45;color:#ffffffc7}.hpn-drawer__kachel-knopf{display:inline-block;margin-top:4px;padding:8px 16px;border-radius:var(--rounded-full, 999px);background:#fff;color:#121d35;font-size:13px;font-weight:700;line-height:1}.hpn-drawer__wissen-zeile{list-style:none;padding:18px 0 6px}.hpn-drawer__wissen-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 30px;border-radius:var(--rounded-button, .375rem);background:var(--color-button-gradient, linear-gradient(180deg, rgba(27, 43, 77, 1) 3%, rgba(22, 35, 63, 1) 55%, rgba(18, 29, 53, 1) 100%));color:#fff;font-size:16px;font-weight:700;line-height:1;text-decoration:none}.hpn-drawer__wissen-badge{display:inline-block;padding:4px 9px;border-radius:var(--rounded-full, 999px);background:#c25e17;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.hpn-drawer__kachel-pfeil{position:relative;z-index:1;margin-left:auto;flex-shrink:0;color:#fff}.hpn-drawer__kachel--promo{background:#fff;border:1px solid rgb(18 29 53 / 12%);color:#121d35}.hpn-drawer__kachel--promo .hpn-drawer__kachel-titel{color:#121d35}.hpn-drawer__kachel--promo .hpn-drawer__kachel-text{color:#121d35b3}.hpn-drawer__kachel--promo .hpn-drawer__kachel-knopf{border-radius:var(--rounded-button, .375rem);padding:10px 18px;background:var(--color-button-gradient, linear-gradient(180deg, rgba(27, 43, 77, 1) 3%, rgba(22, 35, 63, 1) 55%, rgba(18, 29, 53, 1) 100%));color:#fff}.hpn-drawer__promo-bild{order:2;margin-left:auto;width:92px;height:92px;object-fit:contain;flex-shrink:0}.hpn-drawer__kachel-zeile--promo{margin-top:10px;padding-bottom:16px}.hpn-drawer__menu-icon{display:inline-block;vertical-align:-.35em;width:26px;height:26px;object-fit:contain;margin-right:12px}.menu-drawer .drawer__menu-group{padding:0}.menu-drawer .drawer__menu-group>a.drawer__menu-item,.menu-drawer .drawer__menu-group summary.drawer__menu-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 16px;border-radius:0;background:#f5f5f7;border-bottom:1px solid rgb(18 29 53 / 8%)}.menu-drawer .hpn-drawer__kachel-zeile+.drawer__menu-group>a.drawer__menu-item,.menu-drawer .hpn-drawer__kachel-zeile+.drawer__menu-group summary.drawer__menu-item{border-radius:var(--rounded-button, .375rem) var(--rounded-button, .375rem) 0 0}.menu-drawer .drawer__menu-group:has(+.hpn-drawer__wissen-zeile)>a.drawer__menu-item,.menu-drawer .drawer__menu-group:has(+.hpn-drawer__wissen-zeile) summary.drawer__menu-item{border-radius:0 0 var(--rounded-button, .375rem) var(--rounded-button, .375rem);border-bottom:0}.menu-drawer .drawer__menu-group .menu-drawer-title,.menu-drawer .drawer__menu-group>a.drawer__menu-item{font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:#121d35}.menu-drawer .drawer__menu-group summary.drawer__menu-item .menu-drawer-title{display:flex;align-items:center;gap:12px}.menu-drawer .drawer__menu-group summary.drawer__menu-item svg{margin-left:auto;width:18px;height:18px;flex-shrink:0}.hpn-drawer__punkt{width:10px;height:10px;border-radius:var(--rounded-full, 999px);background:var(--punkt, transparent);flex-shrink:0}.hpn-drawer__service{list-style:none;padding:6px 0 14px}.hpn-drawer__service-liste{margin:0;padding:0;list-style:none}.hpn-drawer__service-zeile{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:500;color:#121d35b8;text-decoration:none;cursor:pointer;list-style:none}.hpn-drawer__service-zeile::-webkit-details-marker{display:none}.hpn-drawer__service .hpn-drawer__service-zeile>.hpn-drawer__service-chevron{position:static;width:14px;height:14px;flex-shrink:0;opacity:.8;transition:transform .15s ease}.hpn-drawer__service .hpn-drawer__service-disclosure[open] .hpn-drawer__service-chevron{transform:rotate(180deg)}.hpn-drawer__service-unterliste{margin:0;padding:0 16px 6px 32px;list-style:none}.hpn-drawer__service-link{display:block;padding:8px 0;font-size:14px;color:#121d35b8;text-decoration:none}@media(prefers-reduced-motion:reduce){.hpn-drawer__service-chevron{transition-duration:.01ms}}.menu-drawer .hpn-drawer__menu-icon{width:30px;height:30px;margin-right:0;vertical-align:middle}/*! ==========================================================================
   Chip-Zeilen und Kategorie-Liste (Stand 05.09.2026). Das Bento-Raster
   vom 02.09. ist ausgebaut, Entscheidung Sami nach den Variantenboegen.
   Abstandsleiter: --sp-6 zwischen Gruppen, --sp-3d5 zwischen Chip-Zeilen.
   ========================================================================== */.menu-drawer .hpn-bento__chips-wrap{list-style:none;padding:0;margin-top:var(--sp-6)}.hpn-bento__chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3d5)}.hpn-bento__chip-zeile{display:flex;align-items:center;gap:var(--sp-2d5);text-decoration:none;color:#121d35}.hpn-bento__chip{flex-shrink:0;display:grid;place-items:center;width:var(--sp-8d5);height:var(--sp-8d5);border:1.4px solid rgb(18 29 53);border-radius:var(--rounded-button, .375rem);background:#fff;font-size:14px;font-weight:500}.hpn-bento__chip-icon{width:16px;height:16px}.hpn-bento__chip-titel{flex:1 1 auto;font-size:16.5px;font-weight:400;line-height:1.2}.hpn-bento__chevron{flex-shrink:0;color:#c3c9d4}.hpn-bento__chip--navy{border:0;color:#fff;background:var(--color-button-gradient, linear-gradient(180deg, rgb(27 43 77) 3%, rgb(22 35 63) 55%, rgb(18 29 53) 100%));box-shadow:0 1px 2px #060b1466,inset 0 1px 2px #fff3,inset 0 -1px #0006}.hpn-bento__chip--bild{border:1px solid rgb(229 233 239);background:#fff;overflow:hidden}.hpn-bento__chip-bild{width:100%;height:100%;object-fit:contain}.hpn-bento__neu{flex-shrink:0;padding:3px var(--sp-2);border-radius:var(--rounded-full, 999px);background:#c25e17;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase}.hpn-bento__empfehlung{display:flex;flex-direction:column;gap:var(--sp-3d5);margin-top:var(--sp-2d5)}.hpn-bento__vorzeile{font-size:10px;font-weight:500;letter-spacing:.13em;line-height:1;color:#e07a2f}.menu-drawer .drawer__footer-bottom .button.icon-with-text{width:var(--sp-10);height:var(--sp-10);min-width:0;padding:0;border:1.5px solid rgb(18 29 53);border-radius:var(--rounded-button, .375rem);background:none;box-shadow:none;color:#121d35}.menu-drawer .drawer__footer-bottom .button.icon-with-text:after{border:0}.menu-drawer .drawer__footer-bottom .button.icon-with-text .btn-fill{display:none}.menu-drawer .drawer__footer-bottom .button.icon-with-text .btn-text{gap:0}.menu-drawer .drawer__footer-bottom .button.icon-with-text .btn-text>.icon{width:22px;height:22px}.menu-drawer .hpn-liste-wrap{list-style:none;padding:0;margin-top:var(--sp-6)}.hpn-liste{list-style:none;margin:0;padding:0}.hpn-liste__zeile{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--sp-12);padding:0 var(--sp-1);border-bottom:1px solid rgb(var(--color-foreground) / 8%);color:rgb(var(--color-foreground));text-decoration:none}.hpn-liste .hpn-marke{height:13px}.hpn-liste__titel{flex:1 1 auto;font-size:17px;font-weight:400;line-height:1.2}.hpn-liste__zahl{flex-shrink:0;font-size:13px;font-weight:400;color:rgb(var(--color-foreground) / 62%);font-variant-numeric:tabular-nums}.hpn-drawer__siegel-link{display:inline-block;color:rgb(var(--color-foreground))}.hpn-drawer__siegel{display:block;width:var(--sp-16);height:var(--sp-16)}.menu-drawer .drawer__menu{display:flex;flex-direction:column}.menu-drawer .hpn-bento__chips-wrap+.drawer__menu-group,.menu-drawer .hpn-bento__chips-wrap+.hpn-drawer__service{margin-top:auto;padding-top:var(--sp-8)}
/*# sourceMappingURL=/cdn/shop/t/217/assets/hpn-drawer.css.map */