.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; } }