/* Baustein „Ihre Ansprechpartnerin“ – auf allen Seiten gleich (Variablen kommen aus der jeweiligen Seite) */
.mensch{display:grid;grid-template-columns:minmax(0,230px) 1fr;gap:clamp(1.4rem,4vw,3rem);align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r,8px);padding:clamp(1.3rem,3.6vw,2.6rem);position:relative;overflow:hidden}
.mensch::after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}
.mensch .bild{margin:0;display:grid;gap:.6rem;justify-items:start}
.portrait{width:100%;max-width:230px;aspect-ratio:4/5;border-radius:calc(var(--r,8px) + 2px);background:#16181B;color:#EDEDE8;
  position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 1px 0 var(--line)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.portrait .mono-gr{font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:clamp(3.2rem,8vw,4.6rem);letter-spacing:-.03em;line-height:1}
.portrait .mono-gr span{color:#FF6726}
.portrait svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.mensch figcaption{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;color:var(--muted);line-height:1.5}
.mensch figcaption b{display:block;font-family:var(--f-display);font-stretch:112%;font-size:1.02rem;letter-spacing:0;color:var(--ink)}
.mensch .txt{display:grid;gap:1rem;align-content:start}
.mensch h2{font-size:clamp(1.7rem,3.6vw,2.7rem)}
.mensch .txt>p{color:var(--muted);max-width:62ch;font-size:1.06rem}
.fakten{list-style:none;margin:.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}
.fakten li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;line-height:1.4}
.fakten svg{width:26px;height:26px;flex:none;fill:none;stroke:var(--accent-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fakten b{display:block;font-family:var(--f-display);font-stretch:112%;font-weight:800}
.mensch .ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}
.mensch .linkplain{align-self:center;font-weight:700;color:var(--ink)}
.live{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
.live::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:puls 2.4s infinite}
@keyframes puls{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.live::before{animation:none}}
@media (max-width:720px){
  .mensch{grid-template-columns:1fr}
  .mensch .bild{grid-template-columns:110px 1fr;align-items:end;gap:1rem}
  .portrait{max-width:110px}
  .portrait .mono-gr{font-size:2.4rem}
}
/* Vorstellungsseite */
.vorstellung{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(1.6rem,5vw,4.5rem);align-items:center}
.vorstellung .portrait{max-width:360px}
.vorstellung .portrait .mono-gr{font-size:clamp(4rem,11vw,7rem)}
.vorstellung .txt{display:grid;gap:1.2rem}
.brief-lina{background:var(--surface);border:1px solid var(--line);border-radius:var(--r,8px);padding:clamp(1.4rem,4vw,2.8rem);max-width:760px;display:grid;gap:1rem;font-size:1.1rem;line-height:1.7}
.brief-lina .gruss{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:1.25rem}
.versprechen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.versprechen li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r,8px);padding:1.3rem;display:grid;gap:.5rem;align-content:start}
.versprechen svg{width:34px;height:34px;fill:none;stroke:var(--accent-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.versprechen p{color:var(--muted)}
@media (max-width:820px){.vorstellung{grid-template-columns:1fr}.vorstellung .portrait{max-width:220px;order:-1}}
/* Druck & Beschriftung: Kacheln, Brotkrumen (seit 25.10.2026) */
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}
.tile{display:grid;gap:.5rem;align-content:start;height:100%;text-decoration:none;color:inherit;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:1.2rem 1.3rem 2.6rem;position:relative;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}
.tile:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--accent)}
.tile svg{width:40px;height:40px;fill:none;stroke:var(--accent-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tile p{color:var(--muted);font-size:.97rem}
.tile .arr{position:absolute;right:1.1rem;bottom:.8rem;font-family:var(--f-display);font-weight:900;font-size:1.3rem;color:var(--accent-ink)}
.crumb{font-family:var(--f-mono);font-size:.78rem;color:var(--n-muted,#A0A5AC);text-decoration:none;justify-self:start}
.crumb:hover{color:var(--n-ink,#EDEDE8)}
.band .art svg{width:100%;height:auto;display:block}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}
.wege-chips .chip{white-space:normal;line-height:1.35;text-decoration:none}
.kit.vier{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.tile h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}