/* KCC Willkommens-Intro fuer Webseite und App (Paket P4b, 20.10.2026): Ebene und Knopf "Ueberspringen" auf den Seiten.
   Das Intro selbst zeichnet app/assets/intro.css (unveraendert). Der Vorhang (html.kci-on) steht inline im <head>. Vorsilbe: kci- */
.kci-host { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; margin: 0; padding: 0; background: transparent; }
.kci-host * { box-sizing: border-box; }
/* Schrift des Schriftzugs wie auf der Webseite (statt Systemschrift) */
.kci-font-site .kcc-intro .kcc-intro__text { font-family: 'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
/* Knopf Ueberspringen: unten Mitte, gold, mindestens 44 Pixel hoch, blendet weich ein */
.kci-skip {
    position: absolute; z-index: 10; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity .35s ease;
    appearance: none; -webkit-appearance: none; cursor: pointer; font: 700 .9rem/1 'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    min-height: 44px; padding: 12px 22px; border-radius: 999px; border: 1px solid rgba(235, 203, 114, .7);
    background: rgba(10, 8, 6, .55); color: #ebcb72; letter-spacing: .02em; -webkit-tap-highlight-color: transparent;
}
.kci-skip.kci-skip-on { opacity: .92; pointer-events: auto; }
.kci-skip:hover, .kci-skip:focus-visible { background: rgba(235, 203, 114, .2); outline: none; opacity: 1; }
.kci-skip:focus-visible { box-shadow: 0 0 0 2px #ebcb72; }
@media (prefers-reduced-motion: reduce) { .kci-skip { transition: none; } }