.zbr{box-sizing:border-box;display:grid;gap:16px;grid-auto-flow:row dense;grid-auto-rows:clamp(150px,17vw,230px);grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.zbr,.zbr-feld{list-style:none;margin:0;padding:0}.zbr-feld{background:#f3f3f5;border-radius:14px;box-shadow:0 2px 6px rgba(20,20,24,.05),0 12px 28px -16px rgba(20,20,24,.25);overflow:hidden;position:relative;transition:box-shadow .9s cubic-bezier(.25,.8,.25,1)}.zbr-d-g{grid-column:span 2}.zbr-d-g,.zbr-d-h{grid-row:span 2}.zbr-d-b{grid-column:span 2}.zbr-d-v{grid-column:1/-1}.zbr-feld img{display:block;height:100%;inset:0;max-width:none;object-fit:cover;object-position:center;position:absolute;transition:transform 1.2s cubic-bezier(.25,.8,.25,1);width:100%}.zbr-feld:hover{box-shadow:0 4px 10px rgba(20,20,24,.06),0 20px 40px -18px rgba(20,20,24,.32)}.zbr-feld:hover img{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.zbr-feld,.zbr-feld img{transition:none}}@media (max-width:900px){.zbr{gap:12px}}@media (max-width:600px){.zbr{gap:10px;grid-auto-rows:auto;grid-template-columns:minmax(0,1fr)}.zbr .zbr-feld{aspect-ratio:4/3;border-radius:12px;grid-column:auto;grid-row:auto}}