/* ==========================================================================
   infos.css
   ========================================================================== */
.info-cards-wrapper { 
    width: fit-content; /* Vorher: 100% */
    max-width: 48rem; 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 1.25rem; 
    margin: 0 auto; 
}.info-card { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem; background-color: rgba(25, 25, 25, 0.4); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 24px; transition: all 0.3s cubic-bezier(0.2, 0.65, 0.3, 0.9); text-decoration: none; }
.info-card:hover { transform: translateY(-4px); border-color: rgba(245, 158, 11, 0.4); background-color: rgba(30, 30, 30, 0.6); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3), 0 0 15px -5px rgba(245, 158, 11, 0.15); }
.info-card-left { display: flex; align-items: center; gap: 1rem; }
.info-icon-wrapper { width: 3rem; height: 3rem; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); color: #F59E0B; font-size: 1.25rem; transition: all 0.3s ease; flex-shrink: 0; }
.info-card:hover .info-icon-wrapper { background: linear-gradient(135deg, #F59E0B, #F97316); color: #fff; transform: scale(1.05) rotate(5deg); }
.info-title { font-size: 1.125rem; font-weight: 600; color: #fff; margin: 0; }
.info-arrow { color: #6b7280; font-size: 1rem; transition: all 0.3s ease; }
.info-card:hover .info-arrow { color: #F59E0B; transform: translateX(4px); }

/* Zeugs Fixen */
@media (min-width: 640px) { .info-cards-wrapper { grid-template-columns: repeat(2, 1fr); } }

.contact-section-card {
    padding: 2rem 1.5rem;
}

.contact-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media (min-width: 640px) {
    .contact-section-card {
        padding: 3.5rem; 
    }
}