.ph-ber-sec--eng{padding-block:min(56px,var(--ph-abstand)) min(40px,var(--ph-abstand))}.ph-ber-sec__kopf{margin-block-end:22px}.ph-ber-reihe{gap:6px;padding-block:4px 12px;scroll-snap-type:x proximity}.ph-ber{display:grid;justify-items:center;align-content:start;gap:12px;inline-size:max-content;min-inline-size:calc(var(--ph-ber-b, 118px) + 14px);box-sizing:border-box;padding:8px 4px 10px;color:var(--ph-text);font-size:var(--ph-f4);font-weight:500;line-height:1.3;text-align:center;text-decoration:none}.ph-ber__bild{display:grid;place-items:center;inline-size:var(--ph-ber-b, 118px);block-size:var(--ph-ber-h, 84px);overflow:hidden;border-radius:var(--ph-r);background:var(--ph-kachel-bg);box-shadow:var(--ph-kachel-schatten);color:var(--ph-navy);transition:transform .3s ease,box-shadow .3s ease}.ph-ber__name{white-space:nowrap}.ph-ber__bild .ph-symbol{inline-size:46px;block-size:46px}.ph-ber__bild .ph-icon{inline-size:30px;block-size:30px}.ph-ber__img{inline-size:100%;block-size:100%;object-fit:contain;padding:8px;box-sizing:border-box}.ph-ber:hover .ph-ber__bild{transform:translateY(-3px);box-shadow:var(--ph-kachel-schatten-hover)}.ph-ber:active{transform:scale(.97)}.ph-ber--alle .ph-ber__bild{border:1px dashed var(--ph-linie);background:transparent;box-shadow:none}.ph-ber-sec--frei .ph-ber{gap:10px}.ph-ber-sec--frei .ph-ber__bild,.ph-ber-sec--frei .ph-ber--alle .ph-ber__bild{place-items:end center;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}.ph-ber-sec--frei .ph-ber__img{inline-size:auto;block-size:auto;max-inline-size:var(--ph-ber-b, 118px);max-block-size:var(--ph-ber-h, 84px);padding:0}.ph-ber-sec--frei .ph-ber:hover .ph-ber__bild{box-shadow:none}.ph-ber-sec .ph-pfeile{margin-block:-6px 0}.ph-ber-sec{--ph-pfeil-y: calc(12px + var(--ph-ber-h, 84px) / 2)}.ph-ber-sec--eigen-b{--ph-ber-b: var(--ber-b-e)}.ph-ber-sec--eigen-h{--ph-ber-h: var(--ber-h-e)}@media screen and (max-width:749px){.ph-ber-sec--eigen-b{--ph-ber-b: calc(var(--ber-b-e) * .75)}.ph-ber-sec--eigen-h{--ph-ber-h: calc(var(--ber-h-e) * .75)}}@media(prefers-reduced-motion:reduce){.ph-ber__bild{transition:none}.ph-ber:hover .ph-ber__bild{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ph-bereiche.css.map */
