.stage-faq {
    padding-top: var(--space-8);
    padding-bottom: var(--space-9);
}

.stage-faq .stage-shell--faq {
    position: relative;
    overflow: clip;
}

.faq-intro {
    position: relative;
    z-index: 2;
    max-width: 54rem;
}

.faq-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: var(--space-4);
    margin-top: var(--space-6);
}

.faq-item {
    position: relative;
    border-radius: var(--radius-xl);
    overflow: clip;
    transition:
        border-color var(--motion-soft) var(--ease-standard),
        box-shadow var(--motion-soft) var(--ease-standard),
        background-color var(--motion-soft) var(--ease-standard);
}

.faq-item[open] {
    border-color: rgb(var(--color-line) / calc(var(--alpha-line) + 0.06));
}

.faq-item__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5);
    cursor: pointer;
    list-style: none;
}

.faq-item__summary::-webkit-details-marker {
    display: none;
}

.faq-item__summary-copy {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.faq-item__topline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.faq-item__meta {
    font-size: var(--text-xs);
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(var(--color-accent));
}

.faq-item__group {
    padding: 0.24rem 0.62rem;
    border-radius: 999px;
    font-size: var(--text-xs);
    line-height: 1.2;
    color: rgb(var(--color-text-soft));
    background: rgb(var(--color-surface-strong) / 0.42);
    border: 1px solid rgb(var(--color-line) / var(--alpha-line-soft));
}

.faq-item__question {
    font-size: clamp(1.1rem, 1.5vw, 1.42rem);
    line-height: 1.28;
    letter-spacing: var(--tracking-tight);
    color: rgb(var(--color-text));
}

.faq-item__toggle {
    position: relative;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: 1px solid rgb(var(--color-line) / var(--alpha-line));
    background: rgb(var(--color-panel-soft) / 0.6);
}

.faq-item__toggle::before,
.faq-item__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 1px;
    background: rgb(var(--color-text));
    transform: translate(-50%, -50%);
    transition:
        transform var(--motion-soft) var(--ease-standard),
        opacity var(--motion-soft) var(--ease-standard);
}

.faq-item__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item[open] .faq-item__toggle::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0.35);
}

.faq-item__body {
    display: grid;
    gap: var(--space-3);
    padding: 0 var(--space-5) var(--space-5);
}

.faq-item__answer,
.faq-item__support {
    margin: 0;
    max-width: 58rem;
}

.faq-item__answer {
    font-size: var(--text-m);
    line-height: var(--line-height-copy);
    color: rgb(var(--color-text-soft));
}

.faq-item__support {
    font-size: var(--text-s);
    line-height: 1.6;
    color: rgb(var(--color-text-dim));
}

/* FAQ-Veredelung 02 - Lesbarkeit und Feinhelligkeit */
#faq.stage-faq {
    position: relative;
    padding-top: clamp(3.4rem, 4.8vw, 5.8rem);
    padding-bottom: clamp(4.2rem, 5.8vw, 6.4rem);
    overflow: hidden;
    border-top: 1px solid rgba(232, 139, 56, 0.34);
    border-bottom: 1px solid rgba(80, 132, 154, 0.16);
    background:
        linear-gradient(90deg, rgba(232, 139, 56, 0.13) 1px, transparent 1px),
        linear-gradient(180deg, rgba(80, 132, 154, 0.09) 1px, transparent 1px),
        radial-gradient(circle at 72% 30%, rgba(44, 142, 159, 0.18), transparent 28rem),
        radial-gradient(circle at 18% 76%, rgba(232, 139, 56, 0.10), transparent 28rem),
        linear-gradient(180deg, rgba(5, 8, 12, 0.98), rgba(6, 10, 14, 0.98));
    background-size: 9rem 9rem, 9rem 9rem, auto, auto, auto;
}

#faq.stage-faq::before,
#faq.stage-faq::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

#faq.stage-faq::before {
    inset: -16% -8% auto auto;
    width: min(58rem, 64vw);
    height: min(34rem, 38vw);
    border: 1px solid rgba(232, 139, 56, 0.13);
    border-radius: 50%;
    transform: rotate(-10deg);
    opacity: 0.60;
    box-shadow: 0 0 70px rgba(232, 139, 56, 0.07);
}

