@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/archivo-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/archivo-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --font-kit-header-font:'Archivo',system-ui,sans-serif;--font-kit-header-font-weight:650;--font-kit-header-letter-spacing:0px;
  --font-kit-text-font:'Archivo',system-ui,sans-serif;--font-kit-text-letter-spacing:0px;
  --color-kit-white:#FFFFFF;--color-kit-light:#F3F4F5;--color-kit-key1:#8A6C3E;--color-kit-key2:#1E2226;
  --color-kit-dark:#545A61;--color-kit-black:#121417;
  --ink:#121417;--anthracite:#1E2226;--steel:#8C939A;--line:#DDE0E3;--line-strong:#C5CACF;--brass:#8A6C3E;--brass-lt:#B8995F;--surface:#F3F4F5;--surface-2:#E9EBED;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-kit-text-font);font-size:16px;line-height:1.5;color:var(--color-kit-black);background:var(--color-kit-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--font-kit-header-font);font-weight:700}
a{color:inherit}
main:focus{outline:none}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--color-kit-key1);color:var(--color-kit-black);padding:10px 16px;font-weight:600;text-decoration:none;border-radius:4px}
.skip:focus{left:8px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.fld-cbLabel a{color:var(--color-kit-key2);text-decoration:underline;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---- legal pages ---- */
.legal{background:var(--color-kit-light)}
.legal-inner{max-width:860px;margin:0 auto;padding:88px 24px 104px}
.legal-inner h1{font-size:clamp(32px,4vw,46px);line-height:1.1;margin:14px 0 40px;color:var(--color-kit-black)}
.legal-card{background:var(--color-kit-white);border:1px solid #12141718;border-radius:4px;padding:40px}
.legal-card h2{font-size:20px;line-height:1.3;margin:32px 0 10px;color:var(--color-kit-black)}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{font-size:16px;line-height:1.65;color:var(--color-kit-dark);margin:0 0 12px}
.legal-card a{color:var(--color-kit-key2)}
.legal-todo{border-left:3px solid #e85230;background:#e852300f;padding:14px 18px;color:var(--color-kit-black)!important}
@media (max-width:640px){.legal-inner{padding:56px 20px 72px}.legal-card{padding:24px}}

/* ---- btn ---- */
.btn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-kit-text-font);
  font-weight: 600;
  letter-spacing: var(--font-kit-text-letter-spacing);
  text-decoration: none;
  border-radius: 4px;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition:
    background .2s,
    color .2s,
    border-color .2s;
  line-height: 1.2;
  text-align: center;
}
.btn-btn:focus-visible {
  outline: 3px solid var(--color-kit-key1);
  outline-offset: 3px;
}
.btn-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}
.btn-sm {
  padding: 10px 18px;
  font-size: 14px;
}
.btn-md {
  padding: 14px 24px;
  font-size: 15px;
}
.btn-lg {
  padding: 17px 30px;
  font-size: 16px;
}
.btn-primary {
  background: var(--color-kit-key1);
  color: var(--color-kit-black);
}
.btn-primary:hover {
  background: var(--brass);
}
.btn-outline {
  background: transparent;
  color: var(--color-kit-black);
  border-color: #12141740;
}
.btn-outline:hover {
  border-color: var(--color-kit-black);
}
.btn-outlineLight {
  background: transparent;
  color:var(--color-kit-black);
  border-color: #12141760;
}
.btn-outlineLight:hover {
  border-color: var(--color-kit-white);
  background: #12141710;
}
.btn-link {
  background: none;
  padding-left: 0;
  padding-right: 0;
  color: var(--color-kit-key2);
  border: 0;
  border-bottom: 1.5px solid var(--color-kit-key1);
  border-radius: 0;
}

/* ---- img ---- */
.img-image {
}
.img-placeholder {
  display: block;
  aspect-ratio: 4 / 3;
  background: var(--color-kit-light, #ececec);
}

/* ---- hd ---- */
.hd-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.hd-eyebrow {
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--color-kit-key2);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hd-eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  background: var(--color-kit-key1);
}
.hd-title {
  margin: 0;
  font-family: var(--font-kit-header-font);
  font-weight: var(--font-kit-header-font-weight);
  letter-spacing: calc(var(--font-kit-header-letter-spacing) - .5px);
  color: var(--color-kit-black);
  line-height: 1.12;
  text-wrap: balance;
}
.hd-xl {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.06;
}
.hd-lg {
  font-size: clamp(28px, 3.4vw, 42px);
}
.hd-md {
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.25;
}
.hd-sm {
  font-size: 18px;
  line-height: 1.3;
}
.hd-light .hd-title {
  color:var(--color-kit-black);
}
.hd-light .hd-eyebrow {
  color: var(--brass);
}

/* ---- faqi ---- */
.faqi-item {
  border-top: 1px solid #12141722;
}
.faqi-item:last-child {
  border-bottom: 1px solid #12141722;
}
.faqi-q {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-kit-black);
}
.faqi-q::-webkit-details-marker {
  display: none;
}
.faqi-q:focus-visible {
  outline: 3px solid var(--color-kit-key1);
  outline-offset: 4px;
}
.faqi-plus {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.faqi-plus::before,
.faqi-plus::after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 16px;
  height: 2px;
  background: var(--color-kit-key1);
}
.faqi-plus::after {
  transform: rotate(90deg);
  transition: transform .2s;
}
.faqi-item[open] .faqi-plus::after {
  transform: rotate(0);
}
.faqi-a {
  margin: 0 0 24px;
  max-width: 760px;
  font-family: var(--font-kit-text-font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}

/* ---- ico ---- */
.ico-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ico-box {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  background: #8C939A1a;
  color: var(--color-kit-key2);
  border: 1px solid #8C939A40;
}
.ico-dark {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  background: #12141710;
  color: var(--brass);
  border: 1px solid #12141720;
}
.ico-plain {
  color: var(--color-kit-key1);
}

/* ---- card ---- */
.card-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 32px 28px;
  border-radius: 4px;
  height: 100%;
  box-sizing: border-box;
}
.card-white {
  background: var(--color-kit-white);
  border: 1px solid #12141718;
}
.card-light {
  background: var(--color-kit-light);
  border: 1px solid transparent;
}
.card-dark {
  background: var(--color-kit-key2);
  border: 1px solid #12141714;
}
.card-line {
  background: transparent;
  border: 0;
  border-top: 2px solid var(--color-kit-black);
  border-radius: 0;
  padding: 24px 0 0;
}
.card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0;
}
.card-index {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 14px;
  color: var(--color-kit-key1);
  letter-spacing: .08em;
}
.card-title {
  margin: 6px 0 0;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: var(--color-kit-black);
}
.card-text {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--color-kit-dark);
}
.card-dark .card-title {
  color:var(--color-kit-black);
}
.card-dark .card-text {
  color: #121417b3;
}

/* ---- fld ---- */
.fld-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-family: var(--font-kit-text-font);
}
.fld-full {
  grid-column: 1/-1;
}
.fld-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-kit-black);
}
.fld-input {
  font: inherit;
  font-size: 16px;
  padding: 13px 14px;
  border: 1px solid #12141733;
  border-radius: 4px;
  background: var(--color-kit-white);
  color: var(--color-kit-black);
  width: 100%;
  box-sizing: border-box;
}
.fld-input:focus-visible {
  outline: 3px solid #8C939A80;
  border-color: var(--color-kit-key1);
}
.fld-input[aria-invalid=true] {
  border-color: #b42318;
}
.fld-cbLabel {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-kit-dark);
  cursor: pointer;
}
.fld-box {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--color-kit-key2);
  flex-shrink: 0;
}
.fld-box:focus-visible {
  outline: 3px solid var(--color-kit-key1);
  outline-offset: 2px;
}
.fld-err {
  font-size: 13px;
  color: #b42318;
}



/* ---- nav ---- */
.nav-header {
  background: var(--color-kit-black);
  color:var(--color-kit-black);
  border-bottom: 1px solid #12141714;
  position: relative;
  z-index: 20;
}
.nav-full {
  min-height: var(--con-kit-section-min-height,100vh);
}
.nav-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.nav-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color:var(--color-kit-black);
  flex-shrink: 0;
}
.nav-logo:focus-visible,
.nav-link:focus-visible,
.nav-burger:focus-visible {
  outline: 3px solid var(--color-kit-key1);
  outline-offset: 3px;
}
.nav-signet {
  font-family: var(--font-kit-header-font);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .06em;
  padding: 7px 9px;
  border: 1.5px solid var(--color-kit-key1);
  line-height: 1;
}
.nav-word {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .18em;
  line-height: 1.3;
  max-width: 150px;
}
.nav-nav {
  flex: 1;
}
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
  justify-content: center;
  flex-wrap: wrap;
}
.nav-link {
  display: block;
  padding: 8px 10px;
  color: #121417cc;
  text-decoration: none;
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  border-radius: 3px;
}
.nav-link:hover {
  color:var(--color-kit-black);
}
.nav-mobileCta {
  display: none;
}
.nav-burger {
  display: none;
  background: none;
  border: 0;
  padding: 10px;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
}
.nav-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-kit-white);
}
@media (max-width: 1180px) {
  .nav-burger {
    display: flex;
  }
  .nav-cta {
    display: none;
  }
  .nav-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-kit-black);
    padding: 16px 24px 28px;
    border-top: 1px solid #12141714;
  }
  .nav-open {
    display: block;
  }
  .nav-list {
    flex-direction: column;
  }
  .nav-link {
    padding: 12px 0;
    font-size: 16px;
    border-bottom: 1px solid #12141710;
  }
  .nav-mobileCta {
    display: block;
    margin-top: 20px;
  }
}

/* ---- hero ---- */
.hero-hero {
  background: var(--color-kit-black);
  color:var(--color-kit-black);
  overflow: hidden;
}
.hero-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-grid {
  max-width: 1250px;
  margin: 0 auto;
  padding: 88px 24px 96px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 64px;
  align-items: center;
}
.hero-copy {
  display: flex;
  flex-direction: column;
}
.hero-copy h1 {
  font-size: clamp(34px, 4.6vw, 58px);
  line-height: 1.1;
  max-width: 720px;
  margin: 0;
}
.hero-lead {
  font-family: var(--font-kit-text-font);
  font-size: 19px;
  line-height: 1.55;
  color:var(--color-kit-black);
  margin: 36px 0 0;
  max-width: 640px;
}
.hero-body {
  font-family: var(--font-kit-text-font);
  font-size: 16px;
  line-height: 1.65;
  color: #121417b3;
  margin: 0;
  max-width: 600px;
}
.hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 44px;
}
.hero-trust {
  list-style: none;
  padding: 28px 0 0;
  margin: 40px 0 0;
  border-top: 1px solid #1214171a;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.hero-trust li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  line-height: 1.45;
  color: #121417cc;
}
.hero-media {
  position: relative;
}
.hero-img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
}
.hero-frame {
  position: absolute;
  inset: 24px -24px -24px 24px;
  border: 1.5px solid #8C939A60;
  z-index: 0;
}
@media (max-width: 960px) {
  .hero-grid {
    grid-template-columns: 1fr;
    padding: 56px 20px 72px;
    gap: 48px;
  }
  .hero-trust {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 32px;
  }
  .hero-copy h1 {
    font-size: clamp(30px, 8vw, 40px);
  }
  .hero-lead {
    font-size: 17px;
    margin-top: 24px;
  }
  .hero-ctas {
    margin-top: 32px;
  }
  .hero-ctas > * {
    width: 100%;
    justify-content: center;
  }
  .hero-img {
    aspect-ratio: 4/3;
  }
  .hero-frame {
    inset: 16px -8px -16px 16px;
  }
}

/* ---- prob ---- */
.prob-s {
  background: var(--color-kit-white);
}
.prob-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.prob-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.prob-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}
.prob-intro {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.prob-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.prob-closing {
  margin: 64px 0 0;
  padding: 32px 36px;
  background: var(--color-kit-light);
  border-left: 3px solid var(--color-kit-key1);
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.4;
  color: var(--color-kit-black);
}
@media (max-width: 1000px) {
  .prob-grid {
    grid-template-columns: 1fr 1fr;
  }
  .prob-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .prob-grid {
    grid-template-columns: 1fr;
  }
  .prob-inner {
    padding: 64px 20px;
  }
}

/* ---- verb ---- */
.verb-s {
  background: var(--color-kit-light);
}
.verb-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.verb-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.verb-top {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: center;
  margin-bottom: 56px;
}
.verb-img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}
.verb-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.verb-p {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.verb-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.verb-note {
  margin-top: auto;
  font-family: var(--font-kit-text-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-kit-key2);
  padding: 8px 12px;
  background: #8C939A14;
  border-radius: 3px;
}
@media (max-width: 900px) {
  .verb-top,
  .verb-grid {
    grid-template-columns: 1fr;
  }
  .verb-top {
    gap: 32px;
  }
  .verb-inner {
    padding: 64px 20px;
  }
}

/* ---- leis ---- */
.leis-s {
  background: var(--color-kit-white);
}
.leis-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.leis-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.leis-head {
  max-width: 760px;
  margin-bottom: 52px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.leis-sub {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.leis-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #12141718;
  border: 1px solid #12141718;
}
.leis-grid > * {
  border: 0 !important;
  border-radius: 0 !important;
}
.leis-foot {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.leis-note {
  margin: 0;
  max-width: 640px;
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-kit-dark);
}
@media (max-width: 960px) {
  .leis-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .leis-grid {
    grid-template-columns: 1fr;
  }
  .leis-inner {
    padding: 64px 20px;
  }
}

/* ---- mitg ---- */
.mitg-s {
  background: var(--color-kit-light);
}
.mitg-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mitg-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.mitg-head {
  max-width: 760px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.mitg-sub {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.mitg-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.mitg-foot {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.mitg-note {
  margin: 0;
  max-width: 640px;
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-kit-dark);
  border-left: 3px solid var(--color-kit-key1);
  padding-left: 14px;
}
@media (max-width: 760px) {
  .mitg-grid {
    grid-template-columns: 1fr;
  }
  .mitg-inner {
    padding: 64px 20px;
  }
}

/* ---- netz ---- */
.netz-s {
  background: var(--color-kit-key2);
}
.netz-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.netz-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.netz-head {
  max-width: 760px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.netz-p {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: #121417b3;
}
.netz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.netz-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.netz-badge {
  align-self: flex-start;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-kit-key1);
  border: 1px solid var(--color-kit-key1);
  border-radius: 999px;
  padding: 4px 12px;
}
@media (max-width: 900px) {
  .netz-grid {
    grid-template-columns: 1fr;
  }
  .netz-inner {
    padding: 64px 20px;
  }
}

/* ---- vgl ---- */
.vgl-s {
  background: var(--color-kit-black);
  color:var(--color-kit-black);
}
.vgl-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vgl-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.vgl-title {
  max-width: 760px;
  margin-bottom: 52px;
}
.vgl-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.vgl-col {
  padding: 36px;
  border: 1px solid #1214171f;
  border-radius: 4px;
}
.vgl-hi {
  background: var(--color-kit-key2);
  border-color: #8C939A80;
}
.vgl-h {
  margin: 0 0 24px;
  font-family: var(--font-kit-header-font);
  font-size: 22px;
  font-weight: 700;
  color:var(--color-kit-black);
}
.vgl-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.vgl-list li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #12141714;
  font-family: var(--font-kit-text-font);
  font-size: 16px;
  color: #121417d9;
}
.vgl-muted {
  color: #12141766;
}
.vgl-closing {
  margin: 48px 0 0;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.4;
  max-width: 860px;
  color:var(--color-kit-black);
}
@media (max-width: 800px) {
  .vgl-cols {
    grid-template-columns: 1fr;
  }
  .vgl-inner {
    padding: 64px 20px;
  }
  .vgl-col {
    padding: 24px;
  }
}

/* ---- prax ---- */
.prax-s {
  background: var(--color-kit-light);
}
.prax-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.prax-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.prax-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 48px;
}
.prax-intro {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.prax-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding: 30px 0;
  border-top: 1px solid #12141722;
  align-items: center;
}
.prax-row:last-child {
  border-bottom: 1px solid #12141722;
}
.prax-flow {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.prax-from {
  font-family: var(--font-kit-text-font);
  font-size: 15px;
  color: var(--color-kit-dark);
}
.prax-to {
  margin: 0;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 22px;
  color: var(--color-kit-black);
}
.prax-text {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-kit-dark);
}
@media (max-width: 800px) {
  .prax-head,
  .prax-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .prax-inner {
    padding: 64px 20px;
  }
}

/* ---- erf ---- */
.erf-s {
  background: var(--color-kit-white);
}
.erf-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.erf-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}
.erf-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.erf-p {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.erf-init {
  margin: 8px 0 0;
  padding-top: 18px;
  border-top: 1px solid #12141722;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  color: var(--color-kit-key2);
}
.erf-slots {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.erf-slot {
  border: 1.5px dashed #64778666;
  border-radius: 4px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--font-kit-text-font);
}
.erf-slot strong {
  color: var(--color-kit-black);
  font-size: 15px;
}
.erf-slot span {
  color: var(--color-kit-dark);
  font-size: 14px;
}
@media (max-width: 860px) {
  .erf-inner {
    grid-template-columns: 1fr;
    padding: 64px 20px;
    gap: 40px;
  }
}

/* ---- grk ---- */
.grk-s {
  background: var(--color-kit-black);
}
.grk-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.grk-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.grk-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.grk-p {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: #121417b3;
}
.grk-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 860px) {
  .grk-inner {
    grid-template-columns: 1fr;
    padding: 64px 20px;
    gap: 40px;
  }
}

/* ---- abl ---- */
.abl-s {
  background: var(--color-kit-white);
}
.abl-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.abl-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.abl-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 52px;
}
.abl-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 800px) {
  .abl-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .abl-inner {
    padding: 64px 20px;
  }
}

/* ---- faq ---- */
.faq-s {
  background: var(--color-kit-light);
}
.faq-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.faq-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 64px;
}
@media (max-width: 860px) {
  .faq-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 64px 20px;
  }
}

/* ---- cta ---- */
.cta-s {
  background: var(--color-kit-key2);
  border-top: 3px solid var(--color-kit-key1);
}
.cta-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cta-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 110px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cta-p {
  margin: 24px 0 0;
  font-family: var(--font-kit-text-font);
  font-size: 18px;
  line-height: 1.65;
  color: #121417bf;
  max-width: 720px;
}
.cta-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 600px) {
  .cta-inner {
    padding: 72px 20px;
  }
}

/* ---- vid ---- */
.vid-s {
  background: var(--color-kit-white);
}
.vid-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vid-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
}
.vid-head {
  max-width: 820px;
  margin-bottom: 48px;
}
.vid-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 56px;
  align-items: start;
}
.vid-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.vid-video {
  position: relative;
  aspect-ratio: 16/9;
  background: var(--color-kit-black);
  border-radius: 6px;
  overflow: hidden;
}
.vid-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.vid-ph {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background:
    linear-gradient(
      135deg,
      var(--color-kit-black),
      var(--color-kit-key2));
}
.vid-play {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--color-kit-key1);
  color:var(--color-kit-black);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vid-phText {
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  color: #121417b3;
  text-align: center;
  padding: 0 20px;
}
.vid-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.vid-step {
  display: flex;
  gap: 18px;
  padding-bottom: 28px;
  border-bottom: 1px solid #12141718;
}
.vid-num {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--color-kit-key1);
  color: var(--color-kit-key1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-kit-header-font);
  font-weight: 700;
}
.vid-stTitle {
  margin: 0 0 6px;
  font-family: var(--font-kit-header-font);
  font-weight: var(--font-kit-header-font-weight);
  font-size: 19px;
  color: var(--color-kit-black);
}
.vid-stText {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-kit-dark);
}
@media (max-width: 900px) {
  .vid-grid {
    grid-template-columns: 1fr;
  }
  .vid-inner {
    padding: 64px 20px;
  }
}

