/* =========================================================
   BaTTV · NEWS-DETAIL + FALLBACK
   ========================================================= */

.news.news-single,
.news.news-single * {
  box-sizing: border-box;
}

.news.news-single {
  --nd-navy: #0b1f3a;
  --nd-blue: #0b3c6f;
  --nd-orange: #e98b00;
  --nd-yellow: #f5b400;
  --nd-light: #edf5fb;
  --nd-muted: #5e6e7c;
  --nd-line: rgba(11,31,58,.10);
  --nd-shadow: 0 .35rem 1rem rgba(11,31,58,.07);
}

/* Inhaltselement-Titel über der eigentlichen News ausblenden */
.frame:has(.news.news-single) .frame-header {
  display: none !important;
}

.frame:has(.news.news-single),
.frame:has(.news.news-single) .frame-group-container,
.frame:has(.news.news-single) .frame-group-inner,
.frame:has(.news.news-single) .frame-container,
.frame:has(.news.news-single) .frame-inner {
  margin-top: 0 !important;
}

/* ---------------------------------------------------------
   ARTIKELKARTE
   --------------------------------------------------------- */
.news.news-single .article {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 1.25rem auto 2.75rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--nd-line);
  border-radius: 1.05rem;
  box-shadow: var(--nd-shadow);
}

/* ---------------------------------------------------------
   KOPFBILD / ERSATZGRAFIK
   --------------------------------------------------------- */
.news.news-single .battv-nd-visual {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  background: var(--nd-light);
  border-bottom: 4px solid var(--nd-yellow);
}

.news.news-single .battv-nd-visual .thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  background: transparent;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.news.news-single .battv-nd-visual .thumbnail img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border: 0;
  cursor: zoom-in;
  transition: transform .3s ease;
}

.news.news-single .battv-nd-visual .thumbnail:hover img {
  transform: scale(1.015);
}

