.hh-pinfo{margin:3.2rem auto 0;padding:2.4rem 2rem;max-width:96rem;text-align:left;color:#1c1c1a;background:#fcfaf6;border-radius:1.6rem}.hh-pinfo__augenbraue{margin:0 0 .6rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a6425}.hh-pinfo__titel{margin:0 0 2.4rem;color:#1c1c1a}.hh-pinfo__unter{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;line-height:1.3;color:#1c1c1a}.hh-pinfo__zusammen{display:grid;gap:2.4rem}.hh-pinfo__foto{display:block;width:100%;height:auto;border-radius:1.2rem}.hh-pinfo__wabe{display:block;width:100%;max-width:233px;height:auto;margin:0 0 1.8rem}.hh-pinfo__liste{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.hh-pinfo__liste li{display:grid;grid-template-columns:18px 1fr;gap:1rem;align-items:start;font-size:1.5rem;line-height:1.4}.hh-pinfo__zelle{width:16px;height:16px;margin-top:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hh-pinfo__fuss{margin:1.4rem 0 0;font-size:1.3rem;line-height:1.5;color:#6b6255}.hh-pinfo__teil--entstehung{margin-top:3.2rem;padding-top:2.8rem;border-top:1px solid rgba(225,201,155,.6)}.hh-pinfo__schritte{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.hh-pinfo__schritt{position:relative;display:grid;grid-template-columns:112px 1fr;gap:1.4rem;align-items:center}.hh-pinfo__schritt img{display:block;width:112px;height:112px;mix-blend-mode:multiply}.hh-pinfo__schritt p{margin:0;font-size:1.5rem;line-height:1.5}.hh-pinfo__schritt .hh-pinfo__schritt-kopf{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a6425}.hh-pinfo__nr{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #9F7635;border-radius:50%;font-size:1.2rem;letter-spacing:0}.hh-pinfo__schritt:not(:last-child):after{content:"";position:absolute;left:48px;bottom:-1.4rem;width:16px;height:18px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M8 1v14M3 10l5 6 5-6' fill='none' stroke='%239F7635' stroke-width='1.3'/%3E%3C/svg%3E")}.hh-pinfo__schritt:not(:last-child){padding-bottom:1.4rem}@media screen and (min-width:640px){.hh-pinfo{padding:4rem}.hh-pinfo__zusammen{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hh-pinfo__schritte{grid-template-columns:repeat(3,1fr);gap:0 2.8rem;align-items:start}.hh-pinfo__schritt{grid-template-columns:1fr;text-align:center}.hh-pinfo__schritt img{width:100%;max-width:200px;height:auto;margin:0 auto .8rem}.hh-pinfo__schritt .hh-pinfo__schritt-kopf{justify-content:center}.hh-pinfo__schritt:not(:last-child){padding-bottom:0}.hh-pinfo__schritt:not(:last-child):after{left:auto;right:-2.8rem;top:90px;bottom:auto;width:2.8rem;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16'%3E%3Cpath d='M2 8h22M18 3l6 5-6 5' fill='none' stroke='%239F7635' stroke-width='1.3'/%3E%3C/svg%3E")}}@media screen and (min-width:750px){.rich-text__hh-propolis{--hh-pinfo-breite: min(118rem, 100vw - 8rem);width:var(--hh-pinfo-breite);margin-left:calc(50% - var(--hh-pinfo-breite) / 2)}.rich-text__hh-propolis .hh-pinfo{max-width:none}}.hh-pinfo{container:hh-pinfo / inline-size}@container hh-pinfo (min-width: 920px){.hh-pinfo__titel{margin-bottom:2rem}.hh-pinfo__zusammen{grid-template-columns:minmax(0,38rem) 1fr}.hh-pinfo__anteile{display:grid;grid-template-columns:auto 1fr;column-gap:4rem;align-items:center}.hh-pinfo__wabe{grid-row:span 2;width:233px;margin:0}.hh-pinfo__teil--entstehung{margin-top:2.8rem;padding-top:2.4rem}}@container hh-pinfo (min-width: 960px){.hh-pinfo__schritte{gap:0 4rem;align-items:center}.hh-pinfo__schritt{grid-template-columns:120px 1fr;gap:1.6rem;text-align:left}.hh-pinfo__schritt img{width:120px;height:120px;max-width:none;margin:0}.hh-pinfo__schritt .hh-pinfo__schritt-kopf{justify-content:flex-start}.hh-pinfo__schritt:not(:last-child):after{right:-3.2rem;top:calc(50% - 8px);width:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hh-propolis-infografik.css.map */