/* Restarbeiten 18.10.2026 (Claude) – nur Ergänzungen zu exo-basis.css/exo-unterseiten.css; gemeinsame Dateien unverändert. */

/* Sprungleiste direkt unter „Kurz gesagt“ (wie auf den übrigen Unterseiten) */
.exo-answerwrap + .rest-toc { margin-top: calc(-1 * clamp(24px, 4vw, 56px)); }
.rest-toc ol { row-gap: 8px; }

/* Split-Umbau: Überschrift links, Text und weiterführende Links rechts (statt Text unter der H2 und leerer rechter Spalte) */
.rest-split .rest-split__kopf { min-width: 0; }
.rest-split .exo-prose .exo-relatedwrap { margin-top: 8px; }
@media (min-width: 901px) { .rest-split .rest-split__kopf { position: sticky; top: calc(var(--exo-header) + 24px); } }

/* Lange Textspalten: Zeilenlänge begrenzen, Absätze ruhiger */
body[data-rest] .exo-split > .exo-prose, body[data-rest] .exo-feature__text { max-width: 44em; }
body[data-rest] .exo-prose p { max-width: 66ch; }

/* Karriere: offene Inhaltsplätze */
.rest-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: clamp(14px, 2vw, 24px); }
.rest-slot { scroll-margin-top: calc(var(--exo-header) + 20px); }
.rest-slot .exo-refslot__text { padding: 6px 4px; align-content: start; }
.rest-slot h3 { font-size: 1.15rem; }
.rest-slot__zweck { color: var(--exo-note); }
.exo-phero + .rest-toc { margin-top: 0; }

/* Footer auf dem Handy: Linklisten zweispaltig statt einer sehr langen Spalte */
@media (max-width: 600px) {
  body[data-rest] .exo-footer__grid nav ul { columns: 2; column-gap: 16px; }
  body[data-rest] .exo-footer__grid nav li { break-inside: avoid; }
}

/* Kundenansicht (?ansicht=kunde): interne Vorschau-Marker ausblenden; Symbolbild-/Demo-/Entwurfsplatz-Kennzeichnungen bleiben sichtbar */
html.rest-kunde .exo-draftbar, html.rest-kunde .exo-draftpill, html.rest-kunde .exo-notes-toggle, html.rest-kunde .exo-note,
html.rest-kunde [data-intern] { display: none !important; }
.rest-ansicht { position: fixed; left: 12px; bottom: 12px; z-index: 60; font: 700 .8rem/1 var(--exo-text); background: #2f2e30; color: #fff; border: 0; border-radius: 999px; padding: 9px 13px; cursor: pointer; }
.rest-ansicht:focus-visible { outline: 3px solid var(--exo-teal); outline-offset: 2px; }
@media print { .rest-ansicht { display: none; } }

/* Fokus an eingebetteten Demo-Videos sichtbar (native Bedienelemente zeigen sonst keinen Rahmen am Video) */
.exo-vcard__frame:focus-within { outline: 3px solid var(--exo-teal); outline-offset: 2px; }

/* Codex: flexible Mindestbreiten und Umbruch bei vergrößerter Schrift. */
.exo-phero__copy, .exo-hero__copy > *, .exo-service > *, .exo-ref__text,
.exo-checkgrid > *, .exo-footer__grid > *, .exo-refslot__text { min-width: 0; }
body { overflow-wrap: anywhere; }
.exo-btn, .exo-service__links .exo-btn { max-width: 100%; white-space: normal; line-height: 1.3; text-align: center; padding-block: .65em; }
.exo-textlink { max-width: 100%; white-space: normal; }
.exo-crumbs ol, .exo-phero__actions, .exo-hero__actions { min-width: 0; }