.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.5vw,16px);width:100%;max-width:100%;margin-inline:auto}.portal-kachel{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border:1.5px solid #8f8267;border-radius:5px;background:#15171a;color:#f0e4c5;text-decoration:none;transition:border-color 160ms ease,transform 160ms ease}.portal-kachel img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(0.78);transition:filter 180ms ease,transform 220ms ease}.portal-kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(
        to top,rgb(0 0 0 / 75%),transparent 55%
    );pointer-events:none}.portal-kachel span{position:absolute;z-index:1;right:8px;bottom:8px;left:8px;font-size:clamp(0.72rem,2vw,1.1rem);font-weight:600;line-height:1.1;text-align:center;text-shadow:0 1px 4px #000}.portal-kachel:hover,.portal-kachel:focus-visible{border-color:#d0b873;transform:translateY(-2px)}.portal-kachel:hover img,.portal-kachel:focus-visible img{filter:brightness(0.95);transform:scale(1.025)}.portal-kachel:focus-visible{outline:2px solid #e1ca89;outline-offset:3px}@media (max-width:480px){.portal-grid{gap:6px}.portal-kachel{border-radius:3px}.portal-kachel span{right:4px;bottom:6px;left:4px}}@media (min-width:666px){.portal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}