.materialien-wrapper .materialien-list{display:grid;grid-template-columns:repeat(5,1fr);gap:79px 39px}.materialien-wrapper .materialien-list .list-item{width:100%;position:relative;display:flex;flex-flow:column}.materialien-wrapper .materialien-list .list-item .item-media{position:relative;display:flex;border-radius:50%;overflow:hidden}.materialien-wrapper .materialien-list .list-item .item-media:before{content:"";width:100%;padding-bottom:100%;display:flex}.materialien-wrapper .materialien-list .list-item .item-media .media{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;transform:scaleZ(1);transition:transform 2s ease}.materialien-wrapper .materialien-list .list-item .item-media .item-size{position:absolute;background:#432818;border-radius:20px;font-size:14px;font-weight:700;text-align:center;letter-spacing:0px;color:#eff1f0;text-transform:uppercase;line-height:21px;padding:2px 10px;min-width:71px;z-index:1;top:20px;left:50%;transform:translate(-50%);font-family:var(--font--title)}.materialien-wrapper .materialien-list .list-item:hover .item-media .media{transform:scale3d(1.05,1.05,1.05)}.materialien-wrapper .materialien-list .list-item .contents{display:flex;flex-flow:column;align-items:center;text-align:center;margin-top:8px}.materialien-wrapper .materialien-list .list-item .contents .item-title{font-size:12px;font-weight:700;letter-spacing:0px;color:#432818;margin:0}.materialien-wrapper .materialien-list .list-item .contents .sub-title{font-size:12px;letter-spacing:.24px;color:#09161dbe;font-weight:300;margin-top:2px;line-height:15px}.materialien-wrapper .materialien-list .list-item .contents .sub-title p:first-child{margin-top:0}.materialien-wrapper .materialien-list .list-item .contents .sub-title p:last-child{margin-bottom:0}@media screen and (max-width:1023px){.materialien-wrapper .materialien-list{grid-template-columns:repeat(4,1fr);gap:70px 35px}}@media screen and (max-width:767px){.materialien-wrapper .materialien-list{grid-template-columns:repeat(3,1fr);gap:30px 20px}.materialien-wrapper .materialien-list .list-item .item-media .item-size{font-size:12px;padding:0 10px 1px;min-width:65px}}@media screen and (max-width:480px){.materialien-wrapper .materialien-list{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/materialien.css.map */