.mindset-slider {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory; /* Zwingt Karten zum Einrasten */
    scrollbar-width: none; /* Versteckt Scrollbar auf Firefox */
    padding: 50px 0;
}

.mindset-slider::-webkit-scrollbar {
    display: none; /* Versteckt Scrollbar auf Chrome/Safari */
}

.mindset-track {
    display: flex;
    gap: 30px;
    padding: 0 10%; /* Sorgt dafür, dass die erste Karte zentriert startet */
}

.mindset-card {
    min-width: 600px; /* Breite deiner Karten aus dem Screenshot */
    background: rgba(61, 207, 182, 0.05); /* Dezenter türkiser Schimmer */
    border: 1px solid rgba(61, 207, 182, 0.3);
    border-radius: 30px;
    padding: 60px;
    position: relative;
    scroll-snap-align: center; /* Karte rastet in der Mitte ein */
    transition: transform 0.3s ease;
}

/* Der Glow-Effekt für die aktive Karte */
.mindset-card:hover {
    border-color: #3dcfb6;
    box-shadow: 0 0 30px rgba(61, 207, 182, 0.1);
}

.quote-icon {
    position: absolute;
    top: -30px;
    left: 40px;
    font-size: 80px;
    color: white;
    font-family: serif;
    background: #1c1c1c; /* Gleiche Farbe wie Sektionshintergrund */
    padding: 0 10px;
}

.mindset-footer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    justify-content: flex-end;
}

.line {
    height: 1px;
    flex-grow: 1;
    background: rgba(255, 255, 255, 0.2);
}

.mindset-tag {
    color: #3dcfb6;
    font-family: var(--font-code);
}