/**
 * Cottage Grid - Layout & Container
 */
.services-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
    gap: 30px; 
    margin: 20px 0; 
}

/**
 * Basis Service-Kachel (Leistung)
 */
.service-card { 
    background-color: #ffffff; 
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    transition: 0.3s; 
    display: flex; 
    flex-direction: column; 
}

.service-card:hover { 
    transform: translateY(-5px); 
}

/**
 * Spezielle Varianten: Kategorie-Kacheln
 */
.service-card--category { 
    background-color: #ffff00 !important; /* Dein gewünschtes Gelb */
    border: 2px solid #0073aa;           /* Blauer Rahmen */
}

/* Hover-Effekt nur für Kategorien */
.service-card--category:hover { 
    background-color: #e6f2ff !important; /* Helles Blau beim Hover */
}

/* Button-Farbe speziell in Kategorie-Kacheln */
.service-card--category .service-card__button { 
    color: #d84b16; /* Orange statt Teal */
}

/**
 * Innere Elemente der Kacheln
 */
.service-card__link { 
    text-decoration: none !important; 
    color: inherit; 
    display: block; 
    height: 100%; 
}

.service-card__image-wrapper { 
    aspect-ratio: 16/10; 
    overflow: hidden; 
    background: #eee; 
}

.service-card__image { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

.service-card__content { 
    padding: 20px; 
    flex-grow: 1; 
}

.service-card__title { 
    font-size: 1.25rem; 
    margin-bottom: 10px; 
    color: #333; 
    line-height: 1.3; 
    font-weight: 600; 
}

.service-card__excerpt { 
    font-size: 0.95rem; 
    color: #666; 
    margin-bottom: 15px; 
}

.service-card__button { 
    font-weight: bold; 
    color: #3A8290; /* Standardfarbe für normale Leistungen */
    text-transform: uppercase; 
    font-size: 0.8rem; 
    letter-spacing: 0.5px; 
}