/* HNRP V6.5 – feiner Schriftmassstab, ruhige Navigation, sauberer Footer.
   Nach V6.2 / V6.3 laden; aendert nur die Darstellung, nicht Discord/Yuna. */
body { font-size: 14px !important; }

/* Bild 1: graue Hannover-RP-Pille oberhalb der Ueberschrift entfernen. */
.v22-hero-copy .v22-hero-eyebrow,
.v2-hero-copy .v22-hero-eyebrow { display: none !important; }

/* Bild 2: kein automatisch blaues Start-/Aktiv-Feld. Alle fuenf Buttons nur bei Hover/Fokus blau. */
#main-nav.main-nav a,
#main-nav.main-nav a:first-child,
#main-nav.main-nav a[data-nav="home"],
#main-nav.main-nav a.active,
#main-nav.main-nav a.active-home {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #eaf6ff !important;
  transform: none !important;
  transition: background .23s ease, border-color .23s ease,
              box-shadow .28s ease, transform .2s ease !important;
}
#main-nav.main-nav a::before {
  content: "" !important;
  position: absolute;
  z-index: -1;
  top: -55%; left: -110%;
  width: 54%; height: 210%;
  background: linear-gradient(90deg, transparent, rgba(200,238,255,.26), transparent);
  transform: skewX(-23deg);
  opacity: 0;
  pointer-events: none;
}
#main-nav.main-nav a:is(:hover,:focus-visible),
#main-nav.main-nav a:first-child:is(:hover,:focus-visible),
#main-nav.main-nav a[data-nav="home"]:is(:hover,:focus-visible),
#main-nav.main-nav a.active:is(:hover,:focus-visible),
#main-nav.main-nav a.active-home:is(:hover,:focus-visible) {
  background: linear-gradient(180deg,#114e90 0%,#103b75 56%,#0a2b58 100%) !important;
  border-color: #298dff !important;
  box-shadow: inset 0 1px 0 rgba(207,242,255,.24),
    0 0 0 1px rgba(34,126,255,.18), 0 0 18px rgba(13,127,255,.38),
    0 7px 25px rgba(2,12,38,.42) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
#main-nav.main-nav a:is(:hover,:focus-visible)::before {
  opacity: 1 !important;
  animation: hnrpV65Sheen .7s ease-out both !important;
}
@keyframes hnrpV65Sheen { from {left:-110%;} to {left:155%;} }

/* Bild 3: keine kleine Erklaerzeile unter 'RP laeuft'. Das Status-Element
   bleibt im HTML, damit die Yuna/Discord-Statusupdates weiter funktionieren. */
#v2-rp-description { display: none !important; }

/* Bild 4: Nur die transparenten HNRP-Buchstaben, keine Fotokachel. */
.site-footer .footer-logo-image,
.site-footer .hnrp-footer-brand-image {
  display: block !important;
  width: clamp(132px, 13vw, 196px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 95px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 5px rgba(37,147,255,.26));
}

/* Ueberschriften / Buttons dezent (ca. 8–12%) verkleinern, ohne das Layout zu verschieben. */
.v22-hero-copy h1, .v2-hero-copy h1 { font-size: clamp(41px, 5.1vw, 82px) !important; line-height: 1.03 !important; }
.v2-live-left h1, .v2-live-left h2 { font-size: clamp(36px, 3.55vw, 56px) !important; }
.v2-section-heading h2 { font-size: clamp(36px, 4vw, 59px) !important; }
.page-masthead h1 { font-size: clamp(34px, 4.4vw, 66px) !important; }
.v22-carousel-head h3 { font-size: clamp(27px, 2.9vw, 43px) !important; }
.v2-rule-card h3 { font-size: clamp(18px, 1.7vw, 24px) !important; }
.v22-team-group-title { font-size: 16px !important; }
.v22-member-name, .v2-member-name { font-size: 18px !important; }
.v2-section-heading>p { font-size: 15px !important; }
.v2-join-actions .v2-button { font-size: 14px !important; }
#main-nav.main-nav a { font-size: 13px !important; }

@media (max-width: 900px) {
  .v22-hero-copy h1, .v2-hero-copy h1 { font-size: clamp(36px, 8vw, 62px) !important; }
  .v2-live-left h1, .v2-live-left h2 { font-size: clamp(33px, 6.6vw, 48px) !important; }
  .v2-section-heading h2 { font-size: clamp(34px, 7vw, 52px) !important; }
  .v2-join-actions .v2-button { font-size: 13px !important; }
}
@media (max-width: 560px) {
  .v22-hero-copy h1, .v2-hero-copy h1 { font-size: clamp(30px, 9vw, 49px) !important; }
  .v2-section-heading h2 { font-size: clamp(30px, 8vw, 42px) !important; }
  .page-masthead h1 { font-size: clamp(30px, 8vw, 44px) !important; }
  .v22-member-name, .v2-member-name { font-size: 15px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #main-nav.main-nav a { transition: none !important; }
  #main-nav.main-nav a::before { animation: none !important; }
}