/* Henne-IT-Rahmen um jede Demo: Kopf und Fuß wie auf henne-it.de (Theme „Der Messestand“).
   Alle Klassen mit hit- Präfix, damit sie das Demo-Design nicht berühren. */
@font-face{font-family:"Schibsted Grotesk";src:url(schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(instrument-sans-latin-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(jetbrains-mono-latin-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}

.hit-blende{position:relative;z-index:40;background:#fff;border-bottom:3px solid #1D1D1F;font:400 1rem/1.6 "Instrument Sans",system-ui,sans-serif;color:#1D1D1F}
.hit-blende::after{content:"";position:absolute;left:0;right:0;top:100%;height:6px;background:#FC7000;border-bottom:3px solid #1D1D1F}
.hit-blende__innen{max-width:calc(1280px + 2 * clamp(16px,4vw,48px));margin:0 auto;padding:12px clamp(16px,4vw,48px);display:flex;align-items:center;gap:24px;min-height:64px}
.hit-blende__logo{display:block;flex:none}
.hit-blende__logo img{width:auto;height:30px;display:block}
.hit-blende__nav{display:flex;margin-left:auto;align-self:stretch}
.hit-blende__nav a{display:flex;align-items:center;padding:0 14px;color:#1D1D1F;text-decoration:none;font-size:.9375rem;font-weight:500;border-left:1.5px solid #E4DDD1}
.hit-blende__nav a:last-child{border-right:1.5px solid #E4DDD1}
.hit-blende__nav a:hover{color:#B84F00}
.hit-blende__nav a[aria-current]{color:#B84F00;font-weight:600}
.hit-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;background:#FC7000;color:#1D1D1F;font:600 .9375rem/1.2 "Instrument Sans",system-ui,sans-serif;text-decoration:none;flex:none;border:0;border-radius:0}
.hit-knopf:hover{background:#E86600;color:#1D1D1F}
@media (max-width:1240px){.hit-blende__nav a{padding:0 10px}.hit-blende__innen{gap:16px}}
@media (max-width:1060px){.hit-blende__nav{display:none}.hit-blende .hit-knopf{margin-left:auto}}

/* Hinweis: Sie sind in einer Demo */
.hit-demo{background:#F8F5EF;border-bottom:3px solid #1D1D1F;margin-top:9px;font:500 .75rem/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;color:#1D1D1F}
.hit-demo__innen{max-width:calc(1280px + 2 * clamp(16px,4vw,48px));margin:0 auto;padding:9px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between}
.hit-demo__marke{background:#FC7000;padding:2px 6px;margin-right:8px;font-weight:700}
.hit-demo a{color:#1D1D1F;text-decoration:underline;text-decoration-color:#FC7000;text-decoration-thickness:2px;text-underline-offset:4px}
.hit-demo a:hover{color:#B84F00}
.hit-demo__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.hit-demo .hit-knopf--demo{min-height:34px;padding:6px 14px;font-size:.875rem;text-transform:none;letter-spacing:0;text-decoration:none;color:#1D1D1F;border:2px solid #1D1D1F}
.hit-demo .hit-knopf--demo:hover{color:#1D1D1F;background:#E86600}
@media (max-width:560px){.hit-demo__aktionen{width:100%;justify-content:space-between}}

/* Fuß wie auf henne-it.de */
.hit-fuss{background:#0F1012;color:#B9B3A8;border-top:3px solid #34353B;padding:40px 0;font:400 .9375rem/1.6 "Instrument Sans",system-ui,sans-serif}
.hit-fuss__innen{max-width:calc(1280px + 2 * clamp(16px,4vw,48px));margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center}
.hit-fuss__innen img{height:24px;width:auto;margin-right:auto;display:block}
.hit-fuss p{margin:0}
.hit-fuss a{color:#F8F5EF}
.hit-fuss a:hover{color:#FC7000}
.hit-blende :focus-visible,.hit-demo :focus-visible{outline:3px solid #B84F00;outline-offset:3px}
.hit-fuss :focus-visible{outline:3px solid #FC7000;outline-offset:3px}