:root{
  /* ═══ DELTA-Fluid CI — aus Logo & Website gemessen ═══════════════
     #FF9600 = Website-/Button-Orange, #F69100 = Logo-E-Balken,
     #1B181C = Logo-Schwarz. Feinjustage jederzeit über farben.html. */
  --brand:#FF9600;
  --brand-hover:#E58600;
  --brand-dark:#1B181C;
  --brand-darker:#111013;
  /* ═══════════════════════════════════════════════════════════════ */
  --ink:#16191D;
  --paper:#EFEFF1;   /* Seitengrund: neutrales Hellgrau */
  --g1:#E4E5E8;      /* Brandbook-Grau: Kopf, Bänder */
  --g2:#D8D9DD;      /* dunkleres Grau: Linien auf Grau */
  --card:#FFFFFF;
  --steel:#59626C;
  --line:#C9CACE;
  --accent:var(--brand);
  --deep:var(--brand-dark);
  --deep-2:var(--brand-darker);
  --max:1200px;
  --pad:clamp(20px,4vw,48px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Archivo',sans-serif;line-height:1.08;letter-spacing:-.015em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mono{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Topbar ── */
.topbar{background:var(--ink);color:#B9BABF;font-size:.8rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.topbar a:hover{color:#fff}
.topbar-group{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.topbar .iso{color:#fff;display:flex;align-items:center;gap:8px}
.topbar .iso::before{content:"";width:8px;height:8px;background:var(--accent)}

/* ── Header: Zeile 1 Logo + Aktionen, Zeile 2 Navigationsleiste ── */
.masthead{background:var(--g1);border-bottom:1px solid var(--g2)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:86px}
.logo img{height:48px;width:auto}
.header-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Archivo';font-weight:700;font-size:.88rem;padding:11px 20px;border:1.5px solid var(--ink);transition:background .15s,color .15s,border-color .15s;cursor:pointer;background:transparent;color:var(--ink)}
.btn:hover{background:var(--ink);color:#fff}
.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.solid:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.ghost-light{border-color:rgba(255,255,255,.5);color:#fff}
.btn.ghost-light:hover{background:#fff;color:var(--deep-2)}
.btn.sm{padding:9px 14px;font-size:.8rem}

.navbar{background:var(--ink);position:sticky;top:0;z-index:50}
.navbar .wrap{display:flex;align-items:center;gap:2px}
.navbar nav{display:flex;align-items:center}
.navbar a{color:#D8D8DC;font-weight:500;font-size:.92rem;padding:0 16px;line-height:54px;position:relative;white-space:nowrap}
.navbar a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.navbar a:hover{color:#fff}
.navbar a:hover::after,.navbar a.active::after{transform:scaleX(1)}
.navbar a.active{color:var(--brand)}
.navbar .spacer{flex:1}
.navbar .tel{color:#9C9CA3;font-family:'IBM Plex Mono';font-size:.78rem;letter-spacing:.06em}
.navbar .tel:hover{color:#fff}
.nav-toggle{display:none;background:none;border:1px solid #3A3A40;color:#fff;padding:8px 12px;font-family:'IBM Plex Mono';font-size:.75rem;cursor:pointer;margin:8px 0}

/* ── Sections / Zeichnungsblatt ── */
.sheet{padding:clamp(56px,8vw,96px) 0}
.sheet.tight{padding-top:0}
.sheet-head{display:flex;align-items:baseline;gap:18px;border-top:2px solid var(--brand);padding-top:14px;margin-bottom:clamp(28px,4.5vw,48px)}
.sheet-head .no{color:var(--accent);font-weight:500}
.sheet-head .label{color:var(--steel)}
.sheet-head .rule{flex:1;border-top:1px solid var(--line);align-self:center}
.sheet-title{margin-bottom:clamp(26px,4vw,40px)}
.sheet-title h2{font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:800;max-width:22ch}
.sheet-title h2::before{content:"";display:block;width:58px;height:10px;background:var(--brand);margin-bottom:16px} /* E-Balken aus dem Logo */
.sheet-title p{max-width:62ch;color:var(--steel);margin-top:12px}

/* ── Page-Hero (Unterseiten) ── */
.page-hero{border-bottom:1px solid var(--line)}
.page-hero .wrap{padding-top:clamp(44px,6vw,72px);padding-bottom:clamp(44px,6vw,72px)}
.crumbs{color:var(--steel);margin-bottom:18px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--accent)}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:900;max-width:20ch}
.page-hero .sub{margin-top:18px;font-size:1.06rem;color:var(--steel);max-width:58ch}
.page-hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.page-hero.dark{background:var(--deep-2);border-bottom:none}
.page-hero.dark h1{color:#fff}
.page-hero.dark .sub{color:#BDBDC2}
.page-hero.dark .crumbs{color:#9C9CA3}

/* ── Start-Hero ── */
.hero{border-bottom:1px solid var(--line);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(52px,7vw,96px);padding-bottom:clamp(52px,7vw,96px)}
.hero .eyebrow{display:flex;align-items:center;gap:12px;color:var(--steel);margin-bottom:22px}
.hero .eyebrow::before{content:"";width:34px;border-top:1.5px solid var(--accent)}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;max-width:17ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .sub{margin:24px 0 32px;font-size:1.08rem;color:var(--steel);max-width:52ch}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.schematic{width:100%;height:auto}
.schematic .flow{stroke-dasharray:6 8;animation:flow 2.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-56}}
@media (prefers-reduced-motion:reduce){.schematic .flow{animation:none}}

/* ── Kennzahlen-Band ── */
.stats{background:var(--g1);border-bottom:1px solid var(--g2)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:30px;padding-bottom:30px}
.stat b{display:block;font-family:'Archivo';font-weight:900;font-size:clamp(1.5rem,3vw,2.1rem)}
.stat span{color:var(--steel);font-size:.86rem}

/* ── Logoband ── */
.logos{border-bottom:1px solid var(--line);background:var(--card)}
.logos .wrap{padding-top:26px;padding-bottom:26px}
.logos .mono{color:var(--steel);margin-bottom:14px}
.logo-row{display:flex;gap:22px 44px;flex-wrap:wrap;align-items:center}
.logo-row img{height:32px;width:auto;object-fit:contain;filter:grayscale(1) opacity(.55);transition:filter .2s}
.logo-row img:hover{filter:grayscale(0) opacity(1)}

/* ── Karten ── */
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.grid-cards.g2{grid-template-columns:1fr 1fr}
.card{background:var(--card);padding:30px 28px 34px;display:flex;flex-direction:column;gap:12px;transition:background .15s;position:relative}
.card:hover{background:#FAFBFA}
.card .idx{color:var(--steel)}
.card h3{font-size:1.2rem;font-weight:800;margin-top:6px}
.card p{color:var(--steel);font-size:.94rem;flex:1}
.card .more{font-weight:600;font-size:.88rem;color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-top:6px}
.card .more::after{content:"→";transition:transform .15s}
.card:hover .more::after{transform:translateX(4px)}
.card::before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width .18s}
.card:hover::before{width:3px}

/* ── Problem → Lösung → Voraussetzungen ── */
.usecase{border:1px solid var(--line);background:var(--card);margin-bottom:clamp(28px,4vw,44px)}
.usecase-head{padding:26px 30px;border-bottom:1px solid var(--line);background:var(--g1);display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}
.usecase-head h3{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800}
.usecase-head .mono{color:var(--steel)}
.usecase-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line)}
.uc-col{background:var(--card);padding:24px 28px}
.uc-col .mono{color:var(--accent);margin-bottom:10px;display:block}
.uc-col p,.uc-col li{color:var(--steel);font-size:.93rem}
.uc-col ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.uc-col li{padding-left:18px;position:relative}
.uc-col li::before{content:"▸";position:absolute;left:0;color:var(--accent)}
.usecase-foot{padding:18px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.usecase-foot p{color:var(--steel);font-size:.88rem}

/* ── Checkliste ── */
.checklist{border:1px solid var(--line);background:var(--card)}
.checklist li{list-style:none;display:flex;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:.95rem}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"";width:18px;height:18px;flex:none;margin-top:3px;border:1.5px solid var(--accent)}
.checklist li b{font-weight:600}
.checklist li span{color:var(--steel);display:block;font-size:.86rem}

/* ── Ablauf / Steps ── */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--card);padding:22px 20px}
.step .mono{color:var(--accent);display:block;margin-bottom:8px}
.step b{font-family:'Archivo';font-weight:700;font-size:.95rem;display:block;margin-bottom:6px}
.step p{color:var(--steel);font-size:.85rem}

/* ── Split (dunkle Produktzellen) ── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.split .cell{background:var(--deep);color:#E4E4E8;padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:14px}
.split .cell:nth-child(even){background:var(--deep-2)}
.split h3{color:#fff;font-size:1.4rem;font-weight:800}
.split .mono{color:#9C9CA3}
.split p{color:#BDBDC2;font-size:.95rem;flex:1}
.split a.link{color:#fff;font-weight:600;font-size:.9rem;display:inline-flex;gap:8px}
.split a.link::after{content:"→"}

/* ── Projekte ── */
.proj-list{border-top:2px solid var(--brand)}
.proj{display:grid;grid-template-columns:90px 1fr 2fr auto;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line);transition:padding-left .18s}
.proj:hover{padding-left:10px}
.proj .no{color:var(--accent)}
.proj h3{font-size:1.2rem;font-weight:800}
.proj p{color:var(--steel);font-size:.93rem;max-width:58ch}
.proj .tag{color:var(--steel);white-space:nowrap}
.ps-label{display:inline-block;min-width:74px;font-weight:500;color:var(--accent)}

/* ── Zitate ── */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.quote{background:var(--card);padding:28px;display:flex;flex-direction:column;gap:14px}
.quote .mark{font-family:'Archivo';font-weight:900;font-size:2.4rem;line-height:1;color:var(--accent)}
.quote blockquote{font-size:.98rem;line-height:1.55;flex:1}
.quote footer{border-top:1px solid var(--line);padding-top:12px}
.quote footer b{display:block;font-family:'Archivo';font-weight:700;font-size:.9rem}
.quote footer span{color:var(--steel);font-size:.82rem}

/* ── Team ── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.member{background:var(--card);display:flex;flex-direction:column}
.member img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#E9EAEC;filter:grayscale(.12)} /* contain: ganzes Foto sichtbar, kein Beschnitt */
.member .info{padding:16px 18px 20px}
.member .info .mono{color:var(--accent);margin-bottom:6px;font-size:.76rem}
.member h3{font-size:1.15rem;font-weight:800}
.member p{color:var(--steel);font-size:.88rem;margin-top:2px}
.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1px;border-top:none}
.dept{position:relative;background:var(--card)}
.dept img{width:100%;aspect-ratio:16/10;object-fit:cover}
.dept span{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;font-family:'IBM Plex Mono';font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px}

/* ── News ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.news{background:var(--card);padding:26px 26px 30px;display:flex;flex-direction:column;gap:10px}
.news .mono{color:var(--accent)}
.news h3{font-size:1.05rem;font-weight:700;line-height:1.35;flex:1}
.news a.rl{color:var(--accent);font-weight:600;font-size:.88rem}

/* ── Parker-Band ── */
.parker{background:var(--ink);color:#fff}
.parker .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:40px;padding-bottom:40px}
.parker h2{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;max-width:26ch}
.parker .mono{color:#8B949C;margin-bottom:10px}

/* ── CTA-Band ── */
.cta-band{background:var(--deep-2);color:#fff}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:48px;padding-bottom:48px}
.cta-band h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;max-width:24ch}
.cta-band p{color:#BDBDC2;margin-top:8px;max-width:50ch}

/* ── Kontakt ── */
.contact-cols{display:grid;grid-template-columns:2fr 3fr;gap:clamp(32px,5vw,64px)}
.c-block{margin-bottom:24px}
.c-block .mono{color:var(--steel);margin-bottom:6px}
.c-block a.big{font-family:'Archivo';font-weight:700;font-size:1.1rem}
.c-block p,.c-block li{color:var(--steel);font-size:.95rem;list-style:none}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-full{grid-column:1/-1}
label span{display:block;font-family:'IBM Plex Mono';font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
input,select,textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);padding:12px 14px;font:inherit;font-size:.95rem}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
textarea{min-height:130px;resize:vertical}
form .note{grid-column:1/-1;color:var(--steel);font-size:.8rem}

/* ── Footer ── */
footer{background:var(--ink);color:#9AA2A9;font-size:.88rem;margin-top:0}
footer .wrap{padding-top:52px;padding-bottom:30px}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:38px;border-bottom:1px solid #2B3036}
.f-grid h4{font-family:'IBM Plex Mono';font-weight:500;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6E767D;margin-bottom:14px}
.f-grid li{list-style:none;margin-bottom:8px}
.f-grid a:hover{color:#fff}
.logo-plate{background:#fff;display:inline-block;padding:10px 16px;margin-bottom:14px}
.logo-plate img{height:36px;width:auto}
.f-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;font-size:.78rem}

/* ── Responsive ── */
@media(max-width:1080px){.navbar a{padding:0 11px;font-size:.86rem}.navbar .tel{display:none}}
@media(max-width:980px){
  .hero .wrap{grid-template-columns:1fr}
  .hero svg{max-width:420px}
  .grid-cards,.news-grid,.quotes{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .usecase-body{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .contact-cols{grid-template-columns:1fr}
  .stats .wrap{grid-template-columns:1fr 1fr}
  .proj{grid-template-columns:70px 1fr;grid-template-rows:auto auto}
  .proj p{grid-column:2}.proj .tag{grid-column:2}
  .team-grid,.dept-grid{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .masthead .wrap{height:72px}
  .logo img{height:40px}
  .header-actions .btn:not(.solid){display:none}
  .navbar .wrap{flex-wrap:wrap;align-items:flex-start}
  .navbar nav{display:none;flex-direction:column;width:100%;padding-bottom:12px}
  .navbar nav.open{display:flex}
  .navbar nav a{line-height:44px;border-bottom:1px solid #26262B}
  .navbar nav a::after{display:none}
  .nav-toggle{display:block}
}
@media(max-width:720px){
  .grid-cards,.news-grid,.split,.quotes{grid-template-columns:1fr}
  form{grid-template-columns:1fr}
  .topbar .topbar-group:last-child{display:none}
  .steps{grid-template-columns:1fr}
}


/* ── Kernaussage ── */
.kern{background:var(--ink);color:#fff}
.kern .wrap{padding-top:clamp(52px,7vw,80px);padding-bottom:clamp(52px,7vw,80px)}
.kern .bar{width:58px;height:10px;background:var(--brand);margin-bottom:22px}
.kern .mono{color:#9C9CA3;margin-bottom:14px;display:block}
.kern h2{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:900;max-width:28ch;color:#fff;line-height:1.15}
.kern h2 em{font-style:normal;color:var(--brand)}
.kern p{color:#BDBDC2;margin-top:16px;max-width:62ch}

/* ── Produktfoto + technische Daten ── */
.prod{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,56px);align-items:start}
.prod figure{border:1px solid var(--line);background:#fff;padding:14px}
.prod figure img{width:100%;object-fit:contain;aspect-ratio:4/5}
.prod figcaption{font-family:'IBM Plex Mono';font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:10px}
.spec{border-top:2px solid var(--brand)}
.spec .row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.spec .row dt{color:var(--steel);flex:1}
.spec .row dd{font-weight:600;text-align:right}
.spec-note{color:var(--steel);font-size:.82rem;margin-top:10px}
.variants{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.variant{background:var(--card);padding:24px}
.variant .mono{color:var(--accent)}
.variant h3{font-size:1.05rem;font-weight:800;margin:8px 0 10px}
.variant li{list-style:none;color:var(--steel);font-size:.88rem;padding-left:16px;position:relative;margin-bottom:5px}
.variant li::before{content:"▸";position:absolute;left:0;color:var(--accent)}
@media(max-width:980px){.prod{grid-template-columns:1fr}.variants{grid-template-columns:1fr}}

/* ── Ansprechpartner am Formular ── */
.ap-card{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--card);padding:16px 20px;margin-bottom:18px}
.ap-card img{width:96px;height:96px;object-fit:cover;object-position:center top;border-radius:0;filter:grayscale(.1)}
.ap-card .mono{color:var(--accent);display:block;margin-bottom:4px}
.ap-card b{font-family:'Archivo';font-weight:800;font-size:1.05rem;display:block}
.ap-card span{color:var(--steel);font-size:.86rem}
.ap-mini{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
.ap-mini .m{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-left:3px solid var(--brand);background:var(--card);padding:12px 16px}
.ap-mini img{width:76px;height:76px;object-fit:cover;object-position:center top}
.ap-mini b{font-size:1rem;font-family:'Archivo';font-weight:700;display:block;line-height:1.25}
.ap-mini span{color:var(--steel);font-size:.84rem}


/* ── dRack-Feature (Startseite) ── */
.feature{background:var(--ink);color:#fff}
.feature .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,60px);align-items:center;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.feature figure{background:#fff;padding:12px;border-left:4px solid var(--brand)}
.feature figure img{width:100%;object-fit:cover;aspect-ratio:4/3}
.feature .mono{color:#9C9CA3;display:block;margin-bottom:12px}
.feature h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:900;max-width:20ch}
.feature h2 em{font-style:normal;color:var(--brand)}
.feature p{color:#BDBDC2;margin:16px 0 22px;max-width:54ch}
.f-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 26px;border-top:1px solid #2B2B30;padding-top:20px}
.f-stats b{display:block;font-family:'Archivo';font-weight:900;font-size:1.3rem;color:var(--brand)}
.f-stats span{color:#9C9CA3;font-size:.78rem}
@media(max-width:980px){.feature .wrap{grid-template-columns:1fr}.f-stats{grid-template-columns:1fr 1fr}}


/* ── Mini-Icons in der Navigation ── */
.navbar a svg{width:15px;height:15px;vertical-align:-2px;margin-right:6px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.navbar a svg .fil{fill:currentColor;stroke:none}
.ico-inline{width:18px;height:18px;vertical-align:-3px;margin-right:8px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.ico-inline .fil{fill:currentColor;stroke:none}

/* ── Ansprechpartner-Band (auf jeder Seite vor dem Footer) ── */
.page-ap{background:var(--g1);border-top:1px solid var(--g2)}
.page-ap .wrap{padding-top:30px;padding-bottom:30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.page-ap img{width:96px;height:96px;object-fit:cover;object-position:center top;border-left:4px solid var(--brand);background:#E9EAEC}
.page-ap .mono{color:var(--accent);display:block;margin-bottom:4px}
.page-ap b{font-family:'Archivo';font-weight:800;font-size:1.2rem;display:block}
.page-ap .role{color:var(--steel);font-size:.9rem}
.page-ap .spacer{flex:1}
.page-ap .acts{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.page-ap .spacer{display:none}}


/* ── Abteilungskarten (Team wie Bestandsseite, optimiert) ── */
.depts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dept-card{background:var(--card);border:1px solid var(--line)}
.dept-card .dc-head{background:var(--g1);border-bottom:2px solid var(--brand);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dept-card .dc-head h3{font-size:1.05rem;font-weight:800}
.dept-card .dc-head .mono{color:var(--steel)}
.dc-lead{display:flex;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.dc-lead img{width:64px;height:64px;object-fit:cover;object-position:center top;border-left:3px solid var(--brand);background:var(--g1)}
.dc-lead b{font-family:'Archivo';font-weight:700;display:block;line-height:1.25}
.dc-lead span{color:var(--steel);font-size:.82rem}
.dept-card > img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--g1)}
@media(max-width:860px){.depts{grid-template-columns:1fr}}

/* ── Service-Teambanner ── */
.team-banner{border:1px solid var(--line);background:var(--card);padding:12px;border-left:4px solid var(--brand)}
.team-banner img{width:100%;object-fit:cover;aspect-ratio:2/1;display:block}
.team-banner figcaption{font-family:'IBM Plex Mono';font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:10px}