.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-h) var(--gap)}
.tile{display:block}
button:is(.tile,.weg){width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.tile img{width:100%;aspect-ratio:476/655;object-fit:cover;border-radius:var(--rr)}
.tile .ty-h{display:block;margin-top:.35em}
.tile small{display:block;margin-top:.5em;font-size:var(--t-s)}
@media (max-width:690px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px var(--gap)}}

.wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,28px)}
.weg{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:clamp(20px,2.4vw,44px);border-top:1px solid var(--ink);background:var(--paper)}
.weg .kicker{margin:0}
.weg .ty-h{margin:var(--sp-h) 0 .6em}
.weg .btn{margin-top:auto}
.weg:hover .btn{background:var(--cta-h)}
@media (max-width:690px){.wege{grid-template-columns:1fr}}

.karten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,28px)}
.karte{display:flex;flex-direction:column;gap:.5em;padding:clamp(16px,1.6vw,28px);background:var(--karte);border-radius:var(--rr)}
.karte__t{opacity:.7}
.karte__l{margin-top:auto;padding-top:.6em;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.karte__l::after{content:" ↗"}
@media (max-width:1000px){.karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:690px){.karten{grid-template-columns:1fr}}