/* ---- frm ---- */
.frm-s {
  background: var(--color-kit-white);
}
.frm-full {
  min-height: var(--con-kit-section-min-height,100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.frm-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 96px 24px;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 64px;
}
.frm-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.frm-p {
  margin: 0;
  font-family: var(--font-kit-text-font);
  font-size: 17px;
  line-height: 1.65;
  color: var(--color-kit-dark);
}
.frm-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 36px;
  background: var(--color-kit-light);
  border-radius: 4px;
}
.frm-actions {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.frm-errMsg {
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  color: #b42318;
}
.frm-ok {
  padding: 32px;
  background: var(--color-kit-light);
  border-left: 3px solid var(--color-kit-key1);
  font-family: var(--font-kit-header-font);
  font-size: 20px;
  font-weight: 700;
  color: var(--color-kit-black);
  margin: 0;
  align-self: start;
}
@media (max-width: 860px) {
  .frm-inner {
    grid-template-columns: 1fr;
    padding: 64px 20px;
    gap: 32px;
  }
  .frm-form {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}

/* ---- foot ---- */
.foot-footer {
  background: var(--color-kit-black);
  color: #ffffffb3;
  font-family: var(--font-kit-text-font);
}
.foot-full {
  min-height: var(--con-kit-section-min-height,100vh);
}
.foot-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 64px 24px 40px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 40px;
}
.foot-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--color-kit-white);
}
.foot-signet {
  font-family: var(--font-kit-header-font);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .06em;
  padding: 7px 9px;
  border: 1.5px solid var(--color-kit-key1);
}
.foot-word {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .18em;
  max-width: 150px;
  line-height: 1.3;
}
.foot-claim {
  color: var(--color-kit-white);
  font-family: var(--font-kit-header-font);
  font-size: 20px;
  margin: 24px 0 8px;
}
.foot-note {
  font-size: 14px;
  max-width: 380px;
  margin: 0;
}
.foot-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.foot-list a {
  color: #ffffffcc;
  text-decoration: none;
  font-size: 14px;
}
.foot-list a:hover {
  color: var(--brass);
}
.foot-list a:focus-visible {
  outline: 3px solid var(--color-kit-key1);
  outline-offset: 3px;
}
.foot-bottom {
  max-width: 1250px;
  margin: 0 auto;
  padding: 20px 24px;
  border-top: 1px solid #ffffff14;
  font-size: 13px;
}
@media (max-width: 760px) {
  .foot-inner {
    grid-template-columns: 1fr;
  }
}

