/* Zentrale LEANIO Komponenten- und Reveal-Stile – einmalig in App.razor eingebunden. */
.leanioReveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}

.leanioReveal.leanioReveal--in {
    opacity: 1;
    transform: translateY(0);
}

.leanioModulePage {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}

.leanioModulePage.leanioModulePage--in {
    opacity: 1;
    transform: translateY(0);
}

/* Produkt-Reihen (Produkte-Seite) */
.leanioProduct { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.leanioProduct.leanioProduct--in { opacity: 1; transform: translateY(0); }
.leanioProduct__img { border-radius: .5rem; box-shadow: 17px 17px 30px -7px rgba(0,0,0,0.55); transition: transform .4s ease, box-shadow .4s ease; }
.leanioProduct__img:hover { transform: translateY(-6px) scale(1.02); box-shadow: 22px 22px 40px -7px rgba(0,0,0,0.65); }
.leanioProduct .leanioFeatureCard__num { transition: color .4s ease; }
.leanioProduct:hover .leanioFeatureCard__num { color: var(--leanio-accent, #F2B300); }

/* Logo-Karten (Referenzen) */
.leanioLogoCard { display:flex; align-items:center; justify-content:center; height:120px; padding:1.25rem; background:#fff; border:1px solid #eee; border-radius:.75rem; box-shadow:0 4px 14px rgba(0,0,0,.05); transition:transform .35s ease, box-shadow .35s ease; }
.leanioLogoCard:hover { transform:translateY(-6px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
.leanioLogoCard__img { max-height:100%; max-width:100%; object-fit:contain; filter:grayscale(100%); opacity:.75; transition:filter .35s ease, opacity .35s ease; }
.leanioLogoCard:hover .leanioLogoCard__img { filter:grayscale(0%); opacity:1; }
.leanioLogoLink { display:block; position:relative; text-decoration:none; color:inherit; border-radius:.75rem; overflow:hidden; }
.leanioLogoLink:focus-visible { outline:2px solid #F2B300; outline-offset:3px; }
.leanioLogoLink__overlay { position:absolute; inset:auto 0 0 0; padding:.45rem .6rem; background:rgba(0,0,0,.78); color:#fff; text-align:center; transform:translateY(100%); opacity:0; transition:transform .35s ease, opacity .35s ease; }
.leanioLogoLink__name { display:block; font-size:.8rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leanioLogoLink__branch { display:block; font-size:.7rem; color:#F2B300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leanioLogoLink:hover .leanioLogoLink__overlay,
.leanioLogoLink:focus-visible .leanioLogoLink__overlay { transform:translateY(0); opacity:1; }

/* Branchen-Übersicht (Referenzen) */
.leanioBranchGrid { display:flex; flex-wrap:wrap; gap:.75rem; }
.leanioBranchCard { display:flex; flex-direction:column; align-items:flex-start; gap:.15rem; min-width:150px; padding:.75rem 1rem; background:#fff; border:1px solid #eee; border-radius:.75rem; box-shadow:0 4px 14px rgba(0,0,0,.05); cursor:pointer; text-align:left; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease; }
.leanioBranchCard:hover { transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,0,0,.12); border-color:#F2B300; }
.leanioBranchCard__count { font-size:1.4rem; font-weight:700; line-height:1; color:#F2B300; }
.leanioBranchCard__name { font-size:.85rem; font-weight:600; color:#222; }
.leanioBranchCard--active { background:#111; border-color:#111; }
.leanioBranchCard--active .leanioBranchCard__name { color:#fff; }

/* Experten-Tags (Über uns) */
.leanioExpertTag { display:inline-block; margin:.25rem; padding:.4rem 1rem; border-radius:2rem; border:1px solid rgba(255,255,255,.35); font-weight:600; }

/* Impressum-Karten */
.leanioImprintCard { padding:1.5rem; border:1px solid #eee; border-radius:.75rem; box-shadow:0 4px 14px rgba(0,0,0,.05); background:#fff; }
.leanioImprintCard a { color:#F2B300; text-decoration:none; }
.leanioImprintCard a:hover { text-decoration:underline; }

/* Allgemeine Inhaltskarte */
.leanioCard { padding:1.5rem; background:#fff; border:1px solid #eee; border-radius:.75rem; box-shadow:0 8px 24px rgba(0,0,0,.08); }

/* Modul-Karten auf hellem Hintergrund (Module-Seite) */
.leanioModuleCards .leanioResultCard { background:rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.1); border-radius:.75rem; padding:1.5rem; }
.leanioModuleCards .leanioResultCard__icon { color:#fff; }
.leanioModuleCards .leanioResultCard__title { color:#fff; }
.leanioModuleCards .leanioResultCard__text { color:rgba(255,255,255,.85); }

@media (prefers-reduced-motion: reduce) {
    .leanioReveal,
    .leanioModulePage,
    .leanioProduct,
    .leanioLogoCard,
    .leanioBranchCard,
    .leanioLogoLink__overlay,
    .leanioLogoCard__img {
        opacity: 1;
        transform: none;
        transition: none;
    }
}