.j-body{background:var(--chalk);color:var(--text);font-family:system-ui,-apple-system,sans-serif}

.j-wrap{max-width:640px;margin:0 auto;padding:0 24px}

/* Übersicht */
.j-list-head{padding:64px 0 32px}
.j-list-eyebrow{font-size:.52rem;letter-spacing:.35em;text-transform:uppercase;color:var(--mid);margin-bottom:10px;font-weight:700}
.j-list-title{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:700;line-height:1.15;color:var(--text)}
.j-list{padding-bottom:64px;display:grid;grid-template-columns:1fr 1fr;gap:8px 48px}
.j-list-entry{border-top:1px solid var(--linen);padding:20px 0}
.j-row-num{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);margin-bottom:6px;font-weight:700}
.j-row-title{font-size:.95rem;font-weight:700;line-height:1.3;color:var(--text);margin-bottom:14px;min-height:2.48rem}

@media (max-width:768px){
  .j-list-head{padding:48px 0 24px}
  .j-list{grid-template-columns:1fr;padding-bottom:40px;gap:0}
  .j-list-entry{padding:16px 0}
  .j-row-title{font-size:.85rem;min-height:2.21rem}
}

/* Einzelartikel */
.j-article-head{padding:64px 0 0}
.j-kennung{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);margin-bottom:12px;font-weight:700}
.j-title{font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:700;line-height:1.2;color:var(--text);margin-bottom:24px}
.j-image-wrap{display:flex;justify-content:center;margin-bottom:32px}
.j-image{width:50%;aspect-ratio:3/2;object-fit:cover;display:block}
.j-content{padding-bottom:64px}
.j-content p{font-size:.8rem;line-height:1.75;color:#66645e;margin-bottom:11px}
.j-content h2{font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text);font-weight:700;margin:26px 0 10px}
.j-back{display:inline-block;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);text-decoration:none;margin-bottom:20px;font-weight:700}
.j-back:hover{color:var(--text)}

/* Hero-Header (volle Breite Bild + zweispaltiger Einstieg) */
.j-hero-back{max-width:900px;margin:0 auto;padding:20px 24px 0}
.j-hero-wrap{max-width:900px;margin:0 auto;padding:0 24px}
.j-hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.j-intro-wrap{max-width:900px;margin:0 auto;padding:28px 24px 8px}
.j-intro-grid{display:flex;gap:32px;align-items:flex-start}
.j-intro-left{flex:0 0 36%}
.j-intro-right{flex:1;border-left:1px solid var(--linen);padding-left:32px}
.j-title-big{font-size:clamp(1.15rem,2.3vw,1.7rem);font-weight:700;line-height:1.25;color:var(--text);margin-top:8px}
.j-intro-right p{font-size:.8rem;line-height:1.75;color:#66645e;margin:0}

@media (max-width:768px){
  .j-intro-grid{flex-direction:column;gap:16px}
  .j-intro-right{border-left:none;border-top:1px solid var(--linen);padding-left:0;padding-top:16px}
}

/* Akkordeon-Vorschau (Startseite & Übersicht) */
.j-teaser-row{cursor:pointer}
.j-teaser-preview{overflow:hidden;max-height:0;transition:max-height .3s ease}
.j-teaser-preview.open{max-height:300px}
.j-teaser-preview-inner{display:flex;gap:16px;padding:16px 0 20px}
.j-teaser-thumb{width:110px;flex-shrink:0;aspect-ratio:16/9;object-fit:cover}
.j-teaser-excerpt{font-size:.72rem;line-height:1.65;color:#66645e;margin:0 0 8px}
.j-teaser-more{font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text);text-decoration:none;font-weight:700}
.j-teaser-more:hover{opacity:.6}

@media (max-width:768px){
  .j-teaser-preview-inner{gap:12px}
  .j-teaser-thumb{width:80px}
  .j-teaser-excerpt{font-size:.68rem}
}

@media (max-width:768px){
  .j-article-head{padding:48px 0 0}
  .j-title{margin-bottom:18px}
  .j-image{width:70%}
  .j-image-wrap{margin-bottom:24px}
  .j-content{padding-bottom:40px}
  .j-content p{font-size:.76rem}
}