/* Sandbox overview and course dates share a desktop row. */
.training .sandbox-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:6%;padding:75px 5% 35px;align-items:start}
.training .sandbox-split .intro,.training .sandbox-split .courses{padding:0;border:0;min-width:0}
.training .sandbox-split .wrap{padding:0;max-width:none;margin:0}
.training .sandbox-split .intro h2{font-size:clamp(30px,3vw,44px);line-height:1.14;max-width:22ch;margin:0 0 25px}
.training .sandbox-split .intro .lead{font-size:16px;line-height:1.75;max-width:none}
.training .sandbox-split .photo-overlay{margin-top:32px;aspect-ratio:4/3;border-radius:10px}
.training .sandbox-split .photo-overlay img{height:100%;max-height:none}
.training .sandbox-split .photo-overlay .ov{padding:20px}
.training .sandbox-split .photo-overlay .ov b{font-size:14px}
.training .sandbox-split .courses{padding-left:30px;border-left:1px solid #303741}
.training .sandbox-split .courses h2{font-size:30px;margin:0 0 18px}
.training .sandbox-split .courses .sub{font-size:14px;line-height:1.7;margin:0 0 30px}
.training .sandbox-split .timeline{padding-left:29px}
.training .sandbox-split .titem{padding-bottom:28px}
.training .sandbox-split .tyear:not(:first-child){margin-top:12px}
.training .sandbox-split .titem h3{font-size:20px;line-height:1.35}
.training .sandbox-split .titem .meta{font-size:10px;line-height:1.7;letter-spacing:.025em}
.training .sandbox-split .titem .status{display:block;margin:0 0 12px;font-size:10px}
.training .sandbox-split .titem:last-child{padding-bottom:0}
.training #was-sie-mitnehmen{border-top:0;padding-top:35px}
@media(max-width:1000px){.training .sandbox-split{grid-template-columns:minmax(0,1fr);gap:40px;padding:55px 5% 25px}.training .sandbox-split .intro h2{max-width:28ch}.training .sandbox-split .intro .lead{max-width:65ch}.training .sandbox-split .photo-overlay{max-width:720px;aspect-ratio:16/9}.training .sandbox-split .courses{padding:30px 0 0;border-left:0;border-top:1px solid #303741}.training .sandbox-split .courses .sub{max-width:60ch}.training .sandbox-split .timeline{max-width:650px}.training #was-sie-mitnehmen{padding-top:35px}}
@media(max-width:600px){.training .sandbox-split{padding:45px 24px 20px}.training .sandbox-split .intro h2{font-size:30px}.training .sandbox-split .photo-overlay{aspect-ratio:4/3}.training .sandbox-split .photo-overlay .ov b{font-size:12px}}

/* Keep every marker centred on the timeline axis at all widths. */
.training .sandbox-split .timeline{--timeline-indent:29px;--timeline-axis:7px;padding-left:var(--timeline-indent)}.training .sandbox-split .timeline:before{left:var(--timeline-axis)}.training .sandbox-split .titem:before{left:calc(var(--timeline-axis) - var(--timeline-indent) + .5px);transform:translateX(-50%);box-sizing:border-box}

/* Selected blue-grey dates panel. */
.training .sandbox-split .courses{background:#151f2a;padding:32px;border-radius:12px;border:0}.training .sandbox-split .courses .meta,.training .sandbox-split .courses .status,.training .sandbox-split .courses .tyear{color:#aab6c6}.training .sandbox-split .courses .timeline:before{background:#435062}@media(max-width:600px){.training .sandbox-split .courses{padding:25px 20px}}

/* Die Termine stehen als breite eigene Sektion; das Foto folgt darunter
   im natürlichen Seitenverhältnis, damit alle Personen im Bild bleiben. */
.training .sandbox-split{display:block;padding:75px 5% 0}
.training .sandbox-split .intro{padding:0 0 58px}
.training .sandbox-split .courses{padding:0 0 46px;border:0;background:transparent;border-radius:0}
.training .sandbox-split .courses .wrap{max-width:none}
.training .sandbox-photo-followup{padding:0 0 72px}
.training .sandbox-photo-followup .photo-overlay{max-width:none;margin:0;aspect-ratio:auto;border-radius:10px;overflow:hidden}
.training .sandbox-photo-followup .photo-overlay img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:contrast(1.04) brightness(.86)}
.training .sandbox-photo-followup .photo-overlay .ov{padding:clamp(22px,3vw,38px)}
@media(max-width:600px){.training .sandbox-split{padding:45px 24px 0}.training .sandbox-photo-followup{padding:0 0 52px}.training .sandbox-photo-followup .photo-overlay{border-radius:6px}}

/* Zweigeteilte Darstellung für 02 Training */
.training .sandbox-split{display:grid;padding:75px 5% 55px;grid-template-columns:minmax(0,1.2fr) minmax(360px,.82fr);gap:6%;align-items:start}
.training .sandbox-split .intro{padding:0;min-width:0}.training .sandbox-split .intro .wrap{padding:0;max-width:none}.training .sandbox-split .intro h2{font-size:clamp(40px,4.1vw,64px);line-height:1.02;letter-spacing:-.055em;max-width:11ch;margin:0 0 30px}.training .sandbox-split .intro .lead{max-width:58ch;font-size:18px;line-height:1.65;color:#b9c4d3}.training .sandbox-split .training-sandbox-photo{margin-top:42px;aspect-ratio:4/3;border-radius:10px;overflow:hidden}.training .sandbox-split .training-sandbox-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}.training .sandbox-split .training-sandbox-photo .ov{padding:clamp(22px,3vw,38px)}.training .sandbox-split .courses{padding:32px 32px 28px;background:#141416;border:0;border-radius:0}.training .sandbox-split .courses .wrap{padding:0;max-width:none}.training .sandbox-split .courses h2{font-size:38px;margin:0 0 20px}.training .sandbox-split .courses .sub{max-width:38ch;font-size:16px;line-height:1.6;margin-bottom:38px}.training .sandbox-split .timeline{padding-left:29px}.training .sandbox-split .titem h3{font-size:23px;line-height:1.25}.training .sandbox-split .titem .meta{font-size:10px;line-height:1.7}.training .sandbox-split .titem .status{font-size:11px}.training .sandbox-split .titem{padding-bottom:34px}
@media(max-width:1000px){.training .sandbox-split{grid-template-columns:1fr;gap:40px;padding:55px 5% 30px}.training .sandbox-split .intro h2{max-width:16ch}.training .sandbox-split .training-sandbox-photo{max-width:760px;aspect-ratio:16/9}.training .sandbox-split .courses{padding:32px 24px}.training .sandbox-split .courses .sub{max-width:60ch}}
@media(max-width:600px){.training .sandbox-split{padding:45px 24px 25px}.training .sandbox-split .intro h2{font-size:38px}.training .sandbox-split .training-sandbox-photo{aspect-ratio:4/3}.training .sandbox-split .courses{padding:25px 20px}}

/* Bild und Termine bündig; Wissen-Link im Bild */
.training .sandbox-split .intro .eyebrow,.training .sandbox-split .intro h2,.training .sandbox-split .intro .lead{display:none}
.training .sandbox-split .intro{padding:0}.training .sandbox-split .training-sandbox-photo{margin-top:0;aspect-ratio:1.18/1;min-height:620px}.training .sandbox-split .training-sandbox-photo img{height:100%;min-height:620px;object-fit:cover}.training .sandbox-split .training-sandbox-photo .ov{padding:28px}.sandbox-readmore{display:inline-flex;align-items:center;gap:30px;padding:14px 20px;border:1px solid #8fbeff;color:#8fbeff;text-decoration:none;font:600 16px Inter,sans-serif;background:rgba(8,9,10,.18);transition:background .2s,color .2s}.sandbox-readmore span{font-size:15px}.sandbox-readmore:hover{background:#8fbeff;color:#0a0a0b}
@media(max-width:1000px){.training .sandbox-split .training-sandbox-photo{aspect-ratio:16/9;min-height:0}.training .sandbox-split .training-sandbox-photo img{min-height:0;height:100%}}
@media(max-width:600px){.training .sandbox-split .training-sandbox-photo{aspect-ratio:4/3}.sandbox-readmore{font-size:14px}}
.sandbox-readmore{align-self:flex-start}

/* Bild und Termine enden bündig */
.training .sandbox-split{align-items:stretch}
.training .sandbox-split .intro{display:flex;flex-direction:column;height:100%}
.training .sandbox-split .training-sandbox-photo{flex:1;min-height:0;height:auto;aspect-ratio:auto;margin:0}
.training .sandbox-split .training-sandbox-photo img{height:100%;min-height:0;object-fit:cover}
.training .sandbox-split .training-sandbox-photo .ov{justify-content:flex-start;align-items:flex-end}
.training .sandbox-split .sandbox-readmore{align-self:flex-end;padding:10px 15px;gap:18px;font-size:14px}
@media(max-width:1000px){.training .sandbox-split .training-sandbox-photo{min-height:440px;aspect-ratio:16/9}.training .sandbox-split .training-sandbox-photo img{height:100%;min-height:0}}

/* Auf Desktop exakt dieselbe Höhe wie die Terminspalte; der Link bleibt im Bild. */
@media(min-width:1001px){
  .training .sandbox-split .intro{height:100%;min-height:100%;align-self:stretch}
  .training .sandbox-split .training-sandbox-photo{height:100%;flex:1 1 auto;min-height:0}
  .training .sandbox-split .training-sandbox-photo img{height:100%;min-height:0}
}

/* Mint bleibt als punktueller AI-Sandbox-Akzent erhalten. */
.training .training-hero .ctas a[href="#ai-sandbox"]{border-color:#ed675a;color:#ed675a}
.training .sandbox-split .sandbox-wordmark{color:#ed675a}
.training .sandbox-split .sandbox-readmore{border-color:#ed675a;color:#ed675a}
.training .sandbox-split .sandbox-readmore:hover{background:#ed675a;color:#0a0a0b}
.training .sandbox-split .date-dot,.training .sandbox-split .titem:before{border-color:#ed675a}

/* AI-Sandbox wieder im Prompt-01-Stil: helle Schrift, blauer Cursor und gefüllte CTA. */
.training .sandbox-split .sandbox-wordmark{color:#f2f1ed}
.training .sandbox-split .sandbox-wordmark s{color:#f2f1ed}
.training .sandbox-split .sandbox-wordmark i{background:#f2f1ed}
.training .sandbox-split .date-dot,.training .sandbox-split .titem:before{border-color:#8fbeff}
.training .training-hero .ctas a[href="#ai-sandbox"],
.training .sandbox-split .sandbox-readmore{background:#8fbeff;color:#0a0a0b;border-color:#8fbeff}
.training .training-hero .ctas a[href="#ai-sandbox"]:hover,
.training .sandbox-split .sandbox-readmore:hover{background:transparent;color:#8fbeff;border-color:#8fbeff}