/* ====================================================================
   NICHT IRGENDWANN | LINKS AKTUELL 3.1 | Punk Editorial, 23.10.2026
   Shortcode: [ni_links_aktuell]
   Vollständig in .ni-links-page gekapselt. Keine Enfold-Menü-Regeln.
   Schriftarten kommen aus dem globalen Child-Theme-Designsystem.
   ==================================================================== */
#top .ni-links-page {
  --nil-black:#020202;
  --nil-red:#89252d;
  --nil-white:#fff;
  --nil-paper:#f5f5f5;
  --nil-head:var(--font-headline, 'Nachmittage Display', Impact, sans-serif);
  --nil-body:var(--font-body, 'Roboto Slab', Georgia, serif);
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  background:var(--nil-paper);
  color:var(--nil-black);
  font:400 16px/1.6 var(--nil-body);
}
#top .ni-links-page, #top .ni-links-page *, #top .ni-links-page *::before, #top .ni-links-page *::after { box-sizing:border-box; }
#top .ni-links-page :is(h1,h2,h3,p) { margin:0; }
#top .ni-links-page a { text-decoration:none !important; }
#top .ni-links-page a:focus-visible { outline:3px solid var(--nil-red); outline-offset:5px; }
#top .ni-links-page .ni-links-page__wrap { width:min(1060px,calc(100% - 96px)); margin-inline:auto; }

/* 01 / Headline: große Plakat-Typografie, kein doppeltes Logo
   (Logo steht bereits im globalen mobilen/Desktop-Header). */
#top .ni-links-page .ni-links-hero {
  background:var(--nil-black);
  color:var(--nil-white);
  border-top:7px solid var(--nil-red);
  padding:92px 0 94px;
  position:relative;
  overflow:hidden;
}
#top .ni-links-page .ni-links-hero__layout { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:38px; align-items:center; }
#top .ni-links-page .ni-links-hero__eyebrow {
  font:700 12px/1.55 var(--nil-body);
  letter-spacing:.16em;
  color:#e1b5ba;
  margin-bottom:24px;
}
#top .ni-links-page .ni-links-hero__title {
  font:400 clamp(78px,10vw,142px)/.88 var(--nil-head) !important;
  letter-spacing:-.024em !important;
  color:#fff !important;
  text-transform:uppercase;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}
#top .ni-links-page .ni-links-hero__title span { display:block; color:#fff !important; }
#top .ni-links-page .ni-links-hero__title .ni-links-hero__title-accent { color:#fff !important; text-decoration:underline; text-decoration-color:var(--nil-red); text-decoration-thickness:8px; text-underline-offset:10px; }
#top .ni-links-page .ni-links-hero__slash { display:block; width:124px; height:7px; background:var(--nil-red); margin:40px 0 30px; transform:rotate(-2deg) skew(-20deg); }
#top .ni-links-page .ni-links-hero__description { max-width:635px; color:#ddd; font-size:clamp(17px,1.45vw,21px); line-height:1.58; font-weight:500; }
#top .ni-links-page .ni-links-hero__side { position:relative; align-self:stretch; min-height:260px; display:flex; align-items:center; justify-content:center; }
#top .ni-links-page .ni-links-hero__giant { display:block; font:400 clamp(190px,18vw,305px)/1 var(--nil-head); color:var(--nil-red); transform:rotate(-9deg); margin-top:-48px; }
#top .ni-links-page .ni-links-hero__sticker { position:absolute; right:4px; bottom:14px; display:block; padding:17px 22px; text-align:center; background:var(--nil-red); color:#fff; border:2px solid #fff; box-shadow:8px 8px 0 #080808; transform:rotate(8deg); font:700 13px/1.55 var(--nil-body); letter-spacing:.085em; }

