/*
 * Startseite:
 * Hero-Videos unverändert.
 * Inhaltsbereiche danach abwechselnd weiß und schwarz.
 */

body.home .ka-home-section-light {
    color: #252525 !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

body.home .ka-home-section-dark {
    color: #ffffff !important;
    background-color: #1b1b1b !important;
    background-image:
        radial-gradient(
            circle at 88% 12%,
            rgba(245, 149, 0, 0.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #171717 0%,
            #222222 100%
        ) !important;
}

/*
 * Helle Bereiche
 */

body.home .ka-home-section-light h1,
body.home .ka-home-section-light h2,
body.home .ka-home-section-light h3,
body.home .ka-home-section-light h4,
body.home .ka-home-section-light h5,
body.home .ka-home-section-light h6 {
    color: #222222;
}

body.home .ka-home-section-light p,
body.home .ka-home-section-light li,
body.home .ka-home-section-light address {
    color: #555555;
}

body.home .ka-home-section-light
:is(
    .section-label,
    .eyebrow,
    .kicker,
    .overline
) {
    color: #b96800;
}

/*
 * Dunkle Bereiche
 */

body.home .ka-home-section-dark h1,
body.home .ka-home-section-dark h2,
body.home .ka-home-section-dark h3,
body.home .ka-home-section-dark h4,
body.home .ka-home-section-dark h5,
body.home .ka-home-section-dark h6 {
    color: #ffffff;
}

body.home .ka-home-section-dark p,
body.home .ka-home-section-dark li,
body.home .ka-home-section-dark address {
    color: rgba(255, 255, 255, 0.72);
}

body.home .ka-home-section-dark
:is(
    .section-label,
    .eyebrow,
    .kicker,
    .overline
) {
    color: #f59500;
}

/*
 * Links in dunklen Bereichen sichtbar halten.
 */

body.home .ka-home-section-dark
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
) {
    color: #f5a623;
}

body.home .ka-home-section-dark
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
):hover {
    color: #ffffff;
}

/*
 * Weiße Karten auf hellen Bereichen leicht absetzen.
 */

body.home .ka-home-section-light
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
) {
    background-color: #f5f3ee;
}

/*
 * Karten innerhalb dunkler Abschnitte ebenfalls dunkel
 * gestalten. Buttons und ausdrücklich orange Elemente
 * werden nicht überschrieben.
 */

body.home .ka-home-section-dark
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
):not(
    .button,
    [class*="orange"],
    [class*="accent"]
) {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.12);
}

body.home .ka-home-section-dark
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
)
:is(h2, h3, h4, h5, h6) {
    color: #ffffff;
}

body.home .ka-home-section-dark
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
)
:is(p, li) {
    color: rgba(255, 255, 255, 0.7);
}

/*
 * Der vorhandene orangefarbene Abschlussbereich wird durch
 * diese Datei nicht verändert.
 */

body.home .ka-home-section-preserved {
    isolation: isolate;
}

/*
 * Hero ausdrücklich ausnehmen.
 */

body.home
:is(
    .ka-hero-slider,
    [data-ka-hero-slider],
    .hero-slider,
    .video-slider
) {
    color: inherit;
}

/* KA_HOME_TEXT_AND_CARDS_FIX_START */

/*
 * Weiße Startseitenabschnitte:
 * Sämtliche normalen Texte und Links müssen dunkel sein.
 */

body.home .ka-home-section-light,
body.home .ka-home-section-light
:is(
    div,
    article,
    aside,
    header,
    footer,
    nav
) {
    color: #252525;
}

body.home .ka-home-section-light
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
) {
    color: #1d1d1d !important;
}

body.home .ka-home-section-light
:is(
    p,
    li,
    span,
    strong,
    em,
    small,
    address,
    blockquote,
    figcaption,
    dt,
    dd
) {
    color: #333333 !important;
}

body.home .ka-home-section-light
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
) {
    color: #171717 !important;
    text-decoration-color: #f59500;
}

body.home .ka-home-section-light
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
):hover,
body.home .ka-home-section-light
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
):focus-visible {
    color: #b96800 !important;
}

body.home .ka-home-section-light
:is(
    .section-label,
    .eyebrow,
    .kicker,
    .overline
) {
    color: #a85f00 !important;
}

/*
 * Falls bisherige Theme-Regeln Text mit weißer Farbe
 * direkt auf untergeordneten Elementen setzen, werden
 * auch diese überschrieben.
 */

body.home .ka-home-section-light
[class*="title"],
body.home .ka-home-section-light
[class*="heading"] {
    color: #1d1d1d !important;
}

body.home .ka-home-section-light
[class*="text"],
body.home .ka-home-section-light
[class*="description"],
body.home .ka-home-section-light
[class*="content"],
body.home .ka-home-section-light
[class*="copy"] {
    color: #333333 !important;
}

/*
 * Bereich „Komplexe Verfahren. Klar strukturiert.“
 */

body.home .ka-procedure-section {
    background-color: #ffffff;
}

/*
 * Allgemeine Kartenbasis
 */

body.home .ka-procedure-card {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

body.home .ka-procedure-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);
}

/*
 * 01 Insolvenzverwaltung:
 * Schwarz mit weißer Schrift.
 */

body.home .ka-procedure-card-dark {
    color: #ffffff !important;
    background-color: #1b1b1b !important;
    background-image:
        radial-gradient(
            circle at 90% 10%,
            rgba(245, 149, 0, 0.11),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #171717 0%,
            #242424 100%
        ) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.home .ka-procedure-card-dark
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong
) {
    color: #ffffff !important;
}

body.home .ka-procedure-card-dark
:is(
    p,
    li,
    span,
    small,
    em,
    address
) {
    color: rgba(255, 255, 255, 0.75) !important;
}

body.home .ka-procedure-card-dark
:is(
    ul,
    ol
) {
    color: rgba(255, 255, 255, 0.75) !important;
}

body.home .ka-procedure-card-dark
li::marker {
    color: #f59500;
}

body.home .ka-procedure-card-dark
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
) {
    color: #f5a623 !important;
}

body.home .ka-procedure-card-dark
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
):hover {
    color: #ffffff !important;
}

/*
 * 02 Zwangsverwaltung:
 * Weiß mit schwarzer Schrift.
 */

body.home .ka-procedure-card-light {
    color: #222222 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #dedbd4 !important;
}

body.home .ka-procedure-card-light
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong
) {
    color: #1d1d1d !important;
}

body.home .ka-procedure-card-light
:is(
    p,
    li,
    span,
    small,
    em,
    address
) {
    color: #3b3b3b !important;
}

body.home .ka-procedure-card-light
:is(
    ul,
    ol
) {
    color: #3b3b3b !important;
}

body.home .ka-procedure-card-light
li::marker {
    color: #b96800;
}

body.home .ka-procedure-card-light
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
) {
    color: #171717 !important;
}

body.home .ka-procedure-card-light
a:not(
    .button,
    .btn,
    [class*="button"],
    [class*="btn"]
):hover {
    color: #b96800 !important;
}

/*
 * Nummern 01, 02 usw. sichtbar hervorheben.
 */

body.home .ka-procedure-card-dark
:is(
    [class*="number"],
    [class*="index"],
    [class*="count"]
) {
    color: #f59500 !important;
}

body.home .ka-procedure-card-light
:is(
    [class*="number"],
    [class*="index"],
    [class*="count"]
) {
    color: #b96800 !important;
}

/*
 * Auch einfache alleinstehende Nummern innerhalb der Karten
 * übernehmen die gewünschte Akzentfarbe.
 */

body.home .ka-procedure-card-dark
> span:first-child {
    color: #f59500 !important;
}

body.home .ka-procedure-card-light
> span:first-child {
    color: #b96800 !important;
}

/*
 * Innenliegende Karten dürfen die neue Kartenfarbe nicht
 * erneut mit älteren Hintergrundregeln überschreiben.
 */

body.home .ka-procedure-card-dark
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
) {
    color: inherit;
    background: transparent !important;
}

body.home .ka-procedure-card-light
:is(
    .card,
    [class*="-card"],
    [class*="__card"],
    .box,
    [class*="-box"]
) {
    color: inherit;
    background: transparent !important;
}

/* KA_HOME_TEXT_AND_CARDS_FIX_END */