/* HEYAI Editorial – Leserseiten. Weiß, Schwarz, Grau, ein Rot; Gestaltung von ARTROOM. */

/* Titelseite: eigener Platz unter „Im Blick“ */
.nr-v1 .hne-editorial { margin-top: 24px; padding-top: 26px; }
.nr-v1 .hne-editorial-grid { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: clamp(24px, 3.4vw, 56px); align-items: start; padding: 22px 0 36px; }
.nr-v1 .hne-editorial.hne-noimg .hne-editorial-grid { grid-template-columns: minmax(0, 1fr); }
.nr-v1 .hne-portrait { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #f4f4f4; }
.nr-v1 .hne-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; filter: grayscale(1) contrast(1.04); transition: filter .4s ease; }
.nr-v1 .hne-portrait:hover img { filter: grayscale(.2); }
.nr-v1 .hne-editorial-copy { max-width: 760px; }
.nr-v1 .hne-editorial .hne-editorial-title { font-family: var(--art-serif, Georgia, serif); font-weight: 400; font-style: italic; font-size: clamp(32px, 3.2vw, 52px); line-height: 1.06; letter-spacing: -.015em; margin: 0 0 22px; }
.nr-v1 .hne-editorial .hne-editorial-title a { text-decoration: none; transition: color .2s ease; } /* Farbe wie alle Überschriften des Magazins */
.nr-v1 .hne-editorial .hne-editorial-title a:hover { color: var(--nr-accent, #b3261e); }
/* ARTROOM: Headlines der Startseite rot, bei Hover schwarz – wie alle Titel der Startseite (2.8.10.8). */
body.hnr-magazinseite .nr-v1.nr-kultur .hne-editorial .hne-editorial-title { color: var(--art-red); }
body.hnr-magazinseite .nr-v1.nr-kultur .hne-editorial .hne-editorial-title a { color: inherit; }
body.hnr-magazinseite .nr-v1.nr-kultur .hne-editorial .hne-editorial-title:hover,
body.hnr-magazinseite .nr-v1.nr-kultur .hne-editorial .hne-editorial-title a:hover { color: var(--art-ink); }
.nr-v1 .hne-editorial-teaser { font-family: var(--art-serif, Georgia, serif); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.55; color: #333; margin: 0 0 22px; max-width: 640px; }
.nr-v1 .hne-sig { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 0; font-family: var(--art-sans, sans-serif); font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--art-grey, #6e6e6e); }
.nr-v1 .hne-sig-name { color: var(--art-ink, #111); }
.nr-v1 .hne-sig-name::before { content: ""; display: inline-block; width: 22px; height: 1px; background: var(--art-red, #b3261e); vertical-align: middle; margin-right: 12px; transform: translateY(-2px); }
.nr-v1 .hne-ki { display: inline-block; border: 1px solid var(--art-ink, #111); padding: 2px 7px 1px; font-size: 9px; letter-spacing: .16em; color: var(--art-ink, #111); }
.nr-v1 .hne-editorial .nr-cta { margin-top: 26px; }
@media (max-width: 740px) {
  .nr-v1 .hne-editorial-grid { grid-template-columns: 112px minmax(0, 1fr); gap: 18px; padding-bottom: 28px; }
  .nr-v1 .hne-editorial .hne-editorial-title { font-size: 30px; margin-bottom: 14px; }
  .nr-v1 .hne-editorial-teaser { font-size: 17px; }
}
@media (max-width: 420px) {
  .nr-v1 .hne-editorial-grid { grid-template-columns: minmax(0, 1fr); }
  .nr-v1 .hne-portrait { max-width: 150px; }
}

/* Artikel: Gesicht und Kennzeichnung unter der Autorzeile (Name und Rolle stehen in der Autorzeile) */
.nr-v1 .hne-head { display: flex; align-items: center; gap: 16px; margin: 18px 0 0; }
.nr-v1 .hne-head img { width: 64px; height: 64px; flex: 0 0 64px; object-fit: cover; object-position: center top; filter: grayscale(1); display: block; }
.nr-v1 .hne-head-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.nr-v1 .hne-note { margin: 0; font-family: var(--art-sans, sans-serif); font-size: 13px; line-height: 1.55; color: var(--art-grey, #6e6e6e); max-width: 620px; }

/* Artikel: Über den Kopf */
.nr-v1 .hne-about { margin: 34px 0 0; padding: 20px 0 0; border-top: 1px solid var(--art-ink, #111); max-width: 680px; }
.nr-v1 .hne-about p { font-family: var(--art-serif, Georgia, serif); font-style: italic; font-size: 17px; line-height: 1.6; color: #444; margin: 10px 0 0; }
.nr-v1 .hne-about-all { display: inline-block; margin-top: 14px; font-family: var(--art-sans, sans-serif); font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--art-ink, #111); text-decoration: none; }
.nr-v1 .hne-about-all span { color: var(--art-red, #b3261e); font-size: 14px; margin-left: 6px; }

/* Artikel: Porträt des Kopfs am Platz des Artikelbilds, rechts neben dem Kopf – Gesicht zeigen, Verantwortung zeigen */
body.hne-mit-portraet .nr-v1 .nr-article--wide .nr-article-figure { display: block; max-width: 360px; width: 100%; justify-self: end; align-self: start; }
body.hne-mit-portraet .nr-v1 .nr-article--wide .nr-zoom { flex: none; min-height: 0; max-height: none; height: auto; aspect-ratio: 4 / 5; overflow: hidden; background: #f4f4f4; }
body.hne-mit-portraet .nr-v1 .nr-article--wide .nr-zoom img,
body.hne-mit-portraet .nr-v1.nr-kultur .nr-article--wide .nr-zoom img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center top; filter: grayscale(1) contrast(1.04); }
@media (max-width: 900px) {
  body.hne-mit-portraet .nr-v1 .nr-article--wide .nr-article-figure { max-width: 240px; margin: 22px 0 0; justify-self: start; }
}