/* 01b / Schmale Rueckkehr-Karte: die Hauptwebsite bleibt auch ohne Enfold-Header erreichbar. */
#top .ni-links-page .ni-links-siteway {
  position:relative;
  z-index:3;
  margin-top:-30px;
  background:linear-gradient(to bottom,transparent 0 30px,var(--nil-paper) 30px 100%);
}
#top .ni-links-page .ni-links-siteway__link {
  position:relative;
  display:flex;
  align-items:center;
  gap:22px;
  min-height:104px;
  padding:18px 24px 18px 18px;
  background:#fff;
  color:var(--nil-black) !important;
  border:2px solid var(--nil-black);
  box-shadow:6px 6px 0 var(--nil-red);
  transition:transform .18s ease, box-shadow .18s ease;
}
#top .ni-links-page .ni-links-siteway__link:hover {
  transform:translateY(-3px);
  box-shadow:8px 9px 0 var(--nil-red);
}
#top .ni-links-page .ni-links-siteway__mark {
  display:grid;
  place-items:center;
  flex:none;
  width:58px;
  height:58px;
  background:var(--nil-red);
  color:#fff;
  font:700 32px/1 var(--nil-body);
}
#top .ni-links-page .ni-links-siteway__text {
  display:flex;
  flex-direction:column;
  gap:5px;
  flex:1 1 auto;
  min-width:0;
}
#top .ni-links-page .ni-links-siteway__title {
  display:block;
  color:var(--nil-black) !important;
  font:400 clamp(26px,3.1vw,38px)/1 var(--nil-head);
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
#top .ni-links-page .ni-links-siteway__subtitle {
  display:block;
  color:#444;
  font:400 13px/1.4 var(--nil-body);
}
#top .ni-links-page .ni-links-siteway__cta {
  display:inline-flex;
  align-items:center;
  flex:none;
  gap:12px;
  color:var(--nil-red);
  font:700 11px/1.35 var(--nil-body);
  text-transform:uppercase;
  letter-spacing:.075em;
  white-space:nowrap;
}
#top .ni-links-page .ni-links-siteway__cta span { font-size:22px; line-height:1; }

/* 02 / Links. Eine prominente Magazin-Karte, danach freie Karten. */
#top .ni-links-page .ni-links-content { padding:80px 0 110px; background:var(--nil-paper); }
#top .ni-links-page .ni-links-content__intro { margin-bottom:27px; display:flex; align-items:end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
#top .ni-links-page .ni-links-content__intro p { font:700 11px/1.5 var(--nil-body); letter-spacing:.12em; color:var(--nil-red); }
#top .ni-links-page .ni-links-content__intro h2 { font:400 clamp(35px,4vw,58px)/1 var(--nil-head) !important; letter-spacing:0 !important; color:var(--nil-black) !important; }
#top .ni-links-page .ni-links-content__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; }
#top .ni-links-page .ni-links-card {
  position:relative;
  display:block;
  isolation:isolate;
  min-width:0;
  min-height:278px;
  border:3px solid var(--nil-black);
  background:#fff;
  color:var(--nil-black);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
#top .ni-links-page .ni-links-card:hover { transform:translateY(-4px); box-shadow:8px 9px 0 var(--nil-red); }
#top .ni-links-page .ni-links-card__inner { display:flex; flex-direction:column; min-height:272px; height:100%; padding:25px 30px 20px; position:relative; z-index:1; }
#top .ni-links-page .ni-links-card__kicker { display:block; margin-bottom:15px; font:700 11px/1.45 var(--nil-body); letter-spacing:.14em; color:var(--nil-red); text-transform:uppercase; }
#top .ni-links-page .ni-links-card__title { display:block; font:400 clamp(36px,3.8vw,56px)/1.02 var(--nil-head); letter-spacing:0; color:var(--nil-black); text-transform:uppercase; overflow-wrap:anywhere; hyphens:none; }
#top .ni-links-page .ni-links-card__desc { display:block; margin:14px 0 21px; max-width:510px; font:400 14px/1.65 var(--nil-body); color:#404040; }
#top .ni-links-page .ni-links-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:9px; border-top:1px solid rgba(2,2,2,.18); font:700 10px/1.5 var(--nil-body); letter-spacing:.12em; color:#303030; text-transform:uppercase; }
#top .ni-links-page .ni-links-card__arrow { display:grid; place-items:center; flex:0 0 39px; width:39px; height:39px; border:2px solid currentColor; color:inherit; font:400 26px/1 var(--nil-body); transition:background .18s,color .18s; }
#top .ni-links-page .ni-links-card:hover .ni-links-card__arrow { background:var(--nil-black); color:#fff; }

