/* Über uns – nur was die Bausteine (site.css Abschnitt 23) nicht abdecken. Ruhig: keine Animationen, Film startet auf Klick. */

/* Seiten-Brett: H1 mit Unterzeile */
.h1-sub{display:block;margin-top:.22em;font-size:var(--fs-head);line-height:1.05;letter-spacing:-.02em;}
.page-board__fact .small{color:var(--soft);}

/* Herkunft: Porträt zwei Reihen hoch, rechts Aussage, darunter Heute + Namensschild */
.origin__pic{grid-column:1 / 5;grid-row:1 / 3;min-height:clamp(460px,40vw,640px);}
.origin__say{grid-column:5 / 13;grid-row:1;}
.origin__say .tile__say{max-width:30ch;}
.origin__today{grid-column:5 / 9;grid-row:2;justify-content:flex-end;}
.origin__today p{font-size:var(--fs-lead);line-height:1.35;}
.origin__name{grid-column:9 / 13;grid-row:2;justify-content:flex-end;gap:2px;}
.origin__name .tile__end{margin-top:0;}

/* Aus einer Hand: Imagefilm als Brett-Reihe (Film 8 Spalten, Bildunterschrift als Kachel daneben). Quelle 854 × 480 */
.feature-tiles + .film{margin-top:var(--j);}
.film{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--j);margin:0;}
.film__frame{grid-column:1 / 9;aspect-ratio:16 / 9;}
.film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--tile-2);}
.film__play{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;gap:var(--j);padding:var(--j);text-align:left;}
.film__btn{flex:none;display:grid;place-items:center;width:76px;height:76px;background:var(--accent);color:var(--on-accent);transition:background-color var(--t-hover) ease;}
.film__btn svg{width:28px;height:28px;}
.film__label{display:flex;align-items:center;min-height:76px;padding:0 20px;background:var(--bg);color:var(--ink);font-weight:600;line-height:1.3;}
.film__play:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;}
@media (hover:hover) and (pointer:fine){.film__play:hover .film__btn{background:var(--accent-hover);}}
.film.is-playing .film__play{display:none;}
.film__cap{grid-column:9 / 13;display:flex;flex-direction:column;justify-content:space-between;gap:20px;}
.film__name{font:600 var(--fs-head)/1 var(--serif);letter-spacing:-.025em;}
.film__text{font-size:var(--fs-lead);line-height:1.35;max-width:26ch;}

/* Arbeitsweise: Überschrift über der Treppe */
.steps-h{margin-bottom:clamp(16px,1.6vw,24px);font:600 var(--fs-lead)/1.2 var(--serif);letter-spacing:-.01em;}

/* Team: Text breit, Foto rechts zwei Reihen hoch, darunter Teamfoto + Hinweis auf offene Stellen */
.crew__text{grid-column:1 / 9;grid-row:1;gap:18px;}
.crew__text h2{max-width:16ch;}
.crew__text p:not(.lead){max-width:58ch;}
.crew__main{grid-column:9 / 13;grid-row:1 / 3;min-height:clamp(520px,44vw,700px);}
.crew__side{grid-column:1 / 5;grid-row:2;}
.crew__job{grid-column:5 / 9;grid-row:2;}
.crew__job .tile__name{max-width:22ch;}

/* Einsatzgebiet: Karte (Graphit-Kachel), Orte, Adresse, Links */
.region__map{grid-column:1 / 7;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:space-between;gap:14px;}
.region__map svg{width:100%;height:auto;max-height:420px;}
.region__cap{font-size:var(--fs-small);}
.region__towns{grid-column:7 / 13;grid-row:1;}
.region__towns .tile__name{max-width:22ch;}
.towns{display:flex;flex-wrap:wrap;gap:6px;}
.towns li{padding:9px 14px;background:var(--tone-on);font-weight:500;line-height:1.3;}
.towns .is-home{display:flex;align-items:center;gap:10px;background:var(--paper);font-weight:600;}
.towns .is-home::before{content:"";width:10px;height:10px;background:var(--accent);}
.region__place{grid-column:7 / 10;grid-row:2;gap:2px;}
.region__firm{font-weight:600;}
.region__links{grid-column:10 / 13;grid-row:2;justify-content:flex-end;gap:12px;}