/* ==== Erweiterungen (Unterseiten-Navigation, Magazin) ==== */
.nav-has-sub{position:relative}
.nav-link{display:flex;align-items:center;gap:6px}
.nav-caret{opacity:.7;transition:transform .2s}
.nav-active{color:var(--color-kit-black);box-shadow:inset 0 -2px 0 var(--color-kit-key1)}
.nav-sub{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 6px);left:-8px;min-width:300px;background:var(--color-kit-white);border-radius:4px;box-shadow:0 18px 40px #1214174d;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:30}
.nav-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-has-sub:hover .nav-sub,.nav-has-sub:focus-within .nav-sub{opacity:1;visibility:visible;transform:none}
.nav-has-sub:hover .nav-caret,.nav-has-sub:focus-within .nav-caret{transform:rotate(180deg)}
.nav-sublink{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:3px;text-decoration:none;font-family:var(--font-kit-text-font)}
.nav-sublink strong{font-family:var(--font-kit-header-font);font-size:15px;color:var(--color-kit-black)}
.nav-sublink span{font-size:13px;line-height:1.45;color:var(--color-kit-dark)}
.nav-sublink:hover,.nav-sublink:focus-visible{background:var(--color-kit-light);outline:none}
@media (max-width:1180px){
  .nav-active{box-shadow:none;color:var(--brass)}
  .nav-caret{display:none}
  .nav-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;min-width:0;padding:0 0 0 16px}
  .nav-sub::before{display:none}
  .nav-sublink{padding:12px 0;border-bottom:1px solid #12141710;border-radius:0}
  .nav-sublink strong{color:#121417cc;font-family:var(--font-kit-text-font);font-weight:400;font-size:16px}
  .nav-sublink span{display:none}
  .nav-sublink:hover{background:none}
}

/* page hero (Unterseiten) */
.ph-s{background:var(--color-kit-black);color:var(--color-kit-black)}
.ph-inner{max-width:1250px;margin:0 auto;padding:88px 24px 80px}
.ph-inner--narrow{max-width:860px}
.ph-lead{font-family:var(--font-kit-text-font);font-size:19px;line-height:1.55;color:#121417cc;margin:28px 0 0;max-width:720px}
.pg-s{background:var(--color-kit-light)}
.pg-inner{max-width:1250px;margin:0 auto;padding:72px 24px 96px}
.pg-soon{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0;font-size:16px;line-height:1.6;color:var(--color-kit-dark)}
.pg-soon a{color:var(--color-kit-key2)}
.pg-badge{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-kit-key2);background:#8C939A1f;border:1px solid #8C939A40;padding:6px 10px;border-radius:3px}
.pg-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pg-contact>div{background:var(--color-kit-white);border:1px solid #12141718;border-radius:4px;padding:28px;font-size:16px;line-height:1.6;color:var(--color-kit-black)}
.pg-contact a{color:var(--color-kit-key2);font-weight:600;text-decoration:none}
.pg-label{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-kit-dark);margin-bottom:8px}

/* Magazin */
.mag-s{background:var(--color-kit-light)}
.mag-s--white{background:var(--color-kit-white)}
.mag-inner{max-width:1250px;margin:0 auto;padding:96px 24px}
.mag-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mag-card{background:var(--color-kit-white);border:1px solid #12141718;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.mag-s--white .mag-card{background:var(--color-kit-light);border-color:transparent}
.mag-card:hover{border-color:var(--color-kit-key1)}
.mag-cardLink{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.mag-cardLink:focus-visible{outline:3px solid var(--color-kit-key1);outline-offset:-3px}
.mag-cardImg{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.mag-cardPh{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-kit-black),var(--color-kit-key2))}
.mag-cardPh span{font-family:var(--font-kit-header-font);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--color-kit-black);padding:7px 9px;border:1.5px solid var(--color-kit-key1);line-height:1}
.mag-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 28px 0;font-size:13px;color:var(--color-kit-dark)}
.mag-cat{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-kit-key2)}
.mag-cat::after{content:"·";margin-left:10px;color:var(--color-kit-dark)}
.mag-cardTitle{margin:12px 28px 0;font-size:20px;line-height:1.3;color:var(--color-kit-black)}
.mag-cardText{margin:12px 28px 0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.mag-more{margin:auto 28px 28px;padding-top:20px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--color-kit-key2)}
.mag-soon{opacity:.85}
.mag-soon .mag-cardTitle{margin-bottom:28px}
/* Artikel */
.art-back{display:inline-block;margin-bottom:28px;color:#121417b3;text-decoration:none;font-size:14px}
.art-back:hover{color:var(--color-kit-black)}
.art-h1{font-size:clamp(30px,4vw,48px)}
.art-meta{margin:20px 0 0;color:#121417b3;font-size:15px}
.art-s{background:var(--color-kit-white)}
.art-inner{max-width:860px;margin:0 auto;padding:64px 24px 96px}
.art-img{width:100%;height:auto;border-radius:4px;margin-bottom:40px}
.art-body{font-size:18px;line-height:1.75;color:#2A2F35}
.art-body h2{font-size:28px;line-height:1.25;margin:48px 0 16px;color:var(--color-kit-black)}
.art-body h3{font-size:21px;line-height:1.3;margin:36px 0 12px;color:var(--color-kit-black)}
.art-body p,.art-body ul,.art-body ol{margin:0 0 20px}
.art-body a{color:var(--color-kit-key2)}
.art-body blockquote{margin:32px 0;padding:4px 0 4px 24px;border-left:3px solid var(--color-kit-key1);font-family:var(--font-kit-header-font);font-size:21px;color:var(--color-kit-black)}
@media (max-width:960px){.mag-grid{grid-template-columns:1fr 1fr}.pg-contact{grid-template-columns:1fr}}
@media (max-width:640px){.mag-grid{grid-template-columns:1fr}.mag-inner{padding:64px 20px}.ph-inner{padding:56px 20px}.mag-head{margin-bottom:32px}}

/* ==== Magazin v2: Filter, Artikel-Bausteine, Autor, Teilen ==== */
.mag-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.mag-chip{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid #12141733;border-radius:999px;font-size:14px;font-weight:500;color:var(--color-kit-black);text-decoration:none;background:var(--color-kit-white);transition:border-color .2s,background .2s}
.mag-chip:hover{border-color:var(--color-kit-key1)}
.mag-chip.is-active{background:var(--color-kit-black);border-color:var(--color-kit-black);color:var(--color-kit-black)}
.mag-chip:focus-visible{outline:3px solid var(--color-kit-key1);outline-offset:2px}
.mag-meta span+span::before{content:""}
.pg-s--note{background:var(--color-kit-white)}
.pg-inner--note{padding:40px 24px 0}
.art-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#12141799;margin-bottom:28px}
.art-crumbs a{color:#121417b3;text-decoration:none}.art-crumbs a:hover{color:var(--color-kit-black)}
.art-byline{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;padding-top:24px;border-top:1px solid #1214171a}
.art-byAuthor{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-kit-black)}
.art-byAuthor img{border-radius:50%;border:2px solid var(--color-kit-key1);object-fit:cover}
.art-byAuthor>span{display:flex;flex-direction:column;font-size:14px;line-height:1.35}
.art-byAuthor>span span{color:#121417a6;font-size:13px}
.art-dates{font-size:14px;color:#121417b3}
.art-kurz{background:var(--color-kit-light);border-left:4px solid var(--color-kit-key1);border-radius:4px;padding:28px 32px;margin:0 0 40px}
.art-kurz h2{margin:0 0 14px;font-size:20px;color:var(--color-kit-black)}
.art-kurz ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.art-kurz li{position:relative;padding-left:28px;font-size:16.5px;line-height:1.6;color:#2A2F35}
.art-kurz li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2px solid var(--color-kit-key1);border-bottom:2px solid var(--color-kit-key1);transform:rotate(-45deg)}
.art-toc{border:1px solid #12141722;border-radius:4px;padding:24px 28px;margin:0 0 48px}
.art-toc .art-tocH{margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-kit-dark);font-family:var(--font-kit-text-font);font-weight:600}
.art-toc ol{margin:0;padding-left:20px;columns:2;column-gap:40px}
.art-toc li{margin:0 0 8px;font-size:15px;break-inside:avoid}
.art-toc a{color:var(--color-kit-key2);text-decoration:none}.art-toc a:hover{text-decoration:underline}
.art-body h2{scroll-margin-top:24px}
.art-body h3{scroll-margin-top:24px}
.tbl-wrap{overflow-x:auto;margin:28px 0 8px;border:1px solid #12141722;border-radius:4px}
.art-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:560px}
.art-body th{background:var(--color-kit-black);color:var(--color-kit-black);text-align:left;font-weight:600;padding:12px 14px;font-family:var(--font-kit-text-font)}
.art-body td{padding:11px 14px;border-top:1px solid #12141718;vertical-align:top;color:#2A2F35}
.art-body tbody tr:nth-child(even) td{background:var(--surface)}
.art-body p.tbl-sum{font-size:15px;line-height:1.55;color:var(--color-kit-dark);margin:10px 0 28px;padding-left:14px;border-left:3px solid var(--color-kit-key1)}
.art-body p.tbl-sum strong{color:var(--color-kit-black)}
.art-body .note{background:#8C939A14;border-radius:4px;padding:18px 22px;font-size:16px}
.art-body h3 .uc-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:10px;border:1.5px solid var(--color-kit-key1);border-radius:3px;font-size:15px;color:var(--color-kit-key2);vertical-align:2px}
.art-body dl.uc{display:grid;grid-template-columns:150px 1fr;gap:8px 18px;margin:0 0 28px;padding:20px 22px;background:var(--color-kit-light);border-radius:4px;font-size:15.5px;line-height:1.55}
.art-body dl.uc dt{font-weight:600;color:var(--color-kit-black)}
.art-body dl.uc dd{margin:0;color:#2A2F35}
.art-faq{margin:56px 0 0}
.art-faq h2{font-size:28px;line-height:1.25;margin:0 0 16px;color:var(--color-kit-black)}
.art-cta{margin:56px 0 0;background:var(--color-kit-black);color:var(--color-kit-black);border-radius:4px;padding:40px}
.art-cta .hd-eyebrow{color:var(--brass)}
.art-cta h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:14px 0 12px;color:var(--color-kit-black)}
.art-cta p{margin:0 0 28px;color:#121417cc;font-size:17px;line-height:1.6}
.art-ctaBtns{display:flex;flex-wrap:wrap;gap:12px}
.art-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:48px 0 0;padding:24px 0;border-top:1px solid #12141722;border-bottom:1px solid #12141722}
.art-shareLabel{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-kit-dark);margin-right:6px}
.art-shareBtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #12141733;border-radius:4px;background:var(--color-kit-white);font:inherit;font-size:14px;font-weight:500;color:var(--color-kit-black);text-decoration:none;cursor:pointer}
.art-shareBtn:hover{border-color:var(--color-kit-key1);color:var(--color-kit-key2)}
.art-shareBtn:focus-visible{outline:3px solid var(--color-kit-key1);outline-offset:2px}
.art-author{display:grid;grid-template-columns:112px 1fr;gap:28px;margin:40px 0 0;padding:32px;background:var(--color-kit-light);border-radius:4px}
.art-authorImg img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid var(--color-kit-white);box-shadow:0 0 0 2px var(--color-kit-key1)}
.art-authorLabel{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-kit-key2)}
.art-authorName{margin:6px 0 4px;font-size:22px;font-family:var(--font-kit-header-font);font-weight:700}
.art-authorName a{color:var(--color-kit-black);text-decoration:none}
.art-authorRole{margin:0 0 12px;font-size:14px;color:var(--color-kit-dark)}
.art-authorText{margin:0 0 14px;font-size:15.5px;line-height:1.6;color:#2A2F35}
.art-authorLinks{display:flex;flex-wrap:wrap;gap:18px;margin:0}
.art-authorLinks a{font-weight:600;font-size:15px;color:var(--color-kit-key2)}
.au-hero{display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center}
.au-img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid var(--color-kit-key1)}
.au-links{display:flex;gap:20px;margin:20px 0 0}
.au-links a{color:var(--brass);font-weight:600}
@media (max-width:720px){
  .art-toc ol{columns:1}
  .art-body dl.uc{grid-template-columns:1fr;gap:2px}
  .art-body dl.uc dd{margin-bottom:10px}
  .art-author{grid-template-columns:1fr;padding:24px}
  .au-hero{grid-template-columns:1fr;gap:24px}
  .art-cta{padding:28px 22px}
  .art-kurz{padding:22px}
}

.art-note{margin:0 0 40px;padding:16px 20px;border:1px solid #12141722;border-radius:4px;font-size:14.5px;line-height:1.55;color:var(--color-kit-dark);background:var(--color-kit-white)}
.art-note::before{content:"Hinweis: ";font-weight:600;color:var(--color-kit-black)}
/* ---------- Glossar ---------- */
.gl-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px}
.gl-az a,.gl-az span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:4px;font-family:var(--font-kit-header-font);font-weight:700;font-size:15px}
.gl-az a{background:var(--color-kit-light);color:var(--color-kit-black);text-decoration:none;border:1px solid transparent}
.gl-az a:hover{border-color:var(--color-kit-key1)}
.gl-az span{color:#12141733}
.gl-search{max-width:520px;margin:0 0 8px}
.gl-qLabel{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-kit-dark);margin-bottom:8px}
.gl-search input{width:100%;padding:13px 16px;font:inherit;font-size:16px;border:1px solid #12141733;border-radius:4px;background:var(--color-kit-white);color:var(--color-kit-black)}
.gl-search input:focus{outline:3px solid #8C939A55;border-color:var(--color-kit-key1)}
.gl-count{font-size:14px;color:var(--color-kit-dark);margin:0 0 32px}
.gl-group{margin:0 0 40px;scroll-margin-top:100px}
.gl-letter{font-family:var(--font-kit-header-font);font-size:28px;font-weight:800;color:var(--color-kit-key2);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--color-kit-light)}
.gl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gl-item a{display:block;height:100%;padding:22px 24px;background:var(--color-kit-light);border:1px solid transparent;border-radius:4px;text-decoration:none;color:inherit;transition:border-color .2s}
.gl-item a:hover{border-color:var(--color-kit-key1)}
.gl-item strong{display:block;font-family:var(--font-kit-header-font);font-size:18px;color:var(--color-kit-black)}
.gl-alias{display:block;font-size:13px;color:var(--color-kit-key2);margin-top:4px}
.gl-def{display:block;font-size:15px;line-height:1.55;color:var(--color-kit-dark);margin-top:10px}
.gl-more{margin-top:24px}
.gl-aka{margin:20px 0 0;color:#121417b3;font-size:16px}
.gl-defbox p{margin:0;font-size:17.5px;line-height:1.6}
.gl-deep,.gl-rel,.gl-src{margin:48px 0 0}
.gl-deep h2,.gl-rel h2,.gl-src h2{font-family:var(--font-kit-header-font);font-size:22px;color:var(--color-kit-black);margin:0 0 16px}
.gl-deep ul,.gl-src ul{margin:0;padding-left:20px;line-height:1.8}
.gl-deep a,.gl-src a{color:var(--color-kit-key2)}
.gl-src{font-size:15px}
.gl-rel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gl-upd{margin:48px 0 0;padding-top:24px;border-top:1px solid #12141718;font-size:14px;color:var(--color-kit-dark)}
.gl-upd a{color:var(--color-kit-key2)}
@media (max-width:760px){.gl-list{grid-template-columns:1fr}.gl-az a,.gl-az span{width:32px;height:32px;font-size:14px}}

/* =====================================================================
   IDV Corporate Design v2 – hell, institutionell, Industrie-Verbund
   Weiß/Hellgrau · Schwarz/Anthrazit · feine Grauabstufungen · Messing-Akzent
   ===================================================================== */
body{font-family:var(--font-kit-text-font);color:var(--ink);font-size:17px;line-height:1.6}
h1,h2,h3,h4,.hd-title,.card-title,.faqi-q,.vgl-h,.prax-to,.vid-stTitle,.mag-cardTitle{font-family:var(--font-kit-header-font);font-stretch:87.5%;letter-spacing:-.012em}
.hd-title{font-weight:650;color:var(--ink)}
.hd-xl{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.025em}
.hd-lg{font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.02em}
.card-title{font-weight:620;font-size:21px}
.card-text,.prob-intro,.verb-p,.leis-sub,.mitg-sub,.netz-p,.grk-p,.cta-p,.prax-intro,.prax-text,.erf-p,.faqi-a{color:var(--color-kit-dark)}

/* Section-Kennzeichnung: kurze Messinglinie statt Petrol */
.hd-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--color-kit-dark);text-transform:uppercase;font-stretch:100%}
.hd-eyebrow::before{width:28px;height:1px;background:var(--brass)}
.hd-light .hd-eyebrow,.art-cta .hd-eyebrow{color:var(--color-kit-dark)}

/* Buttons */
.btn-btn{border-radius:2px;font-weight:600;letter-spacing:.005em;border-width:1px}
.btn-primary{background:var(--anthracite);color:#fff;border-color:var(--anthracite)}
.btn-primary:hover{background:#000;border-color:#000;color:#fff}
.btn-outline,.btn-outlineLight{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.btn-outline:hover,.btn-outlineLight:hover{border-color:var(--ink);background:#fff}
.btn-link{color:var(--ink);border-bottom-color:var(--brass)}
.btn-btn:focus-visible,.faqi-q:focus-visible,.nav-logo:focus-visible,.nav-link:focus-visible,.nav-burger:focus-visible,.mag-chip:focus-visible,.art-shareBtn:focus-visible,.foot-list a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.btn-btn::after{content:"";width:14px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1 12.5 5 8.5 9' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1 12.5 5 8.5 9' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.btn-btn:hover::after{transform:translateX(3px)}
.btn-sm::after,.art-shareBtn::after{display:none}

/* Icons: reduziert, monochrom, ohne Kästen */
.ico-box,.ico-dark{width:auto;height:auto;background:none;border:0;color:var(--ink);border-radius:0}
.ico-box svg,.ico-dark svg{width:22px;height:22px;stroke-width:1.5}
.ico-plain{color:var(--steel)}

/* Karten: Linien statt Kästen */
.card-card{border-radius:2px;padding:32px 28px}
.card-white{background:#fff;border:1px solid var(--line)}
.card-dark{background:#fff;border:1px solid var(--line)}
.card-dark .card-title{color:var(--ink)}.card-dark .card-text{color:var(--color-kit-dark)}
.card-line{border-top:1px solid var(--ink)}
.card-index{color:#6B7178;font-weight:500;font-size:13px;letter-spacing:.06em;font-stretch:100%}

/* Header: weiß, ruhig, mit Herkunftsleiste */
.nav-topbar{background:var(--surface);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--color-kit-dark)}
.nav-topbar>div{max-width:1250px;margin:0 auto;padding:7px 24px;display:flex;justify-content:space-between;gap:16px}
.nav-topbar a{color:inherit;text-decoration:none}.nav-topbar a:hover{color:var(--ink)}
.de-flag{display:inline-flex;flex-direction:column;width:16px;height:11px;margin-right:8px;vertical-align:-1px;box-shadow:0 0 0 .5px #0002}
.de-flag i{flex:1;display:block}.de-flag i:nth-child(1){background:#000}.de-flag i:nth-child(2){background:#DD0000}.de-flag i:nth-child(3){background:#FFCE00}
.nav-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}
.nav-inner{padding:18px 24px}
.nav-logo{color:var(--ink)}
.nav-signet,.foot-signet{border:0;background:var(--anthracite);color:#fff;font-stretch:100%;font-weight:700;letter-spacing:.08em;padding:9px 10px;border-radius:1px;position:relative}
.nav-signet::after,.foot-signet::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:1px;background:var(--brass-lt)}
.nav-word{font-weight:600;font-stretch:100%;letter-spacing:.14em;font-size:11.5px;color:var(--ink)}
.nav-link{color:#3A3F45;font-size:15px;font-weight:500}
.nav-link:hover{color:var(--ink)}
.nav-active,.nav-link.nav-active{color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}
.nav-burger span{background:var(--ink)}
.nav-sub{border:1px solid var(--line);box-shadow:0 12px 32px #12141714;border-radius:2px}
.nav-sublink strong{color:var(--ink)}
@media (max-width:1180px){.nav-nav{background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 30px #1214171a}.nav-link,.nav-sublink{border-bottom-color:var(--line)}.nav-sublink strong{color:var(--ink)}.nav-active{box-shadow:none}}
@media (max-width:640px){.nav-topbar .nt-r{display:none}}

/* Hero: hell, großzügig, echtes Werkfoto */
.hero-hero{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.hero-grid{grid-template-columns:1.05fr .95fr;gap:72px;padding:96px 24px 104px}
.hero-copy h1{font-size:clamp(38px,4.8vw,64px);line-height:1.03;letter-spacing:-.028em}
.hero-lead{color:#3A3F45;font-size:19px;line-height:1.6}
.hero-trust{border-top:1px solid var(--line)}
.hero-trust li{color:#3A3F45}
.hero-trust .ico-plain{color:var(--brass)}
.hero-img{aspect-ratio:4/5;object-position:58% 50%;border-radius:2px}
.hero-frame{inset:auto auto -20px -20px;width:46%;height:38%;border:0;background:var(--surface);z-index:0}
@media (max-width:960px){.hero-grid{padding:56px 20px 72px;gap:40px}.hero-img{aspect-ratio:3/2}.hero-frame{display:none}}

/* Ehemals dunkle Abschnitte → hell */
.netz-s{background:var(--surface)}
.netz-badge{color:var(--color-kit-dark);border-color:var(--line-strong);background:#fff;letter-spacing:.04em}
.vgl-s{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.vgl-col{border:1px solid var(--line);border-radius:2px;background:#fff}
.vgl-hi{background:var(--surface);border-color:var(--ink);box-shadow:inset 0 3px 0 var(--ink)}
.vgl-list li{border-top-color:var(--line);color:#2A2F35}
.vgl-muted{color:#A2A8AE}
.vgl-hi .ico-plain{color:var(--ink)}
.grk-s{background:var(--surface)}
.cta-s{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta-inner{position:relative}
.cta-inner::before{content:"";display:block;width:48px;height:2px;background:var(--brass);margin-bottom:32px}
.verb-s,.mitg-s,.prax-s,.faq-s{background:var(--surface)}
.prob-closing,.mitg-note,.frm-ok{border-left:0;background:var(--surface);box-shadow:inset 0 1px 0 var(--ink)}
.mitg-note{background:none;padding-left:0;padding-top:14px}
.verb-img{border-radius:2px}
.verb-note{background:var(--surface);color:var(--color-kit-dark);border-radius:2px}
.leis-grid{background:var(--line);border-color:var(--line)}
.erf-slot{border:1px dashed var(--line-strong);border-radius:2px}
.erf-init{color:var(--ink)}
.faqi-item,.faqi-item:last-child{border-color:var(--line-strong)}
.faqi-plus::before,.faqi-plus::after{background:var(--ink);height:1.5px}
.vid-video{border-radius:2px;background:var(--surface-2)}
.vid-ph{background:linear-gradient(180deg,#E9EBED,#DDE0E3)}
.vid-phText{color:var(--color-kit-dark)}
.vid-play{background:var(--anthracite);color:#fff}
.vid-num{border:1px solid var(--ink);color:var(--ink);border-radius:2px}

/* Footer: Anthrazit als einziger dunkler Anker */
.foot-footer{background:var(--anthracite);color:#B9BEC3}
.foot-signet{background:#fff;color:var(--ink)}
.foot-signet::after{background:var(--brass)}
.foot-list a{color:#D5D8DB}.foot-list a:hover{color:#fff}
.foot-origin{display:flex;align-items:center;font-size:13px;color:#B9BEC3;margin-top:16px}

/* Unterseiten-Hero */
.ph-s{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
.ph-lead{color:#3A3F45}
.pg-s{background:#fff}
.pg-badge{color:var(--color-kit-dark);background:#fff;border-color:var(--line-strong);border-radius:2px}
.pg-contact>div,.legal-card{border-color:var(--line);border-radius:2px}
.pg-soon a,.pg-contact a,.legal-card a,.fld-cbLabel a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
.legal{background:var(--surface)}

/* Magazin */
.mag-s{background:#fff}.mag-s--white{background:var(--surface)}
.mag-card{border-color:var(--line);border-radius:2px}
.mag-s--white .mag-card{background:#fff;border-color:var(--line)}
.mag-card:hover{border-color:var(--ink)}
.mag-cardPh{background:var(--surface-2)}
.mag-cardPh span{color:#fff;background:var(--anthracite);border:0}
.mag-cat{color:var(--color-kit-dark)}
.mag-more{color:var(--ink)}
.mag-chip{border-color:var(--line-strong)}
.mag-chip:hover{border-color:var(--ink)}
.mag-chip.is-active{background:var(--anthracite);border-color:var(--anthracite);color:#fff}

/* Artikel */
.art-s{background:#fff}
.art-back,.art-crumbs,.art-crumbs a,.art-meta,.art-dates,.gl-aka{color:var(--color-kit-dark)}
.art-crumbs a:hover,.art-back:hover{color:var(--ink)}
.art-byline{border-top-color:var(--line)}
.art-byAuthor{color:var(--ink)}
.art-byAuthor>span span{color:var(--color-kit-dark)}
.art-byAuthor img{border:1px solid var(--line-strong)}
.art-body a,.art-toc a,.gl-deep a,.gl-src a,.gl-upd a,.art-authorLinks a{color:var(--ink);text-decoration-color:var(--brass);text-underline-offset:3px}
.art-kurz{background:var(--surface);border-left:0;border-top:2px solid var(--ink);border-radius:0}
.art-kurz li::before{border-color:var(--brass)}
.art-body th{background:var(--anthracite);color:#fff}
.art-body tbody tr:nth-child(even) td{background:var(--surface)}
.art-body p.tbl-sum{border-left:0;padding-left:0;font-style:italic}
.art-body blockquote{border-left:2px solid var(--brass)}
.art-body .note{background:var(--surface)}
.art-body h3 .uc-n{border:1px solid var(--ink);color:var(--ink);border-radius:1px}
.art-body dl.uc,.art-author{background:var(--surface);border-radius:2px}
.art-cta{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:0}
.art-cta p{color:#3A3F45}
.art-shareBtn{border-color:var(--line-strong);border-radius:2px}
.art-shareBtn:hover{border-color:var(--ink);color:var(--ink)}
.art-authorImg img{box-shadow:0 0 0 1px var(--line-strong)}
.au-img{border:1px solid var(--line-strong)}
.au-links a{color:var(--ink)}
.art-note{border-color:var(--line)}

/* Glossar */
.gl-az a{background:#fff;border:1px solid var(--line)}
.gl-az a:hover{border-color:var(--ink)}
.gl-search input{border-color:var(--line-strong);border-radius:2px}
.gl-search input:focus{outline:2px solid var(--ink);border-color:var(--ink)}
.gl-letter{color:var(--ink);border-bottom:1px solid var(--line)}
.gl-item a{background:#fff;border:1px solid var(--line);border-radius:2px}
.gl-item a:hover{border-color:var(--ink)}
.gl-alias{color:var(--color-kit-dark)}

/* Formularfelder */
.fld-input{border-color:var(--line-strong);border-radius:2px}
.fld-input:focus-visible{outline:2px solid var(--ink);border-color:var(--ink)}
.skip{background:var(--ink);color:#fff}
::selection{background:#E7DCC8}

/* Magazin-Bilder */
.art-hero{margin:0;padding:0 max(24px,calc((100% - 1202px)/2));background:linear-gradient(var(--surface) 0 55%,#fff 55% 100%)}
.art-hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:2px;background:var(--surface-2)}
.art-hero figcaption{max-width:860px;margin:10px auto 0}
.art-hero figcaption,.art-fig figcaption{font-size:13px;line-height:1.5;color:var(--color-kit-dark);margin-top:10px}
.ph-s + .art-hero{padding-top:0}
.ph-inner--narrow{padding-bottom:56px}
.art-fig{margin:40px 0}
.art-fig img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:2px;background:var(--surface-2)}
.mag-cardImg{background:var(--surface-2);transition:opacity .2s}
.mag-card:hover .mag-cardImg{opacity:.92}
@media (max-width:720px){.art-hero{padding:0}.art-hero img{aspect-ratio:3/2;border-radius:0}.art-hero figcaption{padding:0 20px}}

/* Downloads */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dl-inner{max-width:1250px;margin:0 auto;padding:72px 24px 96px}
.dl-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.dl-item{display:grid;grid-template-columns:64px 1fr auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.dl-fmt{width:64px;height:72px;border:1px solid var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:#fff}
.dl-fmt span{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--color-kit-dark)}
.dl-cat{font-size:13px;color:var(--color-kit-dark)}
.dl-title{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-weight:620;font-size:22px;line-height:1.25;margin:4px 0 8px;color:var(--ink)}
.dl-text{margin:0 0 8px;color:#3A3F45;font-size:16px;line-height:1.55;max-width:760px}
.dl-meta{margin:0;font-size:14px;color:var(--color-kit-dark)}
.dl-meta a{color:var(--ink);text-decoration-color:var(--brass);text-underline-offset:3px}
.dl-note{margin:40px 0 0;font-size:14px;line-height:1.6;color:var(--color-kit-dark);max-width:760px}
.dl-note a{color:var(--ink)}
.mag-s .dl-list{background:transparent}
@media (max-width:760px){.dl-item{grid-template-columns:48px 1fr;gap:16px}.dl-fmt{width:48px;height:56px}.dl-btn{grid-column:1/-1;justify-self:start}.dl-inner{padding:48px 20px 72px}}

/* =====================================================================
   Industrieverzeichnis + Partner (v1)
   Verzeichniseintrag = neutral (Linie grau) · Partner = Anthrazit-Rahmen + Messing-Siegel · Demo = gestrichelt
   ===================================================================== */
.vz-s{background:#fff}.vz-s--alt{background:var(--surface)}
.vz-inner{max-width:1250px;margin:0 auto;padding:72px 24px}
.vz-note{background:var(--surface);border-top:2px solid var(--ink);padding:18px 22px;margin:0 0 32px;font-size:15.5px;line-height:1.6;color:#3A3F45}
.vz-s--alt .vz-note{background:#fff}
.vz-note a,.vz-intro a,.vz-actions a:not(.btn-btn),.vz-know a,.vz-kv a,.vz-side a,.vz-link,.vz-legend a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
/* Filter */
.vz-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end;padding:24px;background:var(--surface);border:1px solid var(--line);margin:0 0 20px}
.vz-s--alt .vz-filter{background:#fff}
.vz-fld label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark);margin-bottom:8px}
.vz-fld input,.vz-fld select{width:100%;padding:12px 14px;font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink);appearance:auto}
.vz-fld input:focus-visible,.vz-fld select:focus-visible{outline:2px solid var(--ink);border-color:var(--ink)}
.vz-fldBtns{display:flex;align-items:center;gap:16px}
.vz-reset{font-size:14px;color:var(--color-kit-dark)}
.vz-count{font-size:14px;color:var(--color-kit-dark);margin:0 0 20px}
/* Karten */
.vz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vz-card{background:#fff;border:1px solid var(--line);border-radius:2px;transition:border-color .2s}
.vz-s--alt .vz-card{background:#fff}
.vz-card:hover{border-color:var(--ink)}
.vz-card--partner{border:1px solid var(--ink);box-shadow:inset 0 3px 0 var(--brass)}
.vz-card--demo{border-style:dashed}
.vz-card--partner.vz-card--demo{border-style:dashed}
.vz-cardLink{display:flex;flex-direction:column;height:100%;padding:24px 26px 0;text-decoration:none;color:inherit}
.vz-cardLink:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.vz-cardTop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:26px}
.vz-cardTitle{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;line-height:1.25;font-weight:620;margin:16px 0 6px;color:var(--ink)}
.vz-cardMeta{margin:0 0 16px;font-size:14.5px;color:var(--color-kit-dark)}
.vz-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vz-tags li{font-size:13px;line-height:1.3;padding:5px 9px;background:var(--surface);color:#3A3F45;border-radius:2px}
.vz-tags .vz-more{background:transparent;color:var(--color-kit-dark)}
.vz-card .mag-more{margin:auto 0 24px;padding-top:20px}
/* Status */
.vz-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--line-strong);border-radius:2px;color:var(--color-kit-dark);background:#fff;line-height:1.2}
.vz-badge--sm{font-size:11px;padding:4px 8px}
.vz-badge--beansprucht{color:var(--ink);border-color:var(--steel)}
.vz-badge--verifiziert{color:var(--ink);border-color:var(--ink)}
.vz-badge--verifiziert::before{content:"";width:10px;height:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translateY(-2px)}
.vz-badge--partner,.vz-badge--experte{background:var(--anthracite);color:#fff;border-color:var(--anthracite)}
.vz-seal{display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:2px 4px;background:var(--brass);color:#fff;border-radius:1px}
.vz-demo{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border:1px dashed #9A6B1F;color:#7A5418;background:#FBF6EC;border-radius:2px}
.vz-demoBar{background:#FBF6EC;border-bottom:1px dashed #9A6B1F;color:#5E4214;font-size:15px;line-height:1.5;padding:12px 24px;text-align:center}
.vz-legend{margin:40px 0 0;border-top:1px solid var(--line);padding-top:20px;font-size:15px;color:#3A3F45}
.vz-legend summary{cursor:pointer;font-weight:600;color:var(--ink)}
.vz-legend dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 28px;margin:20px 0 12px}
.vz-legend dt{font-weight:600;color:var(--ink);margin-bottom:4px}
.vz-legend dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--color-kit-dark)}
.vz-legend p{font-size:14px;color:var(--color-kit-dark);margin:0}
/* Leerzustand */
.vz-empty{border:1px dashed var(--line-strong);padding:40px;text-align:center}
.vz-empty h3{margin:0 0 8px;font-size:21px}
.vz-empty p{margin:0 auto 20px;max-width:560px;color:var(--color-kit-dark)}
/* Branchen-Kacheln */
.vz-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vz-cats a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 24px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .2s}
.vz-cats a:hover{border-color:var(--ink)}
.vz-cats strong{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:18px;font-weight:620;color:var(--ink)}
.vz-cats span{font-size:14.5px;line-height:1.5;color:var(--color-kit-dark)}
.vz-cats em{margin-top:auto;font-style:normal;font-size:13px;color:var(--color-kit-dark);padding-top:8px;border-top:1px solid var(--line)}
/* Branchenseite */
.vz-split{display:grid;grid-template-columns:1fr 300px;gap:56px}
.vz-intro p{font-size:18px;line-height:1.7;color:#2A2F35;margin:0 0 18px;max-width:780px}
.vz-side h2,.vz-know h2{font-family:var(--font-kit-header-font);font-size:18px;margin:0 0 14px;color:var(--ink)}
.vz-side ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vz-side li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.vz-side li span{color:var(--color-kit-dark)}
.vz-know{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.vz-know ul{margin:0;padding-left:20px;line-height:1.9}
.vz-chips{list-style:none!important;padding:0!important;display:flex;flex-wrap:wrap;gap:10px}
/* Aktionen */
.vz-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.vz-actions h2{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:clamp(24px,2.6vw,32px);margin:0 0 10px;color:var(--ink)}
.vz-actions p{margin:0;color:#3A3F45;font-size:16.5px;line-height:1.6}
.vz-actionBtns{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
/* Profil */
.vz-ph--partner{border-bottom:1px solid var(--ink);box-shadow:inset 0 -3px 0 var(--brass)}
.vz-phTop{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.vz-h1{font-size:clamp(32px,4.4vw,54px)}
.vz-h1sub{display:block;font-size:.55em;color:var(--color-kit-dark);margin-top:10px;font-weight:600}
.vz-prof{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.vz-main h2{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;margin:0 0 16px;color:var(--ink)}
.vz-main h2:not(:first-child){margin-top:44px}
.vz-desc p{font-size:18px;line-height:1.7;color:#2A2F35;margin:0 0 16px}
.vz-svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid var(--line)}
.vz-svc li{padding:12px 0 12px 22px;border-bottom:1px solid var(--line);position:relative;font-size:16px}
.vz-svc li::before{content:"";position:absolute;left:0;top:21px;width:10px;height:1px;background:var(--brass)}
.vz-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.vz-facts div{background:var(--surface);padding:16px 18px}
.vz-facts dt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark)}
.vz-facts dd{margin:6px 0 0;font-size:16px;color:var(--ink)}
.vz-small{font-size:13.5px;line-height:1.55;color:var(--color-kit-dark);margin:12px 0 0}
.vz-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}
.vz-box{border:1px solid var(--line);padding:22px 24px;background:#fff}
.vz-box--src{background:var(--surface)}
.vz-box--act{border-top:2px solid var(--ink)}
.vz-box--act p{margin:0 0 16px;font-size:15px;color:#3A3F45}
.vz-boxH{font-family:var(--font-kit-header-font);font-size:17px!important;margin:0 0 14px!important;color:var(--ink)}
.vz-kv{margin:0}
.vz-kv div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.vz-kv div:last-child{border-bottom:0}
.vz-kv dt{color:var(--color-kit-dark)}
.vz-kv dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.vz-muted{color:var(--color-kit-dark)}
.vz-warn{display:inline-block;font-size:12px;padding:2px 6px;border:1px solid #b42318;color:#b42318;border-radius:2px;margin-left:4px}
.vz-link{display:inline-block;margin-top:14px;font-size:14.5px}
.vz-box--act .btn-btn{width:100%}
/* Partner vs. Verzeichnis */
.vz-compare>h2{margin:0 0 28px}
.vz-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vz-cmpCol{border:1px solid var(--line);padding:28px}
.vz-cmpCol--partner{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--brass)}
.vz-cmpCol h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:21px}
.vz-cmpCol ul{margin:0 0 22px;padding-left:20px;line-height:1.8;color:#3A3F45}
/* Formular */
.vz-formWrap{max-width:860px}
.vz-form{background:var(--surface);border-radius:2px}
.vz-form select.fld-input{appearance:auto}
.vz-fs{border:0;padding:0;margin:0}
.vz-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:6px}
.vz-pager{display:flex;gap:6px;margin:28px 0 0}
.vz-pager a,.vz-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--line-strong);text-decoration:none;color:var(--ink);font-size:15px}
.vz-pager span{background:var(--anthracite);color:#fff;border-color:var(--anthracite)}
@media (max-width:1080px){.vz-grid{grid-template-columns:1fr 1fr}.vz-cats{grid-template-columns:1fr 1fr}.vz-prof{grid-template-columns:1fr}.vz-aside{position:static}.vz-split{grid-template-columns:1fr}}
@media (max-width:760px){.vz-filter{grid-template-columns:1fr}.vz-grid,.vz-cats,.vz-know,.vz-cmp,.vz-actions,.vz-svc,.vz-facts,.vz-checks{grid-template-columns:1fr}.vz-actionBtns{justify-content:flex-start}.vz-inner{padding:52px 20px}.vz-kv div{grid-template-columns:110px 1fr}}

/* ==== Experten (v1) ==== */
.ex-av{display:block;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);background:var(--surface-2);flex-shrink:0}
.ex-av--ph{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-kit-header-font);font-weight:650;font-size:15px;letter-spacing:.04em;color:var(--ink);background:var(--surface-2)}
.ph-inner .ex-av--ph{font-size:40px}
.art-authorImg .ex-av--ph{font-size:30px}
.ex-heroGrid{display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center}
.ex-co{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
.ex-coName{font-family:var(--font-kit-header-font);font-size:19px;font-weight:620;margin:0 0 4px}
.ex-coName a{color:var(--ink);text-decoration:none}
.ex-list{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.ex-row{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}
.ex-person{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;align-self:start}
.ex-person strong{display:block;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:20px;font-weight:620;color:var(--ink)}
.ex-person em{display:block;font-style:normal;font-size:15px;color:var(--color-kit-dark);margin-top:4px}
.ex-person:hover strong{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
.ex-postsH{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark);margin-bottom:10px}
.ex-posts ul{margin:0 0 6px;padding:0;list-style:none}
.ex-posts li{padding:8px 0;border-bottom:1px solid var(--line);font-size:16px}
.ex-posts li:last-child{border-bottom:0}
.ex-posts li a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
.ex-posts li span{font-size:13.5px;color:var(--color-kit-dark);margin-left:6px}
.ex-expertise{margin:0;color:#3A3F45}
.ex-by{gap:12px}
.ex-by a{color:var(--ink);text-decoration:none}
.ex-by>span>span a{color:var(--color-kit-dark);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:2px}
.ex-abox{margin-top:40px}
.ex-abox+.ex-abox{margin-top:16px}
.art-authorRole a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:2px}
.ex-more{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:#3A3F45}
.ex-more a{color:var(--ink)}
.ex-disc{margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--color-kit-dark)}
@media (max-width:760px){.ex-heroGrid{grid-template-columns:1fr;gap:20px}.ph-inner .ex-av{width:112px!important;height:112px!important}.ex-row{grid-template-columns:1fr;gap:16px}}

/* ==== IDV Karriere ==== */
.kr-inner{max-width:1240px;margin:0 auto;padding:0 32px}
.kr-s{padding:72px 0;background:#fff}
.kr-s--alt{background:var(--surface)}
.kr-hero{background:var(--surface);border-bottom:1px solid var(--line);padding:72px 0 56px;position:relative;overflow:hidden}
.kr-hero::after{content:"";position:absolute;right:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,var(--surface) 0%,rgba(243,244,245,.6) 40%,rgba(243,244,245,.2)),url(img/werk-1000.webp) center/cover;opacity:.55;pointer-events:none}
.kr-hero .kr-inner{position:relative;z-index:1}
.kr-h1{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-weight:640;font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);max-width:16ch;margin:14px 0 18px}
.kr-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#3A3F45;max-width:62ch;margin:0 0 32px}
.kr-search{display:grid;grid-template-columns:2fr 1.4fr .8fr 1.4fr auto;gap:0;background:#fff;border:1px solid var(--line-strong);box-shadow:0 18px 40px -24px rgba(18,20,23,.35)}
.kr-fld{padding:14px 18px;border-right:1px solid var(--line)}
.kr-fld label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark);margin-bottom:6px}
.kr-fld input,.kr-fld select{width:100%;border:0;padding:4px 0;font:inherit;font-size:16px;color:var(--ink);background:transparent}
.kr-fld input:focus-visible,.kr-fld select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.kr-go{border-radius:0;margin:0;height:100%;white-space:nowrap}
.kr-sec{margin:18px 0 0;font-size:15px}
.kr-sec a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
.kr-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.kr-filters{position:sticky;top:96px;border-top:1px solid var(--ink);padding-top:8px}
.kr-fd,.kr-fs{border:0;border-bottom:1px solid var(--line);padding:14px 0;margin:0}
.kr-fd summary,.kr-fs legend{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark);cursor:pointer;padding:0;margin-bottom:10px}
.kr-fd select{width:100%;padding:10px 12px;font:inherit;font-size:15px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink)}
.kr-fs label{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:15px;color:var(--ink);cursor:pointer}
.kr-fs input{accent-color:var(--ink);width:16px;height:16px}
.kr-fBtns{display:flex;flex-direction:column;gap:12px;padding-top:18px}
.kr-count{font-size:15px;color:var(--color-kit-dark);margin:0 0 16px}
.kr-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.kr-card{display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line);position:relative;transition:background .15s}
.kr-card:hover{background:var(--surface)}
.kr-cardTitle{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;font-weight:620;line-height:1.25;margin:0 0 4px}
.kr-cardTitle a{color:var(--ink);text-decoration:none}
.kr-cardTitle a::after{content:"";position:absolute;inset:0}
.kr-cardTitle a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.kr-card:hover .kr-cardTitle a{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
.kr-cardCo{margin:0 0 8px;font-size:15.5px;color:#3A3F45}
.kr-cardBtn{position:relative;z-index:0;pointer-events:none}
.kr-dist{margin:6px 0 0;font-size:13.5px;color:var(--color-kit-dark)}
.kr-facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-size:14.5px;color:var(--color-kit-dark)}
.kr-facts li{display:inline-flex;align-items:center;gap:6px}
.kr-facts li+li::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--steel);margin-right:12px}
.kr-facts .kr-sal{color:var(--ink);font-weight:600}
.kr-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);overflow:hidden;flex-shrink:0}
.kr-logo--md{width:64px;height:64px}
.kr-logo--lg{width:96px;height:96px}
.kr-logo img{max-width:82%;max-height:82%;object-fit:contain}
.kr-logo span{font-family:var(--font-kit-header-font);font-weight:650;font-size:18px;letter-spacing:.04em;color:var(--color-kit-dark)}
.kr-logo--lg span{font-size:26px}
.kr-partner{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);border:1px solid var(--brass-lt);padding:2px 7px;vertical-align:2px}
.kr-empty{border:1px solid var(--line);background:var(--surface);padding:40px}
.kr-empty h2{font-family:var(--font-kit-header-font);font-size:24px;font-weight:620;margin:0 0 12px;color:var(--ink)}
.kr-empty p{color:#3A3F45;max-width:62ch}
.kr-emps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kr-emps a{display:flex;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit}
.kr-emps a:hover{border-color:var(--ink)}
.kr-emps strong{display:block;color:var(--ink);font-size:16.5px}
.kr-emps em{display:block;font-style:normal;font-size:14px;color:var(--color-kit-dark)}
.kr-whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px;border-top:1px solid var(--ink);padding-top:28px}
.kr-whyGrid h3{font-family:var(--font-kit-header-font);font-size:19px;font-weight:620;margin:0 0 10px;color:var(--ink)}
.kr-whyGrid p{margin:0;color:#3A3F45;line-height:1.6}
.kr-cta{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.kr-cta p{color:#3A3F45;max-width:60ch}
.kr-ctaBtns{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.kr-jhero{background:var(--surface);border-bottom:1px solid var(--line);padding:40px 0 44px}
.kr-jhead{display:grid;grid-template-columns:96px 1fr;gap:28px;align-items:start;margin-top:24px}
.kr-jh1{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-weight:640;font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:8px 0 10px}
.kr-jco{font-size:18px;margin:0 0 14px;color:#3A3F45}
.kr-jco a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
.kr-jtop{display:flex;gap:20px;align-items:center;margin-top:28px;padding-left:124px}
.kr-small{font-size:13.5px;color:var(--color-kit-dark);line-height:1.55}
.kr-jgrid{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start}
.kr-jmain h2{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:25px;font-weight:620;color:var(--ink);margin:40px 0 14px;padding-top:24px;border-top:1px solid var(--line)}
.kr-jmain h2:first-child{margin-top:0;padding-top:0;border-top:0}
.kr-jmain p{font-size:17px;line-height:1.7;color:#2A2E33}
.kr-ul{margin:0;padding:0;list-style:none}
.kr-ul li{position:relative;padding:7px 0 7px 22px;font-size:16.5px;line-height:1.6;color:#2A2E33}
.kr-ul li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:2px;background:var(--brass)}
.kr-ul--b li::before{width:10px;height:6px;top:13px;background:none;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.kr-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}
.kr-links a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
.kr-apply{margin-top:48px;padding:32px;background:var(--anthracite);color:#fff}
.kr-apply h2{color:#fff;border:0;padding:0;margin:0 0 10px}
.kr-apply p{color:#D5D9DD}
.kr-apply .kr-small{color:#AEB4BA}
.kr-applyBtns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 10px}
.kr-apply .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.kr-apply .btn-outline{background:var(--surface-2);color:var(--ink);border-color:var(--surface-2)}
.kr-apply .btn-outline:hover{background:#fff;border-color:#fff;color:var(--ink)}
.kr-apply .btn-primary:hover{background:var(--surface);border-color:var(--surface);color:var(--ink)}
.kr-jside{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.kr-contact{margin:0;line-height:1.6;font-size:15px}
.kr-expired{background:#FFF7E8;border-bottom:1px solid #E9D6AE;padding:14px 32px;text-align:center;font-size:15px}
.kr-expired a{color:var(--ink)}
.kr-galGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding-top:32px;padding-bottom:0}
.kr-galGrid img{width:100%;height:260px;object-fit:cover}
.kr-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kr-offer{display:flex;flex-direction:column;border:1px solid var(--line);padding:32px;background:#fff}
.kr-offer--hl{border:1px solid var(--ink);box-shadow:inset 0 3px 0 var(--brass)}
.kr-oName{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;font-weight:620;margin:0 0 12px;color:var(--ink)}
.kr-oPrice{margin:0 0 14px;color:var(--color-kit-dark);font-size:15px}
.kr-oPrice strong{font-family:var(--font-kit-header-font);font-size:34px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.kr-oPrice .kr-oNA{font-size:22px}
.kr-oDesc{color:#3A3F45;line-height:1.55;margin:0 0 16px}
.kr-offer .kr-ul{flex:1;margin-bottom:24px}
.kr-offer .kr-ul li{font-size:15px}
.kr-oNote{margin-top:16px}
.kr-stepList{list-style:none;counter-reset:s;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid var(--ink);padding-top:28px}
.kr-stepList li{counter-increment:s;display:flex;flex-direction:column;gap:8px}
.kr-stepList li::before{content:counter(s,decimal-leading-zero);font-family:var(--font-kit-header-font);font-size:14px;font-weight:650;color:var(--brass)}
.kr-stepList strong{font-size:17px;color:var(--ink)}
.kr-stepList span{color:#3A3F45;line-height:1.55;font-size:15px}
.dl-acc{color:var(--brass);font-weight:600}
@media (max-width:1080px){.kr-search{grid-template-columns:1fr 1fr}.kr-fld{border-bottom:1px solid var(--line)}.kr-fld--q{grid-column:1/-1}.kr-go{grid-column:1/-1;min-height:56px}.kr-hero::after{display:none}}
@media (max-width:900px){.kr-grid,.kr-jgrid,.kr-cta{grid-template-columns:1fr;gap:28px}.kr-filters,.kr-jside{position:static}.kr-offers,.kr-emps,.kr-whyGrid,.kr-stepList{grid-template-columns:1fr}.kr-ctaBtns{justify-content:flex-start}.kr-jtop{padding-left:0}}
@media (max-width:640px){.kr-inner{padding:0 20px}.kr-s{padding:48px 0}.kr-search{grid-template-columns:1fr}.kr-fld{border-right:0}.kr-card{grid-template-columns:48px 1fr;gap:14px}.kr-logo--md{width:48px;height:48px}.kr-cardBtn{display:none}.kr-jhead{grid-template-columns:64px 1fr;gap:16px}.kr-logo--lg{width:64px;height:64px}.kr-galGrid{grid-template-columns:1fr}.kr-galGrid img{height:200px}.kr-apply{padding:24px}}
.kr-attr{padding-top:16px;padding-bottom:16px}

/* Partnerprofil: optionales Unternehmensbild im Header (wie Karriere-Hero) */
.vz-ph--img{position:relative;overflow:hidden}
.vz-ph--img::after{content:"";position:absolute;right:0;top:0;bottom:0;width:46%;background:linear-gradient(90deg,var(--surface) 0%,rgba(243,244,245,.55) 30%,rgba(243,244,245,0) 70%),var(--vz-ph-img) center/cover;pointer-events:none}
.vz-ph--img .ph-inner{position:relative;z-index:1}
.vz-ph--img .ph-inner > *:not(.art-crumbs){max-width:58%}
.vz-ph-credit{position:absolute;right:12px;bottom:10px;z-index:2;font-size:11px;color:#fff;background:rgba(30,34,38,.55);padding:2px 8px;border-radius:2px}
@media (max-width:900px){.vz-ph--img::after{width:100%;opacity:.18;background:var(--vz-ph-img) center/cover}.vz-ph--img .ph-inner > *:not(.art-crumbs){max-width:none}.vz-ph-credit{display:none}}

/* Unternehmenslogo im Profilkopf, Steckbrief und auf Karten */
.vz-phId--logo{display:flex;align-items:center;gap:28px}
.vz-phLogo{flex-shrink:0;width:184px;height:120px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 1px 2px rgba(30,34,38,.06)}
.vz-phLogo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.vz-phTxt{min-width:0}
.vz-ph--img .ph-inner > .vz-phId{max-width:64%}
.vz-cardTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vz-cardLogo{margin-left:auto;height:30px;display:inline-flex;align-items:center}
.vz-cardLogo img{max-height:30px;max-width:96px;object-fit:contain}
@media (max-width:900px){.vz-ph--img .ph-inner > .vz-phId{max-width:none}}
@media (max-width:640px){.vz-phId--logo{flex-direction:column;align-items:flex-start;gap:18px}.vz-phLogo{width:140px;height:88px;padding:14px}}

/* =================================================================== Startseite v2 (Externe Digitalabteilung) */
.hm-kicker{margin:10px 0 18px;font-size:15px;color:var(--color-kit-dark);letter-spacing:.01em}
.hm-fine{margin:28px 0 0;max-width:760px;font-size:14px;line-height:1.6;color:var(--color-kit-dark)}
.hm-preview{background:#FFF7E6;border-bottom:1px solid #E8D3A8;color:#5C4518;font-size:14px;padding:10px 24px;text-align:center}
.hero-trust li svg{flex-shrink:0;margin-top:2px;color:var(--brass)}
/* Referenzen */
.ref-s{background:#fff;border-bottom:1px solid var(--line)}
.ref-inner{max-width:1250px;margin:0 auto;padding:56px 24px 48px}
.ref-head{display:grid;grid-template-columns:auto 1fr;gap:6px 48px;align-items:end;margin-bottom:36px}
.ref-head .hd-eyebrow{grid-column:1/-1}
.ref-h{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;line-height:1.25;font-weight:620;color:var(--ink);max-width:520px}
.ref-sub{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark);max-width:560px}
.ref-logos{list-style:none;margin:0;padding:28px 0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ref-logos li{display:flex;align-items:center;justify-content:center;height:56px;padding:0 20px;border-left:1px solid var(--line)}
.ref-logos li:first-child{border-left:0}
.ref-logos img{max-height:40px;max-width:150px;width:auto;object-fit:contain;opacity:.62;filter:grayscale(1);transition:opacity .2s}
.ref-logos li:hover img{opacity:.9}
.ref-word{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--anthracite);opacity:.62}
.ref-note{margin:14px 0 0;font-size:12.5px;color:var(--steel)}
/* Kompetenzen */
.hm-komp .card-text{flex-grow:0}
.hm-bsp{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--color-kit-dark)}
.hm-bsp span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:2px}
.hm-link{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;align-self:flex-start}
.hm-link:hover{border-bottom-color:var(--brass)}
/* Tarifmatrix */
.tar-s{background:var(--surface);border-top:1px solid var(--line);scroll-margin-top:24px}
.tar-inner,.ums-inner{max-width:1250px;margin:0 auto;padding:96px 24px}
.tar-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.tar-sub{margin:0;font-size:17px;line-height:1.65;color:var(--color-kit-dark)}
.vgl-title .tar-sub{margin-top:18px}
.tar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.tar-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:2px;padding:36px 32px 32px}
.tar-card--hi{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--brass),0 12px 32px rgba(18,20,23,.07)}
.tar-badge{position:absolute;top:-13px;left:32px;background:var(--anthracite);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:2px}
.tar-name{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.tar-price{margin:18px 0 0;display:flex;flex-direction:column;gap:2px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.tar-price strong{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:44px;line-height:1.05;font-weight:650;color:var(--ink);letter-spacing:-.02em}
.tar-price strong.tar-price--tbd{font-size:24px;line-height:1.25;letter-spacing:0}
.tar-price span{font-size:14px;color:var(--color-kit-dark)}
.tar-for{margin:18px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink);min-height:4.65em}
.tar-list{list-style:none;margin:20px 0 28px;padding:0;display:flex;flex-direction:column;gap:11px}
.tar-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:#121417d9}
.tar-list svg{flex-shrink:0;margin-top:2px;color:var(--brass)}
.tar-cta{margin-top:auto;justify-content:center;width:100%;box-sizing:border-box}
.tar-cmp{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:2px}
.tar-cmp summary{cursor:pointer;padding:18px 24px;font-weight:600;font-size:15px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center}
.tar-cmp summary::-webkit-details-marker{display:none}
.tar-cmp summary::after{content:"+";font-size:22px;font-weight:400;color:var(--steel)}
.tar-cmp[open] summary::after{content:"–"}
.tar-tableWrap{overflow-x:auto;border-top:1px solid var(--line)}
.tar-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.tar-table th,.tar-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tar-table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-kit-dark);font-weight:600}
.tar-table tbody th{font-weight:600;color:var(--ink);width:30%}
.tar-table td svg{color:var(--brass)}
.tar-table small{color:var(--color-kit-dark)}
.tar-no{color:var(--steel)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Umsetzung */
.ums-s{background:#fff}
.ums-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.ums-card{background:#fff;padding:30px 28px;display:flex;flex-direction:column;gap:10px}
.ums-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.ums-t{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:20px;line-height:1.3;font-weight:620;color:var(--ink)}
.ums-pts{flex-shrink:0;font-size:12px;font-weight:600;padding:4px 9px;border:1px solid var(--line-strong);border-radius:2px;color:var(--color-kit-dark);white-space:nowrap}
.ums-x{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.ums-h{margin:auto 0 0;padding-top:6px;font-size:13px;color:var(--steel)}
.ums-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.vgl-list li svg{flex-shrink:0;color:var(--brass)}
/* Akademie */
.aka-s{background:var(--surface);border-top:1px solid var(--line)}
.aka-inner,.kar-inner{max-width:1250px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
.aka-copy,.kar-copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.aka-now{margin:0;font-size:15px;line-height:1.6;color:var(--ink);padding:16px 20px;background:#fff;border-left:3px solid var(--brass)}
.aka-now a{color:var(--ink)}
.aka-list{background:#fff;border:1px solid var(--line);padding:28px 30px}
.aka-lh{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.aka-list ul,.tru-partner ul{list-style:none;margin:0;padding:0}
.aka-list li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:16px;color:var(--ink)}
.aka-st{flex-shrink:0;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:2px;letter-spacing:.02em}
.aka-st--soon{background:var(--surface-2);color:var(--color-kit-dark)}
.aka-st--ok{background:var(--anthracite);color:#fff}
/* Karriere */
.kar-s{background:#fff;border-top:1px solid var(--line)}
.kar-ctas{margin-top:0;align-items:center}
.kar-count{font-size:14.5px;color:var(--color-kit-dark)}
.kar-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.kar-list li{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:22px 0;border-bottom:1px solid var(--line)}
.kar-list .card-index{grid-row:span 2}
.kar-list strong{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:19px;font-weight:620;color:var(--ink)}
.kar-list li > span:last-child{font-size:15px;line-height:1.55;color:var(--color-kit-dark)}
/* Vertrauen */
.tru-col{display:flex;flex-direction:column;gap:20px}
.tru-person{display:flex;gap:18px;align-items:center;padding:22px 24px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit}
.tru-person img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:grayscale(.2)}
.tru-person strong{display:block;font-size:17px;color:var(--ink)}
.tru-person span span{font-size:14px;line-height:1.5;color:var(--color-kit-dark)}
.tru-partner{background:#fff;border:1px solid var(--line);padding:22px 24px}
.tru-partner ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 14px}
.tru-partner li a{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid var(--line);padding:10px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;text-align:center}
.tru-partner li img{max-width:100%;max-height:38px;object-fit:contain}
/* Gründungskreis */
.grk-list{list-style:none;margin:0;padding:0;align-self:center;border-top:1px solid var(--line)}
.grk-list li{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}
.grk-list svg{color:var(--brass);flex-shrink:0}
.cta-sub{margin:28px 0 0;font-size:13.5px;color:var(--color-kit-dark)}
@media (max-width:1000px){
  .tar-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .tar-card--hi{order:-1}
  .tar-for{min-height:0}
  .tar-head{grid-template-columns:1fr;gap:20px}
  .ums-grid{grid-template-columns:1fr 1fr}
  .aka-inner,.kar-inner{grid-template-columns:1fr;gap:40px}
  .ref-logos{grid-template-columns:repeat(3,1fr);row-gap:20px}
  .ref-logos li:nth-child(4){border-left:0}
  .ref-head{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tar-inner,.ums-inner,.aka-inner,.kar-inner{padding:64px 20px}
  .ref-inner{padding:44px 20px 36px}
  .ums-grid{grid-template-columns:1fr}
  .ref-logos{grid-template-columns:1fr 1fr}
  .ref-logos li{border-left:0}
  .tar-price strong{font-size:38px}
  .tru-partner ul{grid-template-columns:1fr 1fr}
}

/* Startseite v3 – Ergänzungen */
.hm-komp{text-decoration:none;color:inherit;transition:background .2s}
.hm-komp:hover{background:var(--surface)}
.hm-komp:hover .hm-link{border-bottom-color:var(--brass)}
.tar-claim{margin:10px 0 0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;line-height:1.25;font-weight:620;color:var(--ink);padding-bottom:20px;border-bottom:1px solid var(--line)}
.ums-grid .ums-card{gap:8px}
.ref-trust{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:stretch}
.ref-trust .tru-person{padding:16px 22px}
.ref-trust .tru-person img{width:56px;height:56px}
.ref-partner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--line);padding:12px 22px;background:#fff}
.ref-partner ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ref-partner li a{display:flex;align-items:center;justify-content:center;height:44px;min-width:96px;padding:6px 12px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.ref-partner li img{max-height:28px;max-width:110px;object-fit:contain}
.ref-partner .aka-lh{margin:0}
.ref-partner .hm-link{margin:0 0 0 auto;padding:0}
.mv-inner{max-width:1250px;margin:0 auto;padding:96px 24px}
.mv-head{max-width:760px;margin-bottom:44px}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mv-card{background:#fff;border:1px solid var(--line);padding:36px 34px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.mv-card .aka-lh{margin:0}
.mv-t{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;line-height:1.25;font-weight:620;color:var(--ink)}
.mv-x{margin:0;font-size:16px;line-height:1.65;color:var(--color-kit-dark)}
.mv-card .hm-link{margin-top:auto}
@media (max-width:1000px){.ref-trust{grid-template-columns:1fr}.mv-grid{grid-template-columns:1fr}}
@media (max-width:640px){.mv-inner{padding:64px 20px}.ref-partner .hm-link{margin-left:0}}

/* =================================================================== Leistungsseite */
.ls-hero .ph-lead{max-width:780px}
.ls-ctas{margin-top:32px}
.ls-jump{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.ls-jumpIn{max-width:1250px;margin:0 auto;padding:0 24px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.ls-jumpIn::-webkit-scrollbar{display:none}
.ls-jumpIn a{flex-shrink:0;padding:16px 14px;font-size:14px;font-weight:600;color:var(--color-kit-dark);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.ls-jumpIn a:hover{color:var(--ink);border-bottom-color:var(--brass)}
.ls-s{background:var(--surface);scroll-margin-top:56px}
.ls-s--white{background:#fff}
.ls-s--alt{background:#fff}
.ls-area{border-top:1px solid var(--line)}
.ls-inner{max-width:1250px;margin:0 auto;padding:88px 24px}
.ls-h2wrap{max-width:760px;margin-bottom:44px}
.ls-arten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.ls-arten li{background:#fff;padding:32px 30px}
.ls-arten h3,.ls-steps h3,.ls-warum h3{margin:12px 0 8px;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;font-weight:620;color:var(--ink)}
.ls-arten p,.ls-steps p,.ls-warum p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.ls-areaHead{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:end;margin-bottom:40px}
.ls-areaHead--noimg{grid-template-columns:1fr;max-width:820px}
.ls-areaHead .tar-sub{margin-top:18px}
.ls-areaImg{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px;filter:saturate(.7)}
.ls-areaGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.ls-box{background:#fff;border:1px solid var(--line);padding:30px 32px}
.ls-s--alt .ls-box{background:var(--surface)}
.ls-h3{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.ls-box .tar-list{margin:0}
.ls-box .tar-list a{color:var(--ink)}
.ls-side{display:flex;flex-direction:column;gap:20px}
.ls-bsp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ls-bsp li{font-size:16px;line-height:1.5;color:var(--ink);padding-left:16px;border-left:2px solid var(--brass)}
.ls-soon{list-style:none;margin:0;padding:0}
.ls-soon li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.ls-soon li:first-child{border-top:0}
.ls-grenze{margin:0;font-size:14px;line-height:1.6;color:var(--color-kit-dark);padding:14px 18px;border:1px dashed var(--line-strong)}
.ls-grenze a{color:var(--ink)}
.ls-mehr{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ls-mehr .aka-lh{margin:0}
.ls-mehr .hm-link{padding-top:2px;font-weight:500}
.ls-pakete{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ls-paket{background:var(--surface);border:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.ls-paket .ums-t{font-size:19px}
.ls-paket .ums-x{font-size:14.5px}
.ls-paket dl{margin:6px 0 0;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.ls-paket dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.ls-paket dd{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ls-paket .hm-link{margin-top:auto;padding-top:12px}
.ls-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ls-steps li{border-top:2px solid var(--ink);padding-top:20px}
.ls-num{font-family:var(--font-kit-header-font);font-size:32px;font-weight:650;color:var(--brass)}
.ls-modell{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px}
.ls-warum{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ls-warum > div{border-left:1px solid var(--line);padding-left:20px}
@media (max-width:1100px){.ls-pakete{grid-template-columns:1fr 1fr}.ls-steps,.ls-warum{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.ls-areaHead,.ls-areaGrid,.ls-modell{grid-template-columns:1fr}.ls-areaImg{max-height:260px}.ls-arten{grid-template-columns:1fr}}
@media (max-width:640px){.ls-inner{padding:64px 20px}.ls-pakete,.ls-steps,.ls-warum{grid-template-columns:1fr}}

/* =================================================================== Über uns */
.uu-hero{background:#fff;border-bottom:1px solid var(--line)}
.uu-heroIn{max-width:1250px;margin:0 auto;padding:56px 24px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.uu-heroCopy .art-crumbs{margin-bottom:28px}
.uu-lead2{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--color-kit-dark);max-width:620px}
.uu-heroCopy .hero-ctas{margin-top:32px}
.uu-heroMedia img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;display:block}
.uu-s{scroll-margin-top:56px}
.uu-white{background:#fff}
.uu-gray{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.uu-dark{background:var(--anthracite);color:#fff}
.uu-in{max-width:1250px;margin:0 auto;padding:96px 24px}
.uu-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.uu-prose p{margin:0 0 16px;font-size:17px;line-height:1.7;color:var(--color-kit-dark)}
.uu-prose p:last-child{margin-bottom:0}
.uu-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.uu-zahlen{grid-column:1/-1;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.uu-zahlen>div{padding:28px 24px 0 0}
.uu-zahlen dt{font-family:var(--font-kit-header-font);font-size:56px;font-weight:650;line-height:1;color:var(--ink)}
.uu-zahlen dd{margin:12px 0 0;display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--color-kit-dark)}
.uu-zahlen dd strong{color:var(--ink)}
.uu-logos{margin-top:8px}
.uu-quoteWrap{padding-top:0}
.uu-quote{margin:0;padding:48px 0 0;border-top:1px solid var(--line);max-width:1000px}
.uu-quote p{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:clamp(26px,3.4vw,40px);line-height:1.2;font-weight:600;color:var(--ink);padding-left:28px;border-left:3px solid var(--brass)}
.uu-after{margin:28px 0 0 31px;max-width:760px;font-size:17px;line-height:1.7;color:var(--color-kit-dark)}
.uu-komp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.uu-komp a{display:block;height:100%;background:#fff;padding:30px 28px;text-decoration:none;color:inherit;transition:background .2s}
.uu-komp a:hover{background:#fafaf8}
.uu-komp h3,.uu-prinz h3,.uu-grund h3{margin:12px 0 8px;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;font-weight:620;color:var(--ink)}
.uu-komp p,.uu-prinz p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.uu-fine{margin:24px 0 0;font-size:14.5px;line-height:1.6;color:var(--steel)}
.uu-fine a{color:var(--ink)}
.uu-exp{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
.uu-exp .uu-prose{margin-top:24px}
.uu-prinz{list-style:none;counter-reset:p;margin:0;padding:0;display:flex;flex-direction:column}
.uu-prinz li{counter-increment:p;padding:22px 0 22px 56px;border-top:1px solid var(--line);position:relative}
.uu-prinz li:last-child{border-bottom:1px solid var(--line)}
.uu-prinz li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:26px;font-size:13px;font-weight:600;color:var(--brass);letter-spacing:.06em}
.uu-prinz h3{margin-top:0}
.uu-people{margin-top:72px}
.uu-person{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:28px;border:1px solid var(--line);background:var(--surface);max-width:900px}
.uu-person img{width:120px;height:120px;object-fit:cover;border-radius:2px}
.uu-pName{margin:0;font-family:var(--font-kit-header-font);font-size:22px;font-weight:650;color:var(--ink)}
.uu-pRole{margin:4px 0 12px;font-size:14px;color:var(--steel)}
.uu-pText{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.uu-pLinks{margin:14px 0 0;display:flex;gap:24px;flex-wrap:wrap}
.uu-dark .hd-eyebrow{color:var(--brass-lt)}
.uu-dark .hd-title{color:#fff}
.uu-dark .tar-sub{color:rgba(255,255,255,.72)}
.uu-grund{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.uu-grund>div{border-top:1px solid rgba(255,255,255,.22);padding-top:22px}
.uu-grund h3{color:#fff;margin-top:0}
.uu-grund p{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.72)}
.uu-closing{margin:48px 0 0;max-width:760px;font-size:19px;line-height:1.55;font-weight:500;color:var(--ink)}
.uu-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.uu-two>article{background:#fff;border:1px solid var(--line);padding:40px 38px;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.uu-two .tar-list{margin:0}
.uu-two .uu-fine{margin:0}
.uu-two .hm-link{margin-top:auto}
.uu-op{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.uu-op p{margin:12px 0 0;font-size:16px;line-height:1.7;color:var(--color-kit-dark);max-width:620px}
.uu-opH{margin:10px 0 0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:26px;font-weight:620;color:var(--ink)}
.uu-opData{margin:0;display:flex;flex-direction:column;font-size:14.5px}
.uu-opData div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.uu-opData dt{color:var(--steel)}
.uu-opData dd{margin:0;color:var(--ink)}
.uu-opData a{color:var(--ink)}
@media (max-width:1000px){.uu-heroIn,.uu-split,.uu-head,.uu-exp,.uu-two,.uu-op{grid-template-columns:1fr;gap:32px}.uu-heroMedia img{aspect-ratio:3/2}.uu-komp{grid-template-columns:1fr 1fr}.uu-grund{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.uu-in{padding:64px 20px}.uu-heroIn{padding:36px 20px 56px}.uu-komp,.uu-grund,.uu-zahlen{grid-template-columns:1fr}.uu-person{grid-template-columns:1fr}.uu-two>article{padding:28px 22px}.uu-after{margin-left:0}}

.uu-team{margin-top:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:stretch}
.uu-teamImg{margin:0}
.uu-teamImg img{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:2px;display:block}
.uu-teamImg figcaption{margin-top:8px;font-size:13px;color:var(--steel)}
.uu-teamList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.uu-teamList li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.uu-teamList li:last-child{border-bottom:1px solid var(--line)}
.uu-ini{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);font-family:var(--font-kit-header-font);font-size:20px;font-weight:650;color:var(--ink);background:#fff}
.uu-teamList .uu-pName{font-size:19px}
.uu-teamList .uu-pRole{margin:2px 0 6px}
.uu-teamList .uu-pText{font-size:15px}
@media (max-width:1000px){.uu-team{grid-template-columns:1fr}}

/* =================================================================== Funnel: Formular, Mitgliedschaft, Vorteile */
.af-wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:start}
.af-card{background:#fff;border:1px solid var(--line);padding:36px 34px}
.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.af-grid .fld-full{grid-column:1/-1}
.af-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.af-small{font-size:13.5px;line-height:1.5;color:var(--steel)}
.af-side{display:flex;flex-direction:column;gap:16px}
.af-side>div{border-top:1px solid var(--line);padding-top:14px;font-size:15px;line-height:1.6;color:var(--ink)}
.af-side a{color:var(--ink);font-weight:600}
.mg-nutzen{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mg-nutzen article{border-top:2px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.mg-nutzen h3,.mg-szenCard h3,.vt-body h3,.vt-sit h3,.vt-infra h3,.vt-tarife h3,.vt-wege h3{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;line-height:1.25;font-weight:620;color:var(--ink)}
.mg-nutzen p,.mg-szenCard p,.vt-body p,.vt-sit p,.vt-infra p,.vt-tarife p,.vt-wege p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.mg-gilt{display:inline-block;align-self:flex-start;margin-top:4px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);border:1px solid var(--line-strong);padding:4px 8px}
.ls-arten .mg-gilt{margin-top:14px}
.mg-szen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mg-szenCard{background:#fff;border:1px solid var(--line);padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.mg-szenCard h3{font-size:19px}
.mg-szenCard .hm-link{margin-top:auto;padding-top:8px}
.mg-zahlen{margin:0 0 36px}
.mg-zahlen dt{font-size:44px}
.mg-more{margin:24px 0 0;display:flex;gap:28px;flex-wrap:wrap}
.mg-final{background:var(--surface);border-top:1px solid var(--line);scroll-margin-top:24px}
.mg-finalIn{max-width:1250px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.mg-finalCopy{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.mg-finalCopy .tar-list{margin:0}
.mg-alt{margin:0;font-size:14.5px;color:var(--steel)}
.mg-alt a{color:var(--ink)}
.mg-sticky{position:fixed;right:24px;bottom:24px;z-index:30;display:none;background:var(--anthracite);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:13px 20px;border-radius:2px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.mg-sticky:hover{background:#000}
@media (min-width:1001px){.mg-sticky{display:inline-block}}
.vt-wege{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.vt-wege>div{background:#fff;padding:28px 26px;display:flex;flex-direction:column;gap:8px}
.vt-wegHi{background:var(--anthracite)!important}
.vt-wegHi h3{color:#fff}.vt-wegHi p{color:rgba(255,255,255,.8)}.vt-wegHi .vt-wegNr{color:var(--brass-lt)}
.vt-wegNr{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.vt-list{display:flex;flex-direction:column}
.vt-item{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:40px;padding:36px 0;border-top:1px solid var(--line)}
.vt-item:last-child{border-bottom:1px solid var(--line)}
.vt-num span{font-family:var(--font-kit-header-font);font-size:40px;font-weight:650;color:var(--brass);line-height:1}
.vt-num p{margin:10px 0 0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--steel);line-height:1.4}
.vt-body{display:flex;flex-direction:column;gap:10px}
.vt-body h3{font-size:24px}
.vt-nutzen{background:var(--surface);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.vt-nutzen .aka-lh{margin:0}
.vt-nutzen p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.vt-sit{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vt-sit article{border:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;gap:12px}
.vt-sitK{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.vt-sitN{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.vt-sitN strong{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}
.vt-center{margin-top:40px;display:flex;justify-content:center}
.vt-infra{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vt-infra a{background:#fff;border:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:border-color .2s}
.vt-infra a:hover{border-color:var(--ink)}
.vt-infra .hm-link{margin-top:auto;padding-top:10px}
.vt-tarife{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vt-tarife article{background:#fff;border:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;gap:10px}
.vt-tarHi{border:2px solid var(--ink)!important}
.vt-fokus{font-size:12.5px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)!important}
@media (max-width:1100px){.vt-infra{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.af-wrap,.mg-finalIn{grid-template-columns:1fr}.mg-nutzen,.mg-szen,.vt-sit,.vt-tarife,.vt-wege{grid-template-columns:1fr}.vt-item{grid-template-columns:1fr;gap:16px}}
@media (max-width:640px){.af-grid{grid-template-columns:1fr}.af-card{padding:24px 20px}.vt-infra{grid-template-columns:1fr}.mg-finalIn{padding:64px 20px}}
.vt-tarife .hm-link{margin-top:auto;padding-top:10px}

/* Navigation: Conversion-Einstieg „Mitglied werden“ */
.nav-link--hl{font-weight:650;color:var(--ink)}
.nav-link--hl::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--brass);border-radius:50%;vertical-align:middle;transform:translateY(-1px)}
.ls-hinweis{padding-top:56px;padding-bottom:56px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.ls-hinweis p{margin:0;max-width:640px;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;line-height:1.3;font-weight:600;color:var(--ink)}
.ls-hinweis .ls-actions{display:flex;gap:12px;flex-wrap:wrap}
.hm-probShort .prob-closing .hm-link{margin-left:8px;white-space:nowrap}

/* =================================================================== Dunkler Akzentabschnitt (ein Abschnitt je Seite) */
.sec-dark{background:var(--anthracite)!important;color:#fff;border-color:transparent!important}
.sec-dark .hd-eyebrow{color:var(--brass-lt)}
.sec-dark .hd-title,.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark p,.sec-dark .tar-sub,.sec-dark .uu-prose p,.sec-dark .grk-p{color:rgba(255,255,255,.74)}
.sec-dark .card-index{color:rgba(255,255,255,.55)}
.sec-dark .mg-gilt{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.28)}
.sec-dark .mg-nutzen article{border-top-color:rgba(255,255,255,.85)}
.sec-dark .ls-steps li{border-top-color:rgba(255,255,255,.85)}
.sec-dark .ls-num{color:var(--brass-lt)}
.sec-dark .uu-quote{border-top-color:rgba(255,255,255,.18)}
.sec-dark .uu-quote p{color:#fff;border-left-color:var(--brass-lt)}
.sec-dark .grk-list{border-top-color:rgba(255,255,255,.18)}
.sec-dark .grk-list li{color:#fff;border-bottom-color:rgba(255,255,255,.18)}
.sec-dark .grk-list svg,.sec-dark .tar-list svg{color:var(--brass-lt)}
.sec-dark .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.sec-dark .btn-primary:hover{background:var(--surface);border-color:var(--surface);color:var(--ink)}
.sec-dark .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.sec-dark .btn-outline:hover{border-color:#fff;background:transparent}
.sec-dark .hm-link{color:#fff}
.sec-dark a:not(.btn-btn){color:#fff}

/* Glossar: Arbeitshilfe-Hinweis */
.gl-cta{margin:40px 0;padding:24px 28px;background:var(--surface);border-left:3px solid var(--brass);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.gl-cta strong{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.gl-cta p{margin:0;font-size:15px;line-height:1.55;color:var(--color-kit-dark);max-width:52ch}

/* =================================================================== Startseite: zentrale Anfrage + Verbund-Struktur */
#anfrage{scroll-margin-top:96px}
@media (max-width:900px){#anfrage{scroll-margin-top:80px}}
.hm-more{margin-top:40px;display:flex;justify-content:flex-start}
.hm-zahlen{margin:32px 0 0}
.hm-trust1{grid-template-columns:auto}
.hm-vt{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.hm-vt article{border-top:2px solid rgba(255,255,255,.85);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.hm-vt h3{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:21px;line-height:1.25;font-weight:620;color:#fff}
.hm-vt p{margin:0;font-size:15.5px;line-height:1.6}
.hm-partner{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.hm-partner a{display:flex;gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);background:#fff;text-decoration:none;color:inherit;transition:border-color .2s}
.hm-partner a:hover{border-color:var(--ink)}
.hm-pLogo{flex-shrink:0;width:96px;height:56px;display:flex;align-items:center;justify-content:center}
.hm-pLogo img{max-width:96px;max-height:48px;object-fit:contain}
.hm-pTxt{display:flex;flex-direction:column;gap:4px}
.hm-pTxt strong{font-size:17px;color:var(--ink)}
.hm-pTxt span{font-size:14px;color:var(--color-kit-dark)}
.hm-tarCta{margin-top:auto;align-self:flex-start}
.vt-tarife article p{flex-grow:0}
.hm-abl{grid-template-columns:repeat(4,1fr)}
.hm-anliegen{margin:0;padding:16px 20px;background:#fff;border-left:3px solid var(--brass);display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.55;color:var(--color-kit-dark)}
.hm-anliegen strong{color:var(--ink)}
@media (max-width:1000px){.hm-vt{grid-template-columns:1fr 1fr}.hm-abl{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hm-vt,.hm-abl{grid-template-columns:1fr}}

/* =================================================================== Kompetenz-Kacheln: Motiv je Bereich (Startseite) */
.hm-komp{overflow:hidden}
.kv{position:relative;margin:-32px -28px 10px;height:208px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;line-height:1.3;color:var(--anthracite)}
.kv *{box-sizing:border-box}
.kv--ki-automatisierung{background:radial-gradient(120% 90% at 85% 0%,#3a332a 0%,#1E2226 55%,#16191c 100%);color:#fff;border-bottom-color:#1E2226}
.kv--vertrieb-crm{background:#fff}
.kv--karriere-recruiting{background:linear-gradient(160deg,#f1ece3 0%,#e8e0d1 100%)}
.kv--content-pr{background:var(--surface)}
.kv--akademie-netzwerk{background:linear-gradient(180deg,#F3F4F5,#E9EBED)}
.hm-komp:hover .kv{filter:saturate(1.05)}
/* Animationen laufen nur, wenn die Kachel sichtbar ist */
.kv *{animation-play-state:paused!important}
.kv.kv-live *{animation-play-state:running!important}

/* 01 KI & Automatisierung */
.kv-ki{width:100%;display:flex;flex-direction:column;gap:18px;align-items:center}
.kv-marquee{width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.kv-track{display:flex;gap:8px;width:max-content;animation:kvScroll 22s linear infinite}
.kv-track span{padding:5px 10px;border-radius:3px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font-size:12px;white-space:nowrap}
.kv-steps{display:flex;gap:10px}
.kv-step{width:92px;padding:12px 6px 10px;border-radius:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.86);animation:kvStep 6s infinite}
.kv-step i{display:flex;width:28px;height:28px;border-radius:3px;align-items:center;justify-content:center;background:rgba(184,153,95,.18);color:#D9BF8C}
.kv-step:nth-child(2){animation-delay:2s}.kv-step:nth-child(3){animation-delay:4s}
@keyframes kvScroll{to{transform:translateX(-50%)}}
@keyframes kvStep{0%,8%{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}14%,30%{border-color:#B8995F;background:rgba(184,153,95,.14)}38%,100%{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}}

/* 02 Marketing & Sichtbarkeit */
.kv-mk{width:82%;display:flex;flex-direction:column;gap:7px}
.kv-search{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid var(--line-strong);border-radius:20px;color:var(--steel)}
.kv-type{color:var(--ink);white-space:nowrap;overflow:hidden;animation:kvType 8s steps(34) infinite}
.kv-res{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;gap:5px}
.kv-res i{display:block;height:6px;border-radius:3px;background:var(--surface-2)}.kv-res i+i{width:62%}
.kv-res b{font-size:12.5px;font-weight:600;color:var(--ink)}.kv-res span{font-size:11.5px;color:var(--steel)}
.kv-res--hit{animation:kvHit 8s infinite}
.kv-ai{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:12px;background:rgba(138,108,62,.12);color:var(--brass);font-size:11.5px;font-weight:600;animation:kvAi 8s infinite}
@keyframes kvType{0%{clip-path:inset(0 100% 0 0)}35%,100%{clip-path:inset(0 0 0 0)}}
@keyframes kvHit{0%,38%{opacity:0;transform:translateY(6px)}48%,92%{opacity:1;transform:none;border-color:var(--brass)}100%{opacity:0}}
@keyframes kvAi{0%,58%{opacity:0;transform:scale(.92)}66%,92%{opacity:1;transform:none}100%{opacity:0}}

/* 03 Vertrieb & CRM */
.kv-crm{width:86%}
.kv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.kv-cols span{font-size:11.5px;font-weight:600;color:var(--steel);letter-spacing:.02em}
.kv-lanes{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kv-lane{min-height:122px;padding:6px;background:var(--surface);border-radius:3px;display:flex;flex-direction:column;gap:6px;justify-content:flex-end}
.kv-lane i{display:block;height:26px;border-radius:3px;background:#fff;border:1px solid var(--line)}
.kv-move{position:absolute;top:6px;left:6px;width:calc((100% - 16px)/3 - 12px);padding:7px 8px;background:#fff;border:1px solid var(--brass);border-radius:3px;
  box-shadow:0 6px 16px rgba(18,20,23,.08);animation:kvMove 9s cubic-bezier(.6,0,.3,1) infinite}
.kv-move b{display:block;font-size:11.5px;font-weight:600;color:var(--ink)}.kv-move span{display:block;margin-top:3px;font-size:10.5px;color:var(--steel)}
@keyframes kvMove{0%,22%{transform:translateX(0)}33%,55%{transform:translateX(calc(100% + 20px))}66%,90%{transform:translateX(calc(200% + 40px))}100%{transform:translateX(0);opacity:0}}

/* 04 Karriere & Recruiting */
.kv-rc{width:86%;display:flex;flex-direction:column;gap:8px}
.kv-row{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(18,20,23,.06);animation:kvRow 7.5s infinite}
.kv-row:nth-child(2){animation-delay:.25s}.kv-row:nth-child(3){animation-delay:.5s}
.kv-row div{flex:1;min-width:0}.kv-row b{display:block;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv-row span{font-size:11px;color:var(--steel)}
.kv-av{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#D9BF8C,#8A6C3E)}
.kv-av--2{background:linear-gradient(135deg,#C5CACF,#6B7178)}.kv-av--3{background:linear-gradient(135deg,#E9EBED,#C5CACF)}
.kv-pill{flex-shrink:0;font-style:normal;font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:3px;background:var(--surface);color:#6B7178}
.kv-pill--g{background:#e3efe6;color:#2f6b45}.kv-pill--b{background:rgba(138,108,62,.14);color:var(--brass)}
@keyframes kvRow{0%{opacity:0;transform:translateY(10px)}8%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}

/* 05 Content, PR & Fachautorität */
.kv-pr{display:flex;align-items:center;gap:18px}
.kv-doc{width:150px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;gap:7px;box-shadow:0 8px 20px rgba(18,20,23,.06)}
.kv-docK{font-size:10.5px;font-weight:600;color:var(--brass)}.kv-doc b{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3}
.kv-doc i{display:block;height:5px;border-radius:3px;background:var(--surface-2);transform-origin:left;animation:kvLine 7s infinite}
.kv-doc i:nth-of-type(2){animation-delay:.3s}.kv-doc .kv-short{width:58%;animation-delay:.6s}
.kv-chan{display:flex;flex-direction:column;gap:8px}
.kv-chan span{padding:6px 11px;border:1px solid var(--line-strong);border-radius:3px;background:#fff;font-size:12px;color:var(--anthracite);animation:kvChan 7s infinite}
.kv-chan span:nth-child(2){animation-delay:.6s}.kv-chan span:nth-child(3){animation-delay:1.2s}
@keyframes kvLine{0%{transform:scaleX(0)}18%,100%{transform:scaleX(1)}}
@keyframes kvChan{0%,25%{border-color:var(--line-strong);color:var(--anthracite)}32%,80%{border-color:var(--brass);color:var(--brass)}90%,100%{border-color:var(--line-strong);color:var(--anthracite)}}

/* 06 Akademie & Netzwerk */
.kv-net{width:88%;max-width:300px;height:auto;font-family:var(--font-kit-header-font)}
.kv-lines line{animation:kvDash 2.4s linear infinite}
.kv-pulse{transform-origin:160px 104px;animation:kvPulse 3s ease-out infinite}
.kv-n{animation:kvNode 6s infinite}.kv-n2{animation-delay:2s}.kv-n3{animation-delay:4s}
@keyframes kvDash{to{stroke-dashoffset:-20}}
@keyframes kvPulse{0%{transform:scale(1);opacity:.35}100%{transform:scale(1.9);opacity:0}}
@keyframes kvNode{0%,10%,40%,100%{opacity:.75}18%,32%{opacity:1}}

@media (max-width:640px){.kv{height:188px;margin:-32px -28px 8px}}
@media (prefers-reduced-motion:reduce){
  .kv *{animation:none!important}
  .kv-type{clip-path:none}.kv-move{transform:translateX(calc(100% + 20px))}
}

/* =================================================================== Ressourcen: zweistufiges Download-Gate */
.dlm[hidden]{display:none}
.dlm{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.dlm-back{position:absolute;inset:0;background:rgba(18,20,23,.55)}
.dlm-dialog{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:4px;padding:36px 36px 32px;box-shadow:0 24px 60px rgba(18,20,23,.25);outline:none}
html.dlm-lock{overflow:hidden}
.dlm-x{position:absolute;top:14px;right:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--anthracite);cursor:pointer;border-radius:2px}
.dlm-x:hover{background:var(--surface)}.dlm-x:focus-visible{outline:2px solid var(--ink)}
.dlg-progress{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-kit-dark)}
.dlg-bar{height:3px;background:var(--surface-2);margin-bottom:26px}.dlg-bar span{display:block;height:100%;background:var(--brass);transition:width .3s}
.dlg-form{display:flex;flex-direction:column;gap:16px}
.dlg-form[hidden]{display:none}
.dlg-h{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-weight:640;font-size:26px;line-height:1.2;color:var(--ink);outline:none}
.dlg-p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}
.dlg-p a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.dlg-res{margin:0;padding:14px 16px;background:var(--surface);display:flex;flex-direction:column;gap:3px}
.dlg-res span{font-size:12.5px;color:var(--color-kit-dark);word-break:break-all}.dlg-res strong{font-size:15.5px;color:var(--ink);line-height:1.35}
.dlg-cb span{font-size:14px;line-height:1.55}.dlg-cb em{font-style:normal;color:var(--color-kit-dark)}
.dlg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.dlg-actions .btn-btn{min-height:46px}
.dlg-page{max-width:640px}
.dlg-box{background:#fff;border:1px solid var(--line);padding:36px}
@media (max-width:560px){.dlm{padding:0;align-items:flex-end}.dlm-dialog{max-width:none;max-height:92vh;border-radius:6px 6px 0 0;padding:28px 20px 24px}
 .dlg-h{font-size:22px}.dlg-actions .btn-btn{flex:1;justify-content:center}.dlg-box{padding:24px 18px}}
@media (prefers-reduced-motion:reduce){.dlg-bar span{transition:none}}

/* Logos mit width/height-Attributen: Seitenverhältnis reservieren, Größe weiter per max-width/max-height */
.ref-logos img,.hm-pLogo img,.kr-logo img,.vz-cardLogo img{height:auto}
.ref-logos img{width:auto}

/* Kategorieseiten: Einleitungstext + Themen + Glossar */
.mag-cat{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:start}
.mag-catH2{font-family:var(--font-kit-header-font);font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin:0 0 20px;color:var(--color-kit-black)}
.mag-catText p{font-size:17px;line-height:1.7;color:var(--color-kit-dark);margin:0 0 16px;max-width:68ch}
.mag-catSide{background:var(--color-kit-white);border-radius:6px;padding:28px}
.mag-catSide h3{font-family:var(--font-kit-header-font);font-size:16px;margin:0 0 12px;color:var(--color-kit-black)}
.mag-catSide h3+ul{margin-bottom:24px}
.mag-catList{list-style:none;margin:0;padding:0}
.mag-catList li{position:relative;padding:0 0 10px 20px;font-size:15px;line-height:1.5;color:var(--color-kit-dark)}
.mag-catList li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--color-kit-key2)}
.mag-catTerms{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mag-catTerms a{display:inline-block;padding:6px 12px;border:1px solid var(--color-kit-light);border-radius:4px;font-size:14px;color:var(--color-kit-black);text-decoration:none;background:var(--color-kit-light)}
.mag-catTerms a:hover{border-color:var(--color-kit-key2)}
@media (max-width:900px){.mag-cat{grid-template-columns:1fr;gap:32px}}

/* Navigation: Einstieg „Für Industrieunternehmen“ vor dem Haupt-CTA */
.nav-cta{display:flex;align-items:center;gap:18px;flex-shrink:0}
.nav-forInd{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;padding:8px 2px;border-bottom:1.5px solid transparent;transition:border-color .2s}
.nav-forInd:hover,.nav-forInd.is-active{border-bottom-color:var(--brass)}
.nav-forInd:focus-visible{outline:3px solid var(--color-kit-key1);outline-offset:3px}
@media (max-width:1320px) and (min-width:1181px){.nav-word{display:none}.nav-inner{gap:20px}.nav-link{padding:8px 7px}}
@media (max-width:1180px){.nav-mobileCta{display:flex!important;flex-direction:column;gap:10px}.nav-mobileCta .nav-forInd{border:1px solid var(--line-strong);padding:12px 16px;text-align:center}.nav-mobileCta .btn-btn{justify-content:center}}

/* ================================================================ /mitglied-werden – Für Industrieunternehmen */
.fi-in{max-width:1250px;margin:0 auto;padding:104px 24px}
.fi-s{background:#fff}.fi-s--light{background:var(--surface)}
.fi-s--dark{background:var(--anthracite);color:#fff}
.fi-h2{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(28px,3.2vw,42px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 18px;text-wrap:balance}
.fi-s--dark .fi-h2{color:#fff}
.fi-head p{font-size:17.5px;line-height:1.65;color:var(--color-kit-dark);margin:0 0 14px;max-width:62ch}
.fi-head--c{text-align:center;margin:0 auto 56px;max-width:820px}.fi-head--c p{margin-left:auto;margin-right:auto}
.fi-strong{font-weight:600;color:var(--ink)!important}
.fi-fine{font-size:14px;line-height:1.6;color:var(--steel);max-width:760px;margin:32px auto 0;text-align:center}
.fi-center{text-align:center;margin:40px 0 0}
.fi-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--brass);padding-bottom:3px}
.fi-s--dark .fi-link{color:#fff}
.fi-ico{display:inline-flex;width:22px;height:22px;flex-shrink:0}
.fi-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Hero */
.fi-hero{background:#fff;border-bottom:1px solid var(--line)}
.fi-heroIn{max-width:1250px;margin:0 auto;padding:72px 24px 96px;display:grid;grid-template-columns:1fr 1.02fr;gap:64px;align-items:center}
.fi-kicker{margin:28px 0 14px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
.fi-h1{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin:0 0 22px;text-wrap:balance}
.fi-lead{font-size:19px;line-height:1.6;color:var(--color-kit-dark);margin:0 0 32px;max-width:56ch}
.fi-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.fi-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
.fi-points li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink)}
.fi-points svg{color:var(--brass)}
.fi-points--col{flex-direction:column;gap:10px;margin:24px 0}

.fi-preview{margin:0}
.fi-win{background:#fff;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -30px #12141740}
.fi-winBar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.fi-winBar span{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.fi-winBar em{margin-left:12px;font-style:normal;font-size:12.5px;color:var(--steel)}
.fi-winBody{display:grid;grid-template-columns:200px 1fr;min-height:340px}
.fi-winSide{background:var(--anthracite);color:#fff;padding:20px 18px}
.fi-winSide strong{display:block;font-family:var(--font-kit-header-font);font-size:15px}
.fi-tag{display:inline-block;margin:8px 0 18px;font-size:11px;padding:3px 8px;border:1px solid #ffffff40;border-radius:999px;color:#ffffffc0}
.fi-winSide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.fi-winSide li{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffd9}
.fi-winSide .fi-ico{width:17px;height:17px;color:var(--brass-lt)}
.fi-winMain{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;background:#fafbfb}
.fi-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px}
.fi-card--a{grid-column:1/-1}
.fi-card small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.fi-card b{font-family:var(--font-kit-header-font);font-weight:650;font-size:16px;color:var(--ink)}
.fi-card em{font-style:normal;font-size:12.5px;color:var(--color-kit-dark)}
.fi-steps{display:flex;gap:6px;margin:6px 0 2px}.fi-steps i{flex:1;height:5px;border-radius:3px;background:var(--surface-2)}.fi-steps i.on{background:var(--brass)}
.fi-avatars{display:flex;margin:4px 0}.fi-avatars i{width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:var(--line-strong);margin-left:-6px}.fi-avatars i:first-child{margin-left:0;background:var(--brass-lt)}.fi-avatars i:nth-child(2){background:var(--steel)}
.fi-preview figcaption{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--steel)}

/* Verbund-Grafik */
.fi-split{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.fi-hub{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin-left:auto}
.fi-hubLines{position:absolute;inset:0;width:100%;height:100%}
.fi-line{stroke:var(--brass);stroke-width:1.4;stroke-dasharray:180;stroke-dashoffset:180;opacity:.75}
.fi-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:132px;text-align:center;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink);opacity:0}
.fi-node .fi-ico{width:52px;height:52px;padding:13px;background:#fff;border:1px solid var(--line-strong);border-radius:12px;color:var(--anthracite)}
.fi-node--1{left:50%;top:10%}.fi-node--2{left:84.75%;top:30%}.fi-node--3{left:84.75%;top:70%}.fi-node--4{left:50%;top:90%}.fi-node--5{left:15.25%;top:70%}.fi-node--6{left:15.25%;top:30%}
.fi-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:38%;aspect-ratio:1;border-radius:50%;background:var(--anthracite);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;box-shadow:0 0 0 10px #8a6c3e1f}
.fi-core b{font-family:var(--font-kit-header-font);font-size:clamp(22px,2.6vw,32px);letter-spacing:.06em}
.fi-core span{font-size:12px;color:#ffffffc0;margin-top:4px;max-width:12ch;line-height:1.3}
.fi-hub.is-in .fi-node{animation:fiIn .5s ease-out forwards;animation-delay:var(--d)}
.fi-hub.is-in .fi-line{animation:fiDraw .9s ease-out forwards;animation-delay:calc(var(--d) + .35s)}
.fi-hub.is-in .fi-core{animation:fiCore .6s ease-out 1.3s forwards}
@keyframes fiIn{from{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes fiDraw{to{stroke-dashoffset:0}}
@keyframes fiCore{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.fi-hubList{display:none;list-style:none;margin:0;padding:0}

/* Kompetenz-Tabs */
.fi-tabList{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}
.fi-tab{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;background:var(--surface);border:1px solid transparent;border-radius:8px;font:inherit;font-size:14px;font-weight:600;color:var(--color-kit-dark);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.fi-tab .fi-ico{width:28px;height:28px}
.fi-tab:hover{border-color:var(--line-strong);color:var(--ink)}
.fi-tab[aria-selected=true]{background:var(--anthracite);color:#fff}
.fi-tab[aria-selected=true] .fi-ico{color:var(--brass-lt)}
.fi-tab:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.fi-panel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:stretch;padding:32px;border:1px solid var(--line);border-radius:10px;background:#fff}
.fi-panel[hidden]{display:none}
.fi-pCol{padding:4px 0}
.fi-pCol p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--ink)}
.fi-pCol--res{background:var(--surface);border-radius:8px;padding:16px 18px}
.fi-pLbl{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
.fi-pArrow{display:flex;align-items:center;color:var(--line-strong)}
.fi-pMore{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px}
.fi-pMore:hover{border-color:var(--brass)}

/* Modelle */
.fi-models{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.fi-model{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 28px}
.fi-model--hi{border-color:var(--anthracite);box-shadow:inset 0 3px 0 var(--brass)}
.fi-mTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.fi-mStep{display:flex;gap:4px}.fi-mStep i{width:18px;height:5px;border-radius:3px;background:var(--surface-2)}.fi-mStep i.on{background:var(--brass)}
.fi-mFokus{font-size:12.5px;color:var(--steel)}
.fi-model h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:24px;margin:0 0 10px;color:var(--ink)}
.fi-mFor{font-size:15.5px;line-height:1.55;color:var(--color-kit-dark);margin:0 0 20px;min-height:4.7em}
.fi-model ul{list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;flex:1}
.fi-model li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.fi-model li svg{color:var(--brass);flex-shrink:0;margin-top:2px}
.fi-mCta{justify-content:center}

/* Praxisbeispiele */
.fi-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fi-case{border:1px solid var(--line);border-radius:10px;padding:26px;background:#fff}
.fi-case h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:19px;margin:0 0 20px;color:var(--ink)}
.fi-ba{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:start}
.fi-baCol{margin:0}
.fi-baCol figcaption{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}
.fi-baCol--after figcaption{color:var(--brass)}
.fi-baCol p{font-size:13.5px;line-height:1.45;color:var(--color-kit-dark);margin:10px 0 0}
.fi-baArrow{align-self:center;color:var(--brass);margin-top:-20px}
.fi-vis{height:96px;border-radius:6px;border:1px solid var(--line);background:var(--surface);padding:10px;position:relative;overflow:hidden}
.fi-baCol--after .fi-vis{background:#fff;border-color:var(--line-strong)}
.fi-vis--web0{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}
.fi-vis--web0 i{height:9px;background:var(--line-strong);border-radius:2px}
.fi-vis--web0 i:nth-child(1){width:70%}.fi-vis--web0 i:nth-child(2){width:24%}.fi-vis--web0 i:nth-child(3){width:40%;height:22px;transform:rotate(-3deg)}.fi-vis--web0 i:nth-child(4){width:48%;height:14px}.fi-vis--web0 i:nth-child(5){width:30%}.fi-vis--web0 i:nth-child(6){width:60%;height:12px;transform:rotate(2deg)}
.fi-vis--web1{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:7px 30px 1fr;gap:5px}
.fi-vis--web1 i{background:var(--surface-2);border-radius:2px}
.fi-vis--web1 i.nav{grid-column:1/-1;background:var(--anthracite)}.fi-vis--web1 i.hero{grid-column:1/-1;background:linear-gradient(90deg,var(--anthracite) 55%,var(--brass-lt) 55%)}
.fi-vis--crm0{display:flex;flex-wrap:wrap;gap:6px;align-content:center;justify-content:center}
.fi-vis--crm0 span{font-size:10px;font-weight:700;padding:5px 7px;border-radius:3px;background:#fff;border:1px solid var(--line-strong);color:var(--steel)}
.fi-vis--crm0 span:nth-child(2n){transform:rotate(-6deg)}.fi-vis--crm0 span:nth-child(3){transform:rotate(5deg)}
.fi-vis--crm0 .nt{width:26px;height:20px;background:#efe3c8;border-color:#e2d2ad}
.fi-vis--crm1{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.fi-vis--crm1 span{background:var(--surface);border-radius:3px;padding:4px;display:flex;flex-direction:column;gap:4px}
.fi-vis--crm1 span i{height:11px;background:#fff;border:1px solid var(--line-strong);border-radius:2px}
.fi-vis--crm1 span:last-child i{background:var(--brass-lt);border-color:var(--brass-lt)}
.fi-vis--auto0,.fi-vis--auto1{display:flex;align-items:center;justify-content:space-between;gap:4px}
.fi-vis--auto0 span,.fi-vis--auto1 span{width:24%;height:44px;border-radius:4px;background:#fff;border:1px solid var(--line-strong)}
.fi-vis--auto0 b{font-size:14px;color:var(--steel);font-weight:400}
.fi-vis--auto0 span:nth-child(3){transform:rotate(-4deg)}
.fi-vis--auto1 b{flex:1;height:2px;background:var(--brass)}
.fi-vis--auto1 span{border-color:var(--anthracite)}
.fi-vis--auto1 span:last-child{background:var(--anthracite)}

/* Vergleich */
.fi-cmp{max-width:980px;margin:0 auto;border-top:1px solid #ffffff26}
.fi-cmpRow{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff26}
.fi-cmpRow span{padding:20px 24px;font-size:16px;line-height:1.5;display:flex;gap:12px;align-items:flex-start}
.fi-cmpRow span:first-child{color:#ffffffa6}
.fi-cmpRow span:last-child{color:#fff;background:#ffffff0a}
.fi-cmpRow span:last-child svg{color:var(--brass-lt);flex-shrink:0;margin-top:3px}
.fi-cmpHead span{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-top:14px;padding-bottom:14px}
.fi-cmpHead span:last-child{color:var(--brass-lt)}

/* Vertrauen */
.fi-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 48px}
.fi-facts div{border-top:2px solid var(--anthracite);padding-top:18px}
.fi-facts dt{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(30px,3.4vw,44px);color:var(--ink);letter-spacing:-.02em}
.fi-facts dd{margin:6px 0 0;display:flex;flex-direction:column;gap:4px}
.fi-facts dd strong{font-size:15.5px;color:var(--ink)}.fi-facts dd span{font-size:14px;line-height:1.5;color:var(--color-kit-dark)}
.fi-logos{justify-content:center}

/* Ablauf */
.fi-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;counter-reset:none}
.fi-flow::before{content:"";position:absolute;top:26px;left:calc(16.66% + 26px);right:calc(16.66% + 26px);height:1px;background:var(--line-strong)}
.fi-flow li{position:relative;text-align:center;padding:0 12px}
.fi-flowN{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--anthracite);color:#fff;font-family:var(--font-kit-header-font);font-weight:650;font-size:20px;box-shadow:0 0 0 8px var(--surface)}
.fi-flow h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:19px;margin:22px 0 10px;color:var(--ink)}
.fi-flow p{font-size:15.5px;line-height:1.55;color:var(--color-kit-dark);margin:0 auto;max-width:34ch}

/* Formular */
.fi-form{background:var(--surface);border-top:1px solid var(--line);scroll-margin-top:90px}
.fi-formIn{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.fi-formCopy p{font-size:17px;line-height:1.65;color:var(--color-kit-dark)}
.fi-alt{font-size:15px!important}.fi-alt a{color:var(--ink);font-weight:600}

@media (max-width:1100px){
  .fi-heroIn,.fi-split,.fi-formIn{grid-template-columns:1fr;gap:48px}
  .fi-hub{margin:0 auto}
  .fi-tabList{grid-template-columns:repeat(3,1fr)}
  .fi-panel{grid-template-columns:1fr;gap:14px}.fi-pArrow{transform:rotate(90deg);justify-content:center}
  .fi-models,.fi-cases{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}
  .fi-mFor{min-height:0}
}
@media (max-width:640px){
  .fi-in{padding:72px 20px}.fi-heroIn{padding:48px 20px 72px}
  .fi-winBody{grid-template-columns:1fr}.fi-winSide ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .fi-winMain{grid-template-columns:1fr}
  .fi-hub{display:none}.fi-hubList{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .fi-hubList li{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;color:var(--ink)}
  .fi-hubList .fi-ico{color:var(--brass)}
  .fi-tabList{grid-template-columns:1fr 1fr}
  .fi-cmpRow{grid-template-columns:1fr}.fi-cmpRow span:first-child{padding-bottom:6px}.fi-cmpRow span:last-child{padding-top:10px}
  .fi-cmpHead{display:none}
  .fi-cmpRow span:first-child::before{content:"Selbst koordinieren: ";font-weight:600}
  .fi-facts{grid-template-columns:1fr}
  .fi-flow{grid-template-columns:1fr;gap:36px}.fi-flow::before{display:none}
  .fi-panel{padding:22px}
}
@media (prefers-reduced-motion:reduce){
  .fi-node,.fi-core{opacity:1!important;animation:none!important}.fi-core{transform:translate(-50%,-50%)}
  .fi-node{transform:translate(-50%,-50%)}.fi-line{stroke-dashoffset:0!important;animation:none!important}
}

/* Mobile-Fix 24.10.2026: spätere Desktop-Regeln überschrieben die Mobilansicht */
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;padding:40px 20px 64px;gap:32px}
  .hero-media{order:0;width:100%;max-width:none}
  .hero-img{width:100%;height:auto;aspect-ratio:3/2}
  .hero-copy h1{font-size:clamp(32px,8.5vw,44px)}
}
@media (max-width:1180px){.nav-cta{display:none}}

/* ================================================================ /ueber-uns – Redesign (24.10.2026) */
.ux-in{max-width:1250px;margin:0 auto;padding:112px 24px}
.ux-s{background:#fff;scroll-margin-top:120px}
.ux-s--light{background:var(--surface)}
.ux-s--dark{background:var(--anthracite);color:#fff}
.ux-h1{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(38px,4.8vw,64px);line-height:1.03;letter-spacing:-.028em;color:var(--ink);margin:0 0 24px;text-wrap:balance}
.ux-h2{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(28px,3.3vw,44px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}
.ux-h2--md{font-size:clamp(24px,2.5vw,32px);margin-bottom:20px}
.ux-s--dark .ux-h2{color:#fff}
.ux-h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:22px;color:var(--ink);margin:88px 0 24px}
.ux-kicker{margin:28px 0 14px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
.ux-lead{font-size:20px;line-height:1.55;color:var(--ink);margin:0 0 16px;max-width:36ch}
.ux-lead2{font-size:17px;line-height:1.65;color:var(--color-kit-dark);margin:0;max-width:58ch}
.ux-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.ux-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-bottom:56px}
.ux-prose p{margin:0 0 16px;font-size:17.5px;line-height:1.7;color:var(--color-kit-dark)}
.ux-prose p:last-child{margin-bottom:0}
.ux-s--dark .ux-prose p{color:#ffffffb8}
.ux-fine{font-size:14px;line-height:1.6;color:var(--steel);margin:32px 0 0;max-width:78ch}
.ux-fine a{color:var(--ink)}
.ux-fine--l{margin-top:40px}

/* Hero */
.ux-hero{background:#fff;border-bottom:1px solid var(--line)}
.ux-heroIn{max-width:1250px;margin:0 auto;padding:56px 24px 72px;display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.ux-heroMedia{margin:0;position:relative}
.ux-heroMedia img{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:40% 50%;display:block;border-radius:4px}
.ux-heroMedia figcaption{margin-top:10px;font-size:13px;color:var(--steel)}
.ux-factsWrap{border-top:1px solid var(--line);background:var(--surface)}
.ux-facts{max-width:1250px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr)}
.ux-facts>div{padding:32px 32px 36px 0;display:flex;gap:20px;align-items:baseline}
.ux-facts>div+div{padding-left:32px;border-left:1px solid var(--line)}
.ux-facts dt{font-family:var(--font-kit-header-font);font-weight:650;font-size:clamp(30px,3vw,42px);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.ux-facts dd{margin:0;display:flex;flex-direction:column;gap:4px}
.ux-facts dd strong{font-size:15px;color:var(--ink)}
.ux-facts dd span{font-size:13.5px;line-height:1.45;color:var(--color-kit-dark)}

/* Sprungnavigation */
.ux-jump{top:var(--ux-head,73px)}
.ux-jump a.is-active{color:var(--ink);border-bottom-color:var(--brass)}

/* Referenzen */
.ux-refs{border-top:1px solid var(--line);padding-top:56px}
.ux-refsHead{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-bottom:40px}
.ux-refsHead h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:22px;line-height:1.3;color:var(--ink);margin:0;max-width:24ch}
.ux-refsHead p{margin:0;font-size:16px;line-height:1.65;color:var(--color-kit-dark)}
.ux-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.ux-logos li{display:flex;align-items:center;justify-content:center;height:112px;padding:20px 28px;background:#fff}
.ux-logos li+li{border-left:1px solid var(--line)}
.ux-logos img{max-height:40px;max-width:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s}
.ux-logos li:hover img{filter:none;opacity:1}

/* Anspruch – Kontrastdarstellung */
.ux-contrast{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ux-cBox{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;display:flex;flex-direction:column}
.ux-cBox--idv{background:var(--anthracite);border-color:var(--anthracite);color:#fff}
.ux-cLbl{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brass)}
.ux-cBox--idv .ux-cLbl{color:var(--brass-lt)}
.ux-cBox p{margin:10px 0 24px;font-size:16px;line-height:1.6;color:var(--color-kit-dark);flex:1}
.ux-cBox--idv p{color:#ffffffc8}
.ux-cDepts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ux-cDepts li{font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.ux-cDepts li.off{background:transparent;color:var(--steel);border-style:dashed;text-decoration:line-through;text-decoration-color:#8c939a80}
.ux-cDepts--idv li{background:transparent;color:#fff;border-color:#ffffff40}
.ux-quote{margin:72px auto 0;max-width:920px;text-align:center;padding:0}
.ux-quote p{font-family:var(--font-kit-header-font);font-weight:600;font-size:clamp(22px,2.4vw,32px);line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin:0;text-wrap:balance}
.ux-quote::before{content:"";display:block;width:48px;height:3px;background:var(--brass);margin:0 auto 28px}
.ux-after{max-width:680px;margin:24px auto 0;text-align:center;font-size:16.5px;line-height:1.65;color:var(--color-kit-dark)}

/* Kompetenzen */
.ux-komp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ux-komp li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ux-komp a{display:flex;flex-direction:column;height:100%;padding:32px 30px;text-decoration:none;color:inherit;transition:background .2s}
.ux-komp a:hover{background:var(--surface)}
.ux-kIco{width:40px;height:40px;padding:9px;border-radius:8px;background:var(--surface);color:var(--anthracite);margin-bottom:22px;transition:background .2s,color .2s}
.ux-komp a:hover .ux-kIco{background:var(--anthracite);color:var(--brass-lt)}
.ux-komp h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:19px;line-height:1.3;color:var(--ink);margin:0 0 10px}
.ux-komp p{font-size:15.5px;line-height:1.6;color:var(--color-kit-dark);margin:0 0 20px;flex:1}
.ux-kMore{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.ux-kMore svg{transition:transform .2s}.ux-komp a:hover .ux-kMore svg{transform:translateX(3px)}
.ux-komp a:focus-visible{outline:3px solid var(--brass);outline-offset:-3px}

/* Expertenmodell */
.ux-model{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.ux-model li{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px}
.ux-mDot{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--anthracite);color:#fff;font-weight:650;font-size:14px;margin-bottom:18px}
.ux-model h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:18px;color:var(--ink);margin:0 0 8px}
.ux-model p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark)}

/* Menschen */
.ux-people{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:stretch}
.ux-lead-person{display:grid;grid-template-columns:112px 1fr;gap:28px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:32px}
.ux-lead-person img{width:112px;height:112px;border-radius:50%;object-fit:cover}
.ux-pName{font-family:var(--font-kit-header-font);font-weight:650;font-size:19px;color:var(--ink);margin:0}
.ux-pRole{font-size:14px;font-weight:600;color:var(--brass);margin:4px 0 12px}
.ux-pText{font-size:15px;line-height:1.6;color:var(--color-kit-dark);margin:0}
.ux-pLinks{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0 0}
.ux-team{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:6px}
.ux-team li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 26px;align-items:start}
.ux-team li+li{border-top:1px solid var(--line)}
.ux-team .ux-pName{font-size:17px}.ux-team .ux-pRole{margin:2px 0 6px;font-size:13.5px}.ux-team .ux-pText{font-size:14.5px}
.ux-ini{width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-kit-header-font);font-weight:650;font-size:18px;color:var(--anthracite)}

/* Grundsätze */
.ux-grund{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:6px;overflow:hidden}
.ux-grund>div{background:var(--anthracite);padding:32px 28px}
.ux-gIco{width:28px;height:28px;color:var(--brass-lt);margin-bottom:20px}
.ux-grund h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:18px;line-height:1.3;color:#fff;margin:0 0 10px}
.ux-grund p{margin:0;font-size:15px;line-height:1.6;color:#ffffffb3}

/* Arbeitsweise – Zeitleiste */
.ux-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.ux-time::before{content:"";position:absolute;top:24px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,var(--brass),var(--line-strong))}
.ux-time li{position:relative}
.ux-tN{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--anthracite);font-family:var(--font-kit-header-font);font-weight:650;font-size:18px;color:var(--ink)}
.ux-time li:first-child .ux-tN{background:var(--anthracite);color:#fff}
.ux-time h3{font-family:var(--font-kit-header-font);font-weight:650;font-size:20px;color:var(--ink);margin:22px 0 8px}
.ux-time p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-kit-dark);max-width:30ch}

/* Verbund & Perspektive */
.ux-two{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.ux-now{grid-column:1/-1;border-top:1px solid var(--line-strong);padding-top:40px}
.ux-nowH{font-weight:600;color:var(--ink);margin:0 0 20px;font-size:16px}
.ux-now ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ux-now a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.ux-now a:hover{border-color:var(--ink)}
.ux-now strong{font-size:16px}.ux-now span{grid-row:2;font-size:13.5px;color:var(--color-kit-dark);margin-top:4px}
.ux-now svg{grid-row:1/3;grid-column:2;align-self:center;color:var(--brass);transition:transform .2s}
.ux-now a:hover svg{transform:translateX(3px)}

/* Betreiber */
.ux-op{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}
.ux-op p{font-size:16.5px;line-height:1.7;color:var(--color-kit-dark);margin:0}
.ux-opData{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ux-opData>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 22px;font-size:15px}
.ux-opData>div+div{border-top:1px solid var(--line)}
.ux-opData dt{color:var(--steel);font-weight:600}
.ux-opData dd{margin:0;color:var(--ink)}
.ux-opData a{color:var(--ink)}

/* Finaler CTA */
.ux-cta{background:var(--surface);border-top:1px solid var(--line)}
.ux-ctaIn{max-width:860px;margin:0 auto;padding:112px 24px;text-align:center}
.ux-ctaIn p{font-size:18px;line-height:1.65;color:var(--color-kit-dark);margin:20px auto 0;max-width:62ch}
.ux-ctaIn .ux-ctas{justify-content:center}

/* Einblenden */
.ux-js .ux-rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}
.ux-js .ux-rv.is-in{opacity:1;transform:none}

@media (max-width:1100px){
  .ux-komp{grid-template-columns:repeat(2,1fr)}
  .ux-grund{grid-template-columns:repeat(2,1fr)}
  .ux-now ul{grid-template-columns:repeat(2,1fr)}
  .ux-people{grid-template-columns:1fr}
  .ux-logos{grid-template-columns:repeat(3,1fr)}
  .ux-logos li:nth-child(3n+1){border-left:0}.ux-logos li:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:960px){
  .ux-heroIn{grid-template-columns:1fr;gap:36px;padding:40px 20px 56px}
  .ux-heroMedia img{aspect-ratio:3/2}
  .ux-facts{grid-template-columns:1fr;padding:0 20px}
  .ux-facts>div{padding:22px 0}.ux-facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .ux-split,.ux-refsHead,.ux-two,.ux-op{grid-template-columns:1fr;gap:24px}
  .ux-split{margin-bottom:40px}
  .ux-contrast,.ux-model{grid-template-columns:1fr}
  .ux-time{grid-template-columns:1fr 1fr;gap:40px 24px}.ux-time::before{display:none}
  .ux-in{padding:80px 20px}
}
@media (max-width:640px){
  .ux-in{padding:64px 20px}
  .ux-komp,.ux-grund,.ux-now ul,.ux-time{grid-template-columns:1fr}
  .ux-logos{grid-template-columns:repeat(2,1fr)}
  .ux-logos li{border-left:0!important;border-top:1px solid var(--line)}.ux-logos li:nth-child(even){border-left:1px solid var(--line)!important}.ux-logos li:nth-child(-n+2){border-top:0}
  .ux-lead-person{grid-template-columns:1fr;padding:24px}.ux-lead-person img{width:88px;height:88px}
  .ux-opData>div{grid-template-columns:1fr;gap:2px}
  .ux-ctaIn{padding:72px 20px}
  .ux-ctas>*{width:100%;justify-content:center}
  .ux-h3{margin-top:64px}
  .ux-quote{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){.ux-js .ux-rv{opacity:1;transform:none;transition:none}}

/* Magazin: Praxisfall-Kasten (Pflicht in jedem Artikel, nur echte Fälle) */
.pf{margin:40px 0;border:1px solid var(--line-strong);border-radius:6px;background:#fff;overflow:hidden}
.pf-head{background:var(--anthracite);color:#fff;padding:20px 26px}
.pf-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-lt);margin-bottom:6px}
.pf-h{font-family:var(--font-kit-header-font);font-weight:650;font-size:20px;line-height:1.3;color:#fff!important;margin:0!important}
.pf-dl{margin:0;padding:8px 26px}
.pf-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0}
.pf-row+.pf-row{border-top:1px solid var(--line)}
.pf-dl dt{font-size:13.5px;font-weight:600;color:var(--brass)}
.pf-dl dd{margin:0;font-size:16px;line-height:1.65;color:var(--ink)}
.pf-dl>p{margin:14px 0;font-size:16px;line-height:1.65}
.pf-src{margin:0;padding:12px 26px;background:var(--surface);font-size:13px;color:var(--color-kit-dark);border-top:1px solid var(--line)}
@media (max-width:640px){.pf-row{grid-template-columns:1fr;gap:4px}.pf-head,.pf-dl{padding-left:18px;padding-right:18px}.pf-src{padding:12px 18px}}

/* Topbar: Flagge optisch bündig mit Textzeile */
.nav-topbar>div{align-items:center}
.nav-topbar .nt-l{display:inline-flex;align-items:center;line-height:1.3}
.nav-topbar .nt-l .de-flag{flex:none;vertical-align:0;margin-top:1px}
.foot-origin{display:flex;align-items:center}.foot-origin .de-flag{vertical-align:0;flex:none}

/* Startseite: Proof-Band (Kennzahlen + Logoleiste) */
.pf-s{background:var(--surface);border-bottom:1px solid var(--line)}
.pf-inner{max-width:1250px;margin:0 auto;padding:64px 24px 52px}
.pf-panel{background:var(--anthracite);color:#fff;display:grid;grid-template-columns:minmax(260px,.85fr) 2fr;gap:48px;padding:48px 48px 44px;position:relative}
.pf-panel::before{content:"";position:absolute;left:0;top:0;width:64px;height:3px;background:var(--brass-lt)}
.pf-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-lt);margin-bottom:14px}
.pf-h{margin:0 0 14px;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:28px;line-height:1.2;font-weight:620;color:#fff}
.pf-sub{margin:0;font-size:15px;line-height:1.6;color:#C9CDD1}
.pf-stats{margin:0;display:grid;grid-template-columns:repeat(3,1fr);align-self:end}
.pf-stat{padding:0 0 0 28px;border-left:1px solid #ffffff26}
.pf-stat dt{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:clamp(40px,4.4vw,58px);font-weight:650;line-height:1;color:#fff;letter-spacing:-.01em;white-space:nowrap}
.pf-stat dd{margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
.pf-stat dd strong{font-size:15px;font-weight:600;color:#fff}
.pf-stat dd span{font-size:13.5px;line-height:1.5;color:#AEB4BA}
.pf-logobar{background:#fff;border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:22px 32px}
.pf-logolabel{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);white-space:nowrap}
.pf-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:24px}
.pf-logos li{display:flex;align-items:center;justify-content:center;height:48px}
.pf-logos img{max-height:34px;max-width:132px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:opacity .2s}
.pf-logos li:hover img{opacity:1}
.pf-logos .ref-word{font-size:18px}
.pf-note{margin:12px 0 0;font-size:12.5px;color:var(--steel)}
@media (max-width:1000px){.pf-panel{grid-template-columns:1fr;gap:36px;padding:40px 32px}.pf-logobar{grid-template-columns:1fr;gap:16px}}
@media (max-width:640px){.pf-inner{padding:44px 16px 36px}.pf-panel{padding:32px 22px}.pf-stats{grid-template-columns:1fr;gap:24px}.pf-stat{padding:0 0 0 18px;border-left:2px solid var(--brass-lt)}.pf-logobar{padding:20px}.pf-logos{grid-template-columns:repeat(3,1fr);gap:16px 20px}.pf-logos img{max-height:28px;max-width:100px}}

/* Hero: Kicker als einzige Dachzeile über H1 */
.hm-eyebrow{margin:0 0 18px;line-height:1.4;text-wrap:balance}
@media (max-width:640px){.hm-eyebrow{font-size:12px;letter-spacing:.06em}}

.pf-s--mg{border-top:1px solid var(--line)}
.pf-more{margin:28px 0 0}

/* Über uns · Verantwortung & Team (25.10.2026) */
.ux-resp{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;margin-top:88px}
.ux-respH{margin:0 0 20px;font-size:26px;line-height:1.3;max-width:28ch}
.ux-respCard{align-self:start}
.ux-respLbl{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark);margin:0 0 8px}
@media (max-width:960px){.ux-resp{grid-template-columns:1fr;gap:28px;margin-top:64px}.ux-respH{font-size:22px}}
/* ---- Profilmodell v2: Mitglied / Leistungspartner / Arbeitgebermodul ---- */
.vz-badge--mitglied{background:var(--anthracite);color:#fff;border-color:var(--anthracite)}
.vz-badge--leistungspartner{background:#fff;color:var(--ink);border-color:var(--brass)}
.vz-phTop,.vz-cardTop{flex-wrap:wrap}
.vz-card--member{border-color:var(--ink)}
.vz-lp{margin:24px 0 0;padding:18px 22px;border-left:3px solid var(--brass);background:var(--surface)}
.vz-lp strong{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}
.vz-lp p{margin:0;font-size:16px;line-height:1.6}
.vz-desc--ext{margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
.vz-loc li strong{font-weight:600}
.vz-ct{display:block;font-size:14.5px;line-height:1.5}.vz-ct+.vz-ct{margin-top:10px}
.vz-up{margin-top:14px}
.vz-emp{background:var(--anthracite);color:#E8EAEC}
.vz-emp .vz-inner{padding-top:80px;padding-bottom:80px}
.vz-emp .hd-eyebrow{color:var(--brass-lt)}
.vz-emp .hd-title{color:#fff}
.vz-empHead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.vz-empLinks{display:flex;gap:12px;flex-wrap:wrap}
.vz-emp .btn-outline{background:#fff;color:var(--ink);border-color:#fff}
.vz-emp .btn-outline:hover{background:var(--surface);color:var(--ink);border-color:var(--surface)}
.vz-empGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.vz-empTxt h3,.vz-empH3{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:19px;font-weight:620;color:#fff;margin:0 0 12px}
.vz-empTxt p{font-size:17px;line-height:1.7;margin:0 0 14px;color:#D5D9DD}
.vz-empH3{margin-top:48px}
.vz-ben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.vz-ben li{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:15.5px;line-height:1.4;color:#fff}
.vz-benIc{flex:0 0 42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brass-lt);color:var(--brass-lt)}
.vz-empNote{margin:32px 0 0;font-size:13px;color:#A8AFB6}
.vz-empNote a{color:#fff}
@media (max-width:640px){.vz-emp .vz-inner{padding-top:56px;padding-bottom:56px}.vz-empGrid{grid-template-columns:1fr;gap:24px}}
.vz-steps{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.vz-steps li{counter-increment:st;position:relative;padding:44px 18px 20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.vz-steps li::before{content:counter(st);position:absolute;top:14px;left:18px;font-family:var(--font-kit-header-font);font-weight:700;font-size:14px;color:var(--brass)}
.vz-steps li:nth-child(n+4){border-style:dashed}
.vz-steps strong{font-size:15.5px;color:var(--ink)}
.vz-steps span{font-size:14px;line-height:1.5;color:var(--color-kit-dark)}
@media (max-width:1000px){.vz-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vz-steps{grid-template-columns:1fr}}
/* ---- Suchseiten /industrie/ + /jobs/ ---- */
.su-filter{grid-template-columns:2fr 1fr auto}
.su-extra{font-size:17px}
.su-links{display:grid;gap:40px}
.su-links h2{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:20px;margin:0 0 14px;color:var(--ink)}
.su-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.su-chips--sm{margin-top:10px}
.su-chips a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);text-decoration:none;font-size:14.5px}
.su-chips--sm a{padding:6px 11px;font-size:13.5px}
.su-chips a:hover{border-color:var(--ink)}
.su-chips a[aria-current]{background:var(--anthracite);border-color:var(--anthracite);color:#fff}
.su-chips span{font-size:12px;color:var(--color-kit-dark)}
.su-chips a[aria-current] span{color:#C9CED3}
.su-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.su-grid a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink)}
.su-grid a:hover{border-color:var(--ink)}
.su-grid strong{font-weight:600;font-size:15.5px}
.su-grid span{font-size:13px;color:var(--color-kit-dark);white-space:nowrap}
@media (max-width:760px){.su-filter{grid-template-columns:1fr}}
.su-filter{grid-template-columns:1fr auto}
.su-region{display:flex;gap:12px;align-items:baseline;margin:0 0 18px;flex-wrap:wrap}
.su-region>span{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-kit-dark)}
.vz-terms{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.vz-terms>span{font-size:13px;color:var(--color-kit-dark)}
/* ---- Startseite: Mitgliedschafts-Positionierung (25.10.2026) ---- */
.hm-heroLine{margin:14px 0 0;font-size:16.5px;line-height:1.55;color:var(--ink);font-weight:550;padding-left:14px;border-left:2px solid var(--brass)}
.hm-tarS{padding-top:96px;padding-bottom:96px}
.hm-tarife{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.hm-tar{position:relative;background:#fff;border:1px solid var(--line);padding:30px 28px 28px;display:flex;flex-direction:column;gap:12px}
.hm-tar--top{border-color:var(--anthracite);box-shadow:inset 0 3px 0 var(--brass)}
.hm-tarStep{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
.hm-tar h3{margin:0;font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:24px;line-height:1.2;font-weight:640;color:var(--ink)}
.hm-tarText{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.hm-tarFuer{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--color-kit-dark);padding-top:12px;border-top:1px solid var(--line)}
.hm-tar .btn-btn{margin-top:auto;align-self:flex-start}
.hm-tarS .hm-fine .hm-link{margin-left:6px;white-space:nowrap}
.hm-mx{margin-top:48px;border:1px solid var(--line);background:#fff}
.hm-mxRow{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-top:1px solid var(--line)}
.hm-mxRow:first-child{border-top:0}
.hm-mxRow>span{padding:16px 18px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.hm-mxHead>span{font-family:var(--font-kit-header-font);font-stretch:87.5%;font-size:16px;font-weight:640;background:var(--surface)}
.hm-mxHead>span:first-child{color:var(--color-kit-dark);font-family:inherit;font-stretch:normal;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center}
.hm-mxName{display:flex;flex-direction:column;gap:4px}
.hm-mxName strong{font-size:15.5px}
.hm-mxName small{font-size:13px;color:var(--color-kit-dark);line-height:1.45}
.hm-mxVal{display:flex;gap:8px;align-items:flex-start}
.hm-mxVal svg{flex-shrink:0;margin-top:2px;color:var(--brass)}
.hm-mxVal--opt{color:var(--color-kit-dark)!important}
.hm-mxVal--opt svg{color:var(--steel)}
.hm-uGroups{display:grid;gap:36px}
.hm-uH{margin:0 0 14px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-kit-dark)}
@media (max-width:1000px){.hm-tarife{grid-template-columns:1fr}}
@media (max-width:760px){
  .hm-mxHead{display:none}
  .hm-mxRow{grid-template-columns:1fr;padding:6px 0}
  .hm-mxRow>span{padding:8px 18px}
  .hm-mxName{padding-top:14px!important}
  .hm-mxVal::before{content:attr(data-tarif);flex:0 0 112px;font-size:12.5px;font-weight:650;color:var(--color-kit-dark)}
}