/* =========================================================
   EIC Umfragen – Homepage/Shortcode-Teaser
   Dunkles Anthrazit-System, Tokens mit Fallbacks.
   ========================================================= */

.eic-umfragen-teaser__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-5, 1.5rem);
    background: var(--clr-bg-2, #16161a);
    border: 1px solid var(--clr-line-1, rgba(255,255,255,0.10));
    border-radius: var(--r-lg, 14px);
    padding: var(--sp-5, 1.5rem) var(--sp-6, 2rem);
    text-decoration: none;
    color: inherit;
    transition: background var(--d-base, 240ms) var(--ease, ease),
                border-color var(--d-base, 240ms) var(--ease, ease),
                transform var(--d-base, 240ms) var(--ease, ease);
}

.eic-umfragen-teaser__card:hover {
    background: var(--clr-bg-3, #1d1d22);
    border-color: var(--clr-line-2, rgba(255,255,255,0.18));
    transform: translateY(-2px);
}

.eic-umfragen-teaser__text {
    min-width: 0;
}

.eic-umfragen-teaser__title {
    margin: var(--sp-2, 0.5rem) 0 0;
    font-size: var(--fs-lg, 1.4rem);
    line-height: 1.25;
    color: var(--clr-text-0, #fff);
}

.eic-umfragen-teaser__excerpt {
    margin: var(--sp-2, 0.5rem) 0 0;
    color: var(--clr-text-2, #a1a1aa);
    font-size: var(--fs-sm, 0.9rem);
    line-height: 1.55;
    max-width: 60ch;
}

.eic-umfragen-teaser__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    background: var(--clr-text-0, #fff);
    color: var(--clr-bg-0, #09090b);
    font-weight: 600;
    font-size: var(--fs-sm, 0.9rem);
    padding: 0.75rem 1.25rem;
    border-radius: var(--r-md, 8px);
    white-space: nowrap;
}

/* Mobile: CTA unter den Text */
@media ( max-width: 620px ) {
    .eic-umfragen-teaser__card {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--sp-5, 1.5rem);
    }
    .eic-umfragen-teaser__cta {
        width: 100%;
        justify-content: center;
    }
}