#faq.stage-faq::after {
    inset: 0;
    background:
        linear-gradient(112deg, transparent 0 20%, rgba(232, 139, 56, 0.11) 20.2%, transparent 21.4% 69%, rgba(232, 139, 56, 0.09) 69.2%, transparent 70.4%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.42), transparent 44%, rgba(0, 0, 0, 0.28));
    opacity: 0.72;
}

#faq.stage-faq .stage-shell--faq {
    min-height: auto;
    background: transparent;
}

#faq.stage-faq .stage-shell--faq::before,
#faq.stage-faq .stage-shell--faq::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

#faq.stage-faq .stage-shell--faq::before {
    right: 9%;
    top: 14%;
    width: min(36rem, 38vw);
    aspect-ratio: 1 / 0.52;
    border: 1px solid rgba(232, 139, 56, 0.12);
    border-radius: 50%;
    transform: rotate(-8deg);
    box-shadow: 0 0 62px rgba(232, 139, 56, 0.07);
}

#faq.stage-faq .stage-shell--faq::after {
    left: 50%;
    top: clamp(22rem, 34vw, 29rem);
    width: 1px;
    height: clamp(10rem, 16vw, 15rem);
    background: linear-gradient(180deg, transparent, rgba(232, 139, 56, 0.34), rgba(72, 164, 185, 0.22), transparent);
    box-shadow: 0 0 18px rgba(232, 139, 56, 0.13);
}

#faq.stage-faq .stage-inner {
    position: relative;
    z-index: 2;
    padding-top: clamp(2.8rem, 4vw, 4.8rem);
    padding-bottom: clamp(2.8rem, 4vw, 4.8rem);
}

#faq.stage-faq .stage-backdrop,
#faq.stage-faq .stage-atmosphere,
#faq.stage-faq .stage-beam,
#faq.stage-faq .stage-orb {
    opacity: 0.16;
}

#faq.stage-faq .faq-intro {
    max-width: 55rem;
}

#faq.stage-faq .stage-label {
    color: rgb(244, 158, 79);
    letter-spacing: 0.34em;
}

#faq.stage-faq .stage-title {
    max-width: 12.5ch;
    color: rgba(246, 249, 251, 0.96);
    text-shadow:
        0 0 30px rgba(255, 136, 64, 0.12),
        0 0 54px rgba(72, 164, 185, 0.08);
}

#faq.stage-faq .stage-text {
    max-width: 43rem;
    color: rgba(228, 236, 243, 0.86);
}

#faq.stage-faq .faq-list {
    position: relative;
    z-index: 2;
    max-width: 92rem;
    margin-top: clamp(2rem, 2.8vw, 3.2rem);
    gap: clamp(0.82rem, 1.05vw, 1.05rem);
}

#faq.stage-faq .faq-list::before {
    content: "";
    position: absolute;
    left: clamp(1.2rem, 2vw, 2rem);
    right: clamp(1.2rem, 2vw, 2rem);
    top: -0.9rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(232, 139, 56, 0.46), rgba(72, 164, 185, 0.24), transparent);
    opacity: 0.72;
    box-shadow: 0 0 18px rgba(232, 139, 56, 0.10);
}

#faq.stage-faq .faq-item {
    border: 1px solid rgba(232, 139, 56, 0.20);
    border-radius: 1.28rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.032), transparent 38%),
        radial-gradient(circle at 86% 72%, rgba(72, 164, 185, 0.075), transparent 16rem),
        linear-gradient(180deg, rgba(13, 19, 27, 0.90), rgba(7, 11, 16, 0.84));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.046);
}

#faq.stage-faq .faq-item::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(232, 139, 56, 0.10), transparent 25%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 20%);
    opacity: 0.50;
}

#faq.stage-faq .faq-item::after {
    content: "";
    position: absolute;
    left: clamp(1.15rem, 1.8vw, 1.8rem);
    right: clamp(1.15rem, 1.8vw, 1.8rem);
    top: 1rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(232, 139, 56, 0.34), rgba(72, 164, 185, 0.16), transparent);
    pointer-events: none;
}