/* Featured Magazin: immer an erster Stelle und über die gesamte Breite. */
#top .ni-links-page .ni-links-card--latest { grid-column:1/-1; border-color:var(--nil-black); background:var(--nil-black); min-height:285px; color:#fff; box-shadow:9px 9px 0 var(--nil-red); }
#top .ni-links-page .ni-links-card--latest:hover { box-shadow:12px 13px 0 var(--nil-red); }
#top .ni-links-page .ni-links-card--latest .ni-links-card__inner { min-height:280px; padding:30px 38px 26px; }
#top .ni-links-page .ni-links-card--latest :is(.ni-links-card__title,.ni-links-card__desc,.ni-links-card__bottom) { color:#fff !important; }
#top .ni-links-page .ni-links-card--latest .ni-links-card__kicker { color:#edaeb5 !important; }
#top .ni-links-page .ni-links-card--latest .ni-links-card__title { font-size:clamp(44px,4.8vw,76px); max-width:760px; }
#top .ni-links-page .ni-links-card--latest .ni-links-card__desc { color:#ddd !important; max-width:660px; }
#top .ni-links-page .ni-links-card--latest .ni-links-card__bottom { border-top-color:rgba(255,255,255,.29); }
#top .ni-links-page .ni-links-card--latest:hover .ni-links-card__arrow { background:#fff; color:#020202; }
#top .ni-links-page .ni-links-card--latest-image .ni-links-card__inner { width:68%; padding-right:36px; }
#top .ni-links-page .ni-links-card__latest-visual { position:absolute; inset:0 0 0 auto; width:33%; background:#222; overflow:hidden; }
#top .ni-links-page .ni-links-card__latest-visual::after { content:""; position:absolute; inset:0 auto 0 0; width:9px; background:var(--nil-red); }
#top .ni-links-page .ni-links-card__latest-visual img { width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block; }

/* Rote Karte und optionale Cover-Fotos aus dem Backend. */
#top .ni-links-page .ni-links-card--primary { background:var(--nil-red); border-color:var(--nil-red); box-shadow:7px 7px 0 var(--nil-black); }
#top .ni-links-page .ni-links-card--primary:hover { box-shadow:10px 11px 0 var(--nil-black); }
#top .ni-links-page .ni-links-card--primary :is(.ni-links-card__kicker,.ni-links-card__title,.ni-links-card__desc,.ni-links-card__bottom) { color:#fff !important; }
#top .ni-links-page .ni-links-card--primary .ni-links-card__bottom { border-top-color:rgba(255,255,255,.34); }
#top .ni-links-page .ni-links-card--primary:hover .ni-links-card__arrow { background:#fff; color:var(--nil-red); }
#top .ni-links-page .ni-links-card--image .ni-links-card__inner { padding-right:142px; }
#top .ni-links-page .ni-links-card__image { position:absolute; z-index:0; right:18px; top:59px; bottom:60px; width:108px; display:flex; align-items:center; justify-content:center; }
#top .ni-links-page .ni-links-card__image img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }

/* Farben aus dem Backend haben Vorrang, ohne Enfold zu beeinflussen. */
#top .ni-links-page .ni-links-card--custom-background { background:var(--nil-background) !important; }
#top .ni-links-page .ni-links-card--custom-border { border-color:var(--nil-border) !important; }
#top .ni-links-page .ni-links-card--custom-text, #top .ni-links-page .ni-links-card--custom-text :is(.ni-links-card__kicker,.ni-links-card__title,.ni-links-card__desc,.ni-links-card__bottom,.ni-links-card__arrow) { color:var(--nil-text) !important; }

/* 03 / Footer. Keine Menüpunkte oder Logos werden verändert. */
#top .ni-links-page .ni-links-footer { padding:40px 0 45px; background:var(--nil-black); color:#fff; border-top:6px solid var(--nil-red); }
#top .ni-links-page .ni-links-footer__inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:25px; }
#top .ni-links-page .ni-links-footer__statement { color:#fff; font:400 clamp(28px,3vw,44px)/1.1 var(--nil-head); }
#top .ni-links-page .ni-links-footer nav { display:flex; gap:21px; flex-wrap:wrap; }
#top .ni-links-page .ni-links-footer nav a { color:#d9d9d9 !important; font:700 10px/1.4 var(--nil-body); letter-spacing:.1em; transition:color .18s; }
#top .ni-links-page .ni-links-footer nav a:hover { color:#fff !important; }

