/* ===== INCRAST – PAGE: Personalgewinnung ===============================
   Klassenpräfix: .pg-personal
   Erwartete Hauptsektionen:
   - .pg-personal-hero
   - .pg-personal-intro
   - .pg-personal-modul (Features/USPs)
   - .pg-personal-cta
   ===================================================================== */

.pg-personal-hero .el-meta{ color:var(--c-accent); font-weight:600; letter-spacing:.06em; }
.pg-personal-hero h1{ font-size: clamp(28px, 3.2vw + 10px, 46px); line-height:1.16; }
.pg-personal-intro{ max-width: 980px; margin: 0 auto; }
.pg-personal-modul .uk-card{ border-radius:14px; box-shadow:0 14px 38px rgba(0,0,0,.06); }
.pg-personal-cta .uk-button{ border-radius:999px; }


/* ===== Personalgewinnung: Scope ===== */
.pg-personalgewinnung-intro,
.pg-personalgewinnung-usps,
.pg-personalgewinnung-claim,
.pg-personalgewinnung-pakete,
.pg-personalgewinnung-flow,
.pg-personalgewinnung-synergie,
.pg-personalgewinnung-testimonial,
.pg-personalgewinnung-faq,
.pg-personalgewinnung-cta { scroll-margin-top: var(--header-h); }



/* =========================================================
   personal – HERO (Overlay, Typo, Layout)
   Scope: nur innerhalb .pg-personal-hero
   ========================================================= */

/* Section-Offsets passend zur festen Headerhöhe */
.pg-personal-hero{
  padding-top: var(--header-h);
  scroll-margin-top: var(--header-h);
}