#faq.stage-faq .faq-item[open] {
    border-color: rgba(232, 139, 56, 0.30);
    background:
        linear-gradient(135deg, rgba(232, 139, 56, 0.055), transparent 36%),
        radial-gradient(circle at 78% 62%, rgba(72, 164, 185, 0.09), transparent 16rem),
        linear-gradient(180deg, rgba(16, 22, 30, 0.92), rgba(7, 11, 16, 0.86));
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.052);
}

#faq.stage-faq .faq-item__summary {
    position: relative;
    z-index: 1;
    padding: clamp(1.12rem, 1.25vw, 1.45rem) clamp(1.25rem, 1.8vw, 1.9rem);
}

#faq.stage-faq .faq-item__summary-copy {
    gap: 0.48rem;
}

#faq.stage-faq .faq-item__topline {
    gap: 0.68rem;
}

#faq.stage-faq .faq-item__meta {
    color: rgb(244, 158, 79);
    letter-spacing: 0.22em;
}

#faq.stage-faq .faq-item__group {
    padding: 0.20rem 0.56rem;
    border-color: rgba(232, 139, 56, 0.18);
    background: rgba(232, 139, 56, 0.075);
    color: rgba(235, 240, 246, 0.76);
}

#faq.stage-faq .faq-item__question {
    max-width: 66rem;
    font-size: clamp(1.18rem, 1.02rem + 0.68vw, 1.55rem);
    line-height: 1.18;
    color: rgba(248, 250, 252, 0.97);
}

#faq.stage-faq .faq-item__toggle {
    width: 2.05rem;
    height: 2.05rem;
    border-color: rgba(232, 139, 56, 0.26);
    background: rgba(5, 8, 12, 0.78);
    box-shadow:
        inset 0 0 16px rgba(232, 139, 56, 0.07),
        0 0 0 1px rgba(72, 164, 185, 0.04);
}

#faq.stage-faq .faq-item__toggle::before,
#faq.stage-faq .faq-item__toggle::after {
    width: 0.72rem;
    background: rgba(244, 248, 251, 0.92);
}

#faq.stage-faq .faq-item__body {
    position: relative;
    z-index: 1;
    gap: 0.7rem;
    padding: 0 clamp(1.25rem, 1.8vw, 1.9rem) clamp(1.1rem, 1.4vw, 1.55rem);
}

#faq.stage-faq .faq-item__answer {
    max-width: 76rem;
    font-size: clamp(0.98rem, 0.94rem + 0.14vw, 1.08rem);
    color: rgba(235, 241, 247, 0.84);
}

#faq.stage-faq .faq-item__support {
    max-width: 66rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(232, 139, 56, 0.15);
    font-size: clamp(0.92rem, 0.90rem + 0.08vw, 0.98rem);
    color: rgba(196, 208, 219, 0.74);
}

body[data-color-scheme="light"] #faq.stage-faq {
    background:
        linear-gradient(90deg, rgba(48, 66, 80, 0.12) 1px, transparent 1px),
        linear-gradient(180deg, rgba(198, 103, 42, 0.11) 1px, transparent 1px),
        radial-gradient(circle at 70% 36%, rgba(55, 139, 165, 0.14), transparent 30%),
        radial-gradient(circle at 24% 78%, rgba(198, 103, 42, 0.10), transparent 30%),
        linear-gradient(180deg, rgba(226, 232, 237, 0.98), rgba(207, 217, 225, 0.98));
    background-size: 9rem 9rem, 9rem 9rem, auto, auto, auto;
    border-top-color: rgba(184, 87, 33, 0.30);
    border-bottom-color: rgba(184, 87, 33, 0.22);
}

body[data-color-scheme="light"] #faq.stage-faq::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04)) !important;
    opacity: 0.45 !important;
}

body[data-color-scheme="light"] #faq.stage-faq .stage-label,
body[data-color-scheme="light"] #faq.stage-faq .faq-item__meta {
    color: rgb(220 111 46) !important;
}

body[data-color-scheme="light"] #faq.stage-faq .stage-title {
    color: rgb(30 35 41) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body[data-color-scheme="light"] #faq.stage-faq .stage-text {
    color: rgb(72 82 92) !important;
    opacity: 1 !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item,