@media(max-width:900px){
  #top .ni-links-page .ni-links-page__wrap { width:calc(100% - 56px); }
  #top .ni-links-page .ni-links-hero { padding:75px 0 80px; }
  #top .ni-links-page .ni-links-hero__layout { grid-template-columns:minmax(0,1fr) 155px; gap:22px; }
  #top .ni-links-page .ni-links-hero__title { font-size:clamp(62px,10vw,100px) !important; }
  #top .ni-links-page .ni-links-hero__side { min-height:220px; }
  #top .ni-links-page .ni-links-hero__giant { font-size:180px; }
  #top .ni-links-page .ni-links-hero__sticker { font-size:10px; padding:12px; }
  #top .ni-links-page .ni-links-card__title { font-size:42px; }
}
@media(max-width:620px){
  #top .ni-links-page .ni-links-siteway { margin-top:-22px; background:linear-gradient(to bottom,transparent 0 22px,var(--nil-paper) 22px 100%); }
  #top .ni-links-page .ni-links-siteway__link { min-height:90px; padding:15px 14px; gap:12px; box-shadow:4px 4px 0 var(--nil-red); }
  #top .ni-links-page .ni-links-siteway__link:hover { box-shadow:6px 6px 0 var(--nil-red); }
  #top .ni-links-page .ni-links-siteway__mark { width:44px; height:44px; font-size:27px; }
  #top .ni-links-page .ni-links-siteway__title { font-size:clamp(23px,7vw,30px); }
  #top .ni-links-page .ni-links-siteway__subtitle { font-size:11px; }
  #top .ni-links-page .ni-links-siteway__cta { gap:0; font-size:0; }
  #top .ni-links-page .ni-links-siteway__cta span { font-size:24px; }

  #top .ni-links-page .ni-links-page__wrap { width:calc(100% - 34px); }
  #top .ni-links-page .ni-links-hero { padding:55px 0 57px; border-top-width:5px; }
  #top .ni-links-page .ni-links-hero__layout { display:block; }
  #top .ni-links-page .ni-links-hero__side { display:none; }
  #top .ni-links-page .ni-links-hero__eyebrow { font-size:10px; letter-spacing:.105em; margin-bottom:23px; }
  #top .ni-links-page .ni-links-hero__title { font-size:clamp(53px,13vw,78px) !important; letter-spacing:-.02em !important; }
  #top .ni-links-page .ni-links-hero__title .ni-links-hero__title-accent { text-decoration-thickness:6px; text-underline-offset:7px; }
  #top .ni-links-page .ni-links-hero__slash { margin:31px 0 24px; width:95px; height:6px; }
  #top .ni-links-page .ni-links-hero__description { font-size:14px; line-height:1.65; max-width:520px; }
  #top .ni-links-page .ni-links-content { padding:48px 0 75px; }
  #top .ni-links-page .ni-links-content__intro { display:block; margin-bottom:23px; }
  #top .ni-links-page .ni-links-content__intro p { font-size:9px; letter-spacing:.085em; margin-bottom:11px; }
  #top .ni-links-page .ni-links-content__intro h2 { font-size:43px !important; }
  #top .ni-links-page .ni-links-content__list { grid-template-columns:1fr; gap:17px; }
  #top .ni-links-page .ni-links-card { min-height:204px; border-width:2px; }
  #top .ni-links-page .ni-links-card__inner { min-height:200px; padding:20px 21px 17px; }
  #top .ni-links-page .ni-links-card__kicker { font-size:10px; margin-bottom:10px; }
  #top .ni-links-page .ni-links-card__title { font-size:clamp(38px,10vw,52px); line-height:1; }
  #top .ni-links-page .ni-links-card__desc { font-size:12.5px; line-height:1.6; margin:12px 0 20px; }
  #top .ni-links-page .ni-links-card__bottom { font-size:9px; }
  #top .ni-links-page .ni-links-card__arrow { flex-basis:34px; width:34px; height:34px; font-size:22px; }
  #top .ni-links-page .ni-links-card--latest { min-height:245px; box-shadow:6px 6px 0 var(--nil-red); }
  #top .ni-links-page .ni-links-card--latest .ni-links-card__inner { min-height:241px; padding:22px 22px 17px; }
  #top .ni-links-page .ni-links-card--latest .ni-links-card__title { font-size:clamp(42px,11vw,58px); }
  #top .ni-links-page .ni-links-card--latest-image .ni-links-card__inner { width:100%;padding-right:22px; }
  #top .ni-links-page .ni-links-card__latest-visual { display:none; }
  #top .ni-links-page .ni-links-card--image .ni-links-card__inner { padding-right:112px; }
  #top .ni-links-page .ni-links-card__image { width:84px; top:55px; bottom:60px; right:11px; }
  #top .ni-links-page .ni-links-footer { padding:34px 0 38px; }
  #top .ni-links-page .ni-links-footer__statement { font-size:34px; }
  #top .ni-links-page .ni-links-footer nav { gap:15px 21px; }
}
@media(max-width:360px){
  #top .ni-links-page .ni-links-hero__title { font-size:50px !important; }
  #top .ni-links-page .ni-links-card--image .ni-links-card__inner { padding-right:85px; }
  #top .ni-links-page .ni-links-card__image { width:67px; }
  #top .ni-links-page .ni-links-card__title { font-size:34px; }
}
@media(prefers-reduced-motion:reduce){
  #top .ni-links-page .ni-links-card, #top .ni-links-page .ni-links-card__arrow { transition:none; }
  #top .ni-links-page .ni-links-card:hover { transform:none; }
}