/* Section Leistungen */
.leistungen {
    padding: 6rem 0; /* mehr Luft nach oben/unten */
    background: var(--brand);
    font-family: 'Inter', sans-serif;
}

.leistungen-title {
    font-weight: 800;
    color: var(--accent);
    letter-spacing: .02em;
    margin-bottom: 2rem; /* mehr Abstand nach unten */
    font-size: clamp(2.5rem, 6vw, 5rem); /* bis 80px */
    line-height: 1.1;
    font-family: 'Poppins', sans-serif;
}

.leistungen-intro {
    max-width: 70ch;
    margin: 0 auto 4rem; /* mehr Abstand zu den Items */
    color: var(--text-light);
    font-size: clamp(1.5rem, 2.5vw, 1.75rem); /* 24–28px */
    line-height: 1.8;
}

/* Einzelne Leistung */
.leistung-item {
    margin-bottom: 6rem; /* Abstand zwischen Leistungen */
}

.leistung-item h3 {
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 1.25rem;
    font-size: clamp(2rem, 3vw, 2.5rem); /* 32–40px */
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.leistung-item h3 small {
    display: block;
    font-size: clamp(1.25rem, 2vw, 1.5rem); /* 20–24px */
    font-weight: 400;
    color: var(--accent);
    margin-top: .5rem;
}

.leistung-item p {
    color: var(--text-light);
    font-size: clamp(1.25rem, 2vw, 1.5rem); /* 20–24px */
    line-height: 1.85;
    margin-bottom: 0; /* kein extra Leerraum am Ende */
}


/* Keyframes */
@keyframes fadeInLeft  { from{opacity:0;transform:translateX(-60px)} to{opacity:1;transform:none} }
@keyframes fadeInRight { from{opacity:0;transform:translateX( 60px)} to{opacity:1;transform:none} }

/* Grundzustand */
.revealable { opacity: 0; will-change: transform, opacity; }

/* Richtung + Stagger-Delay über Variable */
.reveal-left.visible  { animation: fadeInLeft  .9s ease-out forwards;  animation-delay: var(--delay, 0ms); }
.reveal-right.visible { animation: fadeInRight .9s ease-out forwards;  animation-delay: var(--delay, 0ms); }

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
    .revealable { animation: none !important; opacity: 1 !important; transform: none !important; }
}