.fig-band{
  background: var(--panel, #F1F2F0);
  border-top: 1px solid var(--rule, #DFE0DC);
  border-bottom: 1px solid var(--rule, #DFE0DC);
  padding: 22px 0 6px;
  overflow: hidden;
}
.fig-band__titel{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
  margin: 0 0 10px; text-align: center;
}
.fig-menge{
  display: flex; align-items: flex-end; justify-content: center;
  flex-wrap: nowrap; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.fig-menge img{
  width: 92px; flex: 0 0 auto; display: block; margin: 0 -4px;
}
.fig-menge img:nth-child(3n){ transform: translateY(3px); }
.fig-menge img:nth-child(4n){ transform: translateY(-2px); }
@media (max-width: 760px){ .fig-menge img{ width: 56px; margin: 0 -4px; } }

.fig-zeichen{
  flex: 0 0 auto; display: block; width: 52px; height: 52px;
}
.fig-zeichen__bild{ width: 100%; height: 100%; display: block }
.fig-zeichen--klein{ width: 40px; height: 40px }

.fig-nutzer{
  display: flex; align-items: flex-start; gap: 16px;
  margin: 20px 0 0; padding-top: 18px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.fig-nutzer__text{ min-width: 0 }
.fig-nutzer__titel{
  margin: 0 0 10px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
}
.fig-nutzer__chips{ display: flex; flex-wrap: wrap; gap: 6px }
.fig-nutzer__chip{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 600; letter-spacing: -.01em;
  color: var(--ink, #14171B); text-decoration: none;
  border: 1px solid var(--rule-stark, #C9CBC6); border-radius: 999px;
  padding: 4px 11px 4px 9px; background: var(--paper, #fff);
  transition: border-color .14s ease;
}
.fig-nutzer__chip::before{
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--fig-ton, #123F3B);
}
.fig-nutzer__chip:hover{ border-color: var(--fig-ton, #123F3B) }

.product-card .fig-nutzer{ margin-top: auto }
.product-card .fig-nutzer + .card-link{ margin-top: 18px }

.fig-nutzer--band{
  max-width: var(--breite, 1200px);
  margin: 40px auto 0;
  padding: 22px clamp(18px, 2.4vw, 28px);
  border: 1px solid var(--rule, #DFE0DC); border-radius: 16px;
  background: var(--panel, #F1F2F0);
  align-items: center;
}
.fig-nutzer--band .fig-nutzer__titel{ margin-bottom: 8px }

.vt-zeile .fig-mini{
  width: 54px; flex: 0 0 auto; display: block; align-self: center;
}

.vt-liste .vt-zeile{ position: relative; }
@media (min-width: 720px){
  .vt-liste .vt-zeile{ padding-left: 66px; }
  .vt-zeile .fig-mini{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 719px){ .vt-zeile .fig-mini{ display: none; } }

@media (prefers-reduced-motion: reduce){
  .fig-menge img{ transform: none !important; }
}

.fig-held{
  position: absolute; right: 16px; bottom: 16px;
  display: flex; align-items: flex-end; gap: 10px;
  pointer-events: none; z-index: 3;
}

.fig-held img{ width: 88px; display: block; }
.fig-held__schild{
  background: var(--paper, #fff);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 6px 20px rgba(12,46,43,.30);
  margin-bottom: 12px;
}
.fig-held__schild b{
  display: block;
  font-size: 14px; font-weight: 700; letter-spacing: -.01em;
  color: var(--ink, #14171B); white-space: nowrap;
}

.fig-held__schild span{
  display: inline-flex; align-items: center; margin-top: 7px;
  font-size: 11px; font-weight: 650; letter-spacing: -.008em;
  color: var(--petrol, #123F3B);
  background: rgba(18,63,59,.09);
  border-radius: 999px; padding: 3px 9px;
  white-space: nowrap;
}
.hero-flow{ position: relative; }
@media (max-width: 900px){
  .fig-held{ right: 10px; bottom: 10px; gap: 7px; }
  .fig-held img{ width: 62px; }
  .fig-held__schild{ padding: 6px 9px; margin-bottom: 6px; }
  .fig-held__schild b{ font-size: 12px; }
  .fig-held__schild span{ font-size: 10px; padding: 2px 8px; margin-top: 6px; }
}

.beleg{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px; border-left: 0; padding-left: 0;

  max-width: none;
}

.beleg-zeile{
  display: flex; flex-direction: column; align-items: stretch;
  gap: 12px; margin: 0;
  padding: 26px; border-left: 0;
  border: 1px solid var(--rule, #DFE0DC); border-radius: 16px;
  background: var(--paper, #fff);
}
.beleg-wert{ font-size: clamp(28px, 3.2vw, 38px); line-height: 1 }

.beleg-text{
  font-size: 14.5px; line-height: 1.55;
  min-height: calc(2 * 1.55em);
  min-width: 0; max-width: 100%;
}
.beleg-zeile > *{ min-width: 0; max-width: 100% }

.beleg-q{
  margin: 4px 0 0; padding: 0;
  font-size: 10px; letter-spacing: .1em;
}
@media (max-width: 780px){
  .beleg{ grid-template-columns: 1fr; gap: 20px }
}

.why-grid--problem{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;

  margin-top: -20px;
}

.why-grid--problem .why-icon{ display: none !important }

.why-grid--problem .why-item{
  display: block;
  padding: 26px !important; margin: 0;
  border: 0; border-radius: 16px;
  background: var(--panel, #F1F2F0); box-shadow: none;
}
.why-grid--problem .why-item:hover{ box-shadow: none; transform: none }
.why-grid--problem .why-item h3{
  display: block; min-height: 0;
  margin: 0 0 10px; font-size: 16.5px; letter-spacing: -.022em; line-height: 1.25;
}

.why-grid--problem .why-item p{
  margin: 0; font-size: 14px; line-height: 1.5;
  color: var(--ink-weich, #444B47);
}
@media (max-width: 780px){
  .why-grid--problem{ grid-template-columns: 1fr; gap: 20px }
}

.fig-lagen{ display: grid; gap: 20px }
.fig-lagen--3{ grid-template-columns: repeat(3, minmax(0, 1fr)) }
.fig-lagen--4{ grid-template-columns: repeat(4, minmax(0, 1fr)) }
.fig-lage{
  margin: 6px 0 14px; font-size: 13.5px; line-height: 1.5;
  color: var(--muted, #5C635F);
}
.fig-lagen .check-list li{ font-size: 14px; line-height: 1.5 }

.fig-lagen .why-item{
  display: flex; flex-direction: column; justify-content: flex-start;
}
.fig-lagen .why-item h3{ margin: 0; line-height: 1.25; min-height: 2.5em }
.fig-lagen .check-list{ margin-top: 0 }

@media (max-width: 1080px){
  .fig-lagen--4{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 900px){
  .fig-lagen--3{ grid-template-columns: 1fr }
}
@media (max-width: 620px){
  .fig-lagen--4{ grid-template-columns: 1fr }
}

.pd-agent{ text-align: left }

.pd-agent .pd-agent-name{
  display: flex; justify-content: flex-start; align-items: center; gap: 12px;
  line-height: 1.2;
  font-size: 17px; font-weight: 700; letter-spacing: -.022em;
}
.pd-agent .pd-agent-name > svg{
  flex: 0 0 auto; width: 44px; height: 44px;

  padding: 9px 11px 13px;

  transform: none;
  box-sizing: border-box; border-radius: 12px;
  background: var(--petrol, #123F3B);
  color: var(--creme, #FAF6EF); fill: currentColor;
}
.pd-agent .pd-agent-desc{ text-align: left; margin-top: 10px }

.fig-knoten__zahl{
  margin: 14px 0 0; padding-top: 12px;
  border-top: 1px solid var(--rule, #DFE0DC);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9.5px; letter-spacing: .13em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
}

.hero-actions ~ * .fig-nutzer,
.fig-nutzer + .fig-nutzer__alle{ margin-top: 0 }
.fig-nutzer__alle{ margin: 14px 0 22px }
.fig-nutzer__alle a{
  font-size: 14px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px;
}

.fig-ebene{
  margin-top: 26px; padding-top: 24px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.fig-ebene__titel{
  margin: 0 0 18px; text-align: center;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
}
.fig-reihe{
  display: grid; align-items: stretch; gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 1px minmax(0, 1fr);
}
.fig-reihe__strich{ background: var(--rule, #DFE0DC); display: block }
.fig-reihe__feld{
  display: block; text-decoration: none; color: inherit; text-align: center;
  border: 1px solid var(--rule, #DFE0DC); border-radius: 12px;
  background: var(--paper, #fff); padding: 12px 10px 14px;
  transition: border-color .14s ease;
}
.fig-reihe__feld:hover{ border-color: var(--petrol, #123F3B) }

.fig-reihe__bild{
  display: flex; align-items: flex-end; justify-content: center;
  aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden;

  background: var(--feld, var(--panel, #F1F2F0)); margin-bottom: 10px;
}
.fig-reihe__bild img{ width: 46%; min-width: 34px; display: block }
.fig-reihe__feld b{
  display: block; font-size: 12.5px; letter-spacing: -.012em;
  color: var(--ink, #14171B);
}
.fig-reihe__zahl{
  display: block; margin-top: 3px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
}
.fig-reihe__feld--eigen{
  border-style: dashed; border-color: var(--rule-stark, #C9CBC6);
  background: transparent;
}
.fig-reihe__feld--eigen .fig-reihe__bild{ background: transparent }
.fig-reihe__feld--eigen .fig-reihe__zahl{ color: var(--text-dim, #8A918D) }
.fig-ebene__mehr{ margin: 18px 0 0; text-align: center }
.fig-ebene__mehr a{
  font-size: 14px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px;
}
@media (max-width: 780px){
  .fig-reihe{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .fig-reihe__strich{ display: none }
}

.fig-agenten{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid; gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.fig-agent{
  display: flex; flex-direction: column;
  border: 1px solid var(--rule, #DFE0DC);
  border-radius: 18px; background: var(--paper, #fff);
  overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.fig-agent:hover{
  transform: translateY(-2px);
  border-color: var(--fig-ton, #C9CBC6);
  box-shadow: 0 2px 4px rgba(20,23,27,.04), 0 18px 38px rgba(20,23,27,.10);
}
.fig-agent__buehne{
  position: relative;
  background: var(--fig-feld, #F1F2F0);
  border-bottom: 1px solid var(--rule, #DFE0DC);
  padding: 26px 20px 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: 18px; align-items: end;
}
.fig-agent__figur{ height: 156px; width: auto; display: block }
.fig-agent__name{
  margin: 20px 22px 0; font-size: 21px; font-weight: 700; letter-spacing: -.026em;
  color: var(--ink, #14171B);
}
.fig-agent__job{
  margin: 4px 22px 0; font-size: 15px; font-weight: 600; letter-spacing: -.01em;
  color: var(--fig-ton, #123F3B);
}
.fig-agent__satz{
  margin: 12px 22px 0; font-size: 14.5px; line-height: 1.6; color: var(--muted, #5C635F);
}
.fig-agent__meta{
  margin: auto 22px 20px; padding-top: 18px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .13em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
}
.fig-agenten__mehr{ margin: 26px 0 0; padding: 0 clamp(20px, 4vw, 48px);
  max-width: var(--breite, 1200px); margin-inline: auto }
.fig-agenten__mehr a{
  font-size: 15px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none; border-bottom: 1px solid var(--rule-stark, #C9CBC6);
  padding-bottom: 2px;
}
.fig-agenten__mehr a:hover{ border-color: var(--petrol, #123F3B) }

.nav-dropdown a.dd-viewall{
  display: grid; grid-template-columns: minmax(0,1fr) auto;
  align-items: center; gap: 2px 12px; margin-top: 10px;
  background: var(--petroldruck, #0C2E2B);
  color: #fff; border-radius: 10px;
  padding: 13px 16px;
  font-weight: 650; letter-spacing: -.012em;
  transition: background .16s ease;
}

.nav-dropdown a.dd-viewall .dd-sub{
  grid-column: 1; display: block;
  font-weight: 400; letter-spacing: 0;
  color: rgba(255,255,255,.72) !important;
}
.nav-dropdown a.dd-viewall span[aria-hidden]{
  grid-column: 2; grid-row: 1 / span 2; align-self: center;
}

.nav-dropdown a.dd-viewall,
.nav-dropdown a.dd-viewall:hover,
.nav-dropdown a.dd-viewall:focus,
.nav-dropdown a.dd-viewall:focus-visible,
.nav-dropdown a.dd-viewall:active,
.nav-dropdown a.dd-viewall:hover *,
.nav-dropdown a.dd-viewall:focus *{ color: #fff }
.nav-dropdown a.dd-viewall:hover{ background: var(--petrol, #123F3B) }

.nav-dropdown a.dd-viewall::before{ display: none }
.nav-dropdown a.dd-viewall span[aria-hidden]{
  transition: transform .16s ease; color: #fff;
}
.nav-dropdown a.dd-viewall:hover span[aria-hidden]{ transform: translateX(3px) }

.uc-hero{ padding-bottom: 0 }

.uc-filter{
  margin-top: 40px;
  border: 1px solid var(--rule, #DFE0DC);
  border-radius: 16px;
  background: var(--panel, #F1F2F0);
  padding: 20px 22px 18px;
}
.uc-filter__zeile{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.uc-filter__zeile--zweit{
  margin-top: 12px; padding-top: 14px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.uc-filter__titel{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
  width: 84px; flex: 0 0 auto;
}
.uc-filter button{
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: 14px; font-weight: 600; letter-spacing: -.01em;
  padding: 8px 15px; border-radius: 999px;
  border: 1px solid var(--rule-stark, #C9CBC6);
  background: var(--paper, #fff); color: var(--muted, #5C635F);
  cursor: pointer;
  transition: border-color .14s ease, color .14s ease, background .14s ease;
}
.uc-filter button:hover{ border-color: var(--petrol, #123F3B); color: var(--petrol, #123F3B) }
.uc-filter button[aria-pressed="true"]{
  background: var(--petrol, #123F3B); border-color: var(--petrol, #123F3B);
  color: var(--paper, #fff);
}

.uc-filter__zeile--zweit button{ font-size: 13.5px; padding: 7px 13px }
.uc-filter__stand{
  margin: 0 0 0 auto; font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .1em; color: var(--text-dim, #8A918D);
  white-space: nowrap;
}

.uc-gruppe{ padding: 80px 0 0 }
.uc-gruppe[hidden]{ display: none }

.uc-gruppe__kopf{
  max-width: var(--breite, 1200px); margin: 0 auto 28px;
  padding: 0 clamp(20px, 4vw, 48px);
  display: flex; flex-wrap: wrap; align-items: baseline;
  column-gap: 14px; row-gap: 4px;
}
.uc-gruppe__links{ display: flex; align-items: baseline; gap: 12px }
.uc-gruppe__titel{ margin: 0; font-size: clamp(20px, 2.1vw, 25px); letter-spacing: -.026em }
.uc-gruppe__zahl{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ochre, #B8862F); white-space: nowrap;
}
.uc-gruppe__satz{
  margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted, #5C635F);
  flex: 1 1 24ch; min-width: 0;
}

.uc-gruppe__satz::before{ content: '— '; color: var(--rule-stark, #C9CBC6) }
.uc-raster{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);

  align-items: start;
  display: grid; gap: 20px;

  grid-template-columns: 1fr;
}
@media (min-width: 600px){ .uc-raster{ grid-template-columns: repeat(2, minmax(0,1fr)) } }
@media (min-width: 880px){ .uc-raster{ grid-template-columns: repeat(3, minmax(0,1fr)) } }
@media (min-width: 1120px){ .uc-raster{ grid-template-columns: repeat(4, minmax(0,1fr)) } }

.uc-karte{
  display: flex; flex-direction: column;
  border: 1px solid var(--rule, #DFE0DC); border-radius: 18px;
  background: var(--paper, #fff); overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.uc-karte[hidden]{ display: none }
.uc-karte:hover{
  border-color: var(--rule-stark, #C9CBC6);
  box-shadow: 0 2px 4px rgba(20,23,27,.04), 0 16px 34px rgba(20,23,27,.07);
}

.uc-karte__ablauf{
  position: relative;
  background: var(--uc-feld, #F1F2F0);
  border-bottom: 1px solid var(--rule, #DFE0DC);
  padding: 26px 10px 12px;
}

.uc-karte__ablauf img{ width: 100%; display: block;
                       position: relative; z-index: 2 }

.uc-karte__branche{

  position: absolute; top: 10px; left: 12px; margin: 0; z-index: 1;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .12em; text-transform: uppercase;
  color: #fff; background: var(--uc-ton, #123F3B);
  padding: 4px 9px; border-radius: 999px;
}
.uc-karte__text{ padding: 20px 18px; display: flex; flex-direction: column; flex: 1 }
.uc-karte__titel{
  margin: 0; font-size: 17px; font-weight: 700; letter-spacing: -.026em;
  line-height: 1.22; color: var(--ink, #14171B);
}
.uc-karte__satz{
  margin: 7px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--muted, #5C635F);
}

.uc-karte__titel{

  min-height: calc(2 * 1.22em);

  overflow-wrap: break-word; hyphens: auto;
}

.uc-karte__satz{ min-height: calc(3 * 1.5em); overflow-wrap: break-word }

.uc-karte__kraft{
  margin: auto 0 0; padding-top: 18px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
}
.uc-karte__kraft > span:first-child{
  flex: 0 0 100%;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
  margin-bottom: 2px;
}
.uc-marke{
  display: inline-flex; align-items: center;
  font-size: 11.5px; font-weight: 650; letter-spacing: -.008em;
  color: var(--petrol, #123F3B);
  background: rgba(18,63,59,.08);
  border-radius: 999px; padding: 4px 10px;
}

.uc-mehr{
  text-decoration: none; padding: 14px;
  background: var(--panel, #F1F2F0);
  border-color: transparent;
}
.uc-mehr:hover{
  border-color: var(--petrol, #123F3B);
  box-shadow: none;
}
.uc-mehr::before{
  content: ''; position: absolute; inset: 14px;
  border: 1px dashed var(--rule-stark, #C9CBC6); border-radius: 12px;
  pointer-events: none;
}
.uc-mehr{ position: relative; display: flex; flex-direction: column;
  justify-content: center; gap: 10px; padding: 34px 30px }
.uc-mehr__marke{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
}
.uc-mehr__titel{
  font-size: 17px; font-weight: 700; letter-spacing: -.026em;
  line-height: 1.22; color: var(--ink, #14171B);
}
.uc-mehr__satz{
  font-size: 13.5px; line-height: 1.5; color: var(--muted, #5C635F);
}
.uc-mehr__weg{
  margin-top: 6px; font-size: 13.5px; font-weight: 600;
  color: var(--petrol, #123F3B);
}
.uc-mehr__weg span{ display: inline-block; transition: transform .16s ease }
.uc-mehr:hover .uc-mehr__weg span{ transform: translateX(3px) }

.uc-anbau__mehr{
  max-width: var(--breite, 1200px); margin: 26px auto 0;
  padding: 0 clamp(20px, 4vw, 48px);
}
.uc-anbau__mehr a{
  font-size: 15px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none; border-bottom: 1px solid var(--rule-stark, #C9CBC6);
  padding-bottom: 2px;
}
.uc-anbau__mehr a:hover{ border-color: var(--petrol, #123F3B) }

#einsatzbereiche{ display: none }

.uc-detail{ margin-top: 18px; border-top: 1px solid var(--rule, #DFE0DC); }
.uc-detail > summary{
  list-style: none; cursor: pointer; padding-top: 14px;
  display: flex; align-items: center; gap: 7px;
  font-size: 13.5px; font-weight: 600; letter-spacing: -.01em;
  color: var(--petrol, #123F3B);
}
.uc-detail > summary::-webkit-details-marker{ display: none }
.uc-detail > summary::after{
  content: ''; width: 7px; height: 7px; flex: 0 0 auto;
  border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform .16s ease;
}
.uc-detail[open] > summary::after{ transform: rotate(-135deg) translate(-2px, -2px) }
.uc-detail__inhalt{ padding-top: 16px }
.uc-detail__schritte{
  margin: 0; padding: 0 0 0 20px;
  display: flex; flex-direction: column; gap: 7px;
  font-size: 13.5px; line-height: 1.45; color: var(--muted, #5C635F);
}
.uc-detail__schritte li::marker{
  color: var(--uc-ton, #123F3B); font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
}
.uc-detail__daten{
  margin: 16px 0 0; display: grid; grid-template-columns: auto 1fr;
  gap: 4px 14px; align-items: baseline;
}
.uc-detail__daten dt{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .13em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
}
.uc-detail__daten dd{ margin: 0; font-size: 13.5px; color: var(--ink, #14171B) }

.uc-filter__zusage{
  margin: 0; padding-top: 14px;
  border-top: 1px solid var(--rule, #DFE0DC);
  font-size: 13.5px; line-height: 1.6; color: var(--muted, #5C635F);
  max-width: 92ch;
}
.uc-filter__zusage b{ color: var(--ink, #14171B); font-weight: 650 }

.uc-hinweis{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
}
.uc-hinweis__satz{
  margin: 0; padding: 28px 30px; border-radius: 16px;
  background: var(--panel, #F1F2F0);
  font-size: 15px; line-height: 1.6; color: var(--muted, #5C635F);
  max-width: 78ch;
}
.uc-hinweis__weg{ margin: 14px 0 0 }
.uc-hinweis__weg a{
  font-size: 15px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none;
}
.uc-hinweis__weg a span{ display: inline-block; transition: transform .16s ease }
.uc-hinweis__weg a:hover span{ transform: translateX(3px) }

@media (max-width: 980px){
  .uc-gruppe__satz{ flex-basis: 100% }
  .uc-gruppe__satz::before{ content: none }
}
@media (max-width: 560px){
  .uc-filter__titel{ width: 100% }
}

.ag-hero{ padding-bottom: 0 }

.ag-filter{
  margin-top: 34px;
  border: 1px solid var(--rule, #DFE0DC);
  border-radius: 16px;
  background: var(--panel, #F1F2F0);
  padding: 20px 22px 18px;
}
.ag-filter__zeile{
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.ag-filter__zeile + .ag-filter__zeile{
  margin-top: 12px; padding-top: 14px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.ag-filter__titel{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--text-dim, #8A918D);
  width: 84px; flex: 0 0 auto;
}
.ag-filter button{
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: 14px; font-weight: 600; letter-spacing: -.01em;
  padding: 8px 15px; border-radius: 999px;
  border: 1px solid var(--rule-stark, #C9CBC6);
  background: var(--paper, #fff); color: var(--muted, #5C635F);
  cursor: pointer;
  transition: border-color .14s ease, color .14s ease, background .14s ease;
}
.ag-filter button:hover{ border-color: var(--petrol, #123F3B); color: var(--petrol, #123F3B) }
.ag-filter button[aria-pressed="true"]{
  background: var(--petrol, #123F3B); border-color: var(--petrol, #123F3B);
  color: var(--paper, #fff);
}
.ag-filter__stand{
  margin: 0 0 0 auto; font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .1em; color: var(--text-dim, #8A918D);
  white-space: nowrap;
}

.ag-gruppe{ padding: clamp(48px, 5.5vw, 80px) 0 0 }
.ag-gruppe[hidden]{ display: none }
.ag-gruppe__kopf{
  max-width: var(--breite, 1200px); margin: 0 auto 32px;
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 12px 48px; align-items: baseline;
}
.ag-gruppe__links{ display: flex; align-items: baseline; gap: 12px }
.ag-gruppe__titel{
  margin: 0; font-size: clamp(20px, 2.1vw, 25px); letter-spacing: -.026em;
}
.ag-gruppe__zahl{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ochre, #B8862F); white-space: nowrap;
}
.ag-gruppe__satz{
  margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted, #5C635F);
  max-width: 56ch;
}
.ag-raster{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid; gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

.ag-karte{
  display: flex; flex-direction: column;
  border: 1px solid var(--rule, #DFE0DC);
  border-radius: 18px;
  background: var(--paper, #fff);
  overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ag-karte[hidden]{ display: none }
.ag-karte:hover{
  transform: translateY(-2px);
  border-color: var(--rule-stark, #C9CBC6);
  box-shadow: 0 2px 4px rgba(20,23,27,.04), 0 16px 34px rgba(20,23,27,.08);
}

.ag-karte__buehne{
  position: relative;
  background: var(--fig-feld, #F1F2F0);
  border-bottom: 1px solid var(--rule, #DFE0DC);
  padding: 40px 20px 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: 18px; align-items: end;
}
.ag-karte__figur{ height: 168px; width: auto; display: block }

.ag-karte__branche{
  position: absolute; top: 12px; left: 14px; margin: 0;
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .13em; text-transform: uppercase;
  color: var(--fig-ton, #123F3B);
}
.ag-karte__branche::before{
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: currentColor;
}

.ag-karte__schritte{
  list-style: none; margin: 0 0 22px; padding: 0;
  display: flex; flex-direction: column; gap: 7px;
}
.ag-schritt{
  display: flex; align-items: baseline; gap: 8px;
  font-size: 12.5px; line-height: 1.3; color: var(--muted, #5C635F);
}
.ag-schritt__nr{
  flex: 0 0 auto; width: 15px; height: 15px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 8.5px; color: var(--fig-ton, #123F3B);
  border: 1px solid currentColor; opacity: .55;
  align-self: center;
}
.ag-schritt--noa{ color: var(--ink, #14171B); font-weight: 600 }
.ag-schritt--noa .ag-schritt__nr{
  opacity: 1; color: var(--paper, #fff);
  background: var(--fig-ton, #123F3B); border-color: var(--fig-ton, #123F3B);
}

.ag-karte__text{ padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1 }
.ag-karte__name{
  margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.026em;
  color: var(--ink, #14171B);
}
.ag-karte__job{
  margin: 4px 0 0; font-size: 15px; font-weight: 600; letter-spacing: -.01em;
  color: var(--fig-ton, #123F3B);
}
.ag-karte__satz{
  margin: 12px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--muted, #5C635F);
}
.ag-karte__marken{ margin: auto 0 0; padding-top: 18px; display: flex; gap: 6px; flex-wrap: wrap }

.ag-marke{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .13em; text-transform: uppercase;
  padding: 5px 9px; border-radius: 6px;
  background: var(--panel, #F1F2F0);
  color: var(--muted, #5C635F);
}

@media (max-width: 420px){
  .ag-karte__buehne{ grid-template-columns: 1fr; justify-items: center }
  .ag-karte__schritte{ margin-bottom: 18px }
}

.ag-partner{ padding-top: clamp(56px, 6vw, 92px) }
.ag-partner__raster{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);
}
.ag-partner__karte{
  border: 1px solid var(--rule, #DFE0DC); border-radius: 16px;
  background: var(--panel, #F1F2F0);
  padding: 26px 26px 24px;
  display: flex; flex-direction: column;
}
.ag-partner__nummer{
  margin: 0 0 14px; font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .14em; color: var(--ochre, #B8862F);
}
.ag-partner__karte h3{
  margin: 0 0 10px; font-size: 17.5px; letter-spacing: -.02em;
}
.ag-partner__karte p{
  margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--muted, #5C635F);
}
.ag-partner__fuss{ margin-top: auto; padding-top: 16px }
.ag-partner__fuss a{
  font-size: 14px; font-weight: 600; color: var(--petrol, #123F3B);
  text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px;
}

.ag-schluss,
.uc-schluss{ padding: clamp(56px, 6vw, 92px) 0 clamp(64px, 7vw, 104px) }
.ag-eigen{
  max-width: var(--breite, 1200px); margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 32px;
  align-items: center;
}
.ag-eigen__bild{
  border: 1px dashed var(--rule-stark, #C9CBC6); border-radius: 16px;
  padding: 22px 14px; display: flex; justify-content: center;
}

.ag-eigen__bild img{ width: 62%; min-width: 92px; display: block }
.ag-eigen__text h3{ margin: 0 0 10px; font-size: 19px; letter-spacing: -.022em }
.ag-eigen__text p{
  margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--muted, #5C635F);
  max-width: 62ch;
}
.ag-eigen__knopf{ margin-top: 22px }
@media (max-width: 720px){
  .ag-eigen{ grid-template-columns: 1fr }
}

@media (max-width: 980px){
  .ag-gruppe__kopf{ grid-template-columns: 1fr }
  .ag-partner__raster{ grid-template-columns: 1fr }
}
@media (max-width: 720px){
  .ag-raster{ grid-template-columns: 1fr }
  .ag-filter__titel{ width: 100% }
}

.eyebrow--produkt{

  display: inline-flex; align-items: baseline; gap: 9px;
  margin-bottom: 26px;
}
.eyebrow--produkt .produkt-mark{

  width: 1.44em; height: auto; flex: 0 0 auto;
  color: var(--ochre, #B8862F);
}

.page-hero--dunkel .eyebrow--produkt,
.hero--dunkel .eyebrow--produkt{ color: #fff !important }

.product-card[data-modul]:hover .product-icon,
.product-card[data-modul]:focus-within .product-icon,
.product-card[data-modul]:active .product-icon{
  background: var(--petrol-druck, #0C2E2B) !important;
  color: #fff !important;
}
.product-card[data-modul]:hover .product-icon svg,
.product-card[data-modul]:focus-within .product-icon svg{
  color: #fff !important;
}

.product-card[data-modul]{
  transition: transform .18s ease, box-shadow .18s ease,
              border-color .18s ease;
}
.product-card[data-modul]:hover,
.product-card[data-modul]:focus-within{
  transform: translateY(-6px);
  box-shadow: 0 2px 6px rgba(18, 63, 59, .08),
              0 22px 48px rgba(18, 63, 59, .18);
  border-color: var(--petrol, #123F3B) !important;
}
.product-card[data-modul]:hover::before,
.product-card[data-modul]:focus-within::before{ height: 4px }
.product-card[data-modul]:hover .product-icon,
.product-card[data-modul]:focus-within .product-icon{
  transform: scale(1.06);
  box-shadow: 0 10px 22px rgba(18, 63, 59, .28) !important;
}
.product-card[data-modul]:active{
  transform: translateY(-2px) scale(.997);
  box-shadow: 0 4px 14px rgba(18, 63, 59, .16);
}
@media (prefers-reduced-motion: reduce){
  .product-card[data-modul],
  .product-card[data-modul]:hover{ transform: none }
}

.pv-beispiel{
  color: var(--text-dim, #8A918D);
  font-weight: 500;
}

.outcome-icon svg,
.outcome-icon svg path,
.outcome-icon svg circle,
.outcome-icon svg rect{
  color: #fff !important;
  stroke: currentColor;
}

.product-icon .produkt-marke{
  width: 22px; height: auto; display: block;
}

.pk-zusammen{
  display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.pk-zusammen-kasten{
  padding: 26px; border: 1px solid var(--rule); border-radius: 16px;
  background: var(--panel);
}
.pk-zusammen-kasten > *{ min-width: 0; max-width: 100% }
.pk-zusammen-kasten p{ margin: 0 }

.pk-zusammen--faehigkeiten .pk-zusammen-kasten{
  display: flex; flex-direction: column; align-items: flex-start;
  background: var(--paper, #fff);
  border: 1px solid var(--rule, #DFE0DC);
  border-radius: 18px;
  padding: 28px 26px 26px;
  box-shadow: 0 1px 2px rgba(20, 23, 27, .04);
}

.pk-marke{
  flex: 0 0 auto;
  width: 44px; height: 44px;
  padding: 9px 11px 13px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--petrol, #123F3B);
  color: #FAF6EF; fill: currentColor;
  margin: 0 0 18px;
}

.pk-name{
  margin: 0 0 14px; font-size: 19px; font-weight: 700;
  letter-spacing: -.024em; color: var(--ink, #14171B);
}

.pk-zahl{
  display: flex; align-items: baseline; gap: 9px;
  margin: 0 0 14px; padding-bottom: 14px;
  border-bottom: 1px solid var(--rule, #DFE0DC);
  align-self: stretch;
}
.pk-zahl__n{
  font-size: 34px; font-weight: 700; line-height: 1;
  letter-spacing: -.03em;
  color: var(--petrol, #123F3B);
  font-variant-numeric: tabular-nums;
}
.pk-zahl__wort{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
}

.pk-satz{
  margin: 0; font-size: 14.5px; line-height: 1.7;
  color: var(--text-muted, #5C635F);
}

.pr-angebot{
  max-width: 620px;
  border: 1px solid var(--rule, #e6e8ec); border-radius: 18px;
  padding: 32px; background: var(--bg, #fff);
}
.pr-angebot > *{ min-width: 0; max-width: 100% }
.pr-ersatz{ margin: 0; line-height: 1.6; color: var(--text-leise, #5b6272) }

.pd-label--kern{
  margin-top: 18px; color: var(--petrol, #123F3B); font-weight: 700;
}
.pd-inputs--ziel{ margin-bottom: 26px }

.product-ausloeser{
  margin: 18px 0 12px; padding-top: 16px;
  border-top: 1px solid var(--rule, #e6e8ec); display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 4px 8px; font-size: 13.5px; font-weight: 700;
  color: var(--petrol, #123F3B);
}
.product-ausloeser > span{
  flex: 0 0 100%;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
  font-weight: 400; color: var(--text-dim, #8A918D);
}

.pd-agent-aus{
  margin: 6px 0 0; font-size: 12.5px; font-weight: 700;
  color: var(--petrol, #123F3B);
}

.uc-quer{
  grid-column: 1 / -1;
  display: grid; gap: 30px; margin-top: 8px;
}
@media (min-width: 900px){
  .uc-quer{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 40px }
}
.uc-quer__titel{
  margin: 0 0 14px; padding-bottom: 8px;
  border-bottom: 1px solid var(--rule, #e6e8ec);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--petrol, #123F3B); font-weight: 700;
}
.uc-quer__raster{ display: grid; gap: 16px; grid-template-columns: 1fr }
@media (min-width: 560px){
  .uc-quer__raster{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
.uc-klein{
  border: 1px solid var(--rule, #e6e8ec); border-radius: 14px;
  padding: 14px; background: var(--bg, #fff);
  display: flex; flex-direction: column;
}
.uc-klein > *{ min-width: 0; max-width: 100% }
.uc-klein img{
  width: 100%; height: auto; display: block;
  background: var(--panel, #F1F2F0); border-radius: 9px; margin-bottom: 10px;
}
.uc-klein__titel{
  margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.25;
  letter-spacing: -.02em; min-height: calc(2 * 1.25em);
  overflow-wrap: break-word; hyphens: auto;
}
.uc-klein__satz{
  margin: 5px 0 0; font-size: 12.5px; line-height: 1.45;
  color: var(--text-leise, #5C635F); min-height: calc(3 * 1.45em);
}
.uc-klein__modul{
  margin: 10px 0 0; padding-top: 9px;
  border-top: 1px solid var(--rule, #e6e8ec);
  font-size: 11.5px; font-weight: 700; color: var(--petrol, #123F3B);
}

.hero-flow.ist-fertig [data-hf]{
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.fig-held__schild{
  padding: 10px 12px 11px;

  border: 0;
  border-left: 3px solid var(--ochre, #B8862F);
  border-radius: 6px 14px 14px 6px;

  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset,
              0 2px 6px rgba(8,28,26,.34),
              0 18px 44px rgba(8,28,26,.40);
  max-width: 208px;
}

.fig-held__schild .fig-held__modul{
  display: inline-flex; align-items: center; gap: 5px; margin: 0 0 7px;
  font-size: 9.5px; font-weight: 700; letter-spacing: .05em;
  color: #fff;

  background: var(--ochre, #B8862F);
  border-radius: 999px; padding: 3px 9px 3px 7px;
  white-space: nowrap;
}

.fig-held__schild .fig-held__modul::before{
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: #fff; flex: 0 0 auto;
}

.fig-held__schild b{
  display: block; margin: 0;
  font-size: 14px; line-height: 1.24; font-weight: 800;
  letter-spacing: -.022em; color: var(--ink, #14171B);
  white-space: normal; overflow-wrap: break-word;
}
@media (max-width: 640px){
  .fig-held__schild{ max-width: 180px; padding: 8px 10px 9px }
  .fig-held__schild b{ font-size: 12.5px }
  .fig-held__schild .fig-held__modul{ font-size: 9.5px; margin-bottom: 4px }
}

.uc-klein{
  transition: border-color .16s ease, box-shadow .16s ease;
}
.uc-klein:hover{
  border-color: var(--rule-stark, #C9CBC6);
  box-shadow: 0 2px 4px rgba(20,23,27,.04), 0 14px 30px rgba(20,23,27,.07);
}

.uc-detail > summary{
  transition: color .14s ease;
  border-radius: 6px;
}
.uc-detail > summary:hover{ color: var(--petrol-druck, #0C2E2B) }
.uc-detail > summary:hover::after{ transform: rotate(45deg) translate(1px, 1px) }

.uc-detail > summary:focus-visible,
.uc-karte a:focus-visible,
.uc-klein a:focus-visible,
.uc-quer a:focus-visible{
  outline: none;
  box-shadow: var(--focus, 0 0 0 3px rgba(18,63,59,.30));
}

@media (prefers-reduced-motion: reduce){
  .uc-klein, .uc-detail > summary{ transition: none }
  .uc-detail > summary:hover::after{ transform: rotate(45deg) translate(-1px, -1px) }
}

.uc-quer__raster{ grid-template-columns: 1fr }
@media (min-width: 560px){
  .uc-quer__raster{ grid-template-columns: repeat(2, minmax(0, 272px)) }
}

.uc-klein img{ background: var(--uc-feld, #F1F2F0) }

.uc-balken{
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: 16px;
  margin-top: 30px; padding: 20px 24px;
  background: var(--petrol, #123F3B); color: #fff;
  border-radius: 16px; text-decoration: none;
  transition: background .16s ease, transform .16s ease;
}
.uc-balken:hover{ background: var(--petrol-druck, #0C2E2B); transform: translateY(-1px) }
.uc-balken:focus-visible{ outline: none; box-shadow: var(--focus, 0 0 0 3px rgba(255,255,255,.5)) }
.uc-balken__text{
  font-size: 17px; font-weight: 800; letter-spacing: -.02em; flex: 0 0 auto;
}
.uc-balken__sub{
  font-size: 13.5px; line-height: 1.4; color: rgba(255,255,255,.72); flex: 1 1 auto;
}
.uc-balken__pfeil{ font-size: 18px; flex: 0 0 auto }
@media (max-width: 640px){
  .uc-balken{ flex-direction: column; align-items: flex-start; gap: 6px }
  .uc-balken__pfeil{ display: none }
}
@media (prefers-reduced-motion: reduce){
  .uc-balken{ transition: none }
  .uc-balken:hover{ transform: none }
}

.uc-klein__titel{ max-width: 190px }

.product-claim{ max-width: 230px }

.pk-fall-problem{ min-height: calc(2 * 1.5em) }
.pk-fall-text{ min-height: calc(3 * 1.55em) }
@supports (height: 1lh){
  .pk-fall-problem{ min-height: 2lh }
  .pk-fall-text{ min-height: 3lh }
}

.eyebrow--produkt::before{ display: none }
.eyebrow--produkt{ align-items: baseline; gap: 9px }

.eyebrow--produkt .produkt-mark[data-marke="inbound"],
.eyebrow--produkt .produkt-mark[data-marke="outbound"]{
  width: 1.29em;
}

.nav-dropdown a.dd-with-mark > .dd-mark{ width: 20px }

.nav-dropdown a.dd-with-mark > .dd-mark[data-marke="inbound"],
.nav-dropdown a.dd-with-mark > .dd-mark[data-marke="outbound"]{
  width: 18px;
}

.pr-schloss-knopf[hidden]{ display: none !important }

.uc-quer__mehr{
  display: flex; align-items: center; gap: 10px;
  margin-top: 14px; padding: 9px 12px;
  border: 1px dashed var(--rule, #DFE0DC); border-radius: 10px;
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease;
}
.uc-quer__punkte{ display: flex; gap: 3px; flex: 0 0 auto }
.uc-quer__punkte i{
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--uc-ton, #A9B8B2);
}
.uc-quer__mehr-text{
  flex: 1 1 auto;
  font-size: 12.5px; line-height: 1.35;
  color: var(--text-muted, #5C6670);
}
.uc-quer__mehr-pfeil{
  flex: 0 0 auto;
  font-size: 13px; color: var(--uc-ton, #123F3B);
  transition: transform .15s ease;
}
.uc-quer__mehr:hover{
  border-color: var(--uc-ton, #123F3B);
  border-style: solid;
  background: var(--uc-feld, #F1F2F0);
}
.uc-quer__mehr:hover .uc-quer__mehr-pfeil{ transform: translateX(3px) }
.uc-quer__mehr:focus-visible{ outline: none; box-shadow: var(--focus) }

.uc-quer__raster > .uc-quer__mehr{
  margin-top: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 18px;
}
.uc-quer__raster > .uc-quer__mehr .uc-quer__mehr-text{
  font-size: 13.5px; font-weight: 700; color: var(--text, #141A17);
}

@media (min-width: 901px){
  #anwendungsfaelle .uc-quer{ grid-template-columns: minmax(0, 1fr); gap: 40px }
  #anwendungsfaelle .uc-quer__raster{ grid-template-columns: repeat(4, minmax(0, 1fr)) }
}

.page-hero--produkt .eyebrow--produkt{ color: var(--salbei, #A9B8B2) }

.zg-raster{
  display: grid; gap: 34px; grid-template-columns: 1fr;
  align-items: start;
}
@media (min-width: 940px){

  .zg-raster{ grid-template-columns: 1fr minmax(0, 480px); gap: 48px }
}

.zg-schritte{ list-style: none; margin: 0; padding: 0; display: grid; gap: 26px }
.zg-schritte li{
  display: grid; grid-template-columns: auto 1fr; gap: 4px 16px;
  align-items: baseline;
}
.zg-nr{
  grid-row: 1 / 3;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .14em;
  color: var(--ochre-text, #8A6420);
  padding-top: 3px;
}
.zg-schritte h3{
  margin: 0; font-size: 17px; font-weight: 700; letter-spacing: -.02em;
  color: var(--ink, #14171B);
}
.zg-schritte p{
  margin: 0; font-size: 14.5px; line-height: 1.6;
  color: var(--muted, #5C635F); max-width: 46ch;
}

.zg-karte{
  border: 1px solid var(--rule, #DFE0DC); border-radius: 16px;
  padding: 26px 26px 22px; background: var(--bg, #fff);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}
.zg-karte-titel{
  margin: 0 0 4px; font-size: 18px; font-weight: 700;
  letter-spacing: -.02em; color: var(--ink, #14171B);
}
.zg-karte-text{
  margin: 0 0 20px; font-size: 13.5px; line-height: 1.55;
  color: var(--muted, #5C635F);
}
.zg-fuss{
  margin: 18px 0 0; padding-top: 16px;
  border-top: 1px solid var(--rule, #DFE0DC);
  font-size: 13px; color: var(--muted, #5C635F);
}
.zg-fuss a{ color: var(--petrol, #123F3B); font-weight: 600 }

.zg-ersatz{
  margin: 0; font-size: 14px; line-height: 1.6;
  color: var(--muted, #5C635F);
}
.zg-ersatz a{ color: var(--petrol, #123F3B); font-weight: 600 }

a.topbar-cta--test{
  background: transparent;
  color: var(--petrol, #123F3B);

  border: 1px solid var(--petrol, #123F3B);

  padding: 0 16px;
  transition: border-color .15s ease, background-color .15s ease;
}

a.topbar-cta--test:hover,
a.topbar-cta--test:focus,
a.topbar-cta--test:active{
  border-color: var(--petrol, #123F3B);
  background: var(--petrol, #123F3B);
  color: #fff;
}
a.topbar-cta--test:focus-visible{ outline: none; box-shadow: var(--focus) }
.site-header--dunkel a.topbar-cta--test,
.topbar--dunkel a.topbar-cta--test{
  color: #fff; border-color: rgba(255, 255, 255, .34);
}
@media (max-width: 1100px){
  .topbar-cta--test{ display: none }
}

.pr-schloss-zweitweg{
  margin: 16px 0 0; padding-top: 14px;
  border-top: 1px solid var(--rule, #DFE0DC);
  font-size: 13px; color: var(--muted, #5C635F);
}
.pr-schloss-zweitweg a{ color: var(--petrol, #123F3B); font-weight: 600 }

.nav-test-schmal{ display: none }
@media (max-width: 1100px){
  .nav-test-schmal{ display: block; font-weight: 600 }
}

.zg-text .section-header{ margin-bottom: 32px }
.zg-text .section-lead{ max-width: 52ch }

.topbar-right .topbar-cta{ margin-left: 0 }

@media (min-width: 900px){
  .kt-info-spalte{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

main > :last-child:not(.final-cta){ margin-bottom: 88px }

main > .demo-seite:last-child{ margin-bottom: 0 }

.zt-faehigkeiten{
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 20px; grid-template-columns: 1fr;
}
@media (min-width: 760px){
  .zt-faehigkeiten{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px }
}
.zt-faehigkeiten li{
  border: 1px solid var(--rule, #DFE0DC); border-radius: 14px;
  padding: 22px 22px 20px; background: var(--bg, #fff);
}
.zt-faehigkeiten h3{
  margin: 0 0 10px; font-size: 18px; font-weight: 700;
  letter-spacing: -.02em; color: var(--ink, #14171B);
}
.zt-ausloeser{
  margin: 0 0 10px; padding-bottom: 10px;
  border-bottom: 1px solid var(--rule, #DFE0DC);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
}
.zt-faehigkeiten li p:last-child{
  margin: 0; font-size: 14.5px; line-height: 1.6;
  color: var(--muted, #5C635F);
}
.zt-mehr{
  margin: 26px 0 0; font-size: 14px; color: var(--muted, #5C635F);
}
.zt-mehr a{ color: var(--petrol, #123F3B); font-weight: 600 }

.pa-leiter{
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 16px; grid-template-columns: 1fr;
  counter-reset: pa;
}
@media (min-width: 900px){

  .pa-leiter{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px }
}

.pa-leiter li{
  position: relative;
  border: 1px solid var(--rule, #DFE0DC); border-radius: 18px;
  padding: 28px 26px 26px; background: var(--bg, #fff);
  box-shadow: 0 1px 2px rgba(20, 23, 27, .05);
}
.pa-nr{
  display: block; margin-bottom: 16px;
  font-size: 30px; font-weight: 700; line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--ochre-text, #8A6420);
}
.pa-leiter h3{
  margin: 0 0 12px; font-size: 19px; font-weight: 700;
  letter-spacing: -.024em; color: var(--ink, #14171B);
}
.pa-leiter p{
  margin: 0; font-size: 14.5px; line-height: 1.7;
  color: var(--muted, #5C635F);
}

.pa-leiter li.pa-ziel{
  border-color: var(--petrol, #123F3B);
  box-shadow: 0 12px 34px rgba(18, 63, 59, .13);
  background:
    linear-gradient(180deg, rgba(18, 63, 59, .04), rgba(18, 63, 59, 0)),
    var(--bg, #fff);
}
.pa-leiter li.pa-ziel .pa-nr{ color: var(--petrol, #123F3B) }
.pa-fuss{
  margin: 22px 0 0; font-size: 14.5px; line-height: 1.6;
  color: var(--muted, #5C635F); max-width: 62ch;
}

.sa-systeme{
  margin: 0 0 44px; padding: 26px 28px;
  border: 1px solid var(--rule, #DFE0DC); border-radius: 16px;
  background: var(--panel, #F1F2F0);
}
.sa-systeme__titel{
  margin: 0 0 18px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted, #5C635F);
}
.sa-logos{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px;
}
.sa-logo{ display: flex; align-items: center; gap: 10px }
.sa-logo img{ height: 26px; width: auto; opacity: .78 }

.sa-logo--partner img{ opacity: 1 }
.sa-logo__marke{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ochre-text, #8A6420);
  border: 1px solid var(--ochre, #B8862F); border-radius: 999px;
  padding: 3px 9px; white-space: nowrap;
}

.sa-systeme__fuss{
  margin: 0 0 34px; font-size: 13.5px; line-height: 1.6;
  color: var(--muted, #5C635F); max-width: 64ch;
}
.sa-systeme__fuss a{
  color: var(--petrol, #123F3B); font-weight: 600;
  text-decoration: underline; text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.sa-systeme__fuss a:hover{ text-decoration-thickness: 2px; }

.sa-typen{
  display: grid; gap: 20px; grid-template-columns: 1fr;
}
@media (min-width: 860px){
  .sa-typen{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px }
}

.sa-typ{
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  padding: 28px 26px 26px;
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, .07) 0%,
      rgba(255, 255, 255, .02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 1px 2px rgba(0, 0, 0, .12);
}
.sa-typ__kuerzel{
  margin: 0 0 14px; display: inline-block;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .14em;
  color: var(--ochre, #B8862F);
  border: 1px solid rgba(184, 134, 47, .55); border-radius: 999px;
  padding: 4px 11px;
}
.sa-typ h3{
  margin: 0 0 12px; font-size: 19px; font-weight: 700;
  letter-spacing: -.024em; color: #fff;
}
.sa-typ p{
  margin: 0; font-size: 14.5px; line-height: 1.7;
  color: var(--salbei, #A9B8B2);
}

:root{ --ochre-hell: #D9AE5C; }

.sa-typ .sa-typ__kuerzel{
  background: rgba(217, 174, 92, .10);
  border-color: rgba(217, 174, 92, .45);
  color: var(--ochre-hell, #D9AE5C);
  font-size: 11px;
  padding: 5px 12px;
}

.sa-reihe + .sa-reihe{
  margin-top: 22px; padding-top: 20px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.sa-logo--offen{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted, #5C635F);
}

.meeting-embed-aktion{ margin: 22px 0 0 }
.meeting-embed-fuss{
  margin: 16px 0 0; font-size: 13.5px;
  color: var(--muted, #5C635F);
}

.page-hero + .section:not(.section--flush){ margin-top: 36px; }

.hero-trust li .ht-flagge{
  display: block;
  width: 15px; height: 10px;
  flex: 0 0 auto;
  border-radius: 2px;
}

@media (min-width: 1024px) and (max-width: 1180px){
  .hero .hf-foot{ padding-right: 276px; }
}

.wg{
  position: fixed;
  right: 20px;

  bottom: 28px;
  z-index: 80;
}

.wg-knopf{
  display: inline-flex; align-items: center; gap: 10px;
  height: 50px; padding: 0 20px;
  border-radius: 999px;

  background: #15803d;
  border: 1.5px solid rgba(255, 255, 255, .55);
  box-shadow: 0 10px 28px rgba(18, 63, 59, .18),
              0 2px 6px rgba(20, 23, 27, .12);
  color: #fff;
  font-size: 14px; font-weight: 700; letter-spacing: -.012em;
  white-space: nowrap; cursor: pointer;
  list-style: none;
  transition: box-shadow .18s ease, transform .18s ease, filter .18s ease;
}
.wg-knopf::-webkit-details-marker{ display: none; }
.wg-knopf::marker{ content: ""; }

.wg-knopf:hover{
  box-shadow: 0 14px 36px rgba(18, 63, 59, .24),
              0 2px 6px rgba(20, 23, 27, .14);
  filter: brightness(1.04);
  transform: translateY(-1px);
}
.wg-knopf:focus-visible{
  outline: 2px solid var(--petrol, #123F3B);
  outline-offset: 3px;
}
.wg-knopf svg{ width: 18px; height: 18px; flex: 0 0 auto; display: block; }

.wg-knopf .wg-scheibe{ width: 22px; height: 22px; }
.wg-knopf .wg-scheibe circle{ fill: transparent; }
.wg-knopf .wg-scheibe path{ fill: #fff; }
@media (max-width: 1023px){ .wg-knopf .wg-scheibe{ width: 26px; height: 26px; } }
.wg[open] .wg-knopf{ filter: brightness(.97); }

.wg-panel{
  position: absolute;
  right: 0; bottom: calc(100% + 10px);
  width: 268px;
  padding: 8px;
  border-radius: 16px;
  background: var(--paper, #fff);
  border: 1px solid var(--rule, #DFE0DC);
  box-shadow: 0 18px 44px rgba(20, 23, 27, .16),
              0 1px 2px rgba(20, 23, 27, .06);
}
.wg-titel{
  margin: 0; padding: 10px 12px 10px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--text-muted, #5C635F);
}
.wg-weg{
  display: grid;

  grid-template-columns: 26px minmax(max-content, 1fr);
  align-items: center;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--ink, #14171B);
  font-size: 14px; font-weight: 600; letter-spacing: -.012em;
  text-decoration: none;
  transition: background .15s ease;
}
.wg-weg:hover{ background: var(--panel, #F1F2F0); }
.wg-weg:focus-visible{
  outline: 2px solid var(--petrol, #123F3B); outline-offset: -2px;
}
.wg-weg svg{ width: 18px; height: 18px; display: block; }
.wg-weg-sub{
  grid-column: 2;
  margin-top: 2px;
  font-size: 12px; font-weight: 400; letter-spacing: 0;
  color: var(--text-muted, #5C635F);
}

@media (max-width: 1023px){
  .wg{ right: 16px; bottom: 16px; }
  .wg-knopf{ width: 52px; height: 52px; padding: 0; justify-content: center; gap: 0; }
  .wg-text{ display: none; }
  .wg-panel{ width: min(280px, calc(100vw - 32px)); }
}

@media (prefers-reduced-motion: reduce){
  .wg-knopf{ transition: none; }
  .wg-knopf:hover{ transform: none; }
}

.kt-block-ico .wa-glyph{ width: 20px; height: 20px; display: block; }

.page-hero--segment .ph-bild::before,
.page-hero--segment .ph-bild::after{
  border-color: rgba(255, 255, 255, .09);
}

@media (min-width: 1041px){
  .page-hero--segment{
    grid-template-columns: minmax(0, 1fr) minmax(0, 470px);
  }
}

.page-hero--segment .ph-bild{
  align-items: flex-end;
}
.page-hero--segment .ph-bild > *{
  width: min(470px, 100%);
  max-width: 470px;
}

.wl{
  width: 100%;
  border-radius: 16px;
  background: var(--paper, #fff);
  border: 1px solid var(--rule, #DFE0DC);
  box-shadow: 0 18px 44px rgba(20, 23, 27, .16), 0 1px 2px rgba(20, 23, 27, .06);
  overflow: hidden;
  color: var(--ink, #14171B);
}

.wl-leiste{
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px;
  background: var(--panel, #F1F2F0);
  border-bottom: 1px solid var(--rule, #DFE0DC);
}
.wl-punkte{ display: inline-flex; gap: 5px; flex: none; }
.wl-punkte i{
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(20, 23, 27, .16);
}
.wl-adresse{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: .02em;
  color: var(--text-muted, #5C635F);
}

.wl-fenster{
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  min-height: 232px;
}

.wl-seite{
  display: flex; flex-direction: column; gap: 9px;
  padding: 14px 10px;
  background: var(--panel, #F1F2F0);
  border-right: 1px solid var(--rule, #DFE0DC);
}
.wl-logo{
  height: 16px; border-radius: 4px;
  background: rgba(20, 23, 27, .22);
  margin-bottom: 6px;
}
.wl-nav{
  height: 8px; border-radius: 3px;
  background: rgba(20, 23, 27, .10);
}
.wl-nav--aktiv{ background: rgba(18, 63, 59, .40); }

.wl-haupt{ padding: 15px 16px 16px; min-width: 0; }

.wl-kopf{
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 14px;
}

.wl-markenbalken{
  width: 84px; height: 13px; border-radius: 4px;
  background: rgba(20, 23, 27, .22);
}
.wl-such{
  width: 88px; height: 20px; border-radius: 999px;
  background: var(--panel, #F1F2F0);
  border: 1px solid var(--rule, #DFE0DC);
}

.wl-tabelle{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.wl-zeile{
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rule, #DFE0DC);
}
.wl-zeile i{
  height: 7px; border-radius: 3px;
  background: rgba(20, 23, 27, .11);
}

.wl-modul{
  position: relative;
  margin-top: 18px;
  padding: 20px 18px 18px;
  border-radius: 12px;
  border: 1px dashed rgba(18, 63, 59, .45);
  background: var(--petrol, #123F3B);
  box-shadow: 0 6px 18px rgba(12, 46, 43, .18);
}
.wl-modul-rand{
  position: absolute; top: -8px; left: 16px;
  padding: 1px 8px; border-radius: 999px;
  background: #fff; color: var(--petrol, #123F3B);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9px; letter-spacing: .12em; text-transform: uppercase;
  border: 1px dashed rgba(18, 63, 59, .45);
}
.wl-modul-kopf{
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 10px;
}

.wl-modul-logo{ height: 15px; width: auto; display: block; }
.wl-modul-art{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ochre-hell, #D9AE5C);
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .18);
}
.wl-modul-satz{
  margin: 0; font-size: 12.5px; line-height: 1.6;
  color: rgba(255, 255, 255, .82);
}

.wl-fuss{
  padding: 11px 18px;
  background: var(--panel, #F1F2F0);
  border-top: 1px solid var(--rule, #DFE0DC);
}
.wl-fuss-text{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--text-muted, #5C635F);
}

.ph-bild .vt-fuss-wert{
  font-size: 32px;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.ph-bild .vt-fuss-wert span{
  font-size: 13px;
  letter-spacing: 0;
}
.ph-bild .vt-fuss-label{ margin-top: 6px; }

.tm{ margin-top: 8px; }

.tm-zug{ display: flex; align-items: center; }

.tm-kopf{
  flex: 0 0 auto;
  width: 92px; height: 92px;
  display: grid; place-items: center;
  border-radius: 50%;
  overflow: hidden;

  box-shadow: 0 0 0 4px var(--paper, #fff);
}

.tm-kopf + .tm-kopf{ margin-left: -20px; }

.tm-kopf--code{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 12.5px;
  letter-spacing: .1em;
  color: var(--ochre-hell, #D9AE5C);
  background: var(--petrol, #123F3B);
}

.tm-kopf--code:nth-child(1){ background: #164844; }
.tm-kopf--code:nth-child(2){ background: #123F3B; }
.tm-kopf--code:nth-child(3){ background: #0F3835; }
.tm-kopf--code:nth-child(4){ background: #0C2E2B; }
.tm-kopf--code:nth-child(5){ background: #0A2724; }

.tm-kopf--ich{
  background: var(--panel, #F1F2F0);
  color: var(--petrol, #123F3B);
  font-family: var(--font-display);
  font-size: 26px; font-weight: 700;
}
.tm-kopf img{ width: 100%; height: 100%; object-fit: cover; display: block; }

.tm-rollen{
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 4px 0;
  margin: 24px 0 0; padding: 0;
  list-style: none;
  font-size: 14.5px; line-height: 1.6;
}
.tm-rolle{ color: var(--muted, #5C635F); }

.tm-rolle:not(:last-child)::after{
  content: "·";
  margin: 0 10px;
  color: var(--rule-stark, #C9CBC6);
}
.tm-rolle--ich{
  display: inline-flex; align-items: baseline; gap: 8px;
  color: var(--ink, #14171B);
}
.tm-name{ font-weight: 700; }
.tm-titel{ color: var(--muted, #5C635F); font-size: 13.5px; }
.tm-linkedin{
  display: inline-flex; align-self: center;
  color: var(--petrol, #123F3B);
}
.tm-linkedin svg{ width: 15px; height: 15px; display: block; }
.tm-linkedin:hover{ opacity: .7; }

@media (max-width: 620px){
  .tm-kopf{ width: 62px; height: 62px; box-shadow: 0 0 0 3px var(--paper, #fff); }
  .tm-kopf + .tm-kopf{ margin-left: -14px; }
  .tm-kopf--code{ font-size: 10px; letter-spacing: .06em; }
  .tm-kopf--ich{ font-size: 19px; }
  .tm-rollen{ font-size: 13.5px; }
  .tm-rolle:not(:last-child)::after{ margin: 0 7px; }
}

.tm-kopf{
  box-shadow:
    0 0 0 4px var(--paper, #fff),
    0 6px 16px rgba(12, 46, 43, .16);
  transition: transform .22s ease, margin-left .22s ease;
}
.tm-zug:hover .tm-kopf + .tm-kopf{ margin-left: -12px; }
.tm-kopf:hover{ transform: translateY(-6px); }

.tm-kopf--ich{
  box-shadow:
    0 0 0 4px var(--paper, #fff),
    0 0 0 6px var(--petrol, #123F3B),
    0 8px 22px rgba(12, 46, 43, .22);
}

@media (prefers-reduced-motion: reduce){
  .tm-kopf{ transition: none; }
  .tm-zug:hover .tm-kopf + .tm-kopf{ margin-left: -20px; }
  .tm-kopf:hover{ transform: none; }
}

.tm-rolle{
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted, #5C635F);
}

.tm-rolle:nth-last-child(2)::after{ content: none; }
.tm-rolle--ich{
  margin-left: 18px;
  padding-left: 18px;
  border-left: 1px solid var(--rule, #DFE0DC);
  font-family: inherit;
  font-size: 15px;
  letter-spacing: normal;
  text-transform: none;
}
.tm-name{ font-family: var(--font-display); }

@media (max-width: 620px){
  .tm-kopf--ich{
    box-shadow:
      0 0 0 3px var(--paper, #fff),
      0 0 0 5px var(--petrol, #123F3B),
      0 6px 16px rgba(12, 46, 43, .22);
  }
  .tm-rolle--ich{
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    margin-top: 10px;
    flex-basis: 100%;
  }
}

.tm-rollen{ max-width: 640px; }
.tm-rolle--ich{
  flex-basis: 100%;
  margin: 14px 0 0;
  padding-left: 0;
  border-left: 0;
}

.tm-rollen{ max-width: 640px; }
.tm-rolle--ich{
  flex-basis: 100%;
  margin: 14px 0 0;
  padding-left: 0;
  border-left: 0;
}

.tm-buehne{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-top: 4px;
}
.tm-reihe{ display: flex; align-items: flex-end; align-self: center; }
.tm-noa{
  height: 76px; width: auto; display: block; flex: 0 0 auto;

  opacity: .62;
}
.tm-noa + .tm-noa{ margin-left: -22px; }

.tm-reihe--zwei{ margin-top: -16px; }
.tm-kopf--klein{
  width: 72px; height: 72px;
  font-size: 11px;
  box-shadow:
    0 0 0 4px var(--paper, #fff),
    0 5px 13px rgba(12, 46, 43, .14);
}
.tm-kopf--klein + .tm-kopf--klein{ margin-left: -16px; }

.tm-reihe--eins{ margin-top: -18px; }

@media (max-width: 620px){
  .tm-noa{ height: 56px; }
  .tm-noa + .tm-noa{ margin-left: -20px; }
  .tm-kopf--klein{ width: 52px; height: 52px; font-size: 9px; box-shadow: 0 0 0 3px var(--paper,#fff); }
  .tm-kopf--klein + .tm-kopf--klein{ margin-left: -12px; }
  .tm-reihe--zwei{ margin-top: -12px; }
  .tm-reihe--eins{ margin-top: -12px; }
}

.tm-agenten{
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.tm-agenten__marke{
  margin: 0 0 14px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted, #5C635F);
}
.tm-agenten__reihe{
  display: flex;
  align-items: flex-end;

  overflow: hidden;
}
.tm-noa{
  height: 72px; width: auto; display: block; flex: 0 0 auto;
  opacity: .88;
}
.tm-noa + .tm-noa{ margin-left: -20px; }

@media (max-width: 620px){
  .tm-agenten{ margin-top: 26px; padding-top: 20px; }
  .tm-noa{ height: 54px; }
  .tm-noa + .tm-noa{ margin-left: -16px; }
}

.tm-rolle--bald{
  flex-basis: 100%;
  margin-top: 8px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted, #5C635F);
}
.tm-rolle--bald::after{ content: none; }

.wh-teamverweis{
  color: var(--petrol, #123F3B);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.wh-teamverweis:hover{ text-decoration: underline; text-underline-offset: 3px; }
.wh-teamverweis .arrow{ display: inline-block; transition: transform .16s ease; }
.wh-teamverweis:hover .arrow{ transform: translateX(3px); }
@media (prefers-reduced-motion: reduce){
  .wh-teamverweis .arrow{ transition: none; }
  .wh-teamverweis:hover .arrow{ transform: none; }
}

.pr-platzhalter{
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--rule, #DFE0DC);
}
.pr-zeile{ display: flex; align-items: center; gap: 14px; }
.pr-zeile i{
  height: 8px;
  border-radius: 4px;
  background: rgba(20, 23, 27, .13);
}
.pr-zeile:nth-child(odd) i{ background: rgba(20, 23, 27, .10); }