/* Der Betrieb in Kürze: Angaben als Kacheln */
.ledger{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:var(--j);margin:0;}
.ledger > div{grid-column:span 3;display:flex;flex-direction:column;gap:6px;min-height:120px;padding:18px var(--pad) 20px;background:var(--tile);}
.ledger > .ledger__wide{grid-column:span 6;}
.ledger > .ledger__full{grid-column:1 / -1;min-height:0;}
.ledger dt{font-size:var(--fs-small);color:var(--soft);}
.ledger dd{margin:0;font-weight:600;line-height:1.4;}
.ledger a{text-decoration-thickness:2px;text-underline-offset:.25em;overflow-wrap:anywhere;}
.ledger__full dd{display:flex;flex-wrap:wrap;gap:4px 28px;}
.ledger__full dd > span{display:none;}

/* Karriere-Teaser: Wechsel-Bonus ruhig gesetzt (keine Ziffern-Rolle) */
.job__main{gap:18px;}
.job__main .lead{max-width:44ch;}
.job__list{grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 40px;}
.job__bonus{justify-content:flex-end;gap:10px;}
.job__bonus .tile__name{margin-bottom:auto;}
.job__amount{font:600 clamp(56px,6.4vw,104px)/.9 var(--serif);letter-spacing:-.04em;white-space:nowrap;}
.job__bonus p:last-child{max-width:30ch;}

/* Tablet */
@media (max-width:1099px){
  .origin__pic{grid-column:1 / 6;grid-row:1 / 4;min-height:0;}
  .origin__say,.origin__today,.origin__name{grid-column:6 / 13;grid-row:auto;}
  .film__frame,.film__cap{grid-column:1 / -1;}
  .crew__text{grid-column:1 / -1;grid-row:auto;}
  .crew__main{grid-column:1 / 7;grid-row:2 / 4;min-height:0;}
  .crew__side{grid-column:7 / 13;grid-row:2;}
  .crew__job{grid-column:7 / 13;grid-row:3;}
  .region__map{grid-column:1 / -1;grid-row:auto;}
  .region__towns{grid-column:1 / -1;grid-row:auto;}
  .region__place{grid-column:1 / 7;grid-row:auto;}
  .region__links{grid-column:7 / 13;grid-row:auto;}
  .ledger > div{grid-column:span 6;}
  .ledger > .ledger__wide{grid-column:1 / -1;}
  .job__bonus{grid-column:1 / -1;min-height:0;}
}

/* Handy */
@media (max-width:599px){
  .origin__pic,.origin__say,.origin__today,.origin__name{grid-column:1 / -1;grid-row:auto;}
  .origin__pic{aspect-ratio:4 / 5;}
  .origin__name{order:1;min-height:0;}
  .origin__say{order:2;}
  .origin__today{order:3;}
  .origin__today p{font-size:var(--fs-body);line-height:1.5;}
  .film__play{gap:4px;padding:6px;}
  .film__btn{width:52px;height:52px;}
  .film__btn svg{width:22px;height:22px;}
  .film__label{min-height:52px;padding:0 12px;font-size:var(--fs-small);}
  .film__name{font-size:var(--fs-lead);}
  .film__text{font-size:var(--fs-body);}
  .steps-h{font-size:var(--fs-lead);}
  .crew__text,.crew__main,.crew__side,.crew__job{grid-column:1 / -1;grid-row:auto;}
  .crew__main{aspect-ratio:4 / 5;}
  .crew__text h2{font-size:var(--fs-head);}
  .region__map,.region__towns,.region__place,.region__links{grid-column:1 / -1;grid-row:auto;min-height:0;}
  .region__map svg{max-height:none;}
  .ledger{grid-template-columns:1fr;}
  .ledger > div,.ledger > .ledger__wide{grid-column:1 / -1;min-height:0;padding:14px 16px;}
  .job__list{grid-template-columns:1fr;}
  .job__main .actions .btn{flex:1 1 auto;}
}