.wj-ratgeber-hero{
  padding:145px 24px 75px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.9),rgba(255,255,255,.62)),
    url('/pics/main.jpg');
  background-size:cover;
  background-position:center right;
}

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

.wj-ratgeber-hero h1{
  font-size:clamp(2.3rem,5vw,4.6rem);
  font-weight:900;
  text-transform:uppercase;
  line-height:1;
}

.wj-ratgeber-hero h2{
  color:var(--wj-magenta);
  font-weight:900;
  text-transform:uppercase;
}

.wj-ratgeber-hero p{
  max-width:680px;
  font-size:1.1rem;
  color:#444;
}

.wj-ratgeber-featured,
.wj-ratgeber-layout{
  width:100%;
  max-width:1200px;
  margin:70px auto;
  padding:0 24px;
  box-sizing:border-box;
}

.wj-ratgeber-featured h2{
  font-size:clamp(1.8rem,4vw,3.2rem);
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:28px;
}

.wj-ratgeber-posts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.wj-ratgeber-layout{
  display:grid;
  grid-template-columns:1fr 340px;
  gap:30px;
  align-items:start;
}

.wj-ratgeber-main{
  display:grid;
  gap:26px;
}

.wj-ratgeber-sidebar{
  display:grid;
  gap:24px;
}

.wj-ratgeber-claim{
  text-align:center;
  border-top:6px solid var(--wj-magenta);
}

.wj-ratgeber-claim h2{
  font-size:clamp(2rem,5vw,4rem);
  font-weight:900;
  text-transform:uppercase;
  color:var(--wj-magenta);
}

.wj-ratgeber-claim p{
  font-size:1.2rem;
  font-weight:700;
}
.wj-ratgeber-card{
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border-bottom:6px solid var(--wj-magenta);
  transition:.25s ease;
}

.wj-ratgeber-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(0,0,0,.13);
}

.wj-ratgeber-card-img{
  display:block;
  height:210px;
  background-size:cover;
  background-position:center;
}

.wj-ratgeber-card-body{
  padding:24px;
}

.wj-ratgeber-card-body small{
  display:block;
  color:var(--wj-magenta);
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:8px;
}

.wj-ratgeber-card-body h3{
  font-size:1.25rem;
  font-weight:900;
  color:var(--wj-dark);
  margin-bottom:10px;
}

.wj-ratgeber-card-body p{
  color:#555;
  font-size:.95rem;
  padding:0;
}
@media(max-width:850px){
  .wj-ratgeber-hero{
    padding:120px 20px 50px;
    background:
      linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
      url('/pics/main.jpg');
    background-size:cover;
    background-position:center;
  }

  .wj-ratgeber-hero-inner{
    flex-direction:column;
    text-align:center;
  }

  .wj-ratgeber-layout,
  .wj-ratgeber-posts{
    grid-template-columns:1fr;
  }

  .wj-ratgeber-featured,
  .wj-ratgeber-layout{
    padding:0 16px;
    margin:40px auto;
  }
}