/*
 * ARTROOM · Gestaltung 2.8.10.6
 * Reine Gestaltungsebene über front.css / artikel.css / portal.css – keine Funktionen.
 * Haltung: weiß, reduziert, edel, avantgardistisch. Drei Farben: Schwarz, Grau, Rot.
 * Schriften lokal (keine Verbindung zu Google, DSGVO):
 *   Baskervville (ANRT, SIL OFL 1.1) für Titel und Lesetext – Rückfall: Baskerville, Palatino, Georgia.
 *   DM Sans (SIL OFL 1.1) für Rubriken, Navigation und Bedienelemente.
 */
@font-face{font-family:'Baskervville';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/baskervville-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Baskervville';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/baskervville-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Baskervville';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/baskervville-latin-500-normal.woff2) format('woff2')}

/* =============================================================
   00 / SYSTEM
   ============================================================= */
body.hnr-magazinseite,
body.hnr-artikelseite { background: #fff; color: #111; }

.nr-v1.nr-kultur {
  --art-red: #b3261e;
  --art-ink: #111;
  --art-grey: #6e6e6e;
  --art-grey-2: #9a9a9a;
  --art-line: #e6e6e6;
  --art-serif: 'Baskervville', Baskerville, 'Libre Baskerville', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
  --art-sans: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --art-mark: 'Helvetica Neue', Helvetica, 'DM Sans', Arial, sans-serif;
  --nr-ink: var(--art-ink);
  --nr-muted: var(--art-grey);
  --nr-rule: var(--art-line);
  --nr-paper: #fff;
  --nr-plate: #fff;
  --nr-accent: var(--art-red);
  background: #fff;
  color: var(--art-ink);
  font-family: var(--art-sans);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-feature-settings: 'kern', 'liga';
}
.nr-v1.nr-kultur .nr-shell {
  max-width: 1480px;
  padding-left: clamp(22px, 5vw, 84px);
  padding-right: clamp(22px, 5vw, 84px);
  padding-bottom: 80px;
}
.nr-v1.nr-kultur .nr-rule { border-top-color: var(--art-line); }
.nr-v1.nr-kultur ::selection { background: var(--art-red); color: #fff; }
.nr-v1.nr-kultur a:focus-visible,
.nr-v1.nr-kultur button:focus-visible,
.nr-v1.nr-kultur summary:focus-visible { outline: 1px solid var(--art-red); outline-offset: 5px; }

/* Titelschrift: Baskervville, maßvoll gesperrt – nie gequetscht */
.nr-v1.nr-kultur .nr-serif,
.nr-v1.nr-kultur .nr-hero h1,
.nr-v1.nr-kultur .nr-story h2,
.nr-v1.nr-kultur .nr-feature h2,
.nr-v1.nr-kultur .nr-compose-card h2,
.nr-v1.nr-kultur .nr-section-head h1,
.nr-v1.nr-kultur .nr-section-lead h2,
.nr-v1.nr-kultur .nr-dossier h2,
.nr-v1.nr-kultur .nr-event strong,
.nr-v1.nr-kultur .nr-topics a,
.nr-v1.nr-kultur .nr-empty h1,
.nr-v1.nr-kultur .nr-rail-head h2,
.nr-v1.nr-kultur .nr-article-head h1 {
  font-family: var(--art-serif);
  font-weight: 400;
  letter-spacing: -.012em;
  font-variant-numeric: oldstyle-nums;
}

/* Rubrikzeilen: klein, gesperrt, rot – das einzige Rot im Fließen der Seite */
.nr-v1.nr-kultur .nr-label {
  font-family: var(--art-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--art-red);
}
.nr-v1.nr-kultur .nr-label a { color: inherit; }

/* Weiterlesen: Versal, gesperrt, schwarz */
.nr-v1.nr-kultur .nr-cta {
  font-family: var(--art-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
  gap: 14px;
  margin-top: 26px;
}
.nr-v1.nr-kultur .nr-arrow,
.nr-v1.nr-kultur .nr-simple-arrow { font-weight: 300; font-size: 20px; color: var(--art-ink); }
.nr-v1.nr-kultur .nr-simple-arrow { margin-top: 18px; }
.nr-v1.nr-kultur h1 a:hover,
.nr-v1.nr-kultur h2 a:hover { text-decoration: none; color: var(--art-red); }
.nr-v1.nr-kultur h1 a, .nr-v1.nr-kultur h2 a { transition: color .2s ease; }

/* =============================================================
   01 / KOPF – die bevorzugte Gestaltung, mit rotem Quadrat und rotem ART
   ============================================================= */
.nr-v1.nr-kultur .nr-mag-header { padding-top: 22px; }
.nr-v1.nr-kultur .nr-mast {
  border-bottom: 1px solid var(--art-ink);
  padding-top: 14px;
  padding-bottom: 24px;
}
.nr-v1.nr-kultur .nr-mast-meta {
  font: 400 10px/1.75 var(--art-sans);
  letter-spacing: .14em;
  color: var(--art-grey);
}
.nr-v1.nr-kultur .nr-mast-claim { color: #444; }
.nr-v1.nr-kultur .nr-logo {
  font-family: var(--art-mark);
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 400;
  letter-spacing: .2em;
  margin-right: -.2em;
  line-height: 1.1;
  gap: .5em;
  color: var(--art-ink);
}
.nr-v1.nr-kultur .nr-logo-mark {
  display: inline-block;
  width: .36em;
  height: .36em;
  background: var(--art-red);
  transform: translateY(-.02em);
}
.nr-v1.nr-kultur .nr-logo-art { color: var(--art-red); }
.nr-v1.nr-kultur .nr-mag-header .nr-menu {
  border-bottom: 1px solid var(--art-line);
  padding-top: 18px;
  padding-bottom: 17px;
  gap: 8px clamp(14px, 2.6vw, 40px);
}
.nr-v1.nr-kultur .nr-mag-header .nr-menu a {
  font-family: var(--art-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  color: #555;
  transition: color .2s ease;
}
.nr-v1.nr-kultur .nr-mag-header .nr-menu a:hover,
.nr-v1.nr-kultur .nr-mag-header .nr-menu .nr-menu-news { color: var(--art-ink); }
.nr-v1.nr-kultur .nr-mag-header .nr-menu a[aria-current] {
  color: var(--art-ink);
  box-shadow: inset 0 -1px 0 var(--art-ink);
}
.nr-v1.nr-kultur .nr-search-panel,
.nr-v1.nr-kultur .nr-nav-panel { border-color: var(--art-line); box-shadow: 0 20px 50px rgba(0,0,0,.06); }

/* =============================================================
   02 / TITELGESCHICHTE – Bild in seinem eigenen Format, viel Raum
   ============================================================= */
.nr-v1.nr-kultur .nr-hero.nr-hero--mag {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(32px, 6vw, 110px);
  align-items: center;
  padding-top: clamp(40px, 5.5vw, 92px);
  padding-bottom: clamp(44px, 6vw, 100px);
}
.nr-v1.nr-kultur .nr-hero.nr-hero--mag .nr-hero-image {
  order: -1;
  aspect-ratio: auto;
  min-height: 0;
  max-height: none;
  background: none;
}
.nr-v1.nr-kultur .nr-hero.nr-hero--mag .nr-hero-image a { height: auto; }
.nr-v1.nr-kultur .nr-hero-image img {
  height: auto;
  max-height: 78vh;
  object-fit: contain;
  object-position: left center;
  filter: none;
}
.nr-v1.nr-kultur .nr-hero.nr-hero--mag .nr-hero-copy { padding-bottom: 0; }
.nr-v1.nr-kultur .nr-hero.nr-hero--mag h1 {
  font-size: clamp(50px, 6vw, 98px);
  line-height: 1;
  letter-spacing: -.018em;
  margin: 22px 0 30px;
}
.nr-v1.nr-kultur .nr-hero.nr-hero--mag h1 span + span { font-style: italic; letter-spacing: -.01em; }
.nr-v1.nr-kultur .nr-hero.nr-hero--m h1 { font-size: clamp(44px, 5vw, 80px); }
.nr-v1.nr-kultur .nr-hero.nr-hero--long h1 { font-size: clamp(38px, 3.9vw, 62px); line-height: 1.06; }
.nr-v1.nr-kultur .nr-hero.nr-hero--mag .nr-hero-copy > p:not(.nr-hero-when) {
  font-family: var(--art-serif);
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.55;
  color: #3a3a3a;
  max-width: 470px;
}
.nr-v1.nr-kultur .nr-hero-when {
  margin-top: 26px !important;
  padding-top: 14px;
  border-top: 1px solid var(--art-line);
  font-family: var(--art-sans);
  font-size: 10px !important;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.7;
  color: var(--art-grey);
  max-width: 470px;
}

/* =============================================================
   03 / IM BLICK
   ============================================================= */
.nr-v1.nr-kultur .nr-story { padding-top: 34px; padding-bottom: 38px; }
.nr-v1.nr-kultur .nr-story + .nr-story { border-left-color: var(--art-line); padding-left: clamp(22px, 2.4vw, 40px); }
.nr-v1.nr-kultur .nr-story h2 {
  font-size: clamp(27px, 2.35vw, 37px);
  line-height: 1.12;
  margin: 18px 0 16px;
}
.nr-v1.nr-kultur .nr-story.nr-long h2 { font-size: clamp(25px, 2.1vw, 32px); line-height: 1.14; }
.nr-v1.nr-kultur .nr-story p,
.nr-v1.nr-kultur .nr-feature p,
.nr-v1.nr-kultur .nr-dossier p,
.nr-v1.nr-kultur .nr-compose-card p {
  font-family: var(--art-sans);
  font-size: 14px;
  line-height: 1.65;
  color: #5c5c5c;
  max-width: 360px;
}

/* =============================================================
   04 / ABSCHNITTSKÖPFE – nummeriert, klein, gesperrt
   ============================================================= */
.nr-v1.nr-kultur main { counter-reset: art-sec; }
.nr-v1.nr-kultur .nr-more-head,
.nr-v1.nr-kultur .nr-news-header { align-items: baseline; margin-bottom: 8px; }
.nr-v1.nr-kultur .nr-more-head h2,
.nr-v1.nr-kultur .nr-news-header h2 {
  font-family: var(--art-sans);
  font-size: 11px;
  font-weight: 500;
  font-style: normal !important;
  letter-spacing: .24em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--art-ink);
}
.nr-v1.nr-kultur .nr-more-head h2::before,
.nr-v1.nr-kultur .nr-news-header h2::before {
  counter-increment: art-sec;
  content: counter(art-sec, decimal-leading-zero);
  color: var(--art-red);
  margin-right: 1.4em;
}
.nr-v1.nr-kultur .nr-more-head > a,
.nr-v1.nr-kultur .nr-news-header > a,
.nr-v1.nr-kultur .nr-events-sub {
  font-family: var(--art-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--art-grey);
}
.nr-v1.nr-kultur .nr-more-head > a:hover,
.nr-v1.nr-kultur .nr-news-header > a:hover { color: var(--art-ink); }
.nr-v1.nr-kultur .nr-news-header a span,
.nr-v1.nr-kultur .nr-more-head a span { font-size: 15px; margin-left: 8px; vertical-align: -1px; }

/* =============================================================
   05 / GALERIE – Werke frei auf weißer Wand, gemeinsame Mitte
   ============================================================= */
.nr-v1.nr-kultur .nr-gallery { margin-top: 24px; padding-top: 26px; }
.nr-v1.nr-kultur .nr-feature { padding-top: 26px; padding-bottom: 34px; }
.nr-v1.nr-kultur .nr-feature + .nr-feature { border-left-color: var(--art-line); padding-left: clamp(22px, 2.4vw, 40px); }
.nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image {
  height: clamp(230px, 21vw, 330px);
  aspect-ratio: auto;
  background: #fff;
  margin-bottom: 26px;
}
.nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image img { object-fit: contain; object-position: center bottom; } /* Werke stehen auf gemeinsamer Linie */
.nr-v1.nr-kultur .nr-feature-image img,
.nr-v1.nr-kultur .nr-compose-image img { transition: opacity .3s ease; }
.nr-v1.nr-kultur .nr-feature-image:hover img,
.nr-v1.nr-kultur .nr-compose-image:hover img { transform: none; opacity: .88; }
.nr-v1.nr-kultur .nr-feature h2 { font-size: clamp(24px, 2vw, 32px); line-height: 1.14; margin: 14px 0 12px; }
.nr-v1.nr-kultur .nr-feature.nr-long h2 { font-size: clamp(22px, 1.8vw, 28px); }

/* =============================================================
   06 / JETZT ZU SEHEN
   ============================================================= */
.nr-v1.nr-kultur .nr-events { margin-top: 24px; padding-top: 26px; }
.nr-v1.nr-kultur .nr-event { border-top-color: var(--art-line); }
.nr-v1.nr-kultur .nr-event a { gap: 8px; padding-top: 24px; padding-bottom: 28px; }
.nr-v1.nr-kultur .nr-event:not(:nth-child(3n+1)) a { border-left-color: var(--art-line); padding-left: clamp(22px, 2.4vw, 40px); }
.nr-v1.nr-kultur .nr-event strong { font-size: clamp(22px, 1.75vw, 28px); line-height: 1.15; }
.nr-v1.nr-kultur .nr-event a:hover strong { text-decoration: none; color: var(--art-red); }
.nr-v1.nr-kultur .nr-event-where { font-family: var(--art-serif); font-style: italic; font-size: 15px; color: #444; }
.nr-v1.nr-kultur .nr-event-when { font-size: 12px; letter-spacing: .02em; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-event-flag {
  margin-top: 8px;
  padding: 4px 8px 3px;
  border: 1px solid #c8c8c8;
  background: #fff;
  color: #555;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .16em;
}
.nr-v1.nr-kultur .nr-event-flag.is-hot { background: var(--art-red); border-color: var(--art-red); color: #fff; }
.nr-v1.nr-kultur .nr-event-flag.is-soon { border-color: var(--art-ink); color: var(--art-ink); }

/* =============================================================
   07 / KULTURNACHRICHTEN UND ESSAY
   ============================================================= */
.nr-v1.nr-kultur .nr-bottom { margin-top: 24px; padding-top: 26px; }
.nr-v1.nr-kultur .nr-news-table tr + tr { border-top-color: var(--art-line); }
.nr-v1.nr-kultur .nr-news-table td { padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 1.5; }
.nr-v1.nr-kultur .nr-news-table td:first-child { font-size: 11px; letter-spacing: .06em; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-bottom .nr-news-table td:first-child { color: var(--art-red); font-weight: 500; }
.nr-v1.nr-kultur .nr-news-table td:nth-child(2) { font-size: 9px; font-weight: 500; letter-spacing: .18em; color: var(--art-grey-2); }
.nr-v1.nr-kultur .nr-news-table td a { font-family: var(--art-serif); font-size: 18px; line-height: 1.35; }
.nr-v1.nr-kultur .nr-news-table td a:hover { text-decoration: none; color: var(--art-red); }
.nr-v1.nr-kultur .nr-news-table td small { font-family: var(--art-sans); font-size: 13px; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-dossier { border-left-color: var(--art-line); padding-left: clamp(24px, 3vw, 48px); }
.nr-v1.nr-kultur .nr-dossier h2 {
  font-style: italic;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.1;
  margin: 18px 0 20px;
}
.nr-v1.nr-kultur .nr-dossier .nr-dossier-img { background: #fff; margin-bottom: 18px; }

/* Themen */
.nr-v1.nr-kultur .nr-topics { margin-top: 40px; padding-top: 22px; gap: 10px 28px; }
.nr-v1.nr-kultur .nr-topics .nr-label { color: var(--art-ink); margin-right: 14px; }
.nr-v1.nr-kultur .nr-topics a { font-style: italic; font-size: clamp(19px, 1.5vw, 23px); color: #333; }
.nr-v1.nr-kultur .nr-topics a:hover { color: var(--art-red); text-decoration: none; }

/* Mehr Kultur (Kachel-Layout) */
.nr-v1.nr-kultur .nr-more { margin-top: 40px; padding-top: 26px; }
.nr-v1.nr-kultur .nr-compose-row + .nr-compose-row { border-top-color: var(--art-line); }
.nr-v1.nr-kultur .nr-compose-card { padding-top: 28px; padding-bottom: 32px; }
.nr-v1.nr-kultur .nr-compose-card + .nr-compose-card { border-left-color: var(--art-line); padding-left: clamp(22px, 2.4vw, 40px); }
.nr-v1.nr-kultur .nr-compose-card h2 { font-size: clamp(24px, 2vw, 32px); line-height: 1.14; margin: 14px 0 12px; }
.nr-v1.nr-kultur .nr-compose-card.nr-span-4 h2,
.nr-v1.nr-kultur .nr-compose-card.nr-span-6 h2 { font-size: clamp(30px, 2.7vw, 44px); line-height: 1.08; }
.nr-v1.nr-kultur .nr-compose-image { background: #fff; }
.nr-v1.nr-kultur .nr-compose-card.nr-span-4 .nr-compose-image,
.nr-v1.nr-kultur .nr-compose-card.nr-span-6 .nr-compose-image { max-height: 460px; }

/* Ressort- und Listenseiten */
.nr-v1.nr-kultur .nr-section-head { padding-top: clamp(40px, 5vw, 80px); padding-bottom: 30px; }
.nr-v1.nr-kultur .nr-section-head h1 { font-size: clamp(54px, 6.4vw, 104px); line-height: 1; letter-spacing: -.018em; margin: 18px 0 18px; }
.nr-v1.nr-kultur .nr-section-head p { font-family: var(--art-serif); font-style: italic; font-size: clamp(17px, 1.4vw, 21px); color: #555; }
.nr-v1.nr-kultur .nr-section-lead h2 { font-size: clamp(36px, 4vw, 64px); line-height: 1.04; }
.nr-v1.nr-kultur .nr-section-lead.nr-long h2 { font-size: clamp(30px, 3vw, 46px); }
.nr-v1.nr-kultur .nr-section-lead p { font-family: var(--art-serif); font-size: 18px; line-height: 1.55; color: #3a3a3a; }
.nr-v1.nr-kultur .nr-section-lead-image { background: #fff; }
.nr-v1.nr-kultur .nr-pagination { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; }
.nr-v1.nr-kultur .nr-empty h1 { font-size: clamp(48px, 6vw, 92px); line-height: 1.02; }

/* Fuß */
.nr-v1.nr-kultur .nr-footer {
  margin-top: 90px;
  padding-top: 26px;
  border-top: 1px solid var(--art-ink);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--art-grey);
}
.nr-v1.nr-kultur .nr-footer nav a:hover { color: var(--art-ink); text-decoration: none; }
.nr-v1.nr-kultur .nr-footer .nr-logo {
  font-family: var(--art-mark);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: none;
  color: var(--art-ink);
}

/* =============================================================
   08 / ARTIKEL – Buchsatz auf weißem Grund
   ============================================================= */
.nr-v1.nr-kultur .nr-article { padding-top: clamp(30px, 4vw, 64px); }
.nr-v1.nr-kultur .nr-article-head h1 {
  font-size: clamp(42px, 4.9vw, 78px);
  line-height: 1.04;
  letter-spacing: -.016em;
  margin: 20px 0 28px;
}
.nr-v1.nr-kultur .nr-standfirst {
  font-family: var(--art-serif);
  font-style: italic;
  font-size: clamp(20px, 1.7vw, 25px);
  line-height: 1.5;
  color: #333;
  max-width: 760px;
}
.nr-v1.nr-kultur .nr-byline {
  border-color: var(--art-line);
  margin-top: 32px;
  padding: 16px 0;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  color: var(--art-grey);
}
.nr-v1.nr-kultur .nr-byline-ask { color: var(--art-ink); }
.nr-v1.nr-kultur .nr-article-figure,
.nr-v1.nr-kultur .nr-article-figure .nr-zoom { background: #fff; }
.nr-v1.nr-kultur .nr-article-figure img { height: auto; max-height: 82vh; object-fit: contain; object-position: left top; }
.nr-v1.nr-kultur .nr-article-figure figcaption,
.nr-v1.nr-kultur .nr-article-figure figcaption.nr-credit {
  font-family: var(--art-sans);
  font-size: 10px;
  letter-spacing: .06em;
  color: var(--art-grey);
  margin-top: 12px;
}
.nr-v1.nr-kultur .nr-body {
  font-family: var(--art-serif);
  font-size: clamp(19px, 1.4vw, 21px);
  line-height: 1.72;
  letter-spacing: .002em;
  color: #1a1a1a;
  max-width: 690px;
  margin-top: 56px;
  font-variant-numeric: oldstyle-nums;
  hanging-punctuation: first;
}
.nr-v1.nr-kultur .nr-body p { margin-bottom: 1.2em; }
.nr-v1.nr-kultur .nr-body .nr-lede { font-family: var(--art-serif); font-size: 1.12em; line-height: 1.6; font-weight: 400; }
.nr-v1.nr-kultur .nr-body > p:not(.nr-lede):first-of-type::first-letter,
.nr-v1.nr-kultur .nr-body > .nr-lede + p::first-letter,
.nr-v1.nr-kultur .nr-body > details.nr-box--kurz + p::first-letter {
  font-family: var(--art-serif);
  font-size: 4.4em;
  line-height: .8;
  padding: .07em .1em 0 0;
  color: var(--art-red);
}
.nr-v1.nr-kultur .nr-body h2 {
  font-family: var(--art-serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(28px, 2.4vw, 36px);
  line-height: 1.18;
  letter-spacing: -.008em;
  margin: 1.9em 0 .7em;
}
.nr-v1.nr-kultur .nr-body h3 { font-family: var(--art-sans); font-size: 10px; font-weight: 500; letter-spacing: .2em; color: var(--art-ink); }
.nr-v1.nr-kultur .nr-body a { text-decoration-color: var(--art-red); }
.nr-v1.nr-kultur .nr-body blockquote { border-top: 1px solid var(--art-red); padding-top: 24px; margin: 2.2em 0; }
.nr-v1.nr-kultur .nr-body blockquote p { font-family: var(--art-serif); font-style: italic; font-size: clamp(26px, 2.3vw, 34px); line-height: 1.25; letter-spacing: -.008em; }
.nr-v1.nr-kultur .nr-body blockquote cite { font-family: var(--art-sans); font-size: 10px; letter-spacing: .18em; color: var(--art-grey); }

/* Kästen: weiß, nur Haarlinien */
.nr-v1.nr-kultur .nr-box { background: #fff; border-top: 1px solid var(--art-ink); border-bottom: 1px solid var(--art-line); font-family: var(--art-sans); }
.nr-v1.nr-kultur .nr-box summary { padding-left: 0; padding-right: 0; }
.nr-v1.nr-kultur .nr-box-body { padding-left: 0; padding-right: 0; font-size: 15px; line-height: 1.65; color: #333; }
.nr-v1.nr-kultur .nr-box-kicker { font-size: 9px; font-weight: 500; letter-spacing: .2em; color: var(--art-red); }
.nr-v1.nr-kultur .nr-box-title { font-family: var(--art-serif); font-size: 21px; letter-spacing: -.005em; }
.nr-v1.nr-kultur .nr-box-toggle { width: 22px; height: 22px; border-color: #bbb; }
.nr-v1.nr-kultur .nr-box-toggle::before,
.nr-v1.nr-kultur .nr-box-toggle::after { width: 9px; height: 1px; background: var(--art-ink); }
.nr-v1.nr-kultur .nr-article-aside .nr-box--kurz { border-top: 1px solid var(--art-ink); background: #fff; }

/* Auf einen Blick */
.nr-v1.nr-kultur .nr-glance { border-top: 1px solid var(--art-red); border-bottom-color: var(--art-line); padding-top: 18px; }
.nr-v1.nr-kultur .nr-glance .nr-label { color: var(--art-red); }
.nr-v1.nr-kultur .nr-glance dt { font-size: 9px; font-weight: 500; letter-spacing: .18em; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-glance dd { font-size: 14px; color: var(--art-ink); }
.nr-v1.nr-kultur .nr-glance dd:first-of-type { font-family: var(--art-serif); font-style: italic; font-size: 20px; }
.nr-v1.nr-kultur .nr-glance-note { font-size: 10px; color: var(--art-grey-2); }

/* Seitenspalte, Themen, Prüfvermerk, Teilen */
.nr-v1.nr-kultur .nr-aside-ask { background: var(--art-ink); }
.nr-v1.nr-kultur .nr-aside-ask strong { font-family: var(--art-serif); font-style: italic; }
.nr-v1.nr-kultur .nr-rail { border-top: 1px solid var(--art-ink); }
.nr-v1.nr-kultur .nr-rail-head h2 { font-size: 22px; font-style: italic; letter-spacing: -.005em; }
.nr-v1.nr-kultur .nr-rail-head a { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-rail-group { border-top-color: var(--art-line); }
.nr-v1.nr-kultur .nr-rail-ressort { font-size: 9px; letter-spacing: .2em; color: var(--art-red); }
.nr-v1.nr-kultur .nr-rail li a { font-size: 13px; color: #333; }
.nr-v1.nr-kultur .nr-rail li a time { color: var(--art-grey-2); font-weight: 400; }
.nr-v1.nr-kultur .nr-rail li a:hover span { text-decoration: none; color: var(--art-red); }
.nr-v1.nr-kultur .nr-article-topics a { border-color: var(--art-line); font-family: var(--art-serif); font-style: italic; }
.nr-v1.nr-kultur .nr-article-topics a:hover { border-color: var(--art-ink); }
.nr-v1.nr-kultur .nr-responsible { font-size: 11px; letter-spacing: .04em; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-check { background: var(--art-red); }
.nr-v1.nr-kultur .nr-share a,
.nr-v1.nr-kultur .nr-share button { border-color: var(--art-line); border-radius: 0; font-size: 11px; letter-spacing: .04em; }
.nr-v1.nr-kultur .nr-share a:hover,
.nr-v1.nr-kultur .nr-share button:hover { border-color: var(--art-ink); }
.nr-v1.nr-kultur .nr-related { margin-top: 70px; padding-top: 26px; }

/* „Frag den Artikel“: Schwarz, ruhig, mit roter Rubrik */
.nr-v1.nr-kultur .nr-ask { background: var(--art-ink); }
.nr-v1.nr-kultur .nr-ask .nr-label { color: #e0796f; }
.nr-v1.nr-kultur .nr-ask h2 { font-family: var(--art-serif); font-style: italic; }
.nr-v1.nr-kultur .nr-msg--a { font-family: var(--art-serif); }

/* =============================================================
   09 / REDAKTIONSPORTAL – weißer Arbeitsraum, gleiche Wortmarke
   ============================================================= */
body.hnr-portal {
  --ink: #111;
  --ink-2: #3c3c3c;
  --muted: #6e6e6e;
  --soft: #9a9a9a;
  --line: #e6e6e6;
  --line-strong: #cfcfcf;
  --line-soft: #efefef;
  --paper: #fff;
  --surface: #fafafa;
  --surface-2: #f8f8f8;
  --page: #fff;
  --serif: 'Baskervville', Baskerville, 'Palatino Linotype', Palatino, Georgia, serif;
  --sans: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #fff;
  color: #111;
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
body.hnr-portal .sheet { max-width: 1480px; margin: 0 auto; background: #fff; border: 0; box-shadow: none; }
body.hnr-portal .topline { border-color: #111; padding-top: 24px; padding-bottom: 24px; }
body.hnr-portal .brand {
  font-family: 'Helvetica Neue', Helvetica, 'DM Sans', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .2em;
  gap: 10px;
}
body.hnr-portal .brand-mark { display: inline-block; width: 7px; height: 7px; background: #b3261e; }
body.hnr-portal .nr-logo-art { color: #b3261e; }
body.hnr-portal .brand-sub { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #6e6e6e; }
body.hnr-portal .tag.master { background: #111; border-color: #111; }
body.hnr-portal .master-nav { border-color: #e6e6e6; gap: clamp(14px, 2.2vw, 34px); }
body.hnr-portal .master-nav a { font-size: 11px; letter-spacing: .04em; }
body.hnr-portal .master-nav a.active { border-bottom-color: #b3261e; }
body.hnr-portal .hnr-main-area { padding-top: clamp(34px, 5vw, 64px); }
body.hnr-portal .hnr-titlebar h1,
body.hnr-portal .login-panel h1,
body.hnr-portal .hnr-output h2,
body.hnr-portal .hnr-card h2,
body.hnr-portal .panel h2,
body.hnr-portal .hnr-tile strong {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1.12;
}
body.hnr-portal .hnr-titlebar h1,
body.hnr-portal .login-panel h1 { font-size: clamp(38px, 4.3vw, 60px); }
body.hnr-portal .hnr-intro,
body.hnr-portal .hnr-lead { color: #5f5f5f; }
body.hnr-portal .panel,
body.hnr-portal .hnr-card,
body.hnr-portal .hnr-step { border-color: #e6e6e6; background: #fff; }
body.hnr-portal .hnr-card--surface { background: #fafafa; }
body.hnr-portal .hnr-output { background: #fff; }
body.hnr-portal input[type=text],
body.hnr-portal input[type=email],
body.hnr-portal input[type=password],
body.hnr-portal input[type=number],
body.hnr-portal input[type=url],
body.hnr-portal input[type=date],
body.hnr-portal select,
body.hnr-portal textarea { background-color: #fafafa; border-color: #ececec; border-bottom-color: #cfcfcf; }
body.hnr-portal input:focus,
body.hnr-portal select:focus,
body.hnr-portal textarea:focus { background-color: #fff; border-color: #111; }
body.hnr-portal .footer { border-color: #e6e6e6; color: #6e6e6e; }

/* =============================================================
   10 / RESPONSIV
   ============================================================= */
@media (max-width: 1050px) {
  .nr-v1.nr-kultur .nr-hero.nr-hero--mag { gap: 32px; }
  .nr-v1.nr-kultur .nr-hero.nr-hero--mag h1 { font-size: clamp(44px, 6vw, 72px); }
  .nr-v1.nr-kultur .nr-event:nth-child(2n) a { border-left-color: var(--art-line); padding-left: 22px; }
}
@media (max-width: 740px) {
  .nr-v1.nr-kultur .nr-shell { padding-left: 20px; padding-right: 20px; padding-bottom: 44px; }
  .nr-v1.nr-kultur .nr-ask { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } /* 2.8.10.14: bündig mit dem Seitenrand (vorher 2 px zu breit) */
  .nr-v1.nr-kultur .nr-mag-header { padding-top: 12px; }
  .nr-v1.nr-kultur .nr-mast { padding-top: 6px; padding-bottom: 16px; }
  .nr-v1.nr-kultur .nr-logo { font-size: 21px; letter-spacing: .16em; margin-right: 0; }
  .nr-v1.nr-kultur .nr-hero.nr-hero--mag { display: flex; flex-direction: column; gap: 26px; padding: 30px 0 40px; }
  .nr-v1.nr-kultur .nr-hero.nr-hero--mag .nr-hero-image { order: -1; }
  .nr-v1.nr-kultur .nr-hero-image img { max-height: 70vh; object-position: center; }
  .nr-v1.nr-kultur .nr-hero.nr-hero--mag h1 { font-size: clamp(44px, 12vw, 62px); line-height: 1.02; margin-top: 16px; }
  .nr-v1.nr-kultur .nr-hero.nr-hero--long h1 { font-size: clamp(32px, 8.4vw, 46px); }
  .nr-v1.nr-kultur .nr-story,
  .nr-v1.nr-kultur .nr-feature,
  .nr-v1.nr-kultur .nr-compose-card { padding-top: 26px !important; padding-bottom: 28px !important; }
  .nr-v1.nr-kultur .nr-story + .nr-story,
  .nr-v1.nr-kultur .nr-feature + .nr-feature,
  .nr-v1.nr-kultur .nr-compose-card + .nr-compose-card { padding-left: 0 !important; border-top-color: var(--art-line); }
  .nr-v1.nr-kultur .nr-story h2 { font-size: 31px; }
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image { height: auto; aspect-ratio: 4 / 5; }
  .nr-v1.nr-kultur .nr-dossier { padding-left: 0; }
  .nr-v1.nr-kultur .nr-section-head h1 { font-size: clamp(44px, 12vw, 64px); }
  .nr-v1.nr-kultur .nr-article-head h1 { font-size: clamp(36px, 9.4vw, 54px); }
  .nr-v1.nr-kultur .nr-body { font-size: 19px; margin-top: 36px; }
  .nr-v1.nr-kultur .nr-footer { margin-top: 60px; }
  body.hnr-portal .sheet { margin: 0; }
  body.hnr-portal .topline { padding-top: 16px; padding-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .nr-v1.nr-kultur *,
  body.hnr-portal * { transition: none !important; animation: none !important; }
}


/* ARTROOM 2.8.10.8 – ausschließlich fünf gezielte Layoutanpassungen */
/* 1: Headlines der Startseite rot, bei Hover schwarz. */
body.hnr-magazinseite .nr-v1.nr-kultur .nr-hero h1,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-story h2,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-feature h2,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-compose-card h2,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-dossier h2 {
  color: var(--art-red);
}
body.hnr-magazinseite .nr-v1.nr-kultur .nr-hero h1 a,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-story h2 a,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-feature h2 a,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-compose-card h2 a,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-dossier h2 a {
  color: inherit;
}
body.hnr-magazinseite .nr-v1.nr-kultur .nr-hero h1:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-story h2:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-feature h2:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-compose-card h2:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-dossier h2:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-hero h1 a:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-story h2 a:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-feature h2 a:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-compose-card h2 a:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .nr-dossier h2 a:hover {
  color: var(--art-ink);
}
/* 2: Lesetext breiter als zuvor, aber mit angenehmer Zeilenlänge (ca. 70–75 Zeichen). */
body.hnr-artikelseite .nr-v1.nr-kultur .nr-article--wide .nr-body {
  max-width: 760px;
}
/* 3: Roter Artikeltitel, nicht die Unterüberschriften. */
body.hnr-artikelseite .nr-v1.nr-kultur .nr-article-head h1 {
  color: var(--art-red);
}
/* 4: Sehr dezenter grauer Hintergrund nur für „Jetzt zu sehen“. */
body.hnr-magazinseite .nr-v1.nr-kultur .nr-events {
  background: #f8f8f8;
  padding-left: clamp(12px, 1.5vw, 22px);
  padding-right: clamp(12px, 1.5vw, 22px);
  padding-bottom: 26px;
}
/* 5: Dieselbe lokal eingebundene Baskervville, regulärer 500er Schnitt. */
body.hnr-artikelseite .nr-v1.nr-kultur .nr-body > p,
body.hnr-artikelseite .nr-v1.nr-kultur .nr-body > ul,
body.hnr-artikelseite .nr-v1.nr-kultur .nr-body > ol {
  font-weight: 500;
}


/* ARTROOM – NEWSROOM-Standardraster (Startseite).
   Vorherige experimentelle Rasterkorrekturen sind NICHT enthalten.
   Ausschließlich Größen/Abstände, keine Raster-Neuberechnung. */
@media (min-width: 741px) {
  .nr-v1.nr-kultur .nr-story {
    padding-top: 20px;
    padding-bottom: 22px;
  }
  .nr-v1.nr-kultur .nr-feature {
    padding-top: 20px;
    padding-bottom: 21px;
  }
  .nr-v1.nr-kultur .nr-compose-card {
    padding-top: 22px;
    padding-bottom: 24px;
  }
  .nr-v1.nr-kultur .nr-more {
    margin-top: 28px;
    padding-top: 20px;
  }
  /* ARTROOM-Zusatzräume an Galerie und Terminen zurücknehmen. */
  .nr-v1.nr-kultur .nr-gallery {
    margin-top: 0;
    padding-top: 0;
  }
  .nr-v1.nr-kultur .nr-events {
    margin-top: 0;
    padding-top: 0;
  }
  .nr-v1.nr-kultur .nr-event a {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

/* ARTROOM Galerie: gezielte Korrektur des sichtbaren Abschnittsübergangs.
   Erste Artikelreihe, restliche Rubriken und mobile Layouts unberührt. */
@media (min-width: 741px) {
  .nr-v1.nr-kultur .nr-gallery {
    margin-top: 12px;
    padding-top: 10px;
  }
  .nr-v1.nr-kultur .nr-gallery .nr-more-head {
    margin-bottom: 12px;
  }
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image {
    height: auto;
    aspect-ratio: 1.87 / 1;
  }
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/* ARTROOM Galerie-Feinabstimmung: Überschrift 6px tiefer,
   alle drei Vorschaubilder einheitlich dimensioniert. Nur Desktop. */
@media (min-width: 741px) {
  .nr-v1.nr-kultur .nr-gallery {
    padding-top: 16px;
  }
  .nr-v1.nr-kultur .nr-gallery .nr-more-head {
    margin-bottom: 6px;
  }
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1.87 / 1;
    overflow: hidden;
  }
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }
}

/* ARTROOM – Abschnitt „Jetzt zu sehen“: Überschriftenzeile 12px
   unter die vorherige Trennlinie setzen; sonst nichts verändern. */
@media (min-width: 741px) {
  .nr-v1.nr-kultur .nr-events {
    padding-top: 12px;
  }
}

/* ARTROOM 2.8.10.8 – Galerie bündig, Werke vollständig.
   Feste Bildhöhe statt Seitenverhältnis: alle drei Bilder gleich hoch, Rubrik und Titel auf einer Linie,
   auch wenn die Spalten unterschiedlich breit sind. */
@media (min-width: 741px) {
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image {
    aspect-ratio: auto;
    height: clamp(190px, 17.5vw, 270px); /* Querformate (3:2) füllen die Spaltenbreite */
  }
}
@media (max-width: 740px) {
  .nr-v1.nr-kultur .nr-gallery-grid .nr-feature-image { aspect-ratio: 3 / 2; height: auto; }
}
/* KI-Bilder füllen den Rahmen; hochgeladene Werke und Pressebilder werden vollständig gezeigt –
   nie beschnitten (Nutzungsbedingungen von Pressebildern, Urheberpersönlichkeitsrecht). */
.nr-v1.nr-kultur img.nr-img-werk {
  object-fit: contain !important;
  object-position: center !important;
  background: #fff;
}
.nr-v1.nr-kultur .nr-feature-image:has(img.nr-img-werk),
.nr-v1.nr-kultur .nr-compose-image:has(img.nr-img-werk),
.nr-v1.nr-kultur .nr-section-lead-image:has(img.nr-img-werk),
.nr-v1.nr-kultur .nr-dossier-img:has(img.nr-img-werk) { background: #fff; }

/* 2.8.10.9: Kennzeichnung bezahlter Beiträge (Partner) */
.nr-v1 .nr-anzeige,.nr-anzeige{margin:10px 0 14px;font-family:"DM Sans",system-ui,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b}
.nr-anzeige strong{color:#111;font-weight:700}

/* 2.8.10.12 – leise Hinweise (aus ARTROOM Partner): klein, grau, im Ton der Ressortzeilen */
.nr-v1 .nr-hinweis { font-family: var(--art-sans, "DM Sans", sans-serif); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--art-grey, #6e6e6e); }
.nr-v1 .nr-hinweis a { color: inherit; text-decoration: none; }
.nr-v1 .nr-hinweis a:hover, .nr-v1 .nr-hinweis a:focus-visible { color: var(--art-ink, #111); }
.nr-v1 .nr-hinweis a span { color: var(--art-red, #b3261e); }
.nr-v1 .nr-hinweis--termine { margin: 18px 0 0; text-align: right; }
.nr-v1 .nr-hinweis--artikel { margin: 28px 0 0; padding-top: 14px; border-top: 1px solid var(--art-line, #e6e6e6); }
.nr-v1 .nr-nav-panel a.nr-hinweis--menue { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--art-line, #e6e6e6); color: var(--art-grey, #6e6e6e); }
@media (max-width: 740px) { .nr-v1 .nr-hinweis--termine { text-align: left; } }

/* =============================================================
   ARTROOM 2.8.10.17
   ============================================================= */
/* 1: Überschriften der Titelseite und der Ressortseiten rot, beim Überfahren schwarz –
      jetzt am Magazin selbst festgemacht (.nr-blatt), auch wenn die Seite im Rahmen des Themes läuft. */
.nr-v1.nr-kultur.nr-blatt .nr-hero h1,
.nr-v1.nr-kultur.nr-blatt .nr-story h2,
.nr-v1.nr-kultur.nr-blatt .nr-feature h2,
.nr-v1.nr-kultur.nr-blatt .nr-compose-card h2,
.nr-v1.nr-kultur.nr-blatt .nr-dossier h2,
.nr-v1.nr-kultur.nr-blatt .nr-section-lead h2,
.nr-v1.nr-kultur.nr-blatt .nr-ticker-lead h2,
.nr-v1.nr-kultur.nr-blatt .hne-editorial .hne-editorial-title { color: var(--art-red); }
.nr-v1.nr-kultur.nr-blatt .nr-hero h1 a,
.nr-v1.nr-kultur.nr-blatt .nr-story h2 a,
.nr-v1.nr-kultur.nr-blatt .nr-feature h2 a,
.nr-v1.nr-kultur.nr-blatt .nr-compose-card h2 a,
.nr-v1.nr-kultur.nr-blatt .nr-dossier h2 a,
.nr-v1.nr-kultur.nr-blatt .nr-section-lead h2 a,
.nr-v1.nr-kultur.nr-blatt .nr-ticker-lead h2 a,
.nr-v1.nr-kultur.nr-blatt .hne-editorial .hne-editorial-title a { color: inherit; }
.nr-v1.nr-kultur.nr-blatt .nr-hero h1 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-story h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-feature h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-compose-card h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-dossier h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-section-lead h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-ticker-lead h2 a:hover,
.nr-v1.nr-kultur.nr-blatt .hne-editorial .hne-editorial-title a:hover,
.nr-v1.nr-kultur.nr-blatt .nr-hero h1 a:focus-visible,
.nr-v1.nr-kultur.nr-blatt .nr-story h2 a:focus-visible,
.nr-v1.nr-kultur.nr-blatt .nr-feature h2 a:focus-visible,
.nr-v1.nr-kultur.nr-blatt .nr-compose-card h2 a:focus-visible,
.nr-v1.nr-kultur.nr-blatt .nr-dossier h2 a:focus-visible { color: var(--art-ink); }

/* 2: Hinweis „KI-Bild“ immer auf dem Bild. KI-Bilder füllen den Bildrahmen der Artikelseite;
      bei vollständig gezeigten Werken (oben links angeschlagen) steht der Hinweis oben links. */
.nr-v1.nr-kultur .nr-article-figure img.nr-img-ki { object-fit: cover; object-position: center; }
.nr-v1.nr-kultur .nr-article--wide .nr-zoom img.nr-img-ki { height: 100%; }
@media (max-width: 740px) { .nr-v1.nr-kultur .nr-article--wide .nr-zoom img.nr-img-ki { height: 100%; } }
/* Werke und Pressebilder: Der Rahmen schmiegt sich an das Bild, damit der Hinweis immer auf dem Bild sitzt. */
.nr-v1.nr-kultur .nr-article-figure .nr-zoom:has(img.nr-img-werk) { width: fit-content; max-width: 100%; min-height: 0; aspect-ratio: auto; max-height: none; flex: none; align-self: flex-start; }
.nr-v1.nr-kultur .nr-article-figure .nr-zoom img.nr-img-werk { width: auto; max-width: 100%; height: auto; max-height: 82vh; }
.nr-v1.nr-kultur .nr-article--wide .nr-zoom img.nr-img-werk { max-height: 640px; }

/* 3: Kurzer Link im Kopf neben der Suche (z. B. „Partner“ aus ARTROOM Partner) */
.nr-v1 .nr-actions .nr-head-link { font-family: var(--art-sans, 'DM Sans', Arial, sans-serif); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; line-height: 1; color: var(--art-red, #b3261e); text-decoration: none; padding: 6px 0; border-bottom: 1px solid transparent; white-space: nowrap; transition: color .2s ease, border-color .2s ease; }
.nr-v1 .nr-actions .nr-head-link:hover, .nr-v1 .nr-actions .nr-head-link:focus-visible { color: var(--art-ink, #111); border-bottom-color: var(--art-ink, #111); }
@media (max-width: 420px) { .nr-v1 .nr-actions .nr-head-link { font-size: 10px; letter-spacing: .12em; } }

/* 4: Sprachumschalter – Grundgestaltung im Magazin selbst, damit DE und EN auf jeder Seite getrennt bleiben */
.nr-v1 .nr-actions .nr-lang { display: flex; align-items: center; gap: 2px; font-family: var(--art-sans, 'DM Sans', Arial, sans-serif); font-size: 12px; font-weight: 500; letter-spacing: .08em; line-height: 1; }
.nr-v1 .nr-actions .nr-lang a { color: var(--art-grey, #6e6e6e); text-decoration: none; padding: 6px 5px; border-bottom: 1px solid transparent; }
.nr-v1 .nr-actions .nr-lang a[aria-current] { color: var(--art-ink, #111); border-bottom-color: var(--art-red, #b3261e); }
.nr-v1 .nr-actions .nr-lang a:hover, .nr-v1 .nr-actions .nr-lang a:focus-visible { color: var(--art-ink, #111); }

/* 5: Kulturnachrichten als Ticker */
.nr-v1.nr-kultur .nr-ticker-switch { display: flex; gap: 0; margin: 22px 0 0; font-style: normal; }
.nr-v1.nr-kultur .nr-ticker-switch a { font: 500 10.5px/1.3 var(--art-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--art-ink); text-decoration: none; padding: 11px 16px 10px; border: 1px solid var(--art-ink); }
.nr-v1.nr-kultur .nr-ticker-switch a + a { border-left: 0; }
.nr-v1.nr-kultur .nr-ticker-switch a:hover { color: var(--art-red); }
.nr-v1.nr-kultur .nr-ticker-switch a[aria-current] { background: var(--art-ink); color: #fff; }
.nr-v1.nr-kultur .nr-ticker { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 300px); gap: 0 clamp(32px, 4.5vw, 72px); align-items: start; padding-top: 6px; }
.nr-v1.nr-kultur .nr-ticker-main { min-width: 0; }
.nr-v1.nr-kultur .nr-ticker-lead { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: center; padding: 26px 0 30px; border-bottom: 1px solid var(--art-ink); }
.nr-v1.nr-kultur .nr-ticker-lead-image { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #f3f3f3; }
.nr-v1.nr-kultur .nr-ticker-lead-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-v1.nr-kultur .nr-ticker-lead h2 { font-size: clamp(28px, 2.6vw, 42px); line-height: 1.08; margin: 12px 0 14px; }
.nr-v1.nr-kultur .nr-ticker-lead p { font-family: var(--art-serif); font-size: 18px; line-height: 1.55; color: #333; margin: 0; }
.nr-v1.nr-kultur .nr-ticker-day { display: flex; align-items: baseline; gap: 10px; margin: 34px 0 0; padding: 0 0 10px; border-bottom: 1px solid var(--art-ink); font: 500 10.5px/1.3 var(--art-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--art-grey); }
.nr-v1.nr-kultur .nr-ticker-day strong { color: var(--art-red); font-weight: 600; }
.nr-v1.nr-kultur .nr-ticker-list { list-style: none; margin: 0; padding: 0; }
.nr-v1.nr-kultur .nr-tick { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 18px; padding: 16px 0 17px; border-bottom: 1px solid var(--art-line); }
.nr-v1.nr-kultur .nr-tick.has-pic { grid-template-columns: 56px minmax(0, 1fr) 132px; }
.nr-v1.nr-kultur .nr-tick time { font: 500 13px/1.6 var(--art-sans); color: var(--art-grey); font-variant-numeric: tabular-nums; }
.nr-v1.nr-kultur .nr-tick.is-news time { color: var(--art-red); }
.nr-v1.nr-kultur .nr-tick-body { min-width: 0; }
.nr-v1.nr-kultur .nr-tick .nr-label { font-size: 9.5px; }
.nr-v1.nr-kultur .nr-tick h3 { font-family: var(--art-serif); font-weight: 400; font-size: clamp(20px, 1.55vw, 23px); line-height: 1.22; margin: 5px 0 6px; }
.nr-v1.nr-kultur .nr-tick h3 a { color: var(--art-ink); text-decoration: none; transition: color .2s ease; }
.nr-v1.nr-kultur .nr-tick h3 a:hover, .nr-v1.nr-kultur .nr-tick h3 a:focus-visible { color: var(--art-red); }
.nr-v1.nr-kultur .nr-tick p { margin: 0; font-family: var(--art-sans); font-size: 14px; line-height: 1.6; color: #555; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nr-v1.nr-kultur .nr-tick-pic { position: relative; display: block; align-self: start; aspect-ratio: 4 / 3; overflow: hidden; background: #f3f3f3; margin-top: 4px; }
.nr-v1.nr-kultur .nr-tick-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-v1.nr-kultur .nr-tick-pic .nr-ki { font-size: 8px; padding: 2px 5px; right: 4px; bottom: 4px; left: auto; top: auto; }
.nr-v1.nr-kultur .nr-ticker-side { position: sticky; top: 24px; padding-top: 26px; }
.nr-v1.nr-kultur .nr-ticker-box { border-top: 2px solid var(--art-ink); padding: 14px 0 26px; }
.nr-v1.nr-kultur .nr-ticker-box h2 { font-size: 22px; font-style: italic; letter-spacing: -.005em; margin: 0 0 8px; }
.nr-v1.nr-kultur .nr-ticker-box ul { list-style: none; margin: 0; padding: 0; }
.nr-v1.nr-kultur .nr-ticker-box li a { display: flex; flex-direction: column; gap: 3px; padding: 11px 0 12px; border-bottom: 1px solid var(--art-line); color: inherit; text-decoration: none; }
.nr-v1.nr-kultur .nr-ticker-box li .nr-label { font-size: 9px; }
.nr-v1.nr-kultur .nr-ticker-box li strong { font-weight: 400; font-size: 17px; line-height: 1.25; color: var(--art-ink); transition: color .2s ease; }
.nr-v1.nr-kultur .nr-ticker-box li a:hover strong { color: var(--art-red); }
.nr-v1.nr-kultur .nr-ticker-when { font: 400 12px/1.45 var(--art-sans); color: var(--art-grey); }
.nr-v1.nr-kultur .nr-ticker-when em { font-style: normal; color: var(--art-red); }
.nr-v1.nr-kultur .nr-ticker-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 0; }
.nr-v1.nr-kultur .nr-ticker-tags a { font: 500 10px/1.3 var(--art-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--art-ink); text-decoration: none; padding: 7px 10px 6px; border: 1px solid var(--art-line); }
.nr-v1.nr-kultur .nr-ticker-tags a:hover { border-color: var(--art-ink); }
@media (max-width: 1000px) {
  .nr-v1.nr-kultur .nr-ticker { grid-template-columns: minmax(0, 1fr); }
  .nr-v1.nr-kultur .nr-ticker-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; padding-top: 34px; }
}
@media (max-width: 740px) {
  .nr-v1.nr-kultur .nr-ticker-lead { grid-template-columns: minmax(0, 1fr); }
  .nr-v1.nr-kultur .nr-tick { grid-template-columns: 46px minmax(0, 1fr); gap: 2px 12px; }
  .nr-v1.nr-kultur .nr-tick.has-pic { grid-template-columns: 46px minmax(0, 1fr) 88px; }
  .nr-v1.nr-kultur .nr-tick p { -webkit-line-clamp: 3; }
  .nr-v1.nr-kultur .nr-ticker-side { grid-template-columns: minmax(0, 1fr); }
}