HexaHost-Web-Prod/public/assets/css/custom.css

.btn-tertiary {
    color: var(--text-primary);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.3s ease;
}

.btn-tertiary:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background: rgba(255, 81, 249, 0.08);
}

.it-services-actions {
    justify-content: center;
    margin-top: 2rem;
}

/* IT-Dienstleistungen auf Startseite: ausgewogenes 3x2-Grid */
.it-services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.it-services-grid .feature-item {
    height: 100%;
}

@media (max-width: 1024px) {
    .it-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .it-services-grid {
        grid-template-columns: 1fr;
    }
}

/* Animierter Farbverlauf für "Beliebt"-Badge */
.featured-badge {
    background: linear-gradient(135deg, #ff51f9 0%, #a348ff 50%, #3978ff 100%);
    background-size: 220% 220%;
    animation: featured-badge-colors 6s ease infinite;
}

@keyframes featured-badge-colors {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .featured-badge {
        animation: none;
    }
}