/* Nur Bautagebuch und Aufmass: bestehende Seiten und Medien bleiben erhalten. */
body{background:var(--bg)}
.hero{padding-top:48px}
.hero h1{max-width:20ch}
.eyebrow{color:var(--ink-soft)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:20px 0}
.hero-actions>a:not(.cta),.workflow a{color:var(--brand);text-underline-offset:4px}
.page-nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin:24px 0 10px}
.page-nav a{color:var(--ink-soft);font-size:14px;text-underline-offset:4px}
.workflow{margin:28px 0 36px}
.work-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;margin:20px 0 28px;list-style:none;counter-reset:step}
.work-steps>li,.work-steps>article{min-width:0;margin:0}
ol.work-steps>li{counter-increment:step}
ol.work-steps h3:before{content:counter(step) ". ";color:var(--ink-soft)}
.work-steps h3{margin:0 0 8px;font-size:17px}
.work-steps p,.work-steps a{font-size:15px}
.practice-example{background:var(--card);border-radius:12px;padding:22px 24px;margin:24px 0}
.practice-example h3{margin:0 0 10px}
.practice-example p:last-child{margin-bottom:0}
.practice-example .example-label{font-size:13px}
.karten .karte,details,.product-shot,.conversion{border:0;box-shadow:none}
.product-shot{margin-top:28px}
.video-feature{box-shadow:none}
.video-copy .eyebrow,.conversion .eyebrow{color:#c6c8ce}
.video-copy p:last-child{margin:12px 0 0}
:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
[id]{scroll-margin-top:24px}
@media(max-width:720px){
  .hero{padding-top:32px}
  .work-steps{grid-template-columns:1fr;gap:18px}
  .practice-example{padding:18px}
  .nav{flex-wrap:wrap}
  .brand img{max-width:100%;height:auto!important;max-height:48px}
  .page-nav a{padding:5px 0}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(prefers-color-scheme:dark){
  :root{--bg:#141619;--card:#202327;--ink:#f2f3f4;--ink-soft:#c0c4cb;--line:#363b43;--brand:#f78b60}
  .cta,.nav-actions .nav-cta{background:#bd3910;color:#fff}
  .brand{background:#f0efe9;padding:4px 8px;border-radius:8px}
  .weiter a{background:var(--card)}
  .product-shot,.video-feature,.conversion{background:#1c1f24}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}