/* Startseite: sieben gleich gestaltete Kacheln, Reihenfolge aus dem HTML. */
#homeView .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
#homeView .category-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%}
#homeView .category-art{flex-shrink:0}
#homeView .category-info{width:100%;flex:1}
@media(min-width:651px) and (max-width:1100px){#homeView .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#homeView .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#homeView .art-servers{background-image:url('images/servers-tile.webp');background-size:cover;background-position:center}

/* Short bilingual copy and compact first-row cards only on phones. */
html body #homeView :is(.cw-tile-mobile-copy,.cw-tile-mobile-title){display:none}
@media(max-width:600px){
 html body #homeView .category-card:nth-child(-n+2) .category-info{min-height:0;padding:11px 10px;gap:0;align-items:flex-start}
 html body #homeView .category-card:nth-child(-n+2) .category-info>svg{display:none}
 html body #homeView .category-card:nth-child(-n+2) .category-info>span{width:100%}
 html body #homeView :is(.cw-tile-desktop-copy,.cw-tile-desktop-title){display:none}
 html body #homeView :is(.cw-tile-mobile-copy,.cw-tile-mobile-title){display:block}
 html body #homeView .category-card:nth-child(-n+2) .category-info strong{font-size:15px;line-height:1.25}
 html body #homeView .category-card:nth-child(-n+2) .cw-tile-mobile-copy{font-size:12px;line-height:1.35;margin-top:5px}
}