/* Seitenaufbau des Portals. Nur Tokens. */
.kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--hair);
  margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding:12px max(16px,env(safe-area-inset-left,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--bg)}
.kopf-in{max-width:1180px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:center;justify-content:space-between}
.marke{display:grid;gap:1px;text-decoration:none;color:var(--ink)}
.marke b{font-weight:500;font-size:var(--f-s);letter-spacing:-.01em}
.marke b span{color:var(--accent)}
.inhalt{max-width:1180px;margin-inline:auto;padding-top:var(--s6)}
.schmal{max-width:760px;margin-inline:auto}
.seitenkopf{display:grid;gap:var(--s2);margin-bottom:var(--s5)}
.seitenkopf h1{font-size:var(--f-xl);line-height:1.08}
.seitenkopf p{color:var(--soft);max-width:62ch;font-size:var(--f-text)}
.stapel{display:grid;gap:var(--s5)}
.stapel-eng{display:grid;gap:var(--s3)}
.abschnitt{display:grid;gap:14px}
.abschnitt > h2,.abschnitt > h3{font-size:19px}
.navi{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s2)}
.person{border:1px solid var(--hair);border-radius:var(--r-card);padding:14px;display:grid;gap:10px}
.person-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px}
.angebotskarte{display:grid;gap:var(--s3)}
.angebotskarte h3{font-size:19px;line-height:1.25}
.kopfzeile{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;justify-content:space-between}
.fusszeile{border-top:1px solid var(--hair);margin-top:var(--s7);padding-top:var(--s4);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);justify-content:space-between;font-size:var(--f-xs);color:var(--muted);max-width:1180px;margin-inline:auto}
.zwei{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.werkzeuge{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between}
.werkzeuge .links{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.mailtext{white-space:pre-wrap;font-family:var(--display);font-size:14px;color:var(--soft);margin:0;overflow-wrap:anywhere}
details.zeile{border:1px solid var(--hair);border-radius:var(--r-field);padding:10px 14px}
details.zeile summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;list-style:none}
details.zeile summary::-webkit-details-marker{display:none}
details.zeile[open] summary{margin-bottom:10px}
.ladehinweis{padding:var(--s7) 0;text-align:center;color:var(--muted)}
.sanft-rein{animation:sanft .25s ease}
@keyframes sanft{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}