/* Overlay-Kachel (wie Startseite) */
.pg-personal-hero .uk-overlay-default{
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 16px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background: rgba(255,255,255,.84);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* Falls YOOtheme die Position zentral setzt: sauber zentrieren */
.pg-personal-hero [class*="uk-position-center"]{
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Topline (el-meta) und H1 – Basis */
.pg-personal-hero .el-meta{
  color: #6e6b66;
  font-weight: 600;
  font-size: .95em;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .95;
}

.pg-personal-hero h1{
  letter-spacing: .02em;
  line-height: 1.15;
  color: var(--c-accent, #c9a66b); /* Gold wie auf der Startseite */
}

/* ---------- Content aus deinem HTML: Subline & Service ---------- */
/* Tipp: dein HTML-Wrapper heißt .start-personal-hero */
.pg-personal-hero .start-personal-hero .hero-subline,
.pg-personal-hero .start-personal-hero .hero-service{
  font-family: var(--ff-sans, "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  color: #1f2a38;
}

/* Abstände */
.pg-personal-hero .start-personal-hero .hero-subline{
  margin: 0 0 12px;
}
.pg-personal-hero .start-personal-hero .hero-service{
  margin: 0 0 24px;
}

/* ---------- Overlay-Padding & Breiten je Breakpoint ---------- */
@media (min-width:1600px){
  .pg-personal-hero .uk-overlay-default{ padding: 70px 72px 46px; }
}
@media (min-width:1200px) and (max-width:1599px){
  .pg-personal-hero .uk-overlay-default{ max-width: 920px; padding: 64px 64px 40px; }
}
@media (min-width:960px) and (max-width:1199px){
  .pg-personal-hero .uk-overlay-default{ max-width: 820px; padding: 56px 56px 36px; }
}
@media (min-width:640px) and (max-width:959px){
  .pg-personal-hero .uk-overlay-default{ max-width: 560px; padding: 48px 40px 28px; }
}
@media (max-width:639px){
  .pg-personal-hero .uk-overlay-default{ max-width: 92vw; padding: 22px 18px 22px; }
}

/* ---------- Typo-Skalierung (analog Startseite) ---------- */
/* XS */
@media (max-width:639px){
  .pg-personal-hero .el-meta{ font-size: 12.5px; line-height: 1.25; letter-spacing: .06em; font-weight: 600; }
  .pg-personal-hero h1{ font-size: 26px; line-height: 1.16; letter-spacing: .015em; }

  .pg-personal-hero .start-personal-hero .hero-subline{ font-size: 19px; line-height: 1.45; font-weight: 500; }
  .pg-personal-hero .start-personal-hero .hero-service{ font-size: 18px; line-height: 1.45; font-weight: 400; }
}

/* S */
@media (min-width:640px) and (max-width:959px){
  .pg-personal-hero .el-meta{ font-size: 13px; }
  .pg-personal-hero h1{ font-size: 28px; line-height: 1.16; }

  .pg-personal-hero .start-personal-hero .hero-subline{ font-size: 19px; }
  .pg-personal-hero .start-personal-hero .hero-service{ font-size: 18px; }
}

/* M */
@media (min-width:960px){
  .pg-personal-hero .el-meta{ font-size: 13.5px; }
  .pg-personal-hero h1{ font-size: 32px; line-height: 1.16; }

  .pg-personal-hero .start-personal-hero .hero-subline{ font-size: 24px; line-height: 1.4;  font-weight: 500; }
  .pg-personal-hero .start-personal-hero .hero-service{ font-size: 20px; line-height: 1.45; font-weight: 400; }
}

/* L */
@media (min-width:1200px){
  .pg-personal-hero .el-meta{ font-size: 14px; }
  .pg-personal-hero h1{ font-size: 38px; line-height: 1.16; }

  .pg-personal-hero .start-personal-hero .hero-subline{ font-size: 26px; }
  .pg-personal-hero .start-personal-hero .hero-service{ font-size: 22px; }
}

/* XL */
@media (min-width:1600px){
  .pg-personal-hero .el-meta{ font-size: 15.2px; }
  .pg-personal-hero h1{ font-size: 42px; line-height: 1.14; }

  .pg-personal-hero .start-personal-hero .hero-subline{ font-size: 28px; }
  .pg-personal-hero .start-personal-hero .hero-service{ font-size: 24px; }
}


/* Intro */
.pg-personalgewinnung-intro .el-meta{
  color:#6e6b66; font-weight:600; letter-spacing:.06em; text-transform:uppercase; opacity:.95;
}
.pg-personalgewinnung-intro .el-content{ font-size:1.05rem; line-height:1.6; }

/* USPs */
.pg-personalgewinnung-usps .uk-card{ height:100%; box-shadow:0 10px 34px rgba(0,0,0,.06); }
.pg-personalgewinnung-usps .el-content{ color:#1f2a38; }

/* Pakete */
.pg-personalgewinnung-pakete .uk-card{ height:100%; display:flex; flex-direction:column; }
.pg-personalgewinnung-pakete .uk-card-body{ flex:1 1 auto; }
.pg-personalgewinnung-pakete .uk-card-footer{ border-top:0; padding-top:0; }
.pg-personalgewinnung-pakete .el-meta{
  color:#6e6b66; font-weight:600; letter-spacing:.06em; text-transform:uppercase; opacity:.95; margin-bottom:8px;
}
.pg-personalgewinnung-pakete .el-content + .el-content { /* Erläuterungs-Text unter der Bulletliste */
  margin-top:10px; color:#415067;
}

/* Flow (Icons mittig & Maße konsistent) */
.pg-personalgewinnung-flow .uk-card-media-top img{
  width:74px; height:74px; object-fit:contain; display:block; margin-inline:auto;
}
.pg-personalgewinnung-flow .el-title{ margin-top:8px; }

/* Synergie */
.pg-personalgewinnung-synergie .uk-card{ box-shadow:0 8px 26px rgba(0,0,0,.06); }

/* FAQ */
.pg-personalgewinnung-faq .uk-accordion-title{ font-weight:600; }
.pg-personalgewinnung-faq .uk-accordion-content{ color:#1f2a38; }

/* CTA (greift dein vorhandenes CTA-System auf) */
.pg-personalgewinnung-cta .el-title{ font-size:2rem; line-height:1.3; font-weight:600; }
.pg-personalgewinnung-cta .el-content{ font-size:1.1rem; line-height:1.6; color:#333; }
@media (max-width: 768px){
  .pg-personalgewinnung-cta .el-title{ font-size:1.6rem; }
  .pg-personalgewinnung-cta .el-content{ font-size:1rem; }
}