/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/font-400-2.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:'Marble';src:url("/wp-content/themes/hrfactory/assets/pages/startseite/fonts/marble-800.otf") format("truetype");font-weight:800;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.hrf-startseite-root{margin:0;background:#FFFFFF;color:#111111;font-family:'Figtree',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:'Marble','Figtree',system-ui,sans-serif;margin:0;line-height:1.15;letter-spacing:-0.02em;font-weight:800!important;}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:#01408D;text-decoration:none}
a:hover{color:#012C63}
.hrf-startseite-root.hrf-anim [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}
.hrf-startseite-root.hrf-anim [data-reveal="in"]{opacity:1!important;transform:none!important}
.hrf-startseite-root.hrf-anim [data-grow-y]{transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.hrf-startseite-root.hrf-anim [data-grow-y="in"]{transform:scaleY(1)!important}
.hrf-startseite-root.hrf-anim [data-grow]{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
.hrf-startseite-root.hrf-anim [data-grow="in"]{transform:scaleX(1)!important}
.hrf-startseite-root.hrf-anim [data-stagger]>*{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*{opacity:1!important;transform:none!important}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(2){transition-delay:.07s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(3){transition-delay:.14s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(4){transition-delay:.21s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(5){transition-delay:.28s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(6){transition-delay:.35s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(7){transition-delay:.42s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(8){transition-delay:.49s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(9){transition-delay:.56s}
.hrf-startseite-root.hrf-anim [data-stagger="in"]>*:nth-child(10){transition-delay:.63s}
@media (prefers-reduced-motion:reduce){[data-reveal],[data-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}
@keyframes hrfReach{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(-14deg)}}
@keyframes hrfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hrfSlideIn{0%{transform:translateX(150px);opacity:0}45%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes hrfPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
    @keyframes hrfFadeUp{0%{transform:translateY(14px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes hrfGrowX{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes hrfGrowY{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@keyframes hrfShuttle{0%{transform:translateX(0);opacity:0}12%{opacity:1}45%{transform:translateX(var(--hrf-x,120px))}55%{transform:translateX(var(--hrf-x,120px))}92%{transform:translateX(0)}100%{transform:translateX(0);opacity:1}}
@keyframes hrfPointArm2{0%,100%{transform:rotate(4deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(-3deg)}}
@keyframes hrfSway{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes hrfLean{0%,100%{transform:translateY(0) rotate(0)}42%{transform:translateY(-4px) rotate(-1.4deg)}70%{transform:translateY(-1px) rotate(.6deg)}}
@keyframes hrfBreathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@keyframes hrfTicketOn{0%,46%{background:#E3E6EC}58%,100%{background:#2FAE6B}}
@keyframes hrfCheckIn{0%,50%{opacity:0;transform:scale(.4)}62%{opacity:1;transform:scale(1.25)}70%,100%{opacity:1;transform:scale(1)}}
@keyframes hrfRowWake{0%,44%{background:#E3E6EC;transform:translateX(0)}56%{background:#FFFFFF;transform:translateX(-4px)}100%{background:#FFFFFF;transform:translateX(0)}}
@keyframes hrfNodeOn{0%,40%{background:#C6D0DE}55%,100%{background:#01408D}}
@keyframes hrfTap{0%,100%{transform:scale(1);opacity:.55}45%{transform:scale(1.5);opacity:0}}
@keyframes hrfFill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes hrfMarquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - clamp(7px,0.8vw,13px)))}}
@keyframes hrfDraw{0%{stroke-dashoffset:420}100%{stroke-dashoffset:0}}
@keyframes hrfBlink{0%,100%{opacity:1}50%{opacity:0.35}}
[data-ltabs]{scrollbar-width:none;-ms-overflow-style:none}
[data-ltabs]::-webkit-scrollbar{display:none}
@keyframes hrfNudge{0%,72%,100%{transform:translateX(0)}80%{transform:translateX(-7px)}88%{transform:translateX(-3px)}}
@keyframes hrfMarqueeM{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}


/* Mode switcher (ANÜ / Service / Interim) */
.hsz-mode-panel[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hsz-char[hidden]{
  opacity:0!important;
}
/* Animationen nur laufen lassen, wenn der Modus aktiv und frisch gestartet ist */
.hsz-mode-panel:not(.hsz-anim-run),
.hsz-mode-panel:not(.hsz-anim-run) *{
  animation:none!important;
}
.hsz-mode-tab{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit}
.hsz-mode-tab .hsz-tab-on{display:none!important}
.hsz-mode-tab .hsz-tab-off{display:block!important}
.hsz-mode-tab.is-active .hsz-tab-on{display:block!important}
.hsz-mode-tab.is-active .hsz-tab-off{display:none!important}
.hsz-tab-idle{display:contents}
.hsz-stage{overflow:hidden}
.hsz-board{overflow:hidden;border-radius:5.1%/6.2%}
.hsz-scene{position:absolute;inset:0}
.hsz-char{position:absolute;inset:0;z-index:2;pointer-events:none}
.hsz-caption-wrap{position:relative;z-index:1}
.hsz-caption{position:static!important;inset:auto!important;pointer-events:auto}

/* Hero-Szene mobil: Service nicht abschneiden, Interim-Avatare mittig */
@media (max-width:820px){
  .hrf-startseite-root .hsz-stage,
  .hrf-startseite-root .hsz-stage + .hsz-caption-wrap,
  .hrf-startseite-root [style*="aspect-ratio:583/367"]{
    aspect-ratio:583/400!important;
  }
  /* Service: kompaktere Zeilen */
  .hrf-startseite-root .hsz-scene[data-mode-panel="1"] > div{
    padding:5% 5%!important;
    gap:3%!important;
  }
  .hrf-startseite-root .hsz-scene[data-mode-panel="1"] > div > div:first-child{
    height:16%!important;
    min-height:26px!important;
    padding:0 8px 0 10px!important;
    border-radius:8px!important;
  }
  .hrf-startseite-root .hsz-scene[data-mode-panel="1"] > div > div:last-child{
    gap:4px!important;
  }
  .hrf-startseite-root .hsz-scene[data-mode-panel="1"] > div > div:last-child > div{
    padding:5px 8px!important;
    gap:7px!important;
    border-radius:8px!important;
  }
  .hrf-startseite-root .hsz-scene[data-mode-panel="1"] > div > div:last-child > div > span:first-child{
    width:16px!important;
    height:16px!important;
    font-size:10px!important;
  }
  /* Interim: drei Avatare zentriert, etwas mehr Abstand */
  .hrf-startseite-root .hsz-scene[data-mode-panel="2"] > div > div:last-of-type,
  .hrf-startseite-root .hsz-interim-team{
    justify-content:center!important;
    gap:clamp(14px,4.5vw,22px)!important;
    width:auto!important;
    margin-top:5%!important;
  }
  /* „Auf Zeit“-Badge etwas höher, weniger Überlappung */
  .hrf-startseite-root .hsz-interim-badge{
    top:-30%!important;
    right:-10%!important;
  }
}

@media (max-width:900px){
  .hrf-startseite-root section[data-screen-label="Hero"] > div.hs-hero-grid,
  .hrf-startseite-root .hs-hero-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "visual"
      "ctas"!important;
  }
  .hrf-startseite-root .hs-hero-copy{grid-area:copy}
  .hrf-startseite-root .hs-hero-visual{grid-area:visual}
  .hrf-startseite-root .hs-hero-ctas{
    grid-area:ctas;
    flex-wrap:nowrap!important;
    gap:10px!important;
    margin-top:8px!important;
  }
  .hrf-startseite-root .hs-hero-ctas > a{
    flex:1 1 0;
    justify-content:center;
    font-size:14px!important;
    font-weight:700!important;
    padding:11px 14px!important;
    gap:6px!important;
    white-space:nowrap;
    min-width:0;
  }
  .hrf-startseite-root .hs-hero-ctas > a span{
    font-size:15px!important;
  }
}

@media (min-width:901px){
  .hrf-startseite-root .hs-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "copy visual"
      "ctas visual"!important;
    align-items:center;
  }
  .hrf-startseite-root .hs-hero-copy{grid-area:copy;align-self:end}
  .hrf-startseite-root .hs-hero-visual{grid-area:visual;align-self:center}
  .hrf-startseite-root .hs-hero-ctas{
    grid-area:ctas;
    align-self:start;
    margin-top:24px!important;
  }
}

/* Siegel im Hero: Dateien sind weiß (für den Footer). Auf hellem Grund dunkel einfärben. */
.hrf-startseite-root .hs-desk img,
.hrf-startseite-root .hs-hero-badges img{
  filter:brightness(0)!important;
  opacity:.82;
  height:40px!important;
  width:auto!important;
  max-height:40px;
  object-fit:contain;
  display:block;
}
.hrf-startseite-root .hs-desk img[src*="factorial"]{height:22px!important;max-height:22px}
.hrf-startseite-root .hs-desk img[src*="gvp"]{height:36px!important;max-height:36px}
.hrf-startseite-root .hs-hero-badges img{
  height:42px!important;
  max-height:42px;
  max-width:30%;
}

/* Leistungen + Kompass */
.hs-l-panel[hidden],.hs-k-panel[hidden]{display:none!important}
.hs-l-tab .hs-l-num{background:#DDE4EE;color:#7A8699}
.hs-l-tab .hs-l-label{color:#8A93A3}
.hs-l-tab-rail .hs-l-label{font-size:16.5px}
.hs-l-tab-chip .hs-l-label{font-size:14.5px}
.hs-l-tab.is-active .hs-l-num{background:#01408D;color:#ECFFA6}
.hs-l-tab.is-active .hs-l-label{color:#0A1B33}
.hs-l-tab-chip.is-active{background:#EEF2F8}
.hs-l-detail{min-width:0}
.hs-l-split{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr);
  background:#FFFFFF;
  border-radius:24px;
  box-shadow:0 30px 70px rgba(10,27,51,0.10);
  min-height:300px;
  overflow:hidden;
}
.hs-l-split-main{
  padding:clamp(30px,3vw,44px);
  display:flex;
  flex-direction:column;
  gap:20px;
}
.hs-l-split-main h3{
  margin:0;
  font-family:'Marble','Figtree',sans-serif;
  font-weight:900;
  font-size:clamp(24px,2.4vw,30px);
  letter-spacing:-0.02em;
  color:#0A1B33;
}
.hs-l-split-main p{
  margin:12px 0 0;
  font-size:17px;
  line-height:1.6;
  color:#4A4A4A;
}
.hs-l-tags{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hs-l-tags span{
  background:#EEF2F8;
  color:#0A1B33;
  font-size:12.5px;
  font-weight:700;
  padding:7px 13px;
  border-radius:999px;
}
.hs-l-split-side{
  background:#01408D;
  padding:clamp(26px,2.6vw,36px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px;
}
.hs-l-forms-kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#96ADD6;
}
.hs-l-forms{
  display:flex;
  flex-direction:column;
  gap:18px;
}
/* Vier Modelle: 2×2 statt langer Liste */
.hs-l-forms:has(> :nth-child(4)){
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
  align-items:start;
}
.hs-l-forms:has(> :nth-child(4)) strong{font-size:17px}
.hs-l-forms:has(> :nth-child(4)) span{font-size:13px;line-height:1.4}
.hs-l-forms strong{
  display:block;
  font-family:'Marble','Figtree',sans-serif;
  font-weight:800;
  font-size:19px;
  color:#ECFFA6;
}
.hs-l-forms span{
  display:block;
  margin-top:3px;
  font-size:14px;
  line-height:1.45;
  color:#D5E1F4;
}
.hs-l-cta-btn:hover{color:#0A1B33;background:#ECFFA6}
/* CTA zentriert direkt unter der Karte (Desktop + Mobile) */
.hrf-startseite-root .hs-l-cta--pin{
  display:block!important;
  text-align:center;
  margin-top:clamp(28px,3.5vw,52px);
}
.hrf-startseite-root .hs-l-cta--end{display:none!important}
#leistungen,#leistungen [data-lwrap],
#services,#services [data-lwrap]{overflow:visible}
#leistungen .hs-l-grid,#services .hs-l-grid{align-items:start}
#matrix > div > *{min-width:0}
@media (max-width:899px){
  #matrix > div{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  #matrix .hs-k-scores{grid-template-columns:1fr!important}
}
/* Desktop: kein erzwungener Umbruch */
.hrf-startseite-root .hs-l-break{display:inline}
.hrf-startseite-root .hs-logo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.hrf-startseite-root .hs-logo-grid [data-logo]:nth-child(4n+2),
.hrf-startseite-root .hs-logo-grid [data-logo]:nth-child(4n+3){
  margin-top:28px;
}

@media (max-width:820px){
  /* Wichtig: kein overflow-x:clip am Root — das verhindert position:sticky */
  #leistungen,#services{overflow:visible!important}
  #leistungen [data-lwrap],#services [data-lwrap],
  #leistungen .hs-l-sticky,#services .hs-l-sticky,
  #leistungen .hs-l-grid,#services .hs-l-grid{
    max-width:100%;
    min-width:0;
    overflow:visible;
  }
  #leistungen [data-lwrap],#services [data-lwrap]{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  /* Überschrift scrollt weg. display:contents → Grid klebt im Wrap (inkl. Spacer). */
  #leistungen .hs-l-sticky,#services .hs-l-sticky{
    display:contents!important;
    position:static!important;
    top:auto!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }
  #leistungen .hs-l-sticky > h2,
  #services .hs-l-sticky > h2,
  #leistungen .hs-l-sticky > p,
  #services .hs-l-sticky > p{
    display:block;
  }
  #leistungen .hs-l-grid,#services .hs-l-grid{
    grid-template-columns:1fr!important;
    position:sticky!important;
    top:calc(var(--hrf-header-h, 72px) + 8px)!important;
    z-index:2!important;
    background:#F7F9FC;
    margin-left:-20px;
    margin-right:-20px;
    padding:8px 20px 16px!important;
    gap:10px!important;
    margin-top:18px!important;
  }
  /* Kompakte Scroll-Strecke — Button nicht in den Keller schieben */
  #leistungen [data-l-spacer],#services [data-l-spacer]{
    height:720px!important;
  }
  #leistungen .hs-l-rail,#services .hs-l-rail{display:none!important}
  #leistungen .hs-l-chips,#services .hs-l-chips{
    display:block!important;
    grid-column:1/-1;
    position:relative;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  #leistungen [data-ltabs],#services [data-ltabs]{
    display:flex;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #leistungen .hs-l-detail,#services .hs-l-detail{
    grid-column:1/-1;
    min-height:0!important;
    max-width:100%;
  }
  #leistungen .hs-l-split,#services .hs-l-split{
    grid-template-columns:1fr!important;
    min-height:0!important;
    box-shadow:0 10px 28px rgba(10,27,51,.08),0 2px 8px rgba(10,27,51,.04)!important;
  }
  #leistungen .hs-l-split-main,#services .hs-l-split-main{
    padding:22px 20px!important;
    gap:14px!important;
  }
  #leistungen .hs-l-split-main h3,#services .hs-l-split-main h3{font-size:20px!important}
  #leistungen .hs-l-split-main p,#services .hs-l-split-main p{font-size:15.5px!important;margin-top:8px!important}
  #leistungen .hs-l-tags,#services .hs-l-tags{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  #leistungen .hs-l-split-side,#services .hs-l-split-side{
    padding:20px!important;
    gap:14px!important;
  }
  #leistungen .hs-l-forms,#services .hs-l-forms{gap:14px!important}
  #leistungen .hs-l-forms:has(> :nth-child(4)),
  #services .hs-l-forms:has(> :nth-child(4)){
    grid-template-columns:1fr 1fr!important;
    gap:12px 14px!important;
  }
  #leistungen .hs-l-forms strong,#services .hs-l-forms strong{font-size:17px!important}
  #leistungen .hs-l-forms:has(> :nth-child(4)) strong,
  #services .hs-l-forms:has(> :nth-child(4)) strong{font-size:15.5px!important}
  #leistungen .hs-l-forms span,#services .hs-l-forms span{font-size:13.5px!important}
  #leistungen .hs-l-forms:has(> :nth-child(4)) span,
  #services .hs-l-forms:has(> :nth-child(4)) span{font-size:12.5px!important}
  /* „Partnering“ / EN-Äquivalent in neuer Zeile */
  #leistungen .hs-l-break,#services .hs-l-break{display:block}
  #leistungen .hs-l-cta--pin,#services .hs-l-cta--pin{
    display:block!important;
    grid-column:1/-1;
    padding-top:22px!important;
    text-align:center!important;
  }
  #leistungen .hs-l-cta--end,#services .hs-l-cta--end{display:none!important}
  #leistungen .hs-l-cta-btn,#services .hs-l-cta-btn{
    width:100%;
    max-width:100%;
    justify-content:center;
    font-size:15px!important;
    padding:14px 18px!important;
    white-space:nowrap!important;
  }
  .hrf-startseite-root section[data-screen-label="Hero"] > div:first-child{padding-left:20px!important;padding-right:20px!important}

  /* Logos mobil: 2 Spalten, gleichmäßiger Versatz, keine Lücke */
  .hrf-startseite-root .hs-logo-grid{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    max-width:100%!important;
    padding-top:12px!important;
  }
  .hrf-startseite-root .hs-logo-grid [data-logo]{
    height:118px!important;
    padding:16px!important;
    margin-top:0!important;
    transform:none!important;
  }
  .hrf-startseite-root .hs-logo-grid [data-logo].hs-logo-shift{
    margin-top:28px!important;
  }
}

.hs-k-tab{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:baseline;gap:9px;transition:opacity .35s ease;opacity:.5}
.hs-k-tab.is-active{opacity:1}
.hs-k-tab span:nth-child(1){display:none}
.hs-k-tab span:nth-child(2){display:inline}
.hs-k-tab.is-active span:nth-child(1){display:inline}
.hs-k-tab.is-active span:nth-child(2){display:none}

.hs-mob{display:none!important}
@media (max-width:820px){
  .hs-desk{display:none!important}
  .hs-mob{display:block!important}
  #kontakt > img{display:none!important}
}

/* Kopfzeile bleibt oben: klebende Startseiten-Blöcke darunter ansetzen */
.hrf-startseite-root [data-pin]{
  top: var(--hrf-header-h, 72px) !important;
  height: calc(100vh - var(--hrf-header-h, 72px)) !important;
  height: calc(100dvh - var(--hrf-header-h, 72px)) !important;
  z-index: 1;
}
.hrf-startseite-root .hs-l-sticky{
  top: var(--hrf-header-h, 72px) !important;
  z-index: 2 !important;
}
.hrf-startseite-root #leistungen,
.hrf-startseite-root #services{
  z-index: 3 !important;
  /* Satz „…seit 25 Jahren“ erst etwas weiter durchlaufen lassen */
  margin-top: -120vh !important;
}
@media (max-width:820px){
  /* „Wenn im HR Kapazität…“: zwischen Mitte (alt) und oben (zu hoch) */
  .hrf-startseite-root #probleme [data-pin]{
    align-items:flex-start!important;
    padding-top:clamp(18vh,22vh,26vh)!important;
    box-sizing:border-box;
  }
  .hrf-startseite-root #probleme [data-pin] h2{
    font-size:clamp(34px,8.8vw,42px)!important;
  }
  /* Über-uns-Teaser: kompakter, Headline etwas größer */
  .hrf-startseite-root #ueber-uns{
    padding-top:56px!important;
    padding-bottom:52px!important;
  }
  .hrf-startseite-root #ueber-uns > div[data-reveal]:first-of-type{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .hrf-startseite-root #ueber-uns > div[data-reveal]:first-of-type > h2{
    font-size:clamp(40px,10.2vw,48px)!important;
  }
}

/* Hero-Szene Animationen (aus eingebetteter HeroSzene) */
@keyframes hszBob{0%,100%{transform:translateY(0)}45%{transform:translateY(4px)}}
@keyframes hszStepBack{0%,22%{transform:translate(0,0)}36%,78%{transform:translate(-9px,-3px)}92%,100%{transform:translate(0,0)}}
@keyframes hszRest{0%,25%{opacity:1}29%,79%{opacity:0}83%,100%{opacity:1}}
@keyframes hszAct{0%,25%{opacity:0}29%,79%{opacity:1}83%,100%{opacity:0}}
@keyframes hszStep{0%,22%{transform:translateX(13px)}36%,78%{transform:translateX(0)}92%,100%{transform:translateX(13px)}}
@keyframes hszLeanIn{0%,14%{transform:translate(12px,0)}40%,78%{transform:translate(0,-3px)}100%{transform:translate(12px,0)}}
@keyframes hszArmPoint{0%,30%{transform:rotate(6deg)}44%{transform:rotate(-11deg)}62%{transform:rotate(-6deg)}80%,100%{transform:rotate(-9deg)}}
@keyframes hszArmPress{0%,14%{transform:rotate(-46deg)}44%{transform:rotate(6deg)}52%{transform:rotate(11deg)}62%{transform:rotate(6deg)}78%{transform:rotate(8deg)}100%{transform:rotate(-46deg)}}
@keyframes hszArmHoldA{0%,30%{transform:rotate(9deg)}48%{transform:rotate(-7deg)}70%,100%{transform:rotate(-3deg)}}
@keyframes hszArmHoldB{0%,30%{transform:rotate(-9deg)}48%{transform:rotate(6deg)}70%,100%{transform:rotate(2deg)}}
@keyframes hszChipDrop{0%,26%{transform:translate(150%,-215%) rotate(7deg);opacity:0}32%{opacity:1}60%,100%{transform:translate(0,0) rotate(0deg);opacity:1}}
@keyframes hszSlotOn{0%,56%{border-color:#C9D3E2;background:transparent}64%,100%{border-color:#01408D;background:rgba(1,64,141,.07)}}
@keyframes hszBarGrow{0%,58%{transform:scaleX(0)}86%,100%{transform:scaleX(1)}}
@keyframes hszPress{0%,38%{transform:scale(1);background:#96ADD6}46%{transform:scale(.88);background:#1A7A8A}56%,100%{transform:scale(1);background:#1A7A8A}}
@keyframes hszRipple{0%,40%{transform:scale(.6);opacity:.5}62%,100%{transform:scale(2.1);opacity:0}}
@keyframes hszTickOn{0%,50%{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1.18)}72%,100%{opacity:1;transform:scale(1)}}
@keyframes hszRowOn{0%,50%{background:#EDF0F4}62%,100%{background:#FFFFFF}}
@keyframes hszLead{0%,42%{background:#C6D0DE;transform:translateY(-4%)}56%,100%{background:#ECFFA6;transform:translateY(0)}}
@keyframes hszLine{0%,54%{transform:scaleY(0)}78%,100%{transform:scaleY(1)}}
@keyframes hszLineX{0%,52%{transform:scaleX(0)}76%,100%{transform:scaleX(1)}}
@keyframes hszNode{0%,60%{background:#C6D0DE}72%,100%{background:#01408D}}
@keyframes hszLeaderIn{0%,28%{opacity:0;transform:translateY(-14px) scale(.7)}46%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hszBadgeIn{0%,46%{opacity:0;transform:scale(.4)}58%,100%{opacity:1;transform:scale(1)}}
@keyframes hszTeamIn{0%,50%{opacity:0;transform:translateY(6px) scale(.6)}64%,100%{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){
  [style*="animation"]{animation:none!important}
}

/* Case-Study-Teaser: große Kennzahl statt Foto */
.hrf-startseite-root a.hs-cs-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #E8EFF7;
  border-radius: 18px;
  padding: 30px 28px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  transition: transform .25s ease, background .25s ease;
}
.hrf-startseite-root a.hs-cs-card:hover {
  transform: translateY(-4px);
  background: #DEE8F3;
  color: inherit;
}
.hrf-startseite-root .hs-cs-kicker {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5A5A5A;
}
.hrf-startseite-root .hs-cs-stat {
  display: block;
  font-family: "Marble", "Figtree", sans-serif;
  font-weight:800;
  font-size: clamp(44px, 4.4vw, 62px);
  line-height: 0.95;
  letter-spacing: -0.035em;
  color: #0A1B33;
  white-space: nowrap;
}
.hrf-startseite-root .hs-cs-stat.is-compact {
  font-size: clamp(38px, 3.7vw, 54px);
}
.hrf-startseite-root .hs-cs-stat-from {
  font-size: 0.55em;
  color: #96ADD6;
}
.hrf-startseite-root .hs-cs-mark {
  background: linear-gradient(180deg, transparent 58%, #ECFFA6 58%);
}
.hrf-startseite-root .hs-cs-title {
  display: block;
  font-family: "Figtree", system-ui, sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.2;
  color: #01408D;
  text-wrap: pretty;
  margin-top: 8px;
}
.hrf-startseite-root .hs-cs-rule {
  display: block;
  height: 1px;
  background: #E7E9EE;
}
.hrf-startseite-root .hs-cs-more {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin-top: auto;
  padding-top: 12px;
  font-size: 14.5px;
  font-weight: 700;
  color: #01408D;
}
@media (max-width: 380px) {
  .hrf-startseite-root .hs-cs-stat {
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hrf-startseite-root a.hs-cs-card,
  .hrf-startseite-root a.hs-cs-card:hover {
    transition: none;
    transform: none;
  }
}