.labor { --praxis-ink: #172e2c; --praxis-accent: #376453; }
.labor-auftakt { position: relative; isolation: isolate; background: #112321; color: #fff9ec; }
.labor-motiv { position: absolute; inset: 0 0 0 34%; z-index: -1; overflow: hidden; }
.labor-motiv img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 41%; }
.labor-motiv::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, #112321 0, #112321bd 16%, #11232124 40%, transparent 62%), linear-gradient(0deg, #13201b8a, transparent 24%);
}
.labor-motiv figcaption { position: absolute; right: max(4vw, calc((100vw - 76rem) / 2)); bottom: 1.15rem; z-index: 1; font-size: .8rem; }
.labor-ansprache { display: grid; grid-template-rows: auto 1fr; min-height: clamp(33rem, 70svh, 46rem); padding-block: 1rem clamp(3rem, 5vw, 5rem); }
.labor-ansprache > .praxis-zurueck { justify-self: start; color: #e0e6df; }
.labor-ansprache > div { align-self: center; width: min(47%, 35rem); }
.labor-ansprache .praxis-rubrik { color: #c8dda7; }
.labor-ansprache h1 { text-wrap: initial; }
.labor-ansprache h1 em { display: block; color: #dce7b7; }
.labor-ansprache h1 + p { margin-top: 1.35rem; max-width: 39ch; font-size: clamp(1rem, 1.5vw, 1.23rem); }
.labor-ansprache .praxis-cta { background: #dce7b7; color: #172e2c; }
.labor-ansprache .praxis-cta:hover { background: #edf6d4; }
.labor-ansprache .praxis-cta:focus-visible { outline-color: white; }
.labor-ansprache .praxis-links > a:not(.praxis-cta) { color: #f6f4ea; }
.labor-grenze, .labor-pilot {
  display: grid; grid-template-columns: minmax(0, .87fr) minmax(0, 1.13fr);
  gap: clamp(1.7rem, 8vw, 8rem); padding-block: var(--praxis-space);
}
.labor-grenze h2 em, .labor-pilot h2 em { color: #375e4d; }
.labor-stationen { margin: 0; }
.labor-stationen div { display: grid; grid-template-columns: minmax(8rem, .7fr) 1.8fr; gap: 1.3rem; padding-block: 1rem; border-top: 1px solid #a6b5a6; }
.labor-stationen dt { color: #345b48; font-weight: 700; }
.labor-stationen dd { margin: 0; }
.labor .story-band { background: #e1e8dc; border-block-color: #c4d1bd; }
.labor .story-band h2 { max-width: 20ch; }
.labor .walkthrough { background: #faf9f3; border-top: 3px solid #44694e; }
.labor .notebook { border-color: #d6c9a8; border-left-color: #9f7746; }
.labor .outgoing { border-left-color: #376453; }
.labor .scene-controls .btn { border-radius: 2rem; background: #24473d; }
.labor-pilot h2 + p { max-width: 47ch; margin-top: 1.25rem; }
.labor-hinweis { margin-top: .85rem; font-size: .9rem; }
.labor-fragen details { padding: 1.05rem 0; border-top: 1px solid #b4bcae; border-bottom: 0; }
.labor-fragen summary { color: #24473d; }
.labor-fragen a { color: #24473d; }
@media (max-width: 52rem) {
  .labor-auftakt { display: flex; flex-direction: column; }
  .labor-ansprache { order: -1; min-height: auto; padding-block: .7rem 2.1rem; gap: 1.65rem; }
  .labor-ansprache > div { width: min(100%, 38rem); }
  .labor-motiv { position: relative; inset: auto; z-index: 0; }
  .labor-motiv img { height: clamp(16rem, 52vw, 26rem); object-position: 50% 43%; }
  .labor-motiv::after { background: linear-gradient(transparent 72%, #14231b97); }
  .labor-grenze, .labor-pilot { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 32rem) {
  .labor-stationen div { grid-template-columns: 1fr; gap: .35rem; }
}