/* KONTUR CMS 0.6.0.71 – dynamische Mitarbeiterstimmen + Bento-Galerie
   Nutzt zentrale CMS-Variablen für Typografie, Abstände, Rundungen und Themes. */

/* ---------- Mitarbeiterstimmen ---------- */
.career71-voices{position:relative;background:transparent;color:inherit}
.career71-voices>.wrap{position:relative}
.career71-voices-surface{position:relative;overflow:hidden;border-radius:var(--cms-block-radius,0px);padding:clamp(26px,3.4vw,54px);background:rgba(255,255,255,.72);border:1px solid rgba(8,42,75,.08);box-shadow:0 18px 48px rgba(5,30,56,.07)}
.career71-voices-surface.cms-theme-blue,.career71-voices-surface.cms-theme-original{background:#0b63b6;color:#fff}
.career71-voices-surface.cms-theme-navy{background:#071a2f;color:#fff}
.career71-voices-surface.cms-theme-graphite{background:#202a36;color:#fff}
.career71-voices-surface.cms-theme-steel{background:#eaf1f8;color:#06101f}
.career71-voices-surface.cms-theme-signal{background:#f0a500;color:#06101f}
.career71-voices-surface.cms-theme-white{background:#fff;color:#06101f}
.career71-voices-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(22px,4vw,72px);align-items:end;margin-bottom:clamp(28px,3.8vw,52px)}
.career71-voices-head h2{margin:.12em 0 0;color:inherit;max-width:18ch}
.career71-voices-head>p{margin:0;max-width:58ch;line-height:1.7;color:inherit;opacity:.78}
.career71-voices-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(180px,auto);gap:clamp(14px,1.5vw,22px)}
.career71-voice{position:relative;min-width:0;min-height:285px;padding:clamp(22px,2.4vw,34px);border-radius:var(--cms-card-radius,0px)!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 38px rgba(4,29,55,.10);border:1px solid rgba(5,33,61,.08);isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}
.career71-voice::after{content:'“';position:absolute;right:18px;top:-38px;z-index:-1;font:800 170px/1 Georgia,serif;opacity:.07;color:currentColor;pointer-events:none}
.career71-voice--1{background:linear-gradient(145deg,#0b63b6,#074c8e);color:#fff}
.career71-voice--2{background:#e8eff5;color:#09213a}
.career71-voice--3{background:#fff;color:#09213a}
.career71-voice--4{background:#dceaf5;color:#09213a}
.career71-voice--5{background:linear-gradient(145deg,#0a223d,#061629);color:#fff}
.career71-user{display:flex;align-items:center;gap:13px;margin-bottom:clamp(22px,2.5vw,34px)}
.career71-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 10%,transparent);display:grid;place-items:center;font-weight:850}
.career71-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.career71-person{min-width:0;display:flex;flex-direction:column;gap:2px}
.career71-person strong{font-size:14px;line-height:1.25;color:inherit}
.career71-person span{font-size:12px;line-height:1.3;color:inherit;opacity:.64}
.career71-review{display:flex;flex-direction:column;min-height:0;height:100%}
.career71-review h3{margin:0 0 14px;color:inherit;font-size:clamp(20px,1.6vw,28px);line-height:1.28;letter-spacing:-.025em}
.career71-review p{margin:0;color:inherit;opacity:.72;line-height:1.62;font-size:15px}
.career71-review p:last-child{margin-bottom:0}
/* 1–4 Einträge bekommen besonders ruhige symmetrische Varianten. */
.career71-count-1>.career71-voice{grid-column:1/-1;min-height:250px}
.career71-count-2>.career71-voice{grid-column:span 2}
.career71-count-3>.career71-voice:nth-child(1){grid-column:span 2;grid-row:span 2}
.career71-count-3>.career71-voice:nth-child(n+2){grid-column:span 2}
.career71-count-4>.career71-voice{grid-column:span 2}
/* Ab 5 Einträgen entsteht automatisch das asymmetrische Bento-Raster der Vorlage. */
.career71-many>.career71-voice:nth-child(5n+1){grid-column:span 2}
.career71-many>.career71-voice:nth-child(5n+2){grid-column:span 1}
.career71-many>.career71-voice:nth-child(5n+3){grid-column:span 1;grid-row:span 2;min-height:100%}
.career71-many>.career71-voice:nth-child(5n+4){grid-column:span 1}
.career71-many>.career71-voice:nth-child(5n+5){grid-column:span 2}
@media(hover:hover) and (pointer:fine){.career71-voice:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(4,29,55,.15)}}

/* ---------- Bento-Galerie ---------- */
.cms-bento-gallery{position:relative;background:transparent}
.cms-bento-gallery>.wrap{position:relative}
.cms-bento-gallery-surface{position:relative;overflow:hidden;border-radius:var(--cms-block-radius,0px);padding:clamp(24px,3.2vw,50px);background:rgba(255,255,255,.72);border:1px solid rgba(8,42,75,.08);box-shadow:0 18px 48px rgba(5,30,56,.07)}
.cms-bento-gallery-surface.cms-theme-blue,.cms-bento-gallery-surface.cms-theme-original{background:#0b63b6;color:#fff}
.cms-bento-gallery-surface.cms-theme-navy{background:#071a2f;color:#fff}
.cms-bento-gallery-surface.cms-theme-graphite{background:#202a36;color:#fff}
.cms-bento-gallery-surface.cms-theme-steel{background:#eaf1f8;color:#06101f}
.cms-bento-gallery-surface.cms-theme-signal{background:#f0a500;color:#06101f}
.cms-bento-gallery-surface.cms-theme-white{background:#fff;color:#06101f}
.cms-bento-gallery-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(24px,3.3vw,44px)}
.cms-bento-gallery-head h2{margin:.12em 0 0;color:inherit}
.cms-bento-gallery-head>p{margin:0;color:inherit;opacity:.76;line-height:1.65}
.cms-bento-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(118px,9vw,178px);gap:clamp(10px,1vw,16px)}
.cms-bento-gallery-item{position:relative;grid-column:span 3;grid-row:span 2;padding:0;border:0;border-radius:var(--cms-card-radius,0px)!important;overflow:hidden;background:#dfe8ef;cursor:zoom-in;min-width:0;box-shadow:0 10px 30px rgba(4,29,55,.10)}
.cms-bento-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .3s ease}
.cms-bento-gallery-item::after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(0deg,rgba(2,12,22,.68),transparent);opacity:.72;transition:opacity .25s ease}
.cms-bento-gallery-caption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:3px;color:#fff;text-align:left;pointer-events:none}
.cms-bento-gallery-caption strong{font-size:14px;color:#fff;line-height:1.25}
.cms-bento-gallery-caption span{font-size:12px;color:rgba(255,255,255,.78);line-height:1.3}
.cms-bento-gallery-count-1>.cms-bento-gallery-item{grid-column:1/-1;grid-row:span 3}
.cms-bento-gallery-count-2>.cms-bento-gallery-item{grid-column:span 6;grid-row:span 3}
.cms-bento-gallery-count-3>.cms-bento-gallery-item:nth-child(1){grid-column:span 7;grid-row:span 4}.cms-bento-gallery-count-3>.cms-bento-gallery-item:nth-child(n+2){grid-column:span 5;grid-row:span 2}
.cms-bento-gallery-count-4>.cms-bento-gallery-item:nth-child(1){grid-column:span 7;grid-row:span 4}.cms-bento-gallery-count-4>.cms-bento-gallery-item:nth-child(2){grid-column:span 5;grid-row:span 2}.cms-bento-gallery-count-4>.cms-bento-gallery-item:nth-child(3){grid-column:span 5;grid-row:span 2}.cms-bento-gallery-count-4>.cms-bento-gallery-item:nth-child(4){grid-column:span 12;grid-row:span 2}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+1){grid-column:span 6;grid-row:span 3}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+2){grid-column:span 3;grid-row:span 2}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+3){grid-column:span 3;grid-row:span 3}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+4){grid-column:span 3;grid-row:span 2}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+5){grid-column:span 6;grid-row:span 2}
.cms-bento-gallery-many>.cms-bento-gallery-item:nth-child(6n+6){grid-column:span 3;grid-row:span 2}
@media(hover:hover) and (pointer:fine){.cms-bento-gallery-item:hover img{transform:scale(1.035)}.cms-bento-gallery-item:hover::after{opacity:.9}}

/* Lightbox – bewusst wie News: dunkler, weich verschwommener Seitenhintergrund. */
.cms-bento-lightbox{width:min(1240px,calc(100% - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:0;background:transparent;overflow:visible;color:#fff}
.cms-bento-lightbox:not([open]){display:none}
.cms-bento-lightbox::backdrop{background:rgba(2,12,22,.74);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}
.cms-bento-lightbox-panel{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:calc(100dvh - 36px);overflow:hidden;border-radius:var(--cms-card-radius,0px);background:#07131f;box-shadow:0 30px 100px rgba(0,0,0,.48)}
.cms-bento-lightbox-media{display:grid;place-items:center;min-height:220px;max-height:calc(100dvh - 130px);background:#02080d;overflow:hidden}
.cms-bento-lightbox-media img{display:block;max-width:100%;max-height:calc(100dvh - 130px);width:auto;height:auto;object-fit:contain}
.cms-bento-lightbox-copy{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:16px 22px;background:#07131f;border-top:1px solid rgba(255,255,255,.10)}
.cms-bento-lightbox-copy strong{font-size:15px;color:#fff}.cms-bento-lightbox-copy span{font-size:13px;color:rgba(255,255,255,.68)}
.cms-bento-lightbox-close,.cms-bento-lightbox-prev,.cms-bento-lightbox-next{position:absolute;z-index:4;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(5,20,34,.72);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:var(--cms-button-radius,0px)}
.cms-bento-lightbox-close{right:14px;top:14px;width:44px;height:44px;font-size:25px}
.cms-bento-lightbox-prev,.cms-bento-lightbox-next{top:50%;width:44px;height:52px;transform:translateY(-50%);font-size:24px}.cms-bento-lightbox-prev{left:14px}.cms-bento-lightbox-next{right:14px}
html.cms-bento-lightbox-open{overflow:hidden}

@media(max-width:1000px){
  .career71-voices-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.career71-voices-grid>.career71-voice{grid-column:span 1!important;grid-row:auto!important;min-height:320px!important}.career71-voices-head,.cms-bento-gallery-head{grid-template-columns:1fr;gap:16px}
  .cms-bento-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}.cms-bento-gallery-grid>.cms-bento-gallery-item{grid-column:span 1!important;grid-row:span 2!important}.cms-bento-gallery-grid>.cms-bento-gallery-item:nth-child(3n+1){grid-column:span 2!important;grid-row:span 2!important}
}
@media(max-width:620px){
  .career71-voices-surface,.cms-bento-gallery-surface{padding:22px}.career71-voices-grid{grid-template-columns:1fr}.career71-voices-grid>.career71-voice{min-height:0!important}.career71-review h3{font-size:20px}
  .cms-bento-gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}.cms-bento-gallery-grid>.cms-bento-gallery-item{grid-column:auto!important;grid-row:auto!important;min-height:220px}.cms-bento-gallery-grid>.cms-bento-gallery-item:nth-child(3n+1){grid-column:auto!important;grid-row:auto!important;min-height:300px}
  .cms-bento-lightbox{width:calc(100% - 18px);max-height:calc(100dvh - 18px)}.cms-bento-lightbox-panel{max-height:calc(100dvh - 18px)}.cms-bento-lightbox-copy{align-items:flex-start;flex-direction:column;gap:4px}.cms-bento-lightbox-prev,.cms-bento-lightbox-next{width:38px;height:46px}.cms-bento-lightbox-prev{left:8px}.cms-bento-lightbox-next{right:8px}
}
@media(prefers-reduced-motion:reduce){.career71-voice,.cms-bento-gallery-item img{transition:none!important}}