/* ============================================================
   IMT-Systems Theme — imtsys (Original-Tokens aus Hugo-Build)
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0b0f1a;--bg2:#111827;--bg3:#1a2236;--card:#131d2e;--border:#1e2d45;
  --text:#f0f4ff;--muted:#8892aa;--cyan:#00DFFC;--cyan-readable:#00DFFC;
  --accent:#00DFFC;--nav-bg:rgba(11,15,26,0.96);
}
.lm{
  --bg:#eef1f6;--bg2:#e3e8f0;--bg3:#dde2ec;--card:#ffffff;--border:#c8d0dd;
  --text:#0f1422;--muted:#4a5366;--cyan:#0f1422;--cyan-readable:#066576;
  --accent:#066576;--nav-bg:rgba(238,241,246,0.96);
}
html,body{background:var(--bg)}
body{font-family:'Raleway',Arial,sans-serif;color:var(--text);transition:background .3s,color .3s;font-size:18px;line-height:1.7}
a{color:inherit;text-decoration:none}
.topbar{height:2px;background:var(--accent)}
nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 2rem;transition:background .3s,border-color .3s}
.nav-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:88px}
.logo{display:flex;align-items:center;gap:18px}
.logo svg{width:54px;height:66px}
/* Light-Mode: Header-Logo wie Hauptseite (Slots hell, Cyan abgedunkelt).
   Wirkt NUR im Header (nav) — der Footer bleibt unverändert. */
.lm nav .imtsys-logo path[stroke="#00DFFC"],
.lm nav .imtsys-logo rect[data-role="rack-border"]{stroke:#066576}
.lm nav .imtsys-logo rect[data-role="rack-slot"]{fill:#dde2ec}
.lm nav .imtsys-logo circle[fill="#00DFFC"]{fill:#066576}
.lm nav .imtsys-logo circle[data-role="rack-led"]{fill:#dde2ec;stroke:#066576}
.logo-text{font-family:'Raleway',sans-serif;font-size:23px;letter-spacing:.04em;color:var(--text);transition:color .3s}
.logo-text strong{font-weight:800}
.logo-text span{font-weight:500;color:var(--muted)}
.nav-links{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{font-size:14px;color:var(--muted);transition:color .2s;font-weight:500;display:inline-flex;align-items:center;gap:5px;padding:8px 0}
.nav-item>a:hover,.nav-item>a.active{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:1.25rem}
.nav-cta{background:var(--accent);color:#0b0f1a;padding:7px 18px;border-radius:6px;font-size:13px;font-weight:800;font-family:'Raleway',sans-serif;cursor:pointer;border:none;display:inline-block}
.lm .nav-cta{color:#fff}
.nav-cta:hover{opacity:.85}
.toggle{display:flex;align-items:center;gap:7px;cursor:pointer;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:4px 11px;transition:all .3s}
.t-track{width:30px;height:17px;background:var(--border);border-radius:8px;position:relative;transition:background .3s;display:inline-block}
.t-track.on{background:var(--accent)}
.t-thumb{width:13px;height:13px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s}
.t-thumb.on{left:15px}
.t-lbl{font-size:12px;color:var(--muted);font-family:'Space Mono',monospace}
.nav-burger{display:none;background:transparent;border:none;cursor:pointer;color:var(--text);padding:8px;border-radius:6px;transition:background .2s}
.nav-burger:hover{background:var(--bg3)}
.nav-burger svg{display:block;transition:transform .25s}
.nav-burger .burger-x{display:none}
.nav-burger.open .burger-bars{display:none}
.nav-burger.open .burger-x{display:block}
body.menu-open{overflow:hidden}
.mobile-menu{visibility:hidden;opacity:0;pointer-events:none;position:fixed;top:88px;left:0;right:0;bottom:0;background:var(--bg);z-index:9999;overflow-y:auto;border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;transition:opacity .2s ease-out,visibility 0s linear .2s}
.mobile-menu.open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s ease-out,visibility 0s linear 0s}
.mobile-menu-inner{padding:1.5rem 1.5rem 4rem;max-width:600px;margin:0 auto}
.mm-section{border-bottom:1px solid var(--border);padding:1.15rem 0}
.mm-section:last-child{border-bottom:none}
.mm-title{display:block;font-size:18px;font-weight:800;color:var(--text);margin-bottom:.75rem}
.mm-title:hover{color:var(--accent)}
.mm-child{font-size:15px;color:var(--muted);padding:.5rem 0;transition:color .15s;display:block}
.mm-child:hover{color:var(--accent)}
.mm-cta-section{padding-top:1.5rem;border-bottom:none}
.mm-cta{display:block;text-align:center;background:var(--accent);color:#0b0f1a;padding:14px 22px;border-radius:8px;font-size:15px;font-weight:800;text-decoration:none;transition:opacity .2s}
.lm .mm-cta{color:#fff}
.mm-cta:hover{opacity:.85}
.page-hero{background:var(--bg2);border-bottom:1px solid var(--border);padding:3.75rem 2rem 0;transition:background .3s,border-color .3s}
.page-hero-inner{max-width:1080px;margin:0 auto}
.breadcrumb{font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--accent)}
.page-tag{font-family:'Space Mono',monospace;font-size:12px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem}
.page-hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.15rem;color:var(--text)}
.page-hero-desc{font-size:15px;color:var(--muted);max-width:720px;line-height:1.7;margin-bottom:2.75rem}
.sec-tag{font-family:'Space Mono',monospace;font-size:12px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem}
.sec-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;letter-spacing:-.02em;margin-bottom:.85rem;color:var(--text);line-height:1.2}
.sec-title strong{font-weight:800}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:3rem 2rem 2.5rem;transition:all .3s}
.lm footer{background:#1a1e2e;border-top:1px solid #1a1e2e}
.lm footer .logo-text{color:#f0f4ff}
.lm footer .logo-text span{color:#7d8aa3}
.lm footer .footer-brand p{color:#a0a9b8}
.lm footer .footer-brand a{color:#a0a9b8}
.lm footer .footer-brand a:hover{color:#00DFFC}
.lm footer .fc h3.fc-heading,.lm footer .fc h4{color:#7d8aa3}
.lm footer .fc a{color:#a0a9b8}
.lm footer .fc a:hover{color:#00DFFC}
.lm footer .footer-bottom{color:#7d8aa3;border-top-color:#2a3145}
.footer-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.25rem}
.footer-brand .logo{margin-bottom:.5rem}
.footer-brand p{font-size:13px;color:var(--muted);margin-top:.85rem;line-height:1.8}
.footer-brand a{color:var(--muted)}
.footer-brand a:hover{color:var(--accent)}
.fc h3.fc-heading,.fc h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.85rem;font-family:'Space Mono',monospace;font-weight:700}
.fc a{display:block;font-size:13px;color:var(--muted);margin-bottom:.5rem;transition:color .2s}
.fc a:hover{color:var(--accent)}
.footer-bottom{max-width:1080px;margin:1.75rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-family:'Raleway',sans-serif;font-weight:500;transition:border-color .3s}
@media(max-width:880px){body{font-size:16px}.nav-links{display:none}.nav-burger{display:inline-flex;align-items:center;justify-content:center}.nav-right{gap:.6rem}.t-lbl{display:none}.toggle{padding:6px 8px}}
@media(max-width:680px){.nav-cta{display:none}nav{padding:0 1.25rem}.nav-inner{height:72px}.mobile-menu{top:72px}.logo svg{width:43px;height:53px}.logo-text{font-size:19px}.page-hero{padding-left:1.25rem;padding-right:1.25rem}.footer-inner{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}