/* Navigation 2026-10-28: Arbeiten, Leistungen, Preise, Über mich, Blog + oranger CTA, sticky, schlanke Handy-Ansicht */
html body header.header,html body header.header:has(#main-nav.is-open){display:grid!important;flex-wrap:nowrap!important;position:sticky!important;top:14px!important;z-index:60!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-rows:auto!important;column-gap:clamp(14px,2vw,28px)!important;align-items:center!important}
html body header.header > .wordmark{grid-column:1;grid-row:1}
html body header.header > #main-nav{grid-column:2;grid-row:1;justify-content:center}
html body header.header > .language-switch{grid-column:3;grid-row:1;position:static!important}
html body header.header > .language-switch.is-ready{display:inline-flex!important}
html body header.header > .header-cta{grid-column:4;grid-row:1}
.header-cta{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:6px;background:#ff5a00;color:#fff!important;font:600 12px/1 "DM Sans",Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:background-color .2s ease}
.header-cta:hover,.header-cta:focus-visible{background:#e04e00}
@media (max-width:1100px) and (min-width:901px){html body header.header #main-nav a{font-size:16px!important}html body header.header #main-nav{gap:18px!important}}
@media (max-width:900px){
html body header.header > *{order:0!important}
html body header.header,html body header.header:has(#main-nav.is-open){grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:8px!important;row-gap:0!important;padding:10px 10px 10px 18px!important;min-height:0!important;height:auto!important;margin:10px 12px 0!important;top:10px!important}
html body header.header > .wordmark{grid-column:1;grid-row:1;min-width:0}
html body header.header > .wordmark img{max-width:150px;height:auto}
html body header.header > .header-cta{grid-column:2;grid-row:1;height:38px;padding:0 14px;font-size:11px;letter-spacing:.8px}
html body header.header > .menu-toggle{display:inline-flex!important;grid-column:3;grid-row:1;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;border:0;padding:0;margin:0;cursor:pointer;position:static!important}
html body header.header > .menu-toggle i{display:block;width:22px;height:2px;background:#111;border-radius:2px;transition:transform .2s ease;position:static!important;margin:0!important}
html body header.header > .menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
html body header.header > .menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
html body header.header > #main-nav{display:none!important;grid-column:1/-1;grid-row:2;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 0 4px!important;margin:0!important;overflow:visible!important;border:0!important;position:static!important;width:auto!important;background:transparent!important;box-shadow:none!important}
html body header.header > #main-nav.is-open{display:flex!important}
html body header.header > #main-nav a{display:block!important;padding:13px 4px!important;font-size:18px!important;border-bottom:1px solid rgba(0,0,0,.08);white-space:normal;color:#111!important;opacity:1!important}
html body header.header > .language-switch,html body header.header > .language-switch.is-ready{display:none!important;grid-column:1/-1;grid-row:3;padding:12px 4px 6px!important;justify-content:flex-start!important}
html body header.header:has(#main-nav.is-open) > .language-switch.is-ready{display:inline-flex!important}
}
@media (max-width:380px){html body header.header > .wordmark img{max-width:118px}html body header.header > .header-cta{padding:0 10px;font-size:10px;letter-spacing:.5px}}