body[data-color-scheme="light"] #faq.stage-faq .faq-item.is-visible,
body[data-color-scheme="light"] #faq.stage-faq .faq-item[open] {
    background:
        linear-gradient(135deg, rgba(255, 136, 64, 0.10), transparent 40%),
        radial-gradient(circle at 86% 82%, rgba(65, 155, 180, 0.12), transparent 18rem),
        linear-gradient(180deg, rgba(42, 49, 58, 0.96), rgba(22, 27, 33, 0.96)) !important;
    border-color: rgba(184, 87, 33, 0.36) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 46px rgba(58, 73, 88, 0.20) !important;
    opacity: 1 !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item__group {
    border-color: rgba(184, 87, 33, 0.24) !important;
    background: rgba(255, 136, 64, 0.10) !important;
    color: rgb(220 228 234) !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item__question {
    color: rgb(246 249 251) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item__answer,
body[data-color-scheme="light"] #faq.stage-faq .faq-item__support {
    color: rgb(220 228 234) !important;
    opacity: 1 !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item__toggle {
    background: rgba(10, 14, 18, 0.86) !important;
    border-color: rgba(184, 87, 33, 0.32) !important;
}

body[data-color-scheme="light"] #faq.stage-faq .faq-item__toggle::before,
body[data-color-scheme="light"] #faq.stage-faq .faq-item__toggle::after {
    background: rgb(240 244 247) !important;
}

@media (max-width: 980px) {
    #faq.stage-faq .faq-list {
        max-width: none;
        margin-top: 2rem;
    }

    #faq.stage-faq .stage-shell--faq::after {
        display: none;
    }
}

@media (max-width: 760px) {
    #faq.stage-faq {
        padding-top: var(--space-7);
        padding-bottom: var(--space-8);
    }

    #faq.stage-faq .faq-item {
        border-radius: var(--radius-l);
    }

    #faq.stage-faq .faq-item__summary {
        align-items: flex-start;
        padding: var(--space-4);
    }

    #faq.stage-faq .faq-item__toggle {
        margin-top: 0.15rem;
    }

    #faq.stage-faq .faq-item__body {
        padding: 0 var(--space-4) var(--space-4);
    }
}
/* S3g - Papageno FAQ als ruhige Bühne */
#faq.stage-faq[data-siteworld="papageno"] {
    border-top-color: rgba(213, 142, 70, 0.22);
    border-bottom-color: rgba(99, 64, 36, 0.22);
    background:
        radial-gradient(circle at 82% 22%, rgba(213, 142, 70, 0.11), transparent 30rem),
        radial-gradient(circle at 18% 72%, rgba(84, 48, 28, 0.18), transparent 32rem),
        linear-gradient(180deg, rgba(8, 6, 5, 0.99), rgba(12, 8, 6, 0.98));
}

#faq.stage-faq[data-siteworld="papageno"]::before,
#faq.stage-faq[data-siteworld="papageno"]::after,
#faq.stage-faq[data-siteworld="papageno"] .stage-shell--faq::before,
#faq.stage-faq[data-siteworld="papageno"] .stage-shell--faq::after,
#faq.stage-faq[data-siteworld="papageno"] .stage-backdrop,
#faq.stage-faq[data-siteworld="papageno"] .stage-atmosphere,
#faq.stage-faq[data-siteworld="papageno"] .stage-beam,
#faq.stage-faq[data-siteworld="papageno"] .stage-orb {
    display: none !important;
}

#faq.stage-faq[data-siteworld="papageno"] .stage-inner {
    padding-top: clamp(3.2rem, 4.4vw, 5.4rem);
    padding-bottom: clamp(3.8rem, 5vw, 6rem);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-intro {
    max-width: 52rem;
}

#faq.stage-faq[data-siteworld="papageno"] .stage-label,
#faq.stage-faq[data-siteworld="papageno"] .faq-item__meta {
    color: rgb(229, 157, 85);
}

#faq.stage-faq[data-siteworld="papageno"] .stage-title {
    max-width: 13.5ch;
    color: rgba(250, 246, 239, 0.97);
    text-shadow: 0 0 30px rgba(213, 142, 70, 0.10);
}

