/* Job 1293: Kopf- und Fußzeile der Demo-Strecke (/demo/, /demo-call/, /danke-demo/) in den Maßen der Startseite
   (cs-bestand.css .header/.nav-cta/.footer, cs-style.css Gold für data-demo-knopf). Farben hell. Nur von diesen drei Seiten eingebunden. */
.header{border-bottom-color:#E6E9EF}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:600;font-size:0.94rem;line-height:1.62;letter-spacing:normal;padding:11px 22px;border:none;border-radius:10px;white-space:nowrap;text-decoration:none;cursor:pointer;transition:all .2s ease;color:#1A2D4B;background:linear-gradient(135deg,#F8E3A0 0%,#EAC672 50%,#C4A36D 100%);background-origin:border-box;box-shadow:0 4px 14px rgba(176,141,87,.30)}
.nav-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,#FAE9B2 0%,#EECF84 50%,#CBAB77 100%);box-shadow:0 6px 18px rgba(176,141,87,.40)}
@media(max-width:620px){.nav-cta{padding:10px 18px;font-size:0.9rem}}
#demoForm{scroll-margin-top:74px}
.footer{background:#fff;padding:48px 0 26px;border-top:1px solid #E6E9EF;font-family:'IBM Plex Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.62;color:#5F6C81}
.footer *{margin:0;padding:0;box-sizing:border-box}
.footer-dis{max-width:1160px;margin:0 auto;padding:0 24px 20px;font-size:0.8rem;color:#8C96A5;line-height:1.55}
.footer-bottom{max-width:1160px;margin:0 auto;padding:20px 24px 0;border-top:1px solid #E6E9EF;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer-bottom .fl{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.footer-bottom p,.footer-bottom a{font-size:0.87rem;color:#5F6C81;text-decoration:none;margin:0}
.footer-bottom a:hover{color:#1A2D4B}
.footer-bottom .fc{font-size:0.8rem;color:#A0AEC0}
/* Job 1293b: kurze Seiten – Fußzeile am unteren Fensterrand, keine graue Fläche darunter; lange Seiten unverändert.
   main bleibt so breit und mittig wie vorher (box-sizing:border-box aus demo.css, max-width und margin:auto unverändert). */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main{width:100%}
body>.footer{margin-top:auto}