/* One standalone class per Divi service card. Layout and spacing stay in Divi. */
.burnabit-service-card-e-commerce { --burnabit-card-highlight: #00648E; --burnabit-card-active-ink: #FFFFFF; }
.burnabit-service-card-websites { --burnabit-card-highlight: #CD0C79; --burnabit-card-active-ink: #FFFFFF; }
.burnabit-service-card-individualentwicklung { --burnabit-card-highlight: #62C4C4; --burnabit-card-active-ink: #0D1117; }
.burnabit-service-card-ki { --burnabit-card-highlight: #FF700F; --burnabit-card-active-ink: #0D1117; }
.burnabit-service-card-beratung { --burnabit-card-highlight: #EFBF00; --burnabit-card-active-ink: #0D1117; }
.burnabit-service-card-betreuung { --burnabit-card-highlight: #EF3C24; --burnabit-card-active-ink: #0D1117; }

:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) {
    border-top-color: var(--burnabit-card-highlight) !important;
    transition: background-color 200ms ease;
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) .et_pb_icon .et-pb-icon { color: var(--burnabit-card-highlight) !important; }
@media (hover: hover) {
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):hover {
    background-color: var(--burnabit-card-highlight) !important;
    background-image: none !important;
    color: var(--burnabit-card-active-ink) !important;
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):hover :is(.et_pb_text_inner, .et_pb_text_inner *, .et_pb_heading, .et_pb_heading *, .et_pb_icon .et-pb-icon) {
    color: var(--burnabit-card-active-ink) !important;
}
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):focus-within {
    background-color: var(--burnabit-card-highlight) !important;
    background-image: none !important;
    color: var(--burnabit-card-active-ink) !important;
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):focus-within :is(.et_pb_text_inner, .et_pb_text_inner *, .et_pb_heading, .et_pb_heading *, .et_pb_icon .et-pb-icon) {
    color: var(--burnabit-card-active-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) { transition: none; }
}

/* Compatibility for previously assigned generic icon-only classes. */
.burnabit-service-card { --burnabit-card-icon-active: #ffffff; }
.burnabit-service-card--dark { --burnabit-card-icon-active: #0d1117; }
@media (hover: hover) {
    :is(.burnabit-service-card, .burnabit-service-card--dark):hover .et_pb_icon .et-pb-icon {
        color: var(--burnabit-card-icon-active) !important;
    }
}
:is(.burnabit-service-card, .burnabit-service-card--dark):focus-within .et_pb_icon .et-pb-icon {
    color: var(--burnabit-card-icon-active) !important;
}

/* Stationary cards; only the decorative direction arrow moves. */
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) { transform: none !important; }
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) .et_pb_icon .et-pb-icon {
    transform: translate(0, 0);
    transition: color 200ms ease, transform 200ms ease;
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) :is(.et_pb_text_inner, .et_pb_heading) { transition: color 200ms ease; }
@media (hover: hover) {
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):hover .et_pb_icon .et-pb-icon { transform: translate(3px, 3px); }
}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):focus-within .et_pb_icon .et-pb-icon { transform: translate(3px, 3px); }
@media (prefers-reduced-motion: reduce) {
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung),
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) :is(.et_pb_text_inner, .et_pb_heading),
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) .et_pb_icon .et-pb-icon { transition: none; }
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung):is(:hover, :focus-within) .et_pb_icon .et-pb-icon { transform: none; }
}

