/* --- SKS/SSS/SHS-BRANDING & GRID ENGINE FOR 3 TILES --- */
    .sks-dashboard-center {
        display: flex;
        flex-wrap: wrap;
        /* Zentriert die gesamte Gruppe kompromisslos in der Mitte der Seite */
        justify-content: center; 
        /* Fixer, harmonischer Abstand zwischen den Kacheln */
        gap: 30px; 
        margin: 35px 0;
        width: 100%;
        font-family: sans-serif;
    }
    
    .sks-tile-btn {
        background: #ffffff;
        border: 3px solid #0284c7; /* Nauti-Cyan Rahmen */
        border-radius: 14px; /* Edel abgerundete Kanten */
        padding: 0 !important; /* Absolut randlos für die Bildstanzung */
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        
        /* FIXE GEOMETRIE: Erzwingt kompromisslos deine Wunschgröße */
        width: 250px;
        min-width: 250px;
        max-width: 250px;
        /* Definiert das exakte Seitenverhältnis (250 zu 336) */
        aspect-ratio: 250 / 336; 
        
        /* WICHTIG: Wirkt wie eine Stanzmaske für das zoomende Bild im Inneren */
        overflow: hidden; 
        
        /* Flüssiger Übergang für Bewegung, Rahmenfarbe und Schattenwurf */
        transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    }
    
    /* Kraftvoller Hover-Effekt: Kachel hebt plastisch ab */
    .sks-tile-btn:hover {
        transform: translateY(-6px); 
        border-color: #0369a1; /* Satteres Blau beim Drüberfahren */
        box-shadow: 0 15px 20px -5px rgba(2, 132, 199, 0.3), 0 8px 8px -5px rgba(2, 132, 199, 0.1);
    }
    
    .sks-tile-img {
        width: 100%;
        height: 100%;
        display: block;
        /* Füllt den Raum komplett aus ohne das Verhältnis zu verzerren */
        object-fit: cover; 
        /* Verankert das Bild oben – Überschüsse werden rigoros UNTEN abgeschnitten */
        object-position: top; 
        
        /* Dynamischer Zoom-Effekt beim Drüberfahren */
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    /* Synchronisierter Bild-Zoom im Inneren der Maske */
    .sks-tile-btn:hover .sks-tile-img {
        transform: scale(1.12); /* 12% Vergrößerung */
    }