.archive-article-hero{padding:clamp(9rem,16vw,13rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(circle at 82% 15%,rgba(0,98,91,.42),transparent 32%),linear-gradient(135deg,#0c0f1c,#101f35 58%,#003f3c);color:#fff;overflow:hidden}
.archive-article-hero .eyebrow{color:#e5bd5f}.archive-article-hero h1{max-width:68rem;font-family:var(--ff-display);font-size:clamp(2.8rem,6.5vw,6.2rem);line-height:.96;letter-spacing:-.018em;margin:.65rem 0 1.2rem;color:#fff}.archive-article-hero time{color:rgba(255,255,255,.72);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.archive-article-main{background:#f5f4f3;padding:clamp(4rem,8vw,7rem) 0}.archive-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,25rem);gap:clamp(2.5rem,6vw,6rem);align-items:start}.archive-article-content{min-width:0}.archive-article-content>p:first-child{font-size:clamp(1.15rem,1.7vw,1.38rem);line-height:1.75;color:#303442}.archive-article-content p,.archive-article-content li{font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.82;color:#4c5060}.archive-article-content h2,.archive-article-content h3,.archive-article-content h4{font-family:var(--ff-display);color:#101322;line-height:1.08;letter-spacing:-.01em;margin:2.25rem 0 1rem}.archive-article-content h2{font-size:clamp(2rem,4vw,3.5rem)}.archive-article-content h3{font-size:clamp(1.65rem,3vw,2.5rem)}.archive-article-content a{color:#003f3c;font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.16em}.archive-article-content blockquote{margin:2rem 0;padding:1.4rem 1.7rem;border-left:4px solid #e5bd5f;background:#fff;border-radius:0 1rem 1rem 0;box-shadow:0 16px 45px rgba(16,19,34,.07)}.archive-article-content figure{margin:clamp(2rem,5vw,4rem) 0}.archive-article-content img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:1.35rem;box-shadow:0 22px 65px rgba(16,19,34,.13)}.archive-article-content figcaption{margin-top:.75rem;color:#707482;font-size:.9rem;line-height:1.55}.archive-article-content mark{background:transparent;color:inherit}.archive-article-content .wp-block-separator{border:0;border-top:1px solid rgba(16,19,34,.14);margin:2.5rem 0}.archive-article-aside{position:sticky;top:6.5rem;padding:1.5rem;border-radius:1.4rem;background:#101322;color:#fff}.archive-article-aside img{display:block;width:100%;height:auto;max-height:23rem;object-fit:cover;border-radius:1rem;margin-bottom:1.25rem}.archive-article-aside p{color:rgba(255,255,255,.7);line-height:1.65}.archive-article-aside a{display:inline-flex;margin-top:.5rem;padding:.8rem 1.15rem;border-radius:999px;background:#e5bd5f;color:#101322;text-decoration:none;font-weight:800}.archive-back{display:inline-flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-weight:700;margin-bottom:1.3rem}.archive-back:hover{color:#e5bd5f}
@media(max-width:900px){.archive-article-layout{grid-template-columns:1fr}.archive-article-aside{position:static}.archive-article-aside img{max-height:32rem}.archive-article-hero h1{font-size:clamp(2.65rem,10vw,4.6rem)}}
@media(prefers-reduced-motion:no-preference){.archive-article-content figure{animation:archive-image-reveal both linear;animation-timeline:view();animation-range:entry 10% cover 35%}@keyframes archive-image-reveal{from{opacity:0;transform:translateY(2rem);clip-path:inset(0 0 28% 0 round 1.35rem)}to{opacity:1;transform:none;clip-path:inset(0 round 1.35rem)}}}
.archive-article-content video{display:block;width:100%;height:auto;max-height:75vh;background:#080a10;border-radius:1.35rem;box-shadow:0 22px 65px rgba(16,19,34,.16)}
.archive-article-hero .archive-subtitle{max-width:58rem;margin:0 0 1.35rem;color:rgba(255,255,255,.86);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}
.archive-article-hero--photo{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(8,14,27,.91) 0%,rgba(8,14,27,.70) 48%,rgba(8,14,27,.34) 100%),linear-gradient(0deg,rgba(8,14,27,.55),transparent 62%),var(--article-hero) center/cover no-repeat}
.archive-article-hero--photo .container{position:relative;z-index:1}
.archive-article-content .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.archive-article-content .wp-block-gallery figure{margin:0}.archive-article-content .wp-block-gallery img{height:100%;min-height:18rem;object-fit:cover}
.archive-article-content .article-download{display:inline-flex;padding:.85rem 1.2rem;border-radius:999px;background:#e5bd5f;color:#101322;text-decoration:none;font-weight:800}
.video-embed{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:1.35rem;box-shadow:0 22px 65px rgba(16,19,34,.16);background:#080a10}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Kampf um den Jemen: Video-Vorschaubild auch als Titelmotiv */
.archive-article-hero--jemen{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(6,16,28,.88) 0%,rgba(6,16,28,.66) 47%,rgba(6,16,28,.30) 76%,rgba(6,16,28,.42) 100%),
    linear-gradient(0deg,rgba(6,16,28,.55),rgba(6,16,28,.06) 64%),
    url('/aktuelles/assets/img/huthis.jpg') center 43% / cover no-repeat;
}
.archive-article-hero--jemen .container{position:relative;z-index:1}

@media(max-width:680px){
  .archive-article-content .wp-block-gallery{grid-template-columns:1fr}
  .archive-article-hero--jemen{
    background:
      linear-gradient(90deg,rgba(6,16,28,.88),rgba(6,16,28,.54)),
      url('/aktuelles/assets/img/huthis.jpg') 58% center / cover no-repeat;
  }
}