.news.news-single .battv-nd-visual .thumbnail .caption {
  position: absolute;
  right: .85rem;
  bottom: .75rem;
  left: .85rem;
  z-index: 2;
  width: auto;
  margin: 0;
  padding: .42rem .62rem;
  color: #fff;
  background: rgba(11,31,58,.78);
  border: 0;
  border-radius: .45rem;
  font-size: .72rem;
  line-height: 1.35;
  white-space: pre-line;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Lupe auf dem Kopfbild */
.news.news-single .battv-nd-visual .thumbnail::after {
  position: absolute;
  top: .7rem;
  right: .7rem;
  z-index: 3;
  width: 34px;
  height: 34px;
  background:
    rgba(11,31,58,.64)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E")
    center / 18px no-repeat;
  border-radius: 50%;
  pointer-events: none;
  opacity: .88;
  content: "";
}

/* ---------------------------------------------------------
   AUTOMATISCHE BATTV-ERSATZGRAFIK
   --------------------------------------------------------- */
.battv-news-placeholder {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: clamp(1.15rem,3vw,2.1rem);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 88% 18%, rgba(245,180,0,.34), transparent 24%),
    radial-gradient(circle at 12% 86%, rgba(255,255,255,.10), transparent 30%),
    linear-gradient(135deg, #0b1f3a 0%, #0b3c6f 67%, #0b1f3a 100%);
}

.battv-news-placeholder::before {
  position: absolute;
  inset: 0;
  opacity: .30;
  background-image: radial-gradient(rgba(255,255,255,.28) .7px, transparent .8px);
  background-size: 14px 14px;
  content: "";
}

.battv-news-placeholder::after {
  position: absolute;
  top: -54px;
  right: -38px;
  width: 220px;
  height: 220px;
  border: 30px solid rgba(255,255,255,.055);
  border-radius: 50%;
  content: "";
}

.battv-news-placeholder__logo {
  position: absolute;
  top: clamp(.85rem,2vw,1.35rem);
  left: clamp(.9rem,2.4vw,1.5rem);
  z-index: 2;
  display: block;
  width: clamp(118px,18vw,185px);
  height: auto;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  opacity: .98;
}

.battv-news-placeholder__brand {
  position: absolute;
  top: 1.05rem;
  left: 1.25rem;
  z-index: 2;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: .04em;
}

.battv-news-placeholder__category {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin: 0 0 .55rem;
  padding: .24rem .62rem;
  color: var(--nd-navy, #0b1f3a);
  background: var(--nd-yellow, #f5b400);
  border-radius: 999px;
  font-size: clamp(.57rem,1vw,.68rem);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.battv-news-placeholder__title {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 84%;
  color: #fff;
  font-size: clamp(1.15rem,2.5vw,2rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.battv-news-placeholder__paddle {
  position: absolute;
  right: clamp(1.2rem,4vw,3.1rem);
  bottom: clamp(1rem,3vw,2.1rem);
  z-index: 1;
  width: clamp(48px,8vw,82px);
  height: clamp(48px,8vw,82px);
  background: var(--nd-orange, #e98b00);
  border-radius: 50%;
  opacity: .92;
  transform: rotate(-25deg);
}

.battv-news-placeholder__paddle::after {
  position: absolute;
  right: -8px;
  bottom: -31%;
  width: 22%;
  height: 48%;
  background: var(--nd-navy, #0b1f3a);
  border-radius: 999px;
  content: "";
}

.battv-news-placeholder__ball {
  position: absolute;
  top: 34%;
  right: 19%;
  z-index: 2;
  width: clamp(15px,2.2vw,24px);
  height: clamp(15px,2.2vw,24px);
  background: #fff;
  border: 2px solid rgba(11,31,58,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(255,255,255,.07);
}

/* ---------------------------------------------------------
   TITEL + META
   --------------------------------------------------------- */
.news.news-single .article > h1 {
  max-width: 940px;
  margin: 0 auto !important;
  padding: 1.5rem 1.55rem .85rem !important;
  color: var(--nd-navy) !important;
  background: #fff;
  border: 0 !important;
  font-size: clamp(1.55rem,3vw,2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em;
  text-transform: none !important;
  text-wrap: balance;
}

.news.news-single .article > h1::before {
  display: none !important;
  content: none !important;
}

.news.news-single .article > h1::after {
  display: block;
  width: 54px;
  height: 4px;
  margin-top: .72rem;
  background: var(--nd-yellow);
  border-radius: 999px;
  content: "";
}

.news.news-single .article > .extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .42rem;
  max-width: 940px;
  margin: 0 auto .95rem !important;
  padding: 0 1.55rem;
  color: var(--nd-muted);
  background: #fff;
  border: 0;
  box-shadow: none;
}

.news.news-single .battv-nd-chip {
  display: inline-flex;
  align-items: center;
  gap: .36rem;
  min-height: 29px;
  margin: 0;
  padding: .28rem .62rem;
  color: var(--nd-blue);
  background: var(--nd-light);
  border: 1px solid rgba(11,60,111,.12);
  border-radius: 999px;
  font: inherit;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.news.news-single .battv-nd-chip svg {
  flex: none;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.news.news-single .battv-nd-chip--cat {
  color: var(--nd-navy);
  background: rgba(245,180,0,.20);
  border-color: rgba(245,180,0,.34);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.news.news-single button.battv-nd-chip {
  margin-left: auto;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.news.news-single button.battv-nd-chip:hover,
.news.news-single button.battv-nd-chip:focus-visible {
  color: #fff;
  background: var(--nd-blue);
  border-color: var(--nd-blue);
}

/* ---------------------------------------------------------
   URSPRÜNGLICHES 8/4-LAYOUT NACH DEM VERSCHIEBEN AUFRÄUMEN
   --------------------------------------------------------- */
.news.news-single .article > .row.battv-nd-row-clean {
  display: block !important;
  margin: 0 !important;
}

.news.news-single .article .battv-nd-maincol {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 100% !important;
}

/* ---------------------------------------------------------
   ARTIKELTEXT
   --------------------------------------------------------- */
.news.news-single .lead,
.news.news-single .news-text-wrap {
  width: auto;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.55rem;
  padding-left: 1.55rem;
}

.news.news-single .lead {
  margin-bottom: .55rem;
  color: var(--nd-navy);
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.65;
}

.news.news-single .lead:empty {
  display: none;
}

.news.news-single .news-text-wrap {
  color: #26384a;
  font-size: 1.04rem;
  line-height: 1.78;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

.news.news-single .news-text-wrap p {
  margin: 0 0 1.05rem !important;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: left !important;
}

.news.news-single .news-text-wrap > p:first-child {
  color: var(--nd-navy);
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.7;
}

.news.news-single .news-text-wrap strong,
.news.news-single .news-text-wrap b {
  color: var(--nd-navy);
  font-weight: 700;
}

.news.news-single .news-text-wrap h2,
.news.news-single .news-text-wrap h3,
.news.news-single .news-text-wrap h4 {
  color: var(--nd-navy);
  font-weight: 800;
  line-height: 1.28;
  text-transform: none;
}

.news.news-single .news-text-wrap h2 {
  margin: 1.45rem 0 .7rem;
  font-size: clamp(1.2rem,2vw,1.48rem);
}

.news.news-single .news-text-wrap h3 {
  margin: 1.2rem 0 .55rem;
  font-size: 1.12rem;
}

.news.news-single .news-text-wrap h4 {
  margin: 1.05rem 0 .5rem;
  font-size: 1.02rem;
}

.news.news-single .news-text-wrap ul,
.news.news-single .news-text-wrap ol {
  margin: 0 0 1.05rem;
  padding-left: 1.3rem;
}

.news.news-single .news-text-wrap li + li {
  margin-top: .3rem;
}

.news.news-single .news-text-wrap li::marker {
  color: var(--nd-orange);
}

.news.news-single .news-text-wrap a {
  color: var(--nd-blue) !important;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: rgba(11,60,111,.35);
  text-decoration-thickness: .08em;
  text-underline-offset: .16em;
}

.news.news-single .news-text-wrap a:hover,
.news.news-single .news-text-wrap a:focus {
  color: var(--nd-orange) !important;
  text-decoration-color: currentColor;
}

.news.news-single .news-text-wrap blockquote {
  margin: 1.4rem 0;
  padding: .9rem 1.1rem;
  color: var(--nd-navy);
  background: #fff8e1;
  border: 0;
  border-left: 4px solid var(--nd-yellow);
  border-radius: .6rem;
  font-size: 1.08rem;
  font-style: italic;
  line-height: 1.65;
}

.news.news-single .news-text-wrap table {
  width: 100%;
  margin: 0 0 1.1rem;
  border-collapse: collapse;
  font-size: .92rem;
}

.news.news-single .news-text-wrap th,
.news.news-single .news-text-wrap td {
  padding: .5rem .6rem;
  border-bottom: 1px solid var(--nd-line);
  text-align: left;
}

.news.news-single .news-text-wrap th {
  color: var(--nd-navy);
  background: var(--nd-light);
}

/* ---------------------------------------------------------
   DOKUMENT-LINKS / AUSSCHREIBUNG / ERGEBNISSE
   --------------------------------------------------------- */
.news.news-single .news-text-wrap a.battv-nd-filelink {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  min-height: 34px;
  margin: .18rem .28rem .18rem 0;
  padding: .42rem .66rem;
  color: var(--nd-blue) !important;
  background: #fff;
  border: 1px solid rgba(11,60,111,.22);
  border-radius: .52rem;
  box-shadow: 0 .08rem .18rem rgba(11,31,58,.025);
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
}

.news.news-single .news-text-wrap a.battv-nd-filelink svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.news.news-single .news-text-wrap a.battv-nd-filelink small {
  margin-left: .05rem;
  color: rgba(11,60,111,.66);
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .05em;
}

.news.news-single .news-text-wrap a.battv-nd-filelink:hover,
.news.news-single .news-text-wrap a.battv-nd-filelink:focus {
  color: var(--nd-navy) !important;
  background: #fff9e8;
  border-color: var(--nd-yellow);
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   TEXT-/FOTO-CREDIT
   --------------------------------------------------------- */
.news.news-single .news-text-wrap > p.battv-nd-credit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .6rem;
  margin: 1.5rem 0 0 !important;
  padding: .7rem .9rem;
  color: var(--nd-muted);
  background: var(--nd-light);
  border: 1px solid rgba(11,60,111,.10);
  border-radius: .6rem;
  font-size: .78rem;
  font-style: normal;
  line-height: 1.45;
}

.news.news-single .news-text-wrap > p.battv-nd-credit strong {
  color: var(--nd-blue);
  font-weight: 700;
}

.news.news-single .news-text-wrap > p.battv-nd-credit br {
  display: none;
}

.news.news-single .news-text-wrap > p:last-child {
  margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   WEITERE BILDER
   erstes Bild = Kopfbild, weitere bleiben erhalten
   --------------------------------------------------------- */
.news.news-single .battv-nd-gallery {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .8rem;
  width: auto !important;
  max-width: 780px !important;
  margin: 1.4rem auto 0 !important;
  padding: 0 1.55rem 1.4rem !important;
}

.news.news-single .battv-nd-gallery .thumbnail {
  position: relative;
  width: 100%;
  margin: 0 !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--nd-line);
  border-radius: .8rem;
  box-shadow: 0 .2rem .7rem rgba(11,31,58,.05);
}

.news.news-single .battv-nd-gallery .thumbnail img {
  display: block;
  width: 100% !important;
  aspect-ratio: 4 / 3;
  height: auto !important;
  object-fit: cover;
  border: 0;
  cursor: zoom-in;
}

.news.news-single .battv-nd-gallery .thumbnail .caption {
  margin: 0;
  padding: .6rem .72rem .68rem;
  color: var(--nd-muted);
  background: #fff;
  border-top: 1px solid var(--nd-line);
  font-size: .72rem;
  line-height: 1.4;
  white-space: pre-line;
}

/* ---------------------------------------------------------
   ZURÜCK
   --------------------------------------------------------- */
.news.news-single .article .btn-primary,
.news.news-single .article .btn-primary:link,
.news.news-single .article .btn-primary:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  width: max-content;
  min-height: 38px;
  margin: 1.35rem auto 1.55rem !important;
  padding: .5rem .78rem;
  color: #fff !important;
  background: var(--nd-navy) !important;
  border: 1px solid var(--nd-navy) !important;
  border-radius: .62rem;
  box-shadow: none !important;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

.news.news-single .article .btn-primary svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.news.news-single .article .btn-primary:hover,
.news.news-single .article .btn-primary:focus-visible {
  color: var(--nd-navy) !important;
  background: var(--nd-yellow) !important;
  border-color: var(--nd-yellow) !important;
}

.news.news-single .article .btn-primary::before,
.news.news-single .article .btn-primary::after {
  display: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   FALLBACK AUCH IN NEWS-KACHELN
   --------------------------------------------------------- */
.news-grid-view .nimg .battv-news-placeholder,
.news-grid-view .nimg .battv-news-placeholder-link {
  width: 100%;
  height: 100%;
}

.news-grid-view .nimg .battv-news-placeholder {
  aspect-ratio: 4 / 3;
  padding: 1.05rem;
}

.news-grid-view .nimg .battv-news-placeholder__logo {
  width: clamp(92px,10vw,135px);
  max-height: 44px;
}

.news-grid-view .nimg .battv-news-placeholder__category {
  margin-bottom: .38rem;
  font-size: .55rem;
}

.news-grid-view .nimg .battv-news-placeholder__title {
  max-width: 86%;
  font-size: clamp(.88rem,1.5vw,1.16rem);
  line-height: 1.18;
}

.news-grid-view .nimg .battv-news-placeholder__paddle {
  right: 1rem;
  bottom: .9rem;
  width: 48px;
  height: 48px;
}

.news-grid-view .nimg .battv-news-placeholder__ball {
  width: 15px;
  height: 15px;
}

.news-grid-view .battv-news-placeholder-link {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 767.98px) {
  .news.news-single .article {
    margin-top: .8rem;
    border-radius: .9rem;
  }

  .news.news-single .battv-nd-visual {
    aspect-ratio: 4 / 3;
  }

  .news.news-single .article > h1 {
    padding: 1.15rem 1.1rem .72rem !important;
    font-size: clamp(1.35rem,6vw,1.8rem) !important;
  }

  .news.news-single .article > .extra {
    padding: 0 1.1rem;
  }

  .news.news-single .lead,
  .news.news-single .news-text-wrap {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
  }

  .news.news-single .news-text-wrap {
    font-size: 1rem;
    line-height: 1.68;
  }

  .news.news-single .battv-nd-gallery {
    padding-right: 1.1rem !important;
    padding-left: 1.1rem !important;
  }

  .battv-news-placeholder__title {
    max-width: 92%;
  }
}

@media (max-width: 575.98px) {
  .news.news-single .battv-nd-chip {
    min-height: 27px;
    padding: .25rem .52rem;
    font-size: .67rem;
  }

  .news.news-single button.battv-nd-chip {
    margin-left: 0;
  }

  .news.news-single .news-text-wrap a.battv-nd-filelink {
    white-space: normal;
  }

  .news.news-single .battv-nd-gallery {
    grid-template-columns: 1fr;
  }
}

/* ---------------------------------------------------------
   DRUCK / REDUZIERTE BEWEGUNG
   --------------------------------------------------------- */
@media print {
  .news.news-single .article {
    border: 0;
    box-shadow: none;
  }

  .news.news-single button.battv-nd-chip,
  .news.news-single .article .btn-primary,
  .news.news-single .thumbnail::after {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news.news-single .thumbnail img,
  .news.news-single .news-text-wrap a.battv-nd-filelink,
  .news.news-single button.battv-nd-chip {
    transition: none;
  }

  .news.news-single .thumbnail:hover img,
  .news.news-single .news-text-wrap a.battv-nd-filelink:hover {
    transform: none;
  }
}/* =========================================================
   BaTTV · globale Foto-Lightbox
   Nur News- und Personenfotos
   ========================================================= */

.news.news-single .thumbnail img,
#battv-personen-v2 .battv-pc-media img,
.battv-presidium img,
.battv-board-overview img,
.battv-ausschuesse img {
    cursor: zoom-in;
}


/* Overlay */

#battv-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 2rem;

    background: rgba(5, 18, 34, .92);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

#battv-lightbox.is-open {
    display: flex;
}


/* Bild + Beschriftung */

#battv-lightbox__figure {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    max-width: 94vw;
    max-height: 94vh;

    margin: 0;
}

#battv-lightbox__image {
    display: block;

    width: auto;
    height: auto;

    max-width: min(94vw, 1600px);
    max-height: 86vh;

    object-fit: contain;

    border-radius: .7rem;

    box-shadow:
        0 1.25rem 3rem rgba(0, 0, 0, .38);
}

#battv-lightbox__caption {
    max-width: 900px;

    margin-top: .65rem;

    color: rgba(255, 255, 255, .82);

    font-size: .78rem;
    line-height: 1.45;

    text-align: center;
}


/* Schließen */

#battv-lightbox__close {
    position: fixed;

    top: 1rem;
    right: 1rem;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;

    color: #ffffff;
    background: rgba(255, 255, 255, .12);

    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .65rem;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.45rem;
    line-height: 1;

    cursor: pointer;
}


/* Vor / Zurück */

#battv-lightbox__prev,
#battv-lightbox__next {
    position: fixed;

    top: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 54px;

    padding: 0;

    color: #ffffff;
    background: rgba(255, 255, 255, .10);

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .65rem;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 1;

    cursor: pointer;

    transform: translateY(-50%);
}

#battv-lightbox__prev {
    left: 1rem;
}

#battv-lightbox__next {
    right: 1rem;
}

#battv-lightbox__prev[hidden],
#battv-lightbox__next[hidden] {
    display: none !important;
}


/* Mobile */

@media (max-width: 575.98px) {

    #battv-lightbox {
        padding: 3rem .65rem 1rem;
    }

    #battv-lightbox__image {
        max-width: 96vw;
        max-height: 80vh;
    }

    #battv-lightbox__prev,
    #battv-lightbox__next {
        width: 38px;
        height: 46px;
    }

    #battv-lightbox__prev {
        left: .3rem;
    }

    #battv-lightbox__next {
        right: .3rem;
    }

}.news-grid-view .nimg .battv-news-image-link {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.news-grid-view .nimg .battv-news-image-link > img,
.news-grid-view .nimg .battv-news-image-link > .nimg-placeholder,
.news-grid-view .nimg .battv-news-image-link > .battv-news-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.news-grid-view .nimg .battv-news-image-link::before,
.news-grid-view .nimg .battv-news-image-link::after {
    display: none !important;
    content: none !important;
}/* ==========================================================
   BaTTV · News-Detail V2
   ========================================================== */

/* Detailseite erkennen wir per Body-Klasse aus JS 998 */
body.battv-news-detail-page .frame:has(.battv-media) {
  display: none !important;
}

/* doppelten Inhaltselement-Titel weiter ausblenden */
body.battv-news-detail-page .frame:has(.news.news-single) .frame-header {
  display: none !important;
}

/* ruhiger Seitenhintergrund */
body.battv-news-detail-page .news.news-single {
  --bnd2-navy: #0b1f3a;
  --bnd2-blue: #0b3c6f;
  --bnd2-yellow: #f5b400;
  --bnd2-orange: #e98b00;
  --bnd2-light: #edf5fb;
  --bnd2-line: rgba(11,31,58,.11);
  --bnd2-muted: rgba(11,31,58,.67);

  width: 100%;
  padding: 1.1rem 0 3rem;
}

/* ----------------------------------------------------------
   HAUPTKARTE
   ---------------------------------------------------------- */

body.battv-news-detail-page .news.news-single .article {
  display: grid !important;
  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,380px);
  grid-template-areas:
    "title visual"
    "meta  visual"
    "body  body"
    "back  back";

  gap: 0 2rem;

  width: 100%;
  max-width: 1080px;

  margin: 0 auto !important;
  padding: 2rem 2rem 1.6rem;

  overflow: visible;

  background: #fff;

  border:
    1px solid var(--bnd2-line);

  border-radius:
    1.15rem;

  box-shadow:
    0 .45rem 1.5rem rgba(11,31,58,.08);
}

/* ----------------------------------------------------------
   TITEL
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.article > h1 {
  grid-area: title;

  align-self: end;

  margin:
    0 0 .85rem !important;

  padding:
    0 !important;

  color:
    var(--bnd2-navy) !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  font-size:
    clamp(1.7rem,3vw,2.55rem) !important;

  font-weight:
    800 !important;

  line-height:
    1.08 !important;

  letter-spacing:
    -.025em;

  text-wrap:
    balance;
}

body.battv-news-detail-page
.news.news-single
.article > h1::before {
  display: block;

  margin:
    0 0 .55rem;

  color:
    var(--bnd2-orange);

  font-size:
    .69rem;

  font-weight:
    900;

  line-height:
    1.2;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  content:
    "BaTTV · Aktuelles";
}

body.battv-news-detail-page
.news.news-single
.article > h1::after {
  display: block;

  width: 58px;
  height: 4px;

  margin-top:
    .8rem;

  background:
    var(--bnd2-yellow);

  border-radius:
    999px;

  content:
    "";
}

/* ----------------------------------------------------------
   META
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.article > .extra {
  grid-area: meta;

  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap:
    .42rem;

  align-self: start;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--bnd2-muted);

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-chip {
  min-height:
    30px;

  margin:
    0 !important;

  padding:
    .3rem .62rem;

  color:
    var(--bnd2-blue);

  background:
    #f4f8fb;

  border:
    1px solid rgba(11,60,111,.13);

  border-radius:
    999px;

  font-size:
    .72rem;

  font-weight:
    750;

  line-height:
    1.2;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-chip--cat {
  color:
    var(--bnd2-navy);

  background:
    rgba(245,180,0,.19);

  border-color:
    rgba(245,180,0,.36);
}

body.battv-news-detail-page
.news.news-single
button.battv-nd-chip {
  margin-left:
    0 !important;
}

body.battv-news-detail-page
.news.news-single
button.battv-nd-chip:hover,
body.battv-news-detail-page
.news.news-single
button.battv-nd-chip:focus-visible {
  color:
    #fff;

  background:
    var(--bnd2-blue);

  border-color:
    var(--bnd2-blue);
}

/* ----------------------------------------------------------
   BILD / ERSATZGRAFIK
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.battv-nd-visual {
  grid-area: visual;

  align-self: start;

  width: 100%;

  aspect-ratio:
    4 / 3;

  margin:
    0;

  overflow:
    hidden;

  background:
    var(--bnd2-light);

  border:
    1px solid var(--bnd2-line);

  border-radius:
    1rem;

  box-shadow:
    0 .25rem .8rem rgba(11,31,58,.07);
}

body.battv-news-detail-page
.news.news-single
.battv-nd-visual .thumbnail {
  width:
    100%;

  height:
    100%;

  margin:
    0 !important;

  overflow:
    hidden;

  background:
    #f7f9fb;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-visual .thumbnail img {
  display:
    block;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover;

  object-position:
    center;

  border:
    0;

  transform:
    none !important;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-visual .thumbnail::after {
  top:
    .55rem;

  right:
    .55rem;

  width:
    31px;

  height:
    31px;
}

/* Fallback ebenfalls kompakt */
body.battv-news-detail-page
.news.news-single
.battv-nd-visual
.battv-news-placeholder {
  width:
    100%;

  height:
    100%;

  min-height:
    0;

  padding:
    1.15rem;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-visual
.battv-news-placeholder__title {
  max-width:
    88%;

  font-size:
    clamp(1rem,2vw,1.45rem);
}

/* ----------------------------------------------------------
   TEXT
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.news-text-wrap,
body.battv-news-detail-page
.news.news-single
.battv-nd-maincol {
  grid-area:
    body;
}

body.battv-news-detail-page
.news.news-single
.news-text-wrap {
  width:
    100%;

  max-width:
    780px;

  margin:
    2rem 0 0 !important;

  padding:
    1.55rem 0 0 !important;

  color:
    #26384a;

  border-top:
    1px solid var(--bnd2-line);

  font-size:
    1.05rem;

  line-height:
    1.78;

  hyphens:
    auto;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-maincol {
  width:
    100% !important;

  max-width:
    100% !important;

  margin:
    2rem 0 0 !important;

  padding:
    1.55rem 0 0 !important;

  border-top:
    1px solid var(--bnd2-line);
}

body.battv-news-detail-page
.news.news-single
.battv-nd-maincol
.news-text-wrap {
  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0;
}

body.battv-news-detail-page
.news.news-single
.news-text-wrap > p:first-child {
  margin-bottom:
    1.25rem !important;

  padding:
    0 !important;

  color:
    var(--bnd2-navy);

  border:
    0 !important;

  font-size:
    1.12rem;

  font-weight:
    500;

  line-height:
    1.7;
}

body.battv-news-detail-page
.news.news-single
.news-text-wrap p {
  margin:
    0 0 1.05rem !important;
}

/* ----------------------------------------------------------
   DOKUMENT-BUTTONS
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.news-text-wrap
a.battv-nd-filelink {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    .4rem;

  min-height:
    36px;

  margin:
    .2rem .35rem .2rem 0;

  padding:
    .45rem .7rem;

  color:
    var(--bnd2-blue) !important;

  background:
    #fff;

  border:
    1px solid rgba(11,60,111,.22);

  border-radius:
    .6rem;

  font-size:
    .76rem;

  font-weight:
    800;

  line-height:
    1.15;

  text-decoration:
    none !important;
}

body.battv-news-detail-page
.news.news-single
.news-text-wrap
a.battv-nd-filelink:hover,
body.battv-news-detail-page
.news.news-single
.news-text-wrap
a.battv-nd-filelink:focus-visible {
  color:
    var(--bnd2-navy) !important;

  background:
    #fff8e2;

  border-color:
    var(--bnd2-yellow);
}

/* ----------------------------------------------------------
   ZURÜCK
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.article .btn-primary {
  grid-area:
    back;

  justify-self:
    start;

  width:
    auto;

  min-height:
    39px;

  margin:
    1.6rem 0 0 !important;

  padding:
    .5rem .78rem;

  color:
    #fff !important;

  background:
    var(--bnd2-navy) !important;

  border:
    1px solid var(--bnd2-navy) !important;

  border-radius:
    .65rem;

  font-size:
    .76rem;

  font-weight:
    800;

  box-shadow:
    none !important;
}

body.battv-news-detail-page
.news.news-single
.article .btn-primary:hover,
body.battv-news-detail-page
.news.news-single
.article .btn-primary:focus-visible {
  color:
    var(--bnd2-navy) !important;

  background:
    var(--bnd2-yellow) !important;

  border-color:
    var(--bnd2-yellow) !important;
}

/* ----------------------------------------------------------
   RESTE ALTER GRID-STRUKTUR ENTSCHÄRFEN
   ---------------------------------------------------------- */

body.battv-news-detail-page
.news.news-single
.article > .row.battv-nd-row-clean {
  display:
    contents !important;
}

body.battv-news-detail-page
.news.news-single
.battv-nd-gallery {
  grid-area:
    body;

  display:
    grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:
    .75rem;

  margin-top:
    1.25rem;
}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 991.98px) {

  body.battv-news-detail-page
  .news.news-single
  .article {
    grid-template-columns:
      minmax(0,1fr)
      minmax(260px,320px);

    gap:
      0 1.4rem;

    padding:
      1.6rem;
  }

}

/* ----------------------------------------------------------
   SMARTPHONE
   ---------------------------------------------------------- */

@media (max-width: 767.98px) {

  body.battv-news-detail-page
  .news.news-single {
    padding-top:
      .5rem;
  }

  body.battv-news-detail-page
  .news.news-single
  .article {
    grid-template-columns:
      minmax(0,1fr);

    grid-template-areas:
      "title"
      "meta"
      "visual"
      "body"
      "back";

    gap:
      0;

    padding:
      1.15rem;

    border-radius:
      .9rem;
  }

  body.battv-news-detail-page
  .news.news-single
  .article > h1 {
    font-size:
      clamp(1.45rem,6vw,1.9rem) !important;
  }

  body.battv-news-detail-page
  .news.news-single
  .article > .extra {
    margin-bottom:
      1rem !important;
  }

  body.battv-news-detail-page
  .news.news-single
  .battv-nd-visual {
    margin-top:
      .2rem;

    border-radius:
      .8rem;
  }

  body.battv-news-detail-page
  .news.news-single
  .news-text-wrap,
  body.battv-news-detail-page
  .news.news-single
  .battv-nd-maincol {
    margin-top:
      1.35rem !important;

    padding-top:
      1.25rem !important;
  }

}
/* Breadcrumb insgesamt etwas weiter von der Navigation lösen */
body .breadcrumb {
    position: relative !important;
    top: .45rem !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Links */
body .breadcrumb a {
    color: #0b3c6f !important;
    text-decoration: none !important;
}

body .breadcrumb a:hover,
body .breadcrumb a:focus {
    color: #e98b00 !important;
}


/* aktuelle Seite */
body .breadcrumb-item.active {
    color: rgba(11,31,58,.58) !important;
}


/* TYPO3-Linkicons aus */
body .breadcrumb a::before,
body .breadcrumb a::after {
    display: none !important;
    content: none !important;
}


/* Mobil etwas weniger Verschiebung */
@media (max-width: 575.98px) {

    body .breadcrumb {
        top: .3rem !important;
    }

}

/* ==========================================================
   A) NEWS-DETAIL – OHNE ARTIKELGRAFIK
   ========================================================== */

.news.news-single .battv-nd-visual {
  display: none !important;
}

.news.news-single .article {
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-areas:
    "title"
    "meta"
    "body"
    "back" !important;

  width: 100% !important;
  max-width: 980px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

.news.news-single .article > h1 {
  grid-area: title !important;
}

.news.news-single .article > .extra {
  grid-area: meta !important;
  margin-bottom: .25rem !important;
}

.news.news-single .news-text-wrap,
.news.news-single .battv-nd-maincol {
  grid-area: body !important;
  width: 100% !important;
  max-width: 100% !important;
}

.news.news-single .article .btn-primary {
  grid-area: back !important;
}


/* ==========================================================
   B) LISTE – HELLE PREMIUM-ERSATZGRAFIK
   ========================================================== */

.news-grid-view .battv-list-fallback-link {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  color: inherit !important;
  text-decoration: none !important;
}

.news-grid-view .battv-list-fallback-link::before,
.news-grid-view .battv-list-fallback-link::after {
  display: none !important;
  content: none !important;
}


.news-grid-view .battv-list-fallback {
  position: relative;

  display: flex;
  flex-direction: column;

  width: 100%;
  height: 100%;

  min-height: 100%;

  padding: 1rem 1.05rem .95rem;

  overflow: hidden;

  color: #0b1f3a;

  background:
    radial-gradient(
      circle at 94% 12%,
      rgba(245,180,0,.12) 0,
      rgba(245,180,0,0) 30%.news.news-single .battv-nd-hero {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 1.4rem;
  overflow: hidden;
  background: #0b1f3a;
  border-radius: 1rem;
  border-top: 4px solid #f5b400;
  box-shadow: 0 .5rem 1.4rem rgba(11,31,58,.12);
}
.news.news-single .battv-nd-hero__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(240px, 42vw, 460px);
  overflow: hidden;
}
.news.news-single .battv-nd-hero__bg {
  position: absolute;
  inset: -30px;
  background-size: cover;
  background-position: center;
  filter: blur(24px) brightness(.55) saturate(1.1);
  transform: scale(1.05);
}
.news.news-single .battv-nd-hero__stage a {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  cursor: zoom-in;
}
.news.news-single .battv-nd-hero__stage img {
  display: block;
  max-width: 100%;
  height: 100% !important;
  width: auto !important;
  object-fit: contain;
  margin: 0 !important;
  box-shadow: 0 .6rem 2rem rgba(0,0,0,.35);
}
/* Querformat füllt die Fläche ganz */
.news.news-single .battv-nd-hero.is-wide .battv-nd-hero__stage a { width: 100%; }
.news.news-single .battv-nd-hero.is-wide .battv-nd-hero__stage img { width: 100% !important; object-fit: cover; box-shadow: none; }
.news.news-single .battv-nd-hero.is-wide .battv-nd-hero__bg { display: none; }
.news.news-single .battv-nd-hero__caption {
  margin: 0;
  padding: .65rem 1rem .75rem;
  color: #5e6e7c;
  background: #fff;
  font-size: .8rem;
  line-height: 1.45;
}
@media (max-width: 575.98px) {
  .news.news-single .battv-nd-hero { border-radius: .8rem; margin-bottom: 1.1rem; }
  .news.news-single .battv-nd-hero__stage { height: 260px; }
}