#faq.stage-faq[data-siteworld="papageno"] .stage-text {
    max-width: 43rem;
    color: rgba(232, 224, 211, 0.84);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-list {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 74rem;
    gap: clamp(0.9rem, 1.1vw, 1.18rem);
    margin-top: clamp(2rem, 2.8vw, 3rem);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-list::before {
    display: none;
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item {
    border: 1px solid rgba(213, 142, 70, 0.20);
    border-radius: 1.18rem;
    background:
        linear-gradient(135deg, rgba(213, 142, 70, 0.050), transparent 34%),
        linear-gradient(180deg, rgba(21, 15, 11, 0.92), rgba(9, 7, 6, 0.88));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 231, 192, 0.045);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item::before,
#faq.stage-faq[data-siteworld="papageno"] .faq-item::after {
    pointer-events: none;
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item::before {
    background: linear-gradient(90deg, rgba(213, 142, 70, 0.10), transparent 28%);
    opacity: 0.34;
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item::after {
    left: clamp(1.15rem, 1.8vw, 1.8rem);
    right: clamp(1.15rem, 1.8vw, 1.8rem);
    background: linear-gradient(90deg, rgba(213, 142, 70, 0.30), rgba(128, 73, 36, 0.10), transparent);
    opacity: 0.72;
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item[open] {
    border-color: rgba(230, 160, 86, 0.31);
    background:
        linear-gradient(135deg, rgba(213, 142, 70, 0.075), transparent 36%),
        linear-gradient(180deg, rgba(25, 17, 11, 0.94), rgba(10, 7, 6, 0.90));
    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.34),
        0 0 36px rgba(213, 142, 70, 0.045),
        inset 0 1px 0 rgba(255, 231, 192, 0.055);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__summary {
    padding: clamp(1.12rem, 1.35vw, 1.52rem) clamp(1.22rem, 1.8vw, 1.9rem);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__group {
    border-color: rgba(213, 142, 70, 0.18);
    background: rgba(213, 142, 70, 0.075);
    color: rgba(230, 219, 203, 0.76);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__question {
    max-width: 60rem;
    font-size: clamp(1.12rem, 1.03rem + 0.34vw, 1.38rem);
    line-height: 1.22;
    color: rgba(250, 246, 239, 0.96);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__body {
    padding: 0 clamp(1.22rem, 1.8vw, 1.9rem) clamp(1.15rem, 1.45vw, 1.6rem);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__answer {
    max-width: 64rem;
    color: rgba(232, 224, 211, 0.84);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__support {
    max-width: 60rem;
    border-top-color: rgba(213, 142, 70, 0.14);
    color: rgba(200, 188, 171, 0.72);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__toggle {
    border-color: rgba(213, 142, 70, 0.26);
    background: rgba(8, 6, 5, 0.82);
    box-shadow:
        inset 0 0 16px rgba(213, 142, 70, 0.065),
        0 0 0 1px rgba(255, 221, 170, 0.030);
}

#faq.stage-faq[data-siteworld="papageno"] .faq-item__toggle::before,
#faq.stage-faq[data-siteworld="papageno"] .faq-item__toggle::after {
    background: rgba(247, 240, 229, 0.92);
}

body[data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] {
    border-top-color: rgba(184, 102, 42, 0.26);
    border-bottom-color: rgba(126, 76, 38, 0.22);
    background:
        radial-gradient(circle at 78% 24%, rgba(213, 142, 70, 0.12), transparent 30rem),
        radial-gradient(circle at 18% 74%, rgba(126, 76, 38, 0.10), transparent 30rem),
        linear-gradient(180deg, rgba(226, 219, 209, 0.98), rgba(208, 197, 183, 0.98));
}

body[data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item,
body[data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item[open] {
    border-color: rgba(184, 102, 42, 0.30) !important;
    background:
        linear-gradient(135deg, rgba(213, 142, 70, 0.10), transparent 36%),
        linear-gradient(180deg, rgba(42, 32, 24, 0.96), rgba(20, 15, 11, 0.96)) !important;
}

/* F9 - Klartechnik FAQ als eigene Bühne */
#faq.stage-faq[data-siteworld="klartechnik"] {
    border-top-color: rgba(91, 165, 215, 0.30);
    border-bottom-color: rgba(68, 116, 154, 0.22);
    background:
        linear-gradient(90deg, rgba(91, 165, 215, 0.11) 1px, transparent 1px),
        linear-gradient(180deg, rgba(132, 185, 224, 0.07) 1px, transparent 1px),
        radial-gradient(circle at 78% 30%, rgba(55, 138, 204, 0.20), transparent 31rem),
        radial-gradient(circle at 17% 78%, rgba(72, 96, 128, 0.16), transparent 30rem),
        linear-gradient(180deg, rgba(4, 9, 14, 0.99), rgba(5, 11, 17, 0.98));
    background-size: 8rem 8rem, 8rem 8rem, auto, auto, auto;
}

#faq.stage-faq[data-siteworld="klartechnik"]::before {
    border-color: rgba(91, 165, 215, 0.13);
    box-shadow: 0 0 76px rgba(91, 165, 215, 0.08);
    opacity: 0.54;
}

#faq.stage-faq[data-siteworld="klartechnik"]::after {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.50), transparent 44%, rgba(0, 0, 0, 0.30)),
        linear-gradient(118deg, transparent 0 22%, rgba(91, 165, 215, 0.12) 22.2%, transparent 23.1% 68%, rgba(91, 165, 215, 0.08) 68.2%, transparent 69.1%);
    opacity: 0.68;
}

#faq.stage-faq[data-siteworld="klartechnik"] .stage-backdrop,
#faq.stage-faq[data-siteworld="klartechnik"] .stage-atmosphere,
#faq.stage-faq[data-siteworld="klartechnik"] .stage-beam,
#faq.stage-faq[data-siteworld="klartechnik"] .stage-orb {
    opacity: 0.08;
    filter: saturate(0.82) hue-rotate(18deg);
}

#faq.stage-faq[data-siteworld="klartechnik"] .stage-label,
#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__meta {
    color: rgb(126, 196, 242);
}

#faq.stage-faq[data-siteworld="klartechnik"] .stage-title {
    max-width: 15.5ch;
    color: rgba(242, 248, 253, 0.97);
    text-shadow: 0 0 34px rgba(91, 165, 215, 0.14);
}

#faq.stage-faq[data-siteworld="klartechnik"] .stage-text {
    color: rgba(222, 235, 245, 0.84);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-list::before {
    background: linear-gradient(90deg, transparent, rgba(91, 165, 215, 0.42), rgba(160, 205, 236, 0.18), transparent);
    opacity: 0.62;
    box-shadow: 0 0 16px rgba(91, 165, 215, 0.10);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item {
    border-color: rgba(91, 165, 215, 0.22);
    background:
        linear-gradient(135deg, rgba(91, 165, 215, 0.055), transparent 36%),
        radial-gradient(circle at 88% 70%, rgba(73, 130, 182, 0.12), transparent 18rem),
        linear-gradient(180deg, rgba(12, 21, 31, 0.93), rgba(5, 10, 16, 0.88));
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(206, 232, 252, 0.055);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item::before {
    background:
        linear-gradient(90deg, rgba(91, 165, 215, 0.11), transparent 24%),
        linear-gradient(180deg, rgba(225, 242, 255, 0.032), transparent 22%);
    opacity: 0.52;
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item::after {
    background: linear-gradient(90deg, rgba(91, 165, 215, 0.36), rgba(160, 205, 236, 0.13), transparent);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item[open] {
    border-color: rgba(126, 196, 242, 0.34);
    background:
        linear-gradient(135deg, rgba(91, 165, 215, 0.080), transparent 36%),
        radial-gradient(circle at 78% 62%, rgba(73, 130, 182, 0.15), transparent 18rem),
        linear-gradient(180deg, rgba(14, 25, 37, 0.95), rgba(6, 11, 18, 0.91));
    box-shadow:
        0 22px 56px rgba(0, 0, 0, 0.36),
        0 0 42px rgba(91, 165, 215, 0.055),
        inset 0 1px 0 rgba(206, 232, 252, 0.065);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__group {
    border-color: rgba(91, 165, 215, 0.20);
    background: rgba(91, 165, 215, 0.080);
    color: rgba(220, 234, 246, 0.75);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__question {
    color: rgba(244, 249, 253, 0.96);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__answer {
    color: rgba(224, 236, 246, 0.84);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__support {
    border-top-color: rgba(91, 165, 215, 0.16);
    color: rgba(189, 207, 222, 0.74);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__toggle {
    border-color: rgba(91, 165, 215, 0.28);
    background: rgba(5, 10, 16, 0.84);
    box-shadow:
        inset 0 0 16px rgba(91, 165, 215, 0.075),
        0 0 0 1px rgba(206, 232, 252, 0.035);
}

#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__toggle::before,
#faq.stage-faq[data-siteworld="klartechnik"] .faq-item__toggle::after {
    background: rgba(238, 247, 253, 0.92);
}

/* F9 - Farbatelier FAQ als eigene Bühne */
#faq.stage-faq[data-siteworld="farbatelier"] {
    border-top-color: rgba(232, 86, 194, 0.30);
    border-bottom-color: rgba(94, 201, 244, 0.20);
    background:
        radial-gradient(circle at 77% 28%, rgba(232, 86, 194, 0.20), transparent 30rem),
        radial-gradient(circle at 18% 76%, rgba(94, 201, 244, 0.17), transparent 30rem),
        radial-gradient(circle at 48% 12%, rgba(255, 182, 78, 0.10), transparent 24rem),
        linear-gradient(118deg, transparent 0 22%, rgba(232, 86, 194, 0.08) 22.2%, transparent 23.1% 70%, rgba(94, 201, 244, 0.07) 70.2%, transparent 71.1%),
        linear-gradient(180deg, rgba(7, 4, 13, 0.99), rgba(8, 6, 17, 0.98));
}

#faq.stage-faq[data-siteworld="farbatelier"]::before {
    border-color: rgba(232, 86, 194, 0.14);
    box-shadow: 0 0 76px rgba(232, 86, 194, 0.08);
    opacity: 0.52;
}

#faq.stage-faq[data-siteworld="farbatelier"]::after {
    background:
        radial-gradient(circle at 82% 52%, rgba(94, 201, 244, 0.10), transparent 27rem),
        linear-gradient(90deg, rgba(0, 0, 0, 0.48), transparent 42%, rgba(0, 0, 0, 0.30));
    opacity: 0.74;
}

#faq.stage-faq[data-siteworld="farbatelier"] .stage-backdrop,
#faq.stage-faq[data-siteworld="farbatelier"] .stage-atmosphere,
#faq.stage-faq[data-siteworld="farbatelier"] .stage-beam,
#faq.stage-faq[data-siteworld="farbatelier"] .stage-orb {
    opacity: 0.09;
    filter: saturate(1.24) hue-rotate(-8deg);
}

#faq.stage-faq[data-siteworld="farbatelier"] .stage-label,
#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__meta {
    color: rgb(255, 151, 220);
}

#faq.stage-faq[data-siteworld="farbatelier"] .stage-title {
    max-width: 16.2ch;
    color: rgba(253, 248, 255, 0.97);
    text-shadow:
        0 0 34px rgba(232, 86, 194, 0.14),
        0 0 52px rgba(94, 201, 244, 0.08);
}

#faq.stage-faq[data-siteworld="farbatelier"] .stage-text {
    color: rgba(237, 226, 245, 0.84);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-list::before {
    background: linear-gradient(90deg, transparent, rgba(232, 86, 194, 0.38), rgba(94, 201, 244, 0.25), rgba(255, 182, 78, 0.15), transparent);
    opacity: 0.68;
    box-shadow: 0 0 18px rgba(232, 86, 194, 0.11);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item {
    border-color: rgba(232, 86, 194, 0.22);
    background:
        linear-gradient(135deg, rgba(232, 86, 194, 0.055), transparent 36%),
        radial-gradient(circle at 88% 72%, rgba(94, 201, 244, 0.105), transparent 18rem),
        linear-gradient(180deg, rgba(22, 12, 31, 0.93), rgba(9, 6, 17, 0.88));
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 221, 247, 0.055);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item::before {
    background:
        linear-gradient(90deg, rgba(232, 86, 194, 0.10), transparent 24%),
        linear-gradient(180deg, rgba(255, 226, 248, 0.032), transparent 22%);
    opacity: 0.52;
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item::after {
    background: linear-gradient(90deg, rgba(232, 86, 194, 0.35), rgba(94, 201, 244, 0.15), transparent);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item[open] {
    border-color: rgba(255, 151, 220, 0.34);
    background:
        linear-gradient(135deg, rgba(232, 86, 194, 0.083), transparent 36%),
        radial-gradient(circle at 78% 62%, rgba(94, 201, 244, 0.13), transparent 18rem),
        linear-gradient(180deg, rgba(27, 14, 38, 0.95), rgba(10, 7, 18, 0.91));
    box-shadow:
        0 22px 56px rgba(0, 0, 0, 0.36),
        0 0 42px rgba(232, 86, 194, 0.055),
        inset 0 1px 0 rgba(255, 221, 247, 0.065);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__group {
    border-color: rgba(232, 86, 194, 0.20);
    background: rgba(232, 86, 194, 0.080);
    color: rgba(236, 222, 244, 0.75);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__question {
    color: rgba(253, 248, 255, 0.96);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__answer {
    color: rgba(237, 226, 245, 0.84);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__support {
    border-top-color: rgba(232, 86, 194, 0.16);
    color: rgba(206, 192, 217, 0.74);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__toggle {
    border-color: rgba(232, 86, 194, 0.28);
    background: rgba(9, 6, 17, 0.84);
    box-shadow:
        inset 0 0 16px rgba(232, 86, 194, 0.075),
        0 0 0 1px rgba(94, 201, 244, 0.035);
}

#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__toggle::before,
#faq.stage-faq[data-siteworld="farbatelier"] .faq-item__toggle::after {
    background: rgba(253, 248, 255, 0.92);
}

/* F19 - Säulenwirkung: FAQ als normale Bühne mit eigener Ordnung je Säule */
@media (min-width: 981px) {
    body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-intro {
        max-width: 45rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgb(var(--world-line) / 0.30);
    }

    body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.9rem;
    }

    body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item {
        border-radius: calc(var(--radius-xl) - 0.45rem);
        background:
            linear-gradient(90deg, rgb(var(--world-line) / 0.10) 0 1px, transparent 1px 100%),
            linear-gradient(180deg, rgb(var(--world-line) / 0.08) 0 1px, transparent 1px 100%),
            linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.40), rgb(var(--pillar-panel) / 0.78));
        background-size: 2rem 2rem, 2rem 2rem, auto;
    }

    body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item[open] {
        border-color: rgb(var(--world-line) / 0.36);
    }

    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 1fr);
        gap: clamp(0.95rem, 1.4vw, 1.45rem);
        align-items: start;
    }

    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item {
        background:
            radial-gradient(ellipse at 15% 12%, rgb(var(--pillar-accent) / 0.16), transparent 20rem),
            radial-gradient(ellipse at 90% 88%, rgb(var(--pillar-accent-2) / 0.10), transparent 20rem),
            linear-gradient(150deg, rgb(var(--pillar-panel-soft) / 0.48), rgb(var(--pillar-panel) / 0.78));
    }

    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(1) {
        grid-column: span 2;
    }

    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(3),
    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(6) {
        transform: translateY(1.8rem);
    }
}

@media (max-width: 980px) {
    body[data-siteworld] #faq.stage-faq .faq-list {
        grid-template-columns: 1fr;
    }

    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(3),
    body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(6) {
        transform: none;
    }
}

/* F22 - FAQ-Bühne als normale Bühne stabilisieren */
@media (min-width: 981px) {
  body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(3),
  body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:nth-child(6) {
    transform: translateY(0.75rem);
  }
}

/* K2 - Klartechnik: FAQ ruhig und technisch lesbar abschließen */
body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-intro {
  max-width: 50rem;
  border-bottom-color: rgba(126, 210, 255, 0.30);
}

@media (min-width: 981px) {
  body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.9rem, 1.2vw, 1.3rem);
  }

  body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item {
    border-color: rgba(126, 210, 255, 0.19);
    background:
      linear-gradient(90deg, rgba(104, 202, 255, 0.085) 0 1px, transparent 1px 100%),
      linear-gradient(180deg, rgba(104, 202, 255, 0.062) 0 1px, transparent 1px 100%),
      linear-gradient(180deg, rgba(8, 29, 48, 0.54), rgba(4, 13, 22, 0.80));
    background-size: 2rem 2rem, 2rem 2rem, auto;
  }
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item__question {
  color: rgba(244, 250, 255, 0.96);
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item__answer {
  color: rgba(221, 238, 250, 0.80);
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item__group {
  color: rgba(206, 232, 252, 0.76);
}