/* Projektstand 34: News-Artikel visuell überarbeitet und mobil optimiert */
.page-news-article .breadcrumbs18{display:none!important}

.page-news-article .news-hero30.news-hero34{
  position:relative;
  min-height:clamp(500px,72vh,780px);
  padding:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  border-top:1px solid rgba(214,173,93,.14);
  border-bottom:1px solid rgba(214,173,93,.18);
  background:
    linear-gradient(180deg,rgba(6,8,12,.10) 0%,rgba(7,9,13,.55) 35%,rgba(7,9,13,.94) 100%),
    linear-gradient(90deg,rgba(8,10,14,.90) 0%,rgba(8,10,14,.60) 42%,rgba(8,10,14,.78) 100%),
    radial-gradient(circle at 75% 20%,rgba(214,173,93,.20),transparent 28%),
    url('jason_and_lucia_03.webp') center 28%/cover;
}
.page-news-article .news-hero30.news-hero34::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:180px;
  background:linear-gradient(180deg,transparent,rgba(16,17,19,.92));
}
.page-news-article .hero-shell34{
  position:relative;
  z-index:1;
  max-width:1040px;
  margin:0 auto;
  padding:156px 7% 84px;
  text-align:center;
}
.page-news-article .news-hero34 .news-kicker30{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto 22px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(15,17,24,.42);
  border:1px solid rgba(214,173,93,.26);
  color:#f2ca78;
  letter-spacing:.18em;
  backdrop-filter:blur(6px);
}
.page-news-article .news-hero34 h1{
  max-width:940px;
  margin:0 auto 24px;
  color:#faf4ec;
  font-size:clamp(3.3rem,7vw,6.7rem);
  line-height:.92;
  text-wrap:balance;
}
.page-news-article .news-hero34 p{
  max-width:820px;
  margin:0 auto;
  color:#ede6da;
  font-size:clamp(1rem,1.8vw,1.18rem);
  line-height:1.8;
  text-wrap:pretty;
}

