:root{
  --ink:#0c1b2a; --muted:#5d6b7a; --brand:#A23B83; --blue:#4AA3E2;
  --card:#fff; --shadow:0 10px 30px rgba(12,27,42,.10); --radius:16px;
}
.wys p{margin:0 0 1em;font-size: 20px;line-height: 160%;}
.topic-hero{padding:18px 0 10px;}
.topic-title{font-size:36px;font-weight:800;margin:0 0 6px;}
.topic-intro{max-width:70ch;color:var(--muted);margin:0 0 18px;}
.topic-toc{margin:18px 0 26px}
.toc-card{background:#e9f2f9;border-radius:0 0px 20px 20px;padding:24px 26px}
.toc-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.toc-item{position:relative;padding-left:34px}
.toc-item::before{
  content:""; position:absolute; left:10px; top:.55em; width:0; height:0;
  border-left:12px solid #9A4AA1; border-top:7px solid transparent; border-bottom:7px solid transparent;
  transform-origin:3px 50%; opacity:.95
}
.toc-link{
  font-weight:600; font-size:30px; line-height:1.2;
  color:#419FBE; text-decoration:none; display:inline-block
}
.toc-link:hover{text-decoration:underline}
.topic-section.is-highlight{animation:topicFlash 1.6s ease}
.blue-box {padding-top: 20px;}
@keyframes topicFlash{
  0%{box-shadow:0 0 0 0 rgba(74,163,226,.35)}
  30%{box-shadow:0 0 0 10px rgba(74,163,226,.25)}
  100%{box-shadow:0 0 0 0 rgba(74,163,226,0)}
}

.topic-section{padding:60px 0}
.topic-h2{font-size:42px;margin:0 0 10px; font-weight: 600; color:#242424}
.topic-callout{background:#e9f2f9;border-radius:10px;padding:14px 16px;margin:10px 0 16px;font-weight:600;}
.topic-body img,
.topic-callout img,
.topic-body figure,
.topic-body .wp-block-image,
.topic-body .wp-block-media-text__media,
.topic-body .wp-block-cover,
.topic-body .wp-block-cover__image-background{
  border-radius:var(--radius);
}
.topic-body figure,
.topic-body .wp-block-image,
.topic-body .wp-block-media-text__media,
.topic-body .wp-block-cover{
  overflow:hidden;
}
.topic-video{margin:18px 0;}
.video-frame{position:relative;border-radius:10px;overflow:hidden;background:#000;}
.video-poster{display:block;width:100%;height:560px;opacity:.86;}
.video-play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border:none;border-radius:999px;background:rgba(255,255,255,.85);cursor:pointer;}
.video-play::after{content:"";position:absolute;left:34px;top:26px;border-left:18px solid #a23b83;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.video-iframe,.video-file{display:block;width:100%;height:58vh;min-height:320px;border:0;}
.related-news,.related-papers{padding:80px 0;}
.sec-title{text-align:center;font-size:42px;letter-spacing:.06em;margin:0 0 16px; font-weight: 600; text-transform: uppercase;}
.sec-intro{text-align:center;color:var(--muted);max-width:70ch;margin:0 auto 26px; font-size: 20px;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-card{background:var(--card);overflow:hidden;}
.news-thumb{
  display:block;
  line-height:0;
  border-radius:10px;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#f0f4f8;
}
.news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.news-thumb--ph{
  width:100%;
  aspect-ratio:16/9;
  background:#f0f4f8;
  border-radius:10px;
}
.news-date{display:block;color:var(--muted);font-size:14px;margin:10px 4px 0;}
.news-ttl{font-size:17px;line-height:1.3;margin:6px 4px 10px;}
.news-ttl a{color:var(--ink);text-decoration:none;}
.news-more{display:inline-block;margin:0 4px 16px;color:var(--brand);font-weight:600;text-decoration:none;}
.news-more:hover{text-decoration:underline;}
.paper-grid{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.paper-chip{display:flex;align-items:center;gap:10px;background:#eef2f6;border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);}
.paper-chip:hover{background:#e6edf4;}
.chip-tx{font-weight:700;}
.sec-cta{text-align:center;margin:14px 0 0;}
.btn-pill{display:inline-block;padding:14px 60px;border-radius:999px;background:#B25293;color:#fff;text-decoration:none;font-weight:600;}
.btn-pill:hover{opacity:.9;}
.related-papers .paper-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.related-papers{
  background-color: #FDFAF8;
}
.related-papers .paper-chip{
  display:flex;
  align-items:center;
  gap:18px;
  background:#E7EAF2;
  border-radius:6px;
  padding:18px 20px;
  text-decoration:none;
  color:#0c1b2a;
  transition:transform .15s ease, box-shadow .15s ease;
}
.related-papers .paper-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(12,27,42,.08);
}
.related-papers .chip-ic{
  position:relative;
  flex:0 0 auto;
  width:48px;
  height:56px;
  background: no-repeat center/contain;
background-image:url("https://eaa.kundenprojekte25.de/wp-content/uploads/2025/08/Vector.svg");

}

.related-papers .chip-tx{
  font-weight:600;
  font-size:18px;
  line-height:1.25;
}
@media (max-width:980px){.news-grid{grid-template-columns:repeat(2,1fr);} .paper-grid{grid-template-columns:repeat(2,1fr);}.related-papers .paper-grid{grid-template-columns:repeat(2,1fr)}
 }
@media (max-width:620px){.news-grid,.paper-grid{grid-template-columns:1fr;} .topic-title{font-size:30px;} .video-iframe,.video-file{height:46vh;min-height:240px;}.related-papers .paper-grid{grid-template-columns:1fr}
  .related-papers .chip-tx{font-size:16px} }

@media (max-width: 767px) {
  .home-news { overflow: hidden; }
.sec-title{
    font-size: 30px;
    margin: 0 0 10px;
  }
  .sec-intro{
    font-size:18px;
    margin:0 0 12px;
    padding:0 12px;
    max-width:100%;
}
  .news-grid{
    /* turn the grid into a horizontal scroller */
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: clamp(14px, 4vw, 18px);
    padding: 0 clamp(12px, 4vw, 16px) 6px; /* inner space so first/last align nicely */
    margin: 0; /* override the 0 10px from base */
    scroll-snap-type: x mandatory;
    scroll-padding-left: clamp(12px, 4vw, 16px);
    scrollbar-width: none;        /* hide scrollbar (Firefox) */
  }
  .news-grid::-webkit-scrollbar{  /* hide scrollbar (WebKit) */
    display: none;
  }

  .news-card{
    flex: 0 0 85%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

}