.case-preview{display:grid;gap:20px;grid-template-columns:1fr;margin:auto;max-width:1276px}@media (min-width:1024px){.case-preview{grid-template-columns:repeat(3,1fr)}}.case-preview .case{background-position:50%;background-size:cover;border:1px solid #000;padding:38px 22px}.case-preview .case.schwarz div,.case-preview .case.schwarz h3,.case-preview .case.schwarz p{color:#000}.case-preview .case.weiss div,.case-preview .case.weiss h3,.case-preview .case.weiss p{color:#fff}.case-preview .case-info{text-align:center}.case-preview .case-info .tags{font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:130px;text-transform:uppercase}.case-preview .case-info .h3{font-size:36px;font-weight:700;line-height:48px;margin-bottom:0;padding-bottom:24px}.case-preview .case-info .intro p{font-family:GT italic;font-size:24px;line-height:34px}.case-preview .case-infos{min-height:500px;position:relative}.case-preview .case.weiss .button{border:1px solid #fff;color:#fff}.case-preview .case-infos .button{background-color:transparent;bottom:0;left:50%;padding:17px;position:absolute;transform:translateX(-50%);width:100%}.case-preview .case .button:hover,.case-preview .case.weiss .button:hover{background-color:#000}