:root .hpl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:var(--hpl-arden);color:var(--hpl-lichtung);font-family:var(--hpl-font-display);font-weight:700;font-size:16.5px;line-height:1.2;letter-spacing:-.005em;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,transform .12s ease}:root .hpl-btn:hover{background:var(--hpl-farn);color:var(--hpl-lichtung);text-decoration:none}:root .hpl-btn:active{transform:scale(.98)}:root .hpl-btn--honig{background:var(--hpl-honig-2);color:#2a1c05}:root .hpl-btn--honig:hover{background:var(--hpl-honig);color:#2a1c05}:root .hpl-btn--rahmen{min-height:48px;padding:0 24px;background:transparent;color:var(--hpl-arden);border:1.5px solid var(--hpl-arden);font-size:15.5px}:root .hpl-btn--rahmen:hover{background:color-mix(in srgb,var(--hpl-arden) 6%,transparent);color:var(--hpl-arden)}:root .hpl-btn--soft{background:var(--hpl-whisper);color:var(--hpl-arden);border:1px solid var(--hpl-line)}:root .hpl-btn--soft:hover{background:var(--hpl-nebelgruen);color:var(--hpl-arden)}.hpl-pfeil{display:inline-block;width:18px;height:18px;flex:none;transition:transform .18s ease}:root .hpl-btn:hover .hpl-pfeil,:root .hpl-pille:hover .hpl-pfeil{transform:translate(3px)}:root .hpl-link{position:relative;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:0 16px 0 18px;border-radius:100px;background:var(--hpl-honig-flaeche);color:var(--hpl-arden);font-family:var(--hpl-font-display);font-weight:700;font-size:15px;line-height:1.25;letter-spacing:-.005em;text-decoration:none;text-align:left;transition:background-color .18s ease}:root .hpl-link:before{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}:root .hpl-link:hover,:root .hpl-karte-link:hover .hpl-link,:root a:hover>.hpl-link{background:var(--hpl-honig-flaeche-2);color:var(--hpl-arden);text-decoration:none}:root .hpl-link .hpl-pfeil{width:15px;height:15px;color:currentColor}:root .hpl-link:hover .hpl-pfeil,:root .hpl-karte-link:hover .hpl-link .hpl-pfeil,:root a:hover>.hpl-link .hpl-pfeil{transform:translate(3px)}:root .hpl-link--dunkel{background:#ffffff1f;color:#fff}:root .hpl-link--dunkel:hover{background:#fff3;color:#fff}:root .hpl-link--hell{background:var(--hpl-lichtung)}:root .hpl-link--hell:hover{background:var(--hpl-whisper)}:root .hpl-link--flaeche{position:static}:root .hpl-link--flaeche:before{content:none}:root .hpl-link--flaeche:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}:root .hpl-karte-link:has(.hpl-link--flaeche:hover) .hpl-link--flaeche{background:var(--hpl-honig-flaeche-2)}.hpl-linkreihe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.hpl-linkreihe__titel{margin:0;font-size:15px;color:var(--hpl-body)}:root .hpl-linkreihe .hpl-link{min-height:36px;padding:0 14px 0 16px;font-size:14px}:root .hpl-linkreihe .hpl-link:before{top:-4px;bottom:-4px}:root .hpl-textlink{color:var(--hpl-arden);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}:root .hpl-textlink:hover{color:var(--hpl-farn)}:root .hpl-lp :is(.hpl-fw__col,.hpl-seohome__body,.hpl-entst-body,.hpl-ts-body,.hpl-family-body,.hpl-bento,.hpl-entry-note,.hpl-aengste__a,.hpl-garantien__val) a:not([class]){color:var(--hpl-arden);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}:root .hpl-pille{position:relative;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:36px;padding:4px 14px 4px 4px;border-radius:100px;background:var(--hpl-honig-flaeche);color:var(--hpl-ink);font-family:var(--hpl-font-body);font-size:14px;font-weight:400;line-height:1.35;text-decoration:none;transition:background-color .18s ease}:root .hpl-pille:before{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}:root .hpl-pille:hover{background:var(--hpl-honig-flaeche-2);color:var(--hpl-ink);text-decoration:none}:root .hpl-pille strong,:root .hpl-pille b{font-weight:700;color:var(--hpl-ink)}.hpl-pille__bild{width:28px;height:28px;border-radius:50%;flex:none;background-color:var(--hpl-lichtung)}.hpl-pille__icon{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--hpl-lichtung);color:var(--hpl-honig-text)}.hpl-pille__icon svg{width:15px;height:15px}.hpl-pille__text{min-width:0}.hpl-pille .hpl-pfeil{width:14px;height:14px;color:var(--hpl-honig-text)}.hpl-pillen{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:639px){.hpl-pillen{flex-direction:column;align-items:center}}:root .hpl-karte-link{position:relative;display:flex;flex-direction:column;background:var(--hpl-lichtung);color:inherit;border:1px solid var(--hpl-line);border-radius:20px;box-shadow:none;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}:root .hpl-karte-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #14201a12;color:inherit;text-decoration:none}.hpl-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px}.hpl-aktionen--mitte{justify-content:center}@media(max-width:639px){:root .hpl-btn{width:100%}.hpl-aktionen{flex-direction:column;align-items:stretch;gap:8px}.hpl-aktionen>.hpl-link{align-self:center}}:root .hpl-btn:focus-visible,:root .hpl-link:focus-visible,:root .hpl-pille:focus-visible,:root .hpl-karte-link:focus-visible{outline:3px solid var(--hpl-honig-2);outline-offset:3px}:root .hpl-karte-link:has(.hpl-link--flaeche:focus-visible){outline:3px solid var(--hpl-honig-2);outline-offset:3px}:root .hpl-link--flaeche:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){:root .hpl-btn,:root .hpl-link,:root .hpl-pille,:root .hpl-karte-link,.hpl-pfeil{transition:none}:root .hpl-btn:active,:root .hpl-karte-link:hover,:root .hpl-btn:hover .hpl-pfeil,:root .hpl-pille:hover .hpl-pfeil,:root .hpl-link:hover .hpl-pfeil,:root .hpl-karte-link:hover .hpl-link .hpl-pfeil,:root a:hover>.hpl-link .hpl-pfeil{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hpl-links.css.map */