/* HR factory – HR-Admin-Pakete (page.css) */

.section-label{display:inline-flex;align-items:center;gap:8px;background:#01408D;color:#fff;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;border-radius:999px;margin-bottom:18px}
.hrf-hr-admin-pakete-root{--section-y:clamp(64px,8vw,116px)}
@font-face{font-family:'Marble';src:url("./fonts/marble-800.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
.hrf-hr-admin-pakete-root h1,.hrf-hr-admin-pakete-root h2,.hrf-hr-admin-pakete-root h3{font-family:'Marble',system-ui,sans-serif!important;font-weight:800!important;}
.hrf-hr-admin-pakete-root h1{font-weight:800;font-size:clamp(40px,5.6vw,64px);line-height:1.08;letter-spacing:-0.03em;color:#01408D;margin:0}
.hrf-hr-admin-pakete-root h2{font-weight:800;font-size:clamp(28px,3.8vw,46px);line-height:1.08;letter-spacing:-0.03em;color:#01408D;margin:0 0 14px}
.hrf-hr-admin-pakete-root h3{font-weight:800}
.hero-copy .section-label{background:#96ADD6;color:#01408D;margin-bottom:clamp(22px,2.5vw,30px)}
.hero-lead{font-size:clamp(17px,1.5vw,20px);color:#2E3B4E;max-width:36em;margin:clamp(16px,2vw,22px) 0 0}
.hero-copy .hero-lead{margin-top:clamp(24px,3vw,36px);margin-bottom:clamp(32px,3.5vw,44px)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-primary,.btn-ghost{border-radius:999px!important}
.btn-primary{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px rgba(1,64,141,.20)!important;background:#012A5E!important}
.btn-ghost{transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s ease}
.btn-ghost:hover{transform:translateY(-2px) scale(1.025);background:rgba(1,64,141,.05)}
section[data-screen-label],section[id]{scroll-margin-top:90px}
section{margin:0}
::selection{background:#FAD0C3;color:#01408D}

.reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1);backface-visibility:hidden}
.reveal-up{transform:translate3d(0,32px,0)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.reveal-delay-2{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}

.pkg-hero{position:relative;max-width:1240px;margin:0 auto;padding:clamp(48px,7vw,104px) clamp(20px,4vw,48px) clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(36px,5vw,72px);align-items:center}
.pkg-index{display:flex;flex-direction:column;gap:8px;background:#F7FAFD;border:1px solid #E4E9F2;border-radius:24px;padding:22px 20px}
.pkg-index-h{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8092AC;margin:0 0 6px 6px}
.pkg-index-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;text-decoration:none;color:inherit;background:#fff;border:1px solid #E7EBF2;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.pkg-index-item:hover{border-color:var(--accent,#01408D);transform:translateY(-2px);box-shadow:0 10px 24px rgba(1,64,141,.08)}
.pkg-index-n{flex:none;width:36px;height:36px;border-radius:12px;background:#EAF0FA;color:var(--accent,#01408D);display:grid;place-items:center;font-weight:800;font-size:13px}
.pkg-index-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pkg-index-t{font-weight:800;font-size:16px;color:#01408D}
.pkg-index-s{font-size:13.5px;color:#5A6B85}

.model-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:transparent;color:#01408D;border:1.5px solid #01408D;border-radius:999px;padding:10px 22px;font-weight:700;font-size:15px;text-decoration:none;transition:background .22s ease,color .22s ease,transform .22s ease}
.model-cta span{transition:transform .22s ease}
@media(hover:hover){.model-cta:hover{background:#01408D;color:#fff}.model-cta:hover span{transform:translateX(3px)}}

.cmp4-wrap{border:1px solid #E4E9F2;border-radius:18px;overflow:auto;box-shadow:0 10px 30px rgba(1,43,94,.07);background:#fff;margin-bottom:28px;-webkit-overflow-scrolling:touch}
.cmp4{display:grid;grid-template-columns:minmax(160px,.9fr) repeat(4,minmax(140px,1fr));min-width:860px}
.cmp4 > *{border:1px solid #E9EEF5;padding:clamp(13px,1.4vw,18px) clamp(12px,1.2vw,18px)}
.cmp4-corner{background:#F7FAFD}
.cmp4-h{display:flex;flex-direction:column;gap:6px;background:#F7FAFD}
.cmp4-h .cmp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0}
.cmp4-h .cmp-title{font-weight:800;font-size:clamp(15px,1.4vw,18px);color:#0A1B33;line-height:1.2}
.cmp4-h.a{border-top:4px solid #01408D}.cmp4-h.a .cmp-eyebrow{color:#01408D}
.cmp4-h.b{border-top:4px solid #3E6DB0}.cmp4-h.b .cmp-eyebrow{color:#3E6DB0}
.cmp4-h.c{border-top:4px solid #1A7A8A}.cmp4-h.c .cmp-eyebrow{color:#1A7A8A}
.cmp4-h.d{border-top:4px solid #01408D}.cmp4-h.d .cmp-eyebrow{color:#01408D}
.cmp4-rowlabel{display:flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.04em;color:#5B6B86;background:#F7FAFD;line-height:1.35}
.cmp4-cell{display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(14px,1.3vw,16px);color:#28323F;line-height:1.4;background:#fff}
.cmp4-cell.pkg-strong{font-weight:800;color:#01408D}
.cmp4-cta{padding:16px 12px}
.cmp4-cta .model-cta{align-self:center;justify-content:center;width:100%;padding:9px 12px;font-size:13.5px;text-align:center}
.pkg-check{width:28px;height:28px;border-radius:50%;background:#ECFFA6;color:#33502A;display:inline-flex;align-items:center;justify-content:center}
.pkg-check svg{width:16px;height:16px}
.pkg-dash{color:#A0ADC0;font-weight:700;font-size:20px;line-height:1}
.pkg-note{font-size:13px;color:#5A6B85;line-height:1.35;max-width:16ch}
.pkg-footnotes{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#5A6B85;line-height:1.5;max-width:72em;margin:0}

.hrf-hr-admin-pakete-root details summary::-webkit-details-marker{display:none}
.hrf-hr-admin-pakete-root details[open] summary span{transform:rotate(45deg)}
.hrf-hr-admin-pakete-root details summary span{transition:transform .2s ease}
section[data-screen-label="Kontakt"] .btn-primary{background:#F84F48!important;color:#ffffff!important}
section[data-screen-label="Kontakt"] .btn-primary:hover{background:#E23C35!important}

@media (max-width:900px){
  .hrf-hr-admin-pakete-root{overflow-x:clip;max-width:100%}
  .pkg-hero{grid-template-columns:1fr;padding-top:38px;gap:28px}
  .hero-copy .hero-lead{margin-top:18px;margin-bottom:26px}
  .hero-copy .hero-actions .btn-primary{width:100%}
  .pkg-footnotes{font-size:13px}
  .cmp4-wrap{margin-left:-4px;margin-right:-4px;border-radius:14px}
}
@media (max-width:640px){
  .hrf-hr-admin-pakete-root > section{padding-top:54px!important;padding-bottom:54px!important}
  .hrf-hr-admin-pakete-root > section[data-screen-label="Hero"]{padding-top:0!important;padding-bottom:14px!important}
  .section-label{font-size:11.5px!important;letter-spacing:.09em!important;padding:7px 13px!important}
  .hrf-hr-admin-pakete-root [data-screen-label="FAQ"] details{padding:16px 0!important}
  .hrf-hr-admin-pakete-root [data-screen-label="FAQ"] summary{gap:12px!important;align-items:center}
  .hrf-hr-admin-pakete-root [data-screen-label="FAQ"] p{font-size:15.5px!important}
  .hrf-hr-admin-pakete-root [data-screen-label="Kontakt"] > div{padding:28px 22px 32px!important;border-radius:22px!important}
  .hrf-hr-admin-pakete-root [data-screen-label="Kontakt"] h2{font-size:30px!important;max-width:20ch!important;margin-bottom:26px!important}
  .hrf-hr-admin-pakete-root [data-screen-label="Kontakt"] .btn-primary{width:100%}
}