.page-news-article .news-article30{
  max-width:1320px;
  padding-top:54px;
  padding-bottom:88px;
}
.page-news-article .news-summary30{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  max-width:1180px;
  margin:0 auto 36px;
}
.page-news-article .news-stat30{
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  min-height:184px;
  padding:28px 26px;
  border-radius:24px;
  border:1px solid rgba(214,173,93,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.page-news-article .news-stat30 .stat-kicker33{
  min-height:auto;
  padding:7px 12px;
  background:rgba(214,173,93,.08);
  border:1px solid rgba(214,173,93,.2);
}
.page-news-article .news-stat30 strong{
  margin:2px 0 0;
  font-size:clamp(2.1rem,3vw,2.9rem);
}
.page-news-article .news-stat30 .stat-text33{
  max-width:17ch;
  margin:0 auto;
  color:#d4cec5;
  line-height:1.62;
  text-wrap:balance;
}

.page-news-article .news-panorama34{
  max-width:1180px;
  margin:0 auto 44px;
}
.page-news-article .news-panorama34 img{
  width:100%;
  height:470px;
  object-fit:cover;
  object-position:center 30%;
  display:block;
  border-radius:26px;
}
.page-news-article .news-panorama34 figcaption{
  padding:18px 18px 0;
  color:#bcb4a8;
  font-size:14px;
  line-height:1.65;
  text-align:center;
}

.page-news-article .news-prose30{
  max-width:980px;
  margin:0 auto;
}
.page-news-article .news-prose30 > p,
.page-news-article .news-prose30 .news-note30,
.page-news-article .news-prose30 .news-source30,
.page-news-article .news-prose30 .hero-actions{
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
}
.page-news-article .news-prose30 > p{
  color:#ece8df;
  font-size:1.08rem;
  line-height:1.9;
}
.page-news-article .news-prose30 h2{
  max-width:860px;
  margin:68px auto 22px;
  text-align:center;
  font-size:clamp(2.25rem,4.2vw,4.1rem);
  line-height:1;
  text-wrap:balance;
}
.page-news-article .news-prose30 h2::after{display:none!important}

.page-news-article .news-tracklist30{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin:30px 0 16px;
  padding:0;
  list-style:none;
}
.page-news-article .news-tracklist30 li{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    'number title'
    'number detail';
  column-gap:16px;
  row-gap:10px;
  min-height:172px;
  padding:22px 22px;
  border:1px solid rgba(214,173,93,.16);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.page-news-article .news-tracklist30 li .track-no34{
  grid-area:number;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(214,173,93,.10);
  border:1px solid rgba(214,173,93,.18);
  color:#f3d38e;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:1.45rem;
  line-height:1;
}
.page-news-article .news-tracklist30 strong{
  grid-area:title;
  display:block;
  margin-top:4px;
  font-size:1.18rem;
  line-height:1.22;
}
.page-news-article .news-tracklist30 .track-detail33{
  grid-area:detail;
  display:block;
  color:#d2cec7;
  line-height:1.68;
}

.page-news-article .news-gallery34{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  max-width:1040px;
  margin:36px auto 10px;
}
.page-news-article .news-gallery34 figure{
  margin:0;
  border:1px solid rgba(214,173,93,.14);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.01));
}
.page-news-article .news-gallery34 img{
  width:100%;
  height:300px;
  object-fit:cover;
  display:block;
}
.page-news-article .news-gallery34 figcaption{
  padding:16px 18px 18px;
  color:#c2bbaf;
  font-size:14px;
  line-height:1.65;
}
.page-news-article .news-note30{
  margin-top:16px;
  border-radius:18px;
}
.page-news-article .news-source30{
  margin-top:34px;
}
.page-news-article .hero-actions{
  justify-content:center;
  gap:16px 22px;
  flex-wrap:wrap;
  margin-top:36px;
}

@media(max-width:1100px){
  .page-news-article .news-tracklist30{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-news-article .news-gallery34{grid-template-columns:1fr}
}

@media(max-width:760px){
  .page-news-article .news-hero30.news-hero34{
    min-height:auto;
    background:
      linear-gradient(180deg,rgba(6,8,12,.18) 0%,rgba(7,9,13,.56) 28%,rgba(7,9,13,.96) 100%),
      linear-gradient(90deg,rgba(8,10,14,.88) 0%,rgba(8,10,14,.58) 100%),
      radial-gradient(circle at 70% 16%,rgba(214,173,93,.18),transparent 32%),
      url('jason_and_lucia_03.webp') center 28%/cover;
  }
  .page-news-article .hero-shell34{
    padding:120px 18px 56px;
  }
  .page-news-article .news-hero34 h1{
    max-width:12ch;
    font-size:clamp(2.7rem,13vw,4.3rem);
    line-height:.94;
  }
  .page-news-article .news-hero34 p{
    max-width:36ch;
    font-size:1rem;
    line-height:1.78;
  }
  .page-news-article .news-article30{padding:42px 18px 72px}
  .page-news-article .news-summary30{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
  .page-news-article .news-stat30{min-height:0;padding:22px 20px;border-radius:20px}
  .page-news-article .news-panorama34{margin-bottom:30px}
  .page-news-article .news-panorama34 img{height:270px;border-radius:20px}
  .page-news-article .news-panorama34 figcaption{padding-top:14px;font-size:13px}
  .page-news-article .news-prose30>p{font-size:1rem;line-height:1.82}
  .page-news-article .news-prose30 h2{margin:50px auto 18px;font-size:clamp(2rem,11vw,3rem)}
  .page-news-article .news-tracklist30{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .page-news-article .news-tracklist30 li{min-height:0;padding:18px 18px 19px}
  .page-news-article .news-tracklist30 li .track-no34{width:44px;height:44px;font-size:1.35rem}
  .page-news-article .news-gallery34{gap:14px;margin-top:28px}
  .page-news-article .news-gallery34 img{height:230px}
  .page-news-article .news-gallery34 figcaption{font-size:13px;padding:14px 16px 16px}
  .page-news-article .hero-actions{align-items:stretch;flex-direction:column}
  .page-news-article .hero-actions .button,
  .page-news-article .hero-actions .text-link{width:100%;justify-content:center;text-align:center}
}