.wj-lebenslauf-hero{
  padding:150px 24px 80px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.9),rgba(255,255,255,.55)),
    url('/pics/bewerbung.jpg');
  background-size:cover;
  background-position:center right;
}

.wj-lebenslauf-hero-inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
}

.wj-lebenslauf-hero-text{
  max-width:760px;
}

.wj-lebenslauf-hero h1{
  font-size:clamp(2.4rem,5vw,4.6rem);
  font-weight:900;
  line-height:.98;
  text-transform:uppercase;
  margin-bottom:20px;
}

.wj-lebenslauf-hero p{
  max-width:680px;
  font-size:1.15rem;
  color:#444;
  padding:0;
}

/* Haupt-Container sauber zentrieren */
.wj-lebenslauf-intro,
.wj-lebenslauf-layout,
.wj-lebenslauf-posts,
.wj-related-posts{
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
}

/* Intro Cards */
.wj-lebenslauf-intro{
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.wj-lebenslauf-intro div{
  background:#fff;
  border-radius:22px;
  padding:26px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border-bottom:5px solid var(--wj-secondary, #c72b78);
}

.wj-lebenslauf-intro strong,
.wj-lebenslauf-intro span{
  display:block;
}

.wj-lebenslauf-intro strong{
  color:var(--wj-secondary, #c72b78);
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:6px;
}

/* Layout */
.wj-lebenslauf-layout{
  margin-top:70px;
  margin-bottom:70px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:30px;
  align-items:start;
}

.wj-lebenslauf-content{
  display:grid;
  gap:28px;
  min-width:0;
}

.wj-lebenslauf-content .wj-content-box{
  line-height:1.8;
  background:#fff;
  border-radius:24px;
  padding:34px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border-top:6px solid var(--wj-secondary, #c72b78);
}

.wj-lebenslauf-content h2,
.wj-lebenslauf-content h3,
.wj-lebenslauf-content h4{
  margin-top:2.4rem;
  margin-bottom:1rem;
  font-weight:900;
  line-height:1.2;
}

.wj-lebenslauf-content h2:first-child,
.wj-lebenslauf-content h3:first-child,
.wj-lebenslauf-content h4:first-child{
  margin-top:0;
}

.wj-lebenslauf-content h2{
  font-size:clamp(1.8rem,3vw,2.7rem);
  text-transform:uppercase;
  color:var(--wj-dark, #111827);
}

.wj-lebenslauf-content h3{
  font-size:1.7rem;
  color:var(--wj-secondary, #c72b78);
}

.wj-lebenslauf-content h4{
  font-size:1.35rem;
  color:var(--wj-dark, #111827);
}

.wj-lebenslauf-content p{
  padding:0;
  color:#333;
  margin:0 0 1rem;
}

/* Check Grid */
.wj-check-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:30px 0;
}

.wj-check-grid div{
  background:#f8f9fb;
  border-radius:18px;
  padding:20px;
  border-bottom:5px solid var(--wj-secondary, #c72b78);
}

.wj-check-grid strong,
.wj-check-grid span{
  display:block;
}

.wj-check-grid strong{
  color:var(--wj-secondary, #c72b78);
  font-weight:900;
  margin-bottom:6px;
}

/* CTA */
.wj-cta-box{
  margin:35px 0;
  background:var(--wj-dark, #111827);
  color:#fff;
  border-radius:24px;
  padding:30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.wj-cta-box h3{
  color:#fff;
  font-size:1.6rem;
  text-transform:uppercase;
  margin:0 0 8px;
}

.wj-cta-box p{
  color:rgba(255,255,255,.82);
  margin:0;
  padding:0;
}

/* Sidebar */
.wj-lebenslauf-sidebar{
  display:grid;
  gap:24px;
  position:sticky;
  top:105px;
  min-width:0;
}

.wj-lebenslauf-sidebar .wj-content-box{
  background:#fff;
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border-top:6px solid var(--wj-secondary, #c72b78);
}

.wj-lebenslauf-sidebar h3{
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:18px;
}

.wj-lebenslauf-side-card{
  background:var(--wj-dark, #111827);
  color:#fff;
  border-radius:24px;
  padding:30px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border-top:6px solid var(--wj-secondary, #c72b78);
}

.wj-lebenslauf-side-card h3,
.wj-lebenslauf-side-card p{
  color:#fff;
}

.wj-lebenslauf-side-card p{
  padding:0;
}

.wj-lebenslauf-side-card .wj-btn-primary{
  margin-top:15px;
}

/* Related Posts */
.wj-lebenslauf-posts,
.wj-related-posts{
  margin-top:60px;
  margin-bottom:70px;
}

.wj-section-title{
  font-size:clamp(1.7rem,3vw,2.6rem);
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:24px;
  color:var(--wj-dark, #111827);
}

.wj-post-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
}

/* Falls deine Cards aus load_article.php kommen */
.wj-post-grid .box,
.wj-lebenslauf-posts .box{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
}

/* Buttons */
.wj-btn,
.wj-btn-primary,
.wj-btn-secondary{
  display:inline-block;
  border-radius:14px;
  padding:14px 24px;
  font-weight:900;
  text-decoration:none !important;
  transition:.2s ease;
}

.wj-btn-primary{
  background:var(--wj-secondary, #c72b78);
  color:#fff !important;
  border:2px solid var(--wj-secondary, #c72b78);
}

.wj-btn-primary:hover{
  transform:translateY(-2px);
  opacity:.92;
}

.wj-btn-secondary{
  background:#fff;
  color:var(--wj-dark, #111827) !important;
  border:2px solid var(--wj-dark, #111827);
}

.wj-btn-secondary:hover{
  background:var(--wj-dark, #111827);
  color:#fff !important;
}

.wj-hero-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

/* Mobile */
@media only screen and (max-width:850px){
  .wj-lebenslauf-hero{
    padding:120px 20px 50px;
    background:
      linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
      url('/pics/bewerbung.jpg');
    background-size:cover;
    background-position:center;
  }

  .wj-lebenslauf-hero-inner{
    flex-direction:column;
    text-align:center;
    gap:28px;
  }

  .wj-lebenslauf-hero p{
    margin-left:auto;
    margin-right:auto;
  }

  .wj-hero-buttons{
    justify-content:center;
  }

  .wj-lebenslauf-intro,
  .wj-lebenslauf-layout,
  .wj-lebenslauf-posts,
  .wj-related-posts{
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
  }

  .wj-lebenslauf-intro{
    margin-top:40px;
    grid-template-columns:1fr;
  }

  .wj-lebenslauf-layout{
    margin-top:40px;
    margin-bottom:40px;
    grid-template-columns:1fr;
  }

  .wj-lebenslauf-content .wj-content-box,
  .wj-lebenslauf-sidebar .wj-content-box{
    padding:24px 18px;
    border-radius:20px;
  }

  .wj-lebenslauf-sidebar{
    position:static;
  }

  .wj-check-grid{
    grid-template-columns:1fr;
  }

  .wj-cta-box{
    flex-direction:column;
    text-align:center;
  }

  .wj-post-grid{
    grid-template-columns:1fr;
  }
}