/* ===== KARRIERE PAGE ===== */
.karriere-section-title {
    font-size: clamp(1.2rem, 2vw, 1.6rem);
    font-weight: 700; margin-bottom: 12px; color: var(--black);
}
.karriere-section-sub {
    font-size: .95rem; color: #555; line-height: 1.7;
    max-width: 700px; margin-bottom: 36px;
}

/* Werte grid */
#karriere .section__tag { display: none; }
#karriere .section__title {
    max-width: 1040px;
    margin-bottom: 26px;
}
#karriere .section__sub {
    max-width: 820px;
    margin-bottom: 0;
}
#karriere { padding-bottom: clamp(20px, 3vh, 36px); }
#stellen { padding-top: clamp(20px, 3vh, 36px); }
.karriere-werte { margin-top: 28px; }
.karriere-werte::before {
    content: '';
    display: block;
    width: 76px;
    height: 1px;
    margin-bottom: 24px;
    background: linear-gradient(90deg, var(--yellow), rgba(216,180,255,0));
}
.karriere-werte .karriere-section-title {
    margin-bottom: 16px;
}
.karriere-werte .karriere-section-sub {
    max-width: 900px;
    margin-bottom: 46px;
}
.karriere-werte__grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
}
.karriere-wert {
    background: var(--white);
    border: 1px solid rgba(48,67,95,.08);
    border-radius: 18px; padding: 28px 28px 26px;
    box-shadow: 0 12px 34px rgba(48,67,95,.08);
    transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
}
.karriere-wert:hover { border-color: rgba(216,180,255,.34); box-shadow: 0 16px 42px rgba(48,67,95,.12); transform: translateY(-2px); }
.karriere-wert__label {
    font-weight: 700; font-size: .82rem;
    font-family: var(--mono); color: var(--yellow);
    text-transform: uppercase; letter-spacing: .10em;
    margin-bottom: 16px;
}
.karriere-wert__text { font-size: .92rem; color: #55677f; line-height: 1.65; }


/* Why grid */
#why-schlei {
    background: var(--black);
}
#why-schlei .container {
    max-width: 1200px;
}
#why-schlei .section__tag {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 42px;
    color: var(--yellow) !important;
    letter-spacing: .16em;
}
#why-schlei .section__tag::before {
    content: '';
    width: 30px;
    height: 1px;
    background: var(--yellow);
    opacity: .8;
}
#why-schlei .section__title {
    max-width: 680px;
    margin-bottom: 72px;
    color: var(--white);
    font-size: clamp(3.1rem, 6.2vw, 5.35rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.02em;
}
#why-schlei .section__title span {
    color: var(--yellow);
}
.why-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;
    margin-top: 0;
}
.why-card {
    background: rgba(37,52,74,.72);
    border: 1px solid rgba(216,180,255,.16);
    border-radius: 18px; padding: 34px 36px 36px;
    min-height: 250px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px rgba(0,0,0,.08);
    transition: border-color .3s, box-shadow .3s, transform .3s;
}
.why-card:hover {
    border-color: rgba(216,180,255,.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 46px rgba(0,0,0,.12);
    transform: translateY(-2px);
}
.why-card__icon {
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: var(--yellow);
    background: rgba(216,180,255,.08);
    border: 1px solid rgba(216,180,255,.28);
}
.why-card__icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.why-card__title {
    font-size: .78rem; font-weight: 800; color: var(--yellow);
    margin-bottom: 14px; font-family: var(--mono);
    text-transform: uppercase; letter-spacing: .14em;
}
.why-card__text { font-size: 1rem; color: rgba(255,255,255,.70); line-height: 1.75; }

/* CTA box */
.karriere-cta-box {
    background: var(--black);
    border-radius: 24px;
    padding: 68px clamp(32px, 6vw, 72px) 58px;
    text-align: center;
    color: var(--white);
    overflow: hidden;
}
.karriere-cta-box__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 42px;
    font-family: var(--mono);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--yellow);
}
.karriere-cta-box__eyebrow::before,
.karriere-cta-box__eyebrow::after {
    content: '';
    width: 34px;
    height: 1px;
    background: var(--yellow);
    opacity: .75;
}
.karriere-cta-box__title {
    max-width: 980px;
    margin: 0 auto 24px;
    font-size: clamp(2.35rem, 5vw, 4.35rem);
    font-weight: 800;
    line-height: 1.08;
}
.karriere-cta-box__title span {
    color: var(--yellow);
}
.karriere-cta-box__sub {
    color: rgba(255,255,255,.68); font-size: 1.05rem;
    margin-bottom: 52px; max-width: 640px; margin-left: auto; margin-right: auto;
    line-height: 1.7;
}
.karriere-cta-box__list {
    display: flex; flex-direction: column; gap: 16px;
    max-width: 900px; margin: 0 auto 50px; text-align: left;
}
.karriere-cta-box__item {
    position: relative;
    display: flex; align-items: center; gap: 20px;
    min-height: 84px;
    font-size: 1rem; color: rgba(255,255,255,.84); line-height: 1.55;
    padding: 22px 30px; background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    overflow: hidden;
}
.karriere-cta-box__item::before {
    content: '✓';
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--yellow);
    color: var(--black);
    font-weight: 800;
    flex-shrink: 0;
    box-shadow: 0 0 28px rgba(216,180,255,.28);
}
.karriere-cta-box__item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--yellow);
    border-radius: 16px 0 0 16px;
}
.karriere-cta-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 58px;
    padding: 16px 34px;
    border-radius: 999px;
    background: var(--yellow);
    color: var(--black);
    font-weight: 800;
    letter-spacing: .02em;
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(216,180,255,.25);
    transition: transform .2s ease, box-shadow .2s ease;
}
.karriere-cta-box__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(216,180,255,.32);
}


@media(max-width: 968px) {
    .karriere-werte__grid { grid-template-columns: repeat(2, 1fr); }
    .why-grid { grid-template-columns: 1fr; }
    .karriere-cta-box { padding: 40px 24px; }
    .karriere-cta-box__eyebrow { margin-bottom: 28px; }
    .karriere-cta-box__sub { margin-bottom: 34px; }
    .karriere-cta-box__item { padding: 20px 22px; }
}

@media(max-width: 600px) {
    .karriere-werte__grid { grid-template-columns: 1fr; }
    .karriere-cta-box__eyebrow { gap: 8px; font-size: .7rem; }
    .karriere-cta-box__eyebrow::before,
    .karriere-cta-box__eyebrow::after { width: 24px; }
    .karriere-cta-box__item {
        align-items: flex-start;
        gap: 14px;
        min-height: 0;
        padding: 18px;
    }
    .karriere-cta-box__item::before {
        width: 30px;
        height: 30px;
        font-size: .85rem;
    }
    .karriere-cta-box__button { width: 100%; min-width: 0; }
}