/* ============================================================
   OrgHistory · Kopf- und Fußbereich aller Seiten
   Servicenummern-Leiste, weiße Kopfzeile mit Menü, dunkler Fuß.
   Im Aufbau abgestimmt auf orgplace.de.
   ============================================================ */
:root{
  --oh-deep:#161D2F;
  --oh-orange:#F29A3E;
  --oh-green:#0E9F8E;
  --oh-green-d:#0B7E70;
  --oh-line:#E4E8F0;
  --oh-text:#3B4A63;
  --oh-w:1140px;
}
.oh-wrap{max-width:var(--oh-w);margin:0 auto;padding:0 24px}

/* ---- Servicenummer ---- */
.oh-top{background:var(--oh-deep);color:#C7D2E2;font-size:13.5px;font-family:'Inter',system-ui,sans-serif}
.oh-top .oh-wrap{display:flex;justify-content:flex-end;align-items:center;gap:12px;height:38px}
.oh-top a{color:var(--oh-orange);text-decoration:none;white-space:nowrap}
.oh-top a:hover{color:#fff}
@media(max-width:560px){.oh-top .lab{display:none}.oh-top .oh-wrap{justify-content:center}}

/* ---- Kopfzeile ---- */
.oh-nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--oh-line)}
.oh-nav .oh-wrap{max-width:1240px}
.oh-nav-in{display:flex;align-items:center;gap:20px;height:74px}
.oh-nav-in .oh-brand{display:inline-flex;align-items:center;flex:none}
.oh-nav-in .oh-brand img{height:42px;width:auto;max-width:210px;object-fit:contain;display:block}
.oh-links{display:flex;gap:19px;align-items:center;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.oh-links::-webkit-scrollbar{display:none}
.oh-links a{font-size:14px;font-weight:500;color:var(--oh-text);text-decoration:none;white-space:nowrap}
.oh-links a:hover{color:var(--oh-deep)}
.oh-links a.on{color:var(--oh-green-d)}
.oh-cta{display:flex;gap:10px;align-items:center;flex:none}
.oh-cta .oh-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 17px;font-size:14.5px;font-weight:600;text-decoration:none;border:1px solid transparent;white-space:nowrap}
.oh-cta .oh-btn.line{color:var(--oh-text);border-color:var(--oh-line);background:#fff}
.oh-cta .oh-btn.line:hover{border-color:var(--oh-green);color:var(--oh-green-d)}
.oh-cta .oh-btn.fill{background:var(--oh-green);color:#fff;border-color:var(--oh-green)}
.oh-cta .oh-btn.fill:hover{background:var(--oh-green-d)}
@media(max-width:1180px){.oh-cta .oh-btn.line{display:none}}
@media(max-width:1000px){.oh-nav-in{height:66px;gap:14px}.oh-nav-in .oh-brand img{height:34px}}
@media(max-width:1080px){.oh-nav-in{flex-wrap:wrap;height:auto;padding:12px 0 11px;gap:10px}.oh-links{order:3;flex:1 0 100%;width:100%;flex-wrap:wrap;overflow:visible;gap:7px 18px}.oh-cta{margin-left:auto}}
@media(max-width:520px){.oh-nav-in .oh-brand img{height:30px;max-width:148px}.oh-cta .oh-btn{padding:9px 13px;font-size:13.5px}.oh-links{gap:7px 15px}.oh-links a{font-size:13.5px}}

/* ---- Fußbereich ---- */
.oh-foot{background:var(--oh-deep);color:#A9B6CC;font-size:14.5px;padding:58px 0 28px;font-family:'Inter',system-ui,sans-serif;line-height:1.65}
.oh-foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
@media(max-width:860px){.oh-foot-top{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:520px){.oh-foot-top{grid-template-columns:1fr}}
.oh-foot-brand img{height:34px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;display:block}
.oh-foot-tag{margin:16px 0 0;color:#8EA0BD;max-width:36ch;font-size:14px}
.oh-foot h4{font-size:14px;color:#fff;margin:2px 0 14px;font-weight:600;font-family:'Inter',system-ui,sans-serif;letter-spacing:0}
.oh-foot h4+ul+h4{margin-top:22px}
.oh-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.oh-foot a{color:#C7D2E2;text-decoration:none}
.oh-foot a:hover{color:#fff}
.oh-foot .oh-tel a{color:var(--oh-orange)}
.oh-foot-bottom{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#7F8DA3;font-size:13px}