/* Vorlage der Leistungsseiten (Health Check, Migration, Schulungen ...).
   Wird nach site.css geladen. */

h1{font-size:clamp(1.75rem,5.4vw,2.75rem);letter-spacing:-.025em}
section{padding:76px 0}
/* ---------- Kopf ---------- */
.head{padding:64px 0 72px}
.head h1{margin-bottom:20px;max-width:20ch;text-wrap:balance}
.head .lead{font-size:1.1875rem;color:var(--text-2);max-width:62ch;margin-bottom:28px}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* ---------- Ausgangslagen ---------- */
.cases{border-top:1px solid var(--border);margin-top:34px;max-width:92ch}
.cases > div{
  display:grid;grid-template-columns:1fr;gap:6px;
  padding:20px 0;border-bottom:1px solid var(--border);
}
.cases h3{margin-bottom:2px}
.cases .said{
  color:var(--text-3);font-size:.9375rem;font-style:italic;margin:0 0 8px;
}
.cases p{color:var(--text-2);font-size:.9375rem;margin:0}
/* ---------- Plattformschichten ---------- */
.layers{border-top:1px solid var(--border);margin-top:34px;max-width:92ch}
.layers > div{
  display:grid;grid-template-columns:230px 1fr;gap:28px;
  padding:15px 0;border-bottom:1px solid var(--border);
}
@media(max-width:760px){.layers > div{grid-template-columns:1fr;gap:5px}}
.layers dt{font-weight:500;font-size:.9375rem;margin:0}
.layers dd{margin:0;color:var(--text-2);font-size:.9375rem}
/* ---------- Die zwei Leistungen ---------- */
.offers{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}
@media(max-width:880px){.offers{grid-template-columns:1fr;gap:0}}
.offers article{padding-top:22px;border-top:2px solid var(--text)}
@media(max-width:880px){
  .offers article{border-top:1px solid var(--border);padding:22px 0}
  .offers article:first-child{border-top:2px solid var(--text)}
}
.offers h3{margin-bottom:10px}
.offers p{color:var(--text-2);font-size:.9375rem;margin:0 0 12px}
.offers ul{margin:0;padding-left:1.1rem;color:var(--text-2);font-size:.9375rem}
.offers li{margin-bottom:5px}
/* ---------- Hervorgehobene Aussage ---------- */
.point{
  margin-top:30px;padding:22px 26px;max-width:80ch;
  background:var(--bg);border:1px solid var(--border);
  border-left:3px solid var(--accent);border-radius:var(--radius);
}
.point p{margin:0;color:var(--text-2);font-size:.9375rem}
.point p + p{margin-top:.8rem}
.point strong{color:var(--text);font-weight:550}
/* ---------- Belege ---------- */
.evidence{border-top:1px solid var(--border);margin-top:34px}
.evidence > div{
  display:grid;grid-template-columns:180px 1fr;gap:28px;
  padding:16px 0;border-bottom:1px solid var(--border);
}
@media(max-width:760px){.evidence > div{grid-template-columns:1fr;gap:5px}}
.evidence dt{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.8125rem;color:var(--text-3);margin:.15rem 0 0;
}
.evidence dd{margin:0;color:var(--text-2);font-size:.9375rem}
.evidence dd strong{color:var(--text);font-weight:550}
/* ---------- Ablauf + Preis (Health Check) ---------- */
.steps{border-top:1px solid var(--border);margin-top:34px;max-width:92ch}
.steps > div{display:grid;grid-template-columns:200px 1fr 120px;gap:28px;padding:15px 0;border-bottom:1px solid var(--border)}
@media(max-width:760px){.steps > div{grid-template-columns:1fr;gap:5px}}
.steps dt{font-weight:500;font-size:.9375rem;margin:0}
.steps dd{margin:0;color:var(--text-2);font-size:.9375rem}
.steps .dur{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.8125rem;color:var(--text-3)}
.price{font-size:1.5rem;font-weight:550;letter-spacing:-.01em;color:var(--text);margin:4px 0 10px}
.price small{font-size:.875rem;font-weight:400;color:var(--text-3)}
.note{color:var(--text-3);font-size:.875rem;max-width:80ch;margin-top:22px}
/* ---------- Druck / PDF ---------- */
@media print{
  @page{size:A4;margin:16mm 15mm}
  body{font-size:10.5pt;line-height:1.5}
  header,.skip,.actions,.foot-cols,.foot-tech,.no-print{display:none!important}
  section{padding:14px 0;break-inside:auto}
  .head{padding:0 0 10px}
  .tinted{background:none;border:none}
  .wrap{padding:0;max-width:none}
  h2{font-size:15pt;margin-top:4px}
  h1{font-size:22pt}
  .cases > div,.layers > div,.steps > div,.offers article,.point{break-inside:avoid}
  .offers{grid-template-columns:1fr 1fr;gap:18px}
  .print-contact{display:block!important;margin-top:10px;font-size:10.5pt;color:var(--text)}
  a{color:var(--text)}
  footer{display:none!important}
  .head .lead{font-size:11pt;margin-bottom:8px}
  .head h1{margin-bottom:10px}
  .cases{margin-top:12px}
  .cases > div{padding:8px 0;gap:2px}
  .cases .said{margin:0 0 3px}
  .layers,.steps,.evidence{margin-top:12px}
  .layers > div{grid-template-columns:52mm 1fr!important;gap:6mm!important;padding:6px 0}
  .steps > div{grid-template-columns:40mm 1fr 28mm!important;gap:6mm!important;padding:6px 0}
  .evidence > div{grid-template-columns:30mm 1fr!important;gap:6mm!important;padding:7px 0}
  .offers{margin-top:12px}
  .point{margin-top:12px;padding:10px 14px}
  .note{margin-top:10px}
  .eyebrow{margin:0 0 6px}
  h2[style]{margin-top:18px!important}
  p.prose[style]{margin-top:8px!important}
}
.print-contact{display:none}