/* The entire linked service group signals its click target on desktop. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung),
    :is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung) * {
        cursor: pointer !important;
    }
}

/* Native Divi service accordion: content layout only, opt-in test section. */
.burn-service-accordion-test .burn-service-panel { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;padding:32px 36px 22px; }
.burn-service-accordion-test .burn-service-panel :is(h3,h4) {color:#ffffff;}
.burn-service-accordion-test .burn-service-panel h3 {font-size:24px;line-height:1.3;}
.burn-service-accordion-test .burn-service-panel h4 {font-size:16px;margin-block:0 16px;}
.burn-service-accordion-test .service-scope ul {padding-left:20px;margin-bottom:28px;}
.burn-service-accordion-test .service-scope .tags {display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;}
.burn-service-accordion-test .tags li {padding:4px 10px;border:1px solid #4a4a4a;border-radius:999px;font-size:13px;}
.burn-service-accordion-test .et_pb_toggle_title:focus-visible {outline:2px solid #ff700f;outline-offset:6px;}
@media(max-width:980px){.burn-service-accordion-test .burn-service-panel{gap:38px;padding-inline:0;}}
@media(max-width:767px){.burn-service-accordion-test .burn-service-panel{grid-template-columns:1fr;gap:30px;padding:24px 0 8px;}}

/* Shared service palette: dark closed rows, full highlight when opened. */
.burn-service-accordion-test .burn-service-item-ecommerce {--burn-service-accent:#00648E;--burn-service-ink:#FFFFFF;}
.burn-service-accordion-test .burn-service-item-websites {--burn-service-accent:#CD0C79;--burn-service-ink:#FFFFFF;}
.burn-service-accordion-test .burn-service-item-entwicklung {--burn-service-accent:#62C4C4;--burn-service-ink:#0D1117;}
.burn-service-accordion-test .burn-service-item-ki {--burn-service-accent:#FF700F;--burn-service-ink:#0D1117;}
.burn-service-accordion-test .burn-service-item-beratung {--burn-service-accent:#EFBF00;--burn-service-ink:#0D1117;}
.burn-service-accordion-test :is(.burn-service-item-betreuung, .burn-service-item-betrieb) {--burn-service-accent:#EF3C24;--burn-service-ink:#0D1117;}
.burn-service-accordion-test .et_pb_accordion_item {border-top:3px solid var(--burn-service-accent)!important;}
.burn-service-accordion-test .et_pb_toggle_title:before {color:var(--burn-service-accent)!important;}
.burn-service-accordion-test .et_pb_toggle_open {background-color:var(--burn-service-accent)!important;}
.burn-service-accordion-test .et_pb_toggle_open .et_pb_toggle_title,
.burn-service-accordion-test .et_pb_toggle_open .et_pb_toggle_title:before,
.burn-service-accordion-test .et_pb_toggle_open .et_pb_toggle_content,
.burn-service-accordion-test .et_pb_toggle_open .et_pb_toggle_content :is(h3,h4,p,li,a) {color:var(--burn-service-ink)!important;}
.burn-service-accordion-test .et_pb_toggle_open .tags li {border-color:var(--burn-service-ink);}
.burn-service-accordion-test .et_pb_toggle_title:focus-visible {outline-color:currentColor;}

/* Divi owns item padding/radii; the rich-text grid adds the Lab content inset. */
.burn-service-accordion-test .et_pb_toggle_content {padding-top:0;}

.burn-service-accordion-test .et_pb_accordion_item[id^="leistung-"] {scroll-margin-top:110px;}
:is(.burnabit-service-card-e-commerce, .burnabit-service-card-websites, .burnabit-service-card-individualentwicklung, .burnabit-service-card-ki, .burnabit-service-card-beratung, .burnabit-service-card-betreuung)[role="link"]:focus-visible {outline:3px solid var(--burnabit-card-highlight);outline-offset:5px;}

/* Smooth highlight fade; native Divi still controls panel opening/closing. */
.burn-service-accordion-test .et_pb_accordion_item {
    transition: background-color 420ms ease-in-out, border-color 420ms ease-in-out;
}
.burn-service-accordion-test :is(.et_pb_toggle_title, .et_pb_toggle_content),
.burn-service-accordion-test .et_pb_toggle_title::before,
.burn-service-accordion-test .et_pb_toggle_content :is(h3, h4, p, li, a) {
    transition: color 420ms ease-in-out, border-color 420ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .burn-service-accordion-test .et_pb_accordion_item,
    .burn-service-accordion-test :is(.et_pb_toggle_title, .et_pb_toggle_content),
    .burn-service-accordion-test .et_pb_toggle_title::before,
    .burn-service-accordion-test .et_pb_toggle_content :is(h3, h4, p, li, a) {
        transition: none;
    }
}

/* Open accordion headlines stay white, independently of the body contrast color. */
.burn-service-accordion-test.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title,
.burn-service-accordion-test.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title *,
.burn-service-accordion-test.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before,
.burn-service-accordion-test.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_content :is(h3,h4) {
    color:#ffffff !important;
}

/* No headline frame in the final service accordion. */
.burn-service-accordion-test :is(.burn-service-item-betreuung, .burn-service-item-betrieb) .et_pb_toggle_title,
.burn-service-accordion-test :is(.burn-service-item-betreuung, .burn-service-item-betrieb) .et_pb_toggle_content :is(h3,h4) {
    border:0 !important;
}

.burn-service-accordion-test#leistungen {scroll-margin-top:110px;}