.oberflaechen-grid{padding-top:4rem;padding-bottom:4rem}.oberflaechen-grid__header{max-width:70rem;margin-bottom:3rem}.oberflaechen-grid__heading{margin:0 0 1rem}.oberflaechen-grid__text{color:var(--color-secondary-text, #696969)}.oberflaechen-grid__text>*:last-child{margin-bottom:0}.oberflaechen-grid__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1.5rem}.oberflaechen-grid__item{display:flex;flex-direction:column}.oberflaechen-grid__media{overflow:hidden;border-radius:var(--border-radius-button, .8rem);background-color:rgba(var(--color-foreground),.04)}.oberflaechen-grid__image{display:block;width:100%;height:200px;max-height:200px;object-fit:cover;transition:transform var(--duration-default, .2s) ease}.oberflaechen-grid__item:hover .oberflaechen-grid__image{transform:scale(1.04)}.oberflaechen-grid__image--placeholder{height:200px}.oberflaechen-grid__content{margin-top:.9rem}.oberflaechen-grid__category{display:block;margin:0 0 .2rem}.oberflaechen-grid__title{margin:.4rem 0 0}.oberflaechen-grid__item--contact{grid-column:span var(--contact-span, 1)}.oberflaechen-grid__contact{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:200px;padding:2rem;border-radius:var(--border-radius-button, .8rem);background-color:rgb(var(--color-foreground-title));color:rgb(var(--color-background));text-decoration:none;transition:opacity var(--duration-default, .2s) ease}.oberflaechen-grid__contact:hover{opacity:.9}.oberflaechen-grid__contact-heading{margin:0;font-size:1.7rem;line-height:1.25;color:inherit}.oberflaechen-grid__contact-bottom{margin-top:auto}.oberflaechen-grid__contact-text{margin:0 0 1rem;font-size:1.3rem;line-height:1.45;opacity:.85}.oberflaechen-grid__contact-link{display:inline-block;text-decoration:underline;text-underline-offset:.3rem}@media(max-width:1200px){.oberflaechen-grid__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:989px){.oberflaechen-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem 1.25rem}}@media(max-width:749px){.oberflaechen-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.oberflaechen-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.oberflaechen-grid__image,.oberflaechen-grid__image--placeholder{height:160px;max-height:160px}}@media(max-width:1200px){.oberflaechen-grid__item--contact{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-oberflaechenmaterial-grid.css.map */