/* Einheitliche, berührungssichere Kacheln: englische Bezeichnung bleibt innerhalb der Karte. */
.tile{height:184px;min-height:184px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tile:focus-within,.tile:hover{border-color:#fff;box-shadow:0 0 0 2px #ffffff55;transform:translateY(-2px)}
.tile>button.main{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:42px 12px 12px;overflow:hidden;touch-action:manipulation}
.tile strong{flex:0 0 auto;font-size:clamp(23px,2.2vw,31px);line-height:1}
.tile .name{display:-webkit-box;margin-top:14px;font-size:13px;line-height:1.18;overflow:hidden;overflow-wrap:anywhere;hyphens:auto;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.tile small{display:-webkit-box;margin-top:auto;padding-top:7px;font-size:11px;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.tile.chosen{box-shadow:0 0 0 3px #10b981}
@media(max-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{height:176px;min-height:176px}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{height:180px;min-height:180px}.tile .name{font-size:12px}}