:root{--jj-navy:#062f52;--jj-blue:#075783;--jj-red:#063f69;--jj-ink:#172837;--jj-muted:#687987;--jj-line:#dfe7ed;--jj-soft:#f4f7f9;--jj-white:#fff}.jongen-jobs{position:relative;max-width:1180px;margin:0 auto;padding:0 0 95px;color:var(--jj-ink)}.jongen-jobs__hero{position:relative;width:100vw;max-width:none;margin:0 0 62px calc(50% - 50vw);padding:82px max(24px,calc((100vw - 1180px)/2)) 72px;overflow:hidden;text-align:center;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(31,132,183,.3),transparent 31%),linear-gradient(125deg,#031d33,#063f69 58%,#075f91)}.jongen-jobs__hero:before,.jongen-jobs__apply:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}.jongen-jobs__hero>*,.jongen-jobs__apply>*{position:relative;z-index:1}.jongen-jobs__hero span,.jongen-jobs__apply>span{display:inline-flex;align-items:center;gap:10px;color:#8cc9e8;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.jongen-jobs__hero span:before,.jongen-jobs__apply>span:before{width:32px;height:2px;content:"";background:currentColor}.jongen-jobs__hero h1{margin:12px 0;color:#fff;font-size:clamp(2.35rem,5vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}.jongen-jobs__hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.7}.jongen-jobs__company{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(270px,.7fr);gap:28px;align-items:center;margin-bottom:68px;padding:34px 38px;overflow:hidden;border:1px solid var(--jj-line);border-radius:20px;background:linear-gradient(135deg,#fff,#f3f8fa);box-shadow:0 16px 42px rgba(18,52,75,.08)}.jongen-jobs__company:after{position:absolute;right:-90px;bottom:-130px;width:310px;height:310px;border:1px solid rgba(7,87,131,.1);border-radius:50%;content:""}.jongen-jobs__company-mark{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:21px;background:linear-gradient(135deg,var(--jj-navy),var(--jj-blue));box-shadow:0 13px 28px rgba(6,47,82,.2)}.jongen-jobs__company-mark span{color:#fff;font-size:2.8rem;font-weight:800}.jongen-jobs__company-content{position:relative;z-index:1}.jongen-jobs__company-eyebrow,.jongen-jobs__section-head span{color:var(--jj-red);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.jongen-jobs__company h2{margin:5px 0 10px;color:var(--jj-navy);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em}.jongen-jobs__company p{max-width:690px;margin:0 0 16px;color:var(--jj-muted);line-height:1.75}.jongen-jobs__company-link{display:inline-flex;align-items:center;color:var(--jj-navy)!important;font-weight:800;text-decoration:none!important}.jongen-jobs__company-link:after{margin-left:9px;content:"\2192";transition:transform .2s ease}.jongen-jobs__company-link:hover:after{transform:translateX(4px)}.jongen-jobs__company-values{position:relative;z-index:1;display:grid;gap:9px}.jongen-jobs__company-values div{padding:12px 14px;border-left:3px solid var(--jj-red);border-radius:0 9px 9px 0;background:#fff;box-shadow:0 5px 14px rgba(18,52,75,.05)}.jongen-jobs__company-values strong,.jongen-jobs__company-values span{display:block}.jongen-jobs__company-values strong{color:var(--jj-navy);font-size:.86rem}.jongen-jobs__company-values span{margin-top:2px;color:var(--jj-muted);font-size:.78rem}.jongen-jobs__vacancies{margin-top:0}.jongen-jobs__section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.jongen-jobs__section-head h2{margin:4px 0 0;color:var(--jj-navy);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800}.jongen-jobs__section-head small{padding:7px 11px;border-radius:999px;background:#ebf3f7;color:var(--jj-blue);font-weight:800}.jongen-jobs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.jongen-job-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--jj-line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(18,52,75,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.jongen-job-card:hover{transform:translateY(-4px);border-color:rgba(6,63,105,.22);box-shadow:0 18px 42px rgba(18,52,75,.13)}.jongen-job-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:14px 20px;border-bottom:1px solid var(--jj-line);background:#f0f5f8;color:var(--jj-navy);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.jongen-job-card__top>:first-child{color:var(--jj-red)}.jongen-job-card__body{flex:1;padding:26px 24px 24px}.jongen-job-card__body h3{margin:0 0 13px;color:var(--jj-navy);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:800;line-height:1.25;letter-spacing:-.025em}.jongen-job-card__body p,.jongen-job-card__body li{color:var(--jj-muted);line-height:1.7}.jongen-job-card__location{display:flex;gap:9px;align-items:flex-start}.jongen-job-card__location span{color:var(--jj-red);font-size:.65rem;line-height:2.5}.jongen-job-card footer{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 22px;border-top:1px solid var(--jj-line);background:#fbfcfd}.job-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid var(--jj-navy);border-radius:10px;background:var(--jj-navy);color:#fff!important;font-size:.86rem;font-weight:800;line-height:1.2;text-decoration:none!important;transition:.2s ease}.job-btn:not(.job-btn--outline):after{margin-left:10px;content:"\2192"}.job-btn:hover{transform:translateX(2px);border-color:var(--jj-red);background:var(--jj-red);color:#fff!important}.job-btn--outline{border-color:var(--jj-line);background:#fff;color:var(--jj-navy)!important}.job-btn--outline:hover{border-color:var(--jj-navy);background:var(--jj-navy);color:#fff!important}.jongen-jobs__empty{padding:34px;border:1px solid var(--jj-line);border-radius:16px;background:var(--jj-soft);text-align:center}.jongen-jobs__empty h3{margin:0 0 7px;color:var(--jj-navy)}.jongen-jobs__empty p{margin:0;color:var(--jj-muted)}.jongen-jobs__apply{position:relative;margin-top:42px;padding:42px 28px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(31,132,183,.25),transparent 34%),linear-gradient(125deg,#031d33,#063f69 62%,#075f91);box-shadow:0 18px 42px rgba(18,52,75,.14);color:#fff;text-align:center}.jongen-jobs__apply h2{margin:10px 0;color:#fff;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800}.jongen-jobs__apply p{max-width:700px;margin:0 auto 20px;color:rgba(255,255,255,.76);line-height:1.7}.jongen-jobs__apply a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #fff;border-radius:10px;background:#fff;color:var(--jj-navy)!important;font-weight:800;text-decoration:none!important;transition:.2s ease}.jongen-jobs__apply a:after{margin-left:10px;content:"\2192"}.jongen-jobs__apply a:hover{transform:translateX(2px);border-color:var(--jj-red);background:var(--jj-red);color:#fff!important}@media(max-width:991px){.jongen-jobs__company{grid-template-columns:80px 1fr}.jongen-jobs__company-values{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.jongen-jobs__grid{grid-template-columns:1fr}}@media(max-width:575px){.jongen-jobs{padding-bottom:65px}.jongen-jobs__hero{margin-bottom:42px;padding-top:58px;padding-bottom:52px}.jongen-jobs__company{grid-template-columns:1fr;padding:26px 22px}.jongen-jobs__company-mark{width:68px;height:68px}.jongen-jobs__company-values{grid-template-columns:1fr}.jongen-jobs__section-head{align-items:flex-start;flex-direction:column}.jongen-job-card{border-radius:15px}.jongen-job-card__body{padding:22px 20px}.jongen-job-card footer{flex-direction:column;padding:17px 20px 21px}.job-btn{width:100%}.jongen-jobs__apply{padding:34px 20px;border-radius:15px}}@media(prefers-reduced-motion:reduce){.jongen-job-card,.job-btn,.jongen-jobs__apply a,.jongen-jobs__company-link:after{transition:none}}

/* FINAL: EINHEITLICHES JONGEN-BLAU */
:root {
    --jj-red: #063f69;
    --jj-accent: #063f69;
    --jj-accent-hover: #062f52;
    --jj-accent-active: #031d33;
    --jj-accent-light: #8cc9e8;
}

/* Helle Akzente auf dunklen Flaechen */
.jongen-jobs__hero span,
.jongen-jobs__apply > span {
    color: var(--jj-accent-light);
}

/* Unternehmensbereich vereinheitlichen */
.jongen-jobs__company {
    border: 1px solid var(--jj-line);
    border-left: 4px solid var(--jj-accent);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.jongen-jobs__company::after {
    display: none;
}

.jongen-jobs__company-mark {
    border-radius: 8px;
    background: var(--jj-accent);
    box-shadow: none;
}

.jongen-jobs__company-eyebrow,
.jongen-jobs__section-head span {
    color: var(--jj-accent);
}

.jongen-jobs__company-values div {
    border-left: 4px solid var(--jj-accent);
    border-radius: 0 8px 8px 0;
    box-shadow: none;
}

/* Einheitliche Stellenkarten */
.jongen-job-card {
    border: 1px solid var(--jj-line);
    border-left: 4px solid var(--jj-accent);
    border-radius: 8px;
    box-shadow: none;
}

.jongen-job-card:hover {
    transform: none;
    border-color: #c2d4de;
    border-left-color: var(--jj-accent-hover);
    box-shadow: 0 10px 28px rgba(6, 63, 105, .10);
}

.jongen-job-card__top {
    background: #f2f6f8;
}

.jongen-job-card__top > :first-child,
.jongen-job-card__location span {
    color: var(--jj-accent);
}

/* Einheitliche dunkelblaue Buttons */
.job-btn {
    border-color: var(--jj-accent);
    border-radius: 8px;
    background: var(--jj-accent);
    box-shadow: none;
}

.job-btn:hover,
.job-btn:focus-visible {
    transform: none;
    border-color: var(--jj-accent-hover);
    background: var(--jj-accent-hover);
    color: #fff !important;
}

.job-btn:active {
    border-color: var(--jj-accent-active);
    background: var(--jj-accent-active);
}

.job-btn--outline {
    border-color: var(--jj-line);
    background: #fff;
    color: var(--jj-accent) !important;
}

.job-btn--outline:hover,
.job-btn--outline:focus-visible {
    border-color: var(--jj-accent);
    background: var(--jj-accent);
    color: #fff !important;
}

.job-btn:focus-visible,
.jongen-jobs__apply a:focus-visible {
    outline: 3px solid rgba(6, 63, 105, .22);
    outline-offset: 3px;
}

.jongen-jobs__empty {
    border-left: 4px solid var(--jj-accent);
    border-radius: 8px;
    box-shadow: none;
}

/* Bewerbungsbereich: weisser Button mit blauem Hover */
.jongen-jobs__apply {
    border-radius: 8px;
}

.jongen-jobs__apply a {
    border-radius: 8px;
}

.jongen-jobs__apply a:hover,
.jongen-jobs__apply a:focus-visible {
    transform: none;
    border-color: var(--jj-accent-light);
    background: var(--jj-accent-light);
    color: var(--jj-navy) !important;
}

@media (max-width: 575px) {
    .jongen-job-card,
    .jongen-jobs__apply {
        border-radius: 8px;
    }
}