/* Globale Zusatzstyles (ACP kann hier Themes ergänzen). */

/* Direkt unter Header: gut sichtbar für OAuth-/Bot-Prüfungen */
.mrlexx-oauth-privacy-strip {
  margin: 0;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.45;
  background: rgba(0, 0, 0, 0.28);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mrlexx-oauth-privacy-strip a {
  color: #93c5fd;
  text-decoration: underline;
  font-weight: 600;
}

/*
 * Google „App Homepage“ / OAuth: gut erreichbarer Link zur Privacy Policy auf der Startseite
 * (https://support.google.com/cloud/answer/13807376 — u. a. identisch zur URL im Consent Screen).
 * WOW.js blendet .wow-Elemente bis zum Scroll per visibility:hidden aus; ohne Override können
 * automatische Prüfungen den Footer-Link übersehen. Klassen bleiben für Animation, Inhalt bleibt sichtbar.
 */
.gt-footer-section .wow {
  visibility: visible !important;
}

.mrlexx-footer-legal-nav a {
  color: #93c5fd;
  text-decoration: underline;
}
.mrlexx-footer-legal-nav a:hover {
  opacity: 1;
}

/* UCP / ACP: Footer fix unten (Content-Spalte), Platz darunter per padding auf .ucp-main-stack--footer */
.mrlexx-backend-footer {
  box-sizing: border-box;
}
.ucp-main-stack--footer {
  --mrlexx-backend-footer-h: 58px;
  /* Footer-Höhe + bisheriges unteres Padding — verhindert, dass Inhalt unter die Leiste rutscht */
  padding-bottom: calc(32px + var(--mrlexx-backend-footer-h) + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 991px) {
  .ucp-main-stack--footer {
    padding-bottom: calc(16px + var(--mrlexx-backend-footer-h) + env(safe-area-inset-bottom, 0px)) !important;
  }
}
body.ucp-app footer.mrlexx-backend-footer,
body.acp-app footer.mrlexx-backend-footer {
  position: fixed;
  bottom: 0;
  left: 260px;
  right: 0;
  z-index: 119;
  flex-shrink: 0;
  margin: 0;
  width: auto;
  max-width: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0f0f12;
  padding-top: 10px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.35);
}
@media (max-width: 991px) {
  body.ucp-app footer.mrlexx-backend-footer,
  body.acp-app footer.mrlexx-backend-footer {
    left: 0;
    right: 0;
  }
}
/*
 * UCP & ACP: gleiche Leiste (global.css — unabhängig von reinem .footer-bottom aus main.css).
 * Footer steht direkt nach </main>; Platzierung per body.acp-app / body.ucp-app.
 */
body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner,
body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner {
  max-width: none;
  margin: 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 20px;
}
@media (max-width: 991px) {
  body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner,
  body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner {
    padding: 0 16px;
  }
}
@media (max-width: 540px) {
  body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner,
  body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__inner {
    grid-template-columns: 1fr;
    justify-items: start;
  }
  body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__nav-right,
  body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__nav-right {
    justify-self: end;
    width: 100%;
  }
  body.ucp-app footer.mrlexx-backend-footer .gt-footer-list,
  body.acp-app footer.mrlexx-backend-footer .gt-footer-list {
    justify-content: flex-end;
  }
}
body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__nav-right,
body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__nav-right {
  min-width: 0;
}
body.ucp-app footer.mrlexx-backend-footer .gt-footer-list,
body.acp-app footer.mrlexx-backend-footer .gt-footer-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(12px, 3vw, 28px);
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}
body.ucp-app footer.mrlexx-backend-footer .gt-footer-list li,
body.acp-app footer.mrlexx-backend-footer .gt-footer-list li {
  margin: 0;
  padding: 0;
}
body.ucp-app footer.mrlexx-backend-footer .gt-footer-list a,
body.acp-app footer.mrlexx-backend-footer .gt-footer-list a {
  color: rgba(239, 239, 241, 0.88);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s ease;
}
body.ucp-app footer.mrlexx-backend-footer .gt-footer-list a:visited,
body.acp-app footer.mrlexx-backend-footer .gt-footer-list a:visited {
  color: rgba(239, 239, 241, 0.88);
}
body.ucp-app footer.mrlexx-backend-footer .gt-footer-list a:hover,
body.acp-app footer.mrlexx-backend-footer .gt-footer-list a:hover {
  color: #a970ff;
}
body.ucp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__copy,
body.acp-app footer.mrlexx-backend-footer .mrlexx-backend-footer__copy {
  color: rgba(239, 239, 241, 0.72);
  font-size: 0.8125rem;
  justify-self: start;
  text-align: left;
}
.mrlexx-backend-footer__sep {
  margin: 0 6px;
  opacity: 0.55;
  user-select: none;
}

/* Legal-/Clips-/Mitglieder-Layout: Footer nicht durch overflow:hidden des Theme-Footers beschneiden */
body.mrlexx-public-page .gt-footer-section {
  overflow: visible !important;
}

/* Sticky-Footer: bei kurzem Inhalt bleibt der Footer unten im Fenster (main füllt die Höhe unter der Navbar) */
body.mrlexx-public-page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

body.mrlexx-public-page .mrlexx-public-main-scope {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

body.mrlexx-public-page .mrlexx-public-main-scope > .gt-footer-section {
  margin-top: auto;
}

/* Breadcrumb (Legal / Clips u. a.): kein Rot von --gt-theme, sondern Twitch-Lila */
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li.color {
  color: #a970ff !important;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a {
  transition: color 0.2s ease;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover {
  color: #a970ff !important;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li:first-child i {
  transition: color 0.2s ease;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li:first-child:hover i {
  color: #a970ff !important;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i {
  color: inherit !important;
  transition: color 0.2s ease;
}
.mrlexx-public-page .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover i {
  color: #a970ff !important;
}

/* Team-Karten (Mitglieder, Streamer, gt-style-2): dunkler Hintergrund, Lila-Rand, Hover-Lila statt Theme-Rot */
.mrlexx-public-page .gt-team-wrapper.gt-style-2 .gt-team-card-item {
  background-color: #121212;
  border: 1px solid rgba(145, 70, 255, 0.45);
  box-sizing: border-box;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.mrlexx-public-page .gt-team-wrapper.gt-style-2 .gt-team-card-item:hover {
  border-color: #a970ff;
  box-shadow: 0 10px 36px rgba(145, 70, 255, 0.3);
}

.mrlexx-public-page .gt-team-wrapper.gt-style-2 .gt-team-card-item .gt-team-image::before {
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 22%, rgba(145, 70, 255, 0.92) 100%);
}

.mrlexx-public-page .gt-team-wrapper.gt-style-2 .gt-team-card-item:hover .gt-team-image::before {
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 12%, rgba(169, 112, 255, 0.96) 100%);
}

.mrlexx-public-page .gt-team-wrapper.gt-style-2 .gt-team-card-item .gt-team-image .gt-team-content h3 a:hover {
  color: #fff !important;
  background-image: linear-gradient(180deg, #c9a3ff 0%, #c9a3ff 100%) !important;
}

/* Social-Buttons auf Mitglieder-Karten (mitglieder.php, streamer.php, Startseite Neue Mitglieder) */
.member-page .member-card .gt-social-icon,
.mrlexx-new-members-section .member-card .gt-social-icon {
  gap: clamp(6px, 1.4vw, 12px) !important;
  row-gap: clamp(6px, 1.2vw, 10px) !important;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  max-width: 100%;
  width: 100%;
  padding: 6px 8px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
}

.member-page .member-card .gt-team-content.member-card-hover,
.mrlexx-new-members-section .member-card .gt-team-content.member-card-hover {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 8px !important;
  box-sizing: border-box;
  transform: none !important;
}

.member-page .member-card .gt-social-icon a,
.mrlexx-new-members-section .member-card .gt-social-icon a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: clamp(34px, 10vw, 48px);
  height: clamp(34px, 10vw, 48px);
  border-radius: clamp(10px, 2vw, 14px);
  font-size: clamp(1rem, 2.8vw, 1.4rem);
  line-height: 1;
  color: #fff !important;
  background: rgba(10, 10, 14, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}

.member-page .member-card .gt-social-icon a.mrlexx-social-link--x svg,
.mrlexx-new-members-section .member-card .gt-social-icon a.mrlexx-social-link--x svg {
  display: block;
  width: 0.92em;
  height: 0.92em;
}

.member-page .member-card .gt-social-icon a:hover,
.member-page .member-card .gt-social-icon a:focus-visible,
.mrlexx-new-members-section .member-card .gt-social-icon a:hover,
.mrlexx-new-members-section .member-card .gt-social-icon a:focus-visible {
  transform: translateY(-4px) scale(1.08);
  color: #fff !important;
  background: linear-gradient(145deg, #9146ff 0%, #a970ff 52%, #c9a3ff 100%);
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow:
    0 12px 28px rgba(145, 70, 255, 0.5),
    0 0 0 2px rgba(169, 112, 255, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  outline: none;
}

.member-page .member-card .gt-social-icon a:active,
.mrlexx-new-members-section .member-card .gt-social-icon a:active {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 6px 16px rgba(145, 70, 255, 0.38);
}

@media (max-width: 575.98px) {
  .member-page .member-card .gt-social-icon a,
  .mrlexx-new-members-section .member-card .gt-social-icon a {
    width: clamp(30px, 9vw, 40px);
    height: clamp(30px, 9vw, 40px);
    font-size: clamp(0.92rem, 2.5vw, 1.15rem);
    border-radius: 10px;
  }
}

/* Mitglieder-Karten: Name + Rolle unter dem Bild (mitglieder.php, Startseite Neue Mitglieder) */
.member-page .gt-team-card-item.member-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.member-page .member-card .gt-team-image {
  flex: 0 0 auto;
}

.member-page .member-card-meta {
  padding: 16px 16px 18px;
  text-align: center;
  background: linear-gradient(180deg, rgba(20, 20, 24, 0.98), rgba(12, 12, 15, 0.99));
  border-top: 1px solid rgba(145, 70, 255, 0.22);
}

.member-page .member-card-name {
  margin: 0 0 12px;
  font-size: clamp(1.05rem, 2.2vw, 1.28rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: #fff;
}

.member-page .member-card-name a {
  color: inherit;
  text-decoration: none;
  transition: color 0.18s ease;
}

.member-page .member-card-name a:hover,
.member-page .member-card-name a:focus-visible {
  color: #c9a3ff;
}

.member-page .member-role-plate {
  display: flex;
  justify-content: center;
}

.member-page .member-role-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid color-mix(in srgb, var(--role-color, #9146ff) 62%, #fff 38%);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--role-color, #9146ff) 58%, #101014 42%) 0%,
    color-mix(in srgb, var(--role-color, #9146ff) 34%, #141418 66%) 100%
  );
  box-shadow:
    0 6px 22px color-mix(in srgb, var(--role-color, #9146ff) 38%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.member-page .member-role-badge--default {
  --role-color: #64748b;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(148, 163, 184, 0.45);
  background: linear-gradient(135deg, rgba(71, 85, 105, 0.55), rgba(30, 41, 59, 0.72));
  box-shadow:
    0 4px 16px rgba(15, 23, 42, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.member-page .member-card-hover .gt-social-icon {
  margin-bottom: 0;
}

.member-page .member-card .gt-social-icon::before,
.member-page .member-card .gt-social-icon::after,
.mrlexx-new-members-section .member-card .gt-social-icon::before,
.mrlexx-new-members-section .member-card .gt-social-icon::after {
  display: none !important;
}

.member-page .member-card:hover .member-card-hover,
.mrlexx-new-members-section .member-card:hover .member-card-hover {
  bottom: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mitglieder + Streamer: Pagination (mitglieder.php, streamer.php) */
.mrlexx-public-page .clips-pagination {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 16px;
  line-height: 1.25;
}

.mrlexx-public-page .clips-pag-pages {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.mrlexx-public-page .clips-pag-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0 0.35rem;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  font-size: 1.05em;
  transition: color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}

.mrlexx-public-page a.clips-pag-arrow:hover {
  color: #fff;
  background: rgba(145, 70, 255, 0.35);
  transform: scale(1.05);
}

.mrlexx-public-page a.clips-pag-arrow:focus-visible {
  outline: 2px solid #c9a3ff;
  outline-offset: 2px;
}

.mrlexx-public-page .clips-pag-arrow.is-disabled {
  color: rgba(255, 255, 255, 0.28);
  pointer-events: none;
  background: transparent;
}

.mrlexx-public-page .clips-pag-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0 0.4rem;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-size: 1em;
  transition: color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}

.mrlexx-public-page a.clips-pag-num:hover {
  color: #fff;
  background: rgba(145, 70, 255, 0.28);
  text-decoration: none;
  transform: translateY(-1px);
}

.mrlexx-public-page a.clips-pag-num:focus-visible {
  outline: 2px solid #c9a3ff;
  outline-offset: 2px;
}

.mrlexx-public-page .clips-pag-num.is-active {
  background: #9146ff;
  color: #fff;
  text-decoration: none;
  pointer-events: none;
  box-shadow: 0 2px 10px rgba(145, 70, 255, 0.35);
}

.mrlexx-public-page .clips-pag-ellipsis {
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.06em;
  user-select: none;
  padding: 0 4px;
  font-size: 1em;
}

/* Öffentlicher Site-Footer (Rechtliches u. a.): Link-Hover = Twitch-Lila (überschreibt main.css var(--gt-theme)) */
.mrlexx-public-page .gt-footer-section .footer-bottom .footer-wrapper .gt-footer-list li a {
  transition: color 0.18s ease;
}
.mrlexx-public-page .gt-footer-section .footer-bottom .footer-wrapper .gt-footer-list li a:hover,
.mrlexx-public-page .gt-footer-section .footer-bottom .footer-wrapper .gt-footer-list li a:focus-visible {
  color: #a970ff;
}

/* Gleiche Leiste z. B. auf der Startseite (body ohne .mrlexx-public-page): Hover nicht Theme-Rot */
.footer-wrapper.mrlexx-legal-footer-bar .gt-footer-list li a {
  transition: color 0.18s ease;
}
.footer-wrapper.mrlexx-legal-footer-bar .gt-footer-list li a:hover,
.footer-wrapper.mrlexx-legal-footer-bar .gt-footer-list li a:focus-visible {
  color: #a970ff !important;
}

/* „Nach oben“: Twitch-Lila + Hover (überschreibt main.css / --gt-theme) */
#gt-back-top.gt-back-to-top {
  background-color: #9146ff !important;
  color: #fff !important;
  border: 0;
}
#gt-back-top.gt-back-to-top:hover {
  background-color: #a970ff !important;
  color: #fff !important;
}
#gt-back-top.gt-back-to-top:focus-visible {
  outline: 2px solid #d4b8ff;
  outline-offset: 3px;
}

/* Maus-Cursor: Twitch-Lila statt Theme-Rot (--gt-theme / #FF0808) */
.cursor-outer {
  border-color: #9146ff !important;
  background-color: #9146ff !important;
}
.cursor-inner {
  background-color: #a970ff !important;
}
.cursor-inner.cursor-hover {
  background-color: #9146ff !important;
  border-color: rgba(169, 112, 255, 0.7) !important;
}

/* Preloader Streamerbase.de (partials/preloader-inner.html, Klasse .mrlexx-preloader) */
.mrlexx-preloader .animation-preloader .spinner {
  border-color: rgba(145, 70, 255, 0.22) !important;
  border-top-color: #9146ff !important;
  width: 4.5em !important;
  height: 4.5em !important;
  margin: 1.25rem auto 0 !important;
}
@media (max-width: 767px) {
  .mrlexx-preloader .animation-preloader .spinner {
    width: 3.75em !important;
    height: 3.75em !important;
  }
}
.mrlexx-preloader__logo {
  display: block;
  width: auto;
  max-width: 140px;
  height: auto;
  max-height: 88px;
  margin: 0 auto 1rem;
  object-fit: contain;
  filter: drop-shadow(0 0 24px rgba(145, 70, 255, 0.45));
}
.mrlexx-preloader__brand {
  margin: 0.75rem 0 0.35rem !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  color: #d4b8ff !important;
}
.mrlexx-preloader__status {
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #a970ff !important;
  opacity: 0.92;
}
/* ——— Öffentlicher Footer (Startseite + alle Public-Pages außer ACP/UCP) ——— */
.mrlexx-home-footer.gt-footer-section {
  background: #121212 !important;
  background-color: #121212 !important;
  background-image: none !important;
}

.mrlexx-home-footer::before,
.mrlexx-home-footer::after {
  content: none !important;
  display: none !important;
}

.mrlexx-home-footer__logo-link {
  line-height: 0;
}

.mrlexx-home-footer__logo-img {
  max-width: min(280px, 72vw);
  max-height: 72px;
  height: auto;
  width: auto;
  display: block;
}

.mrlexx-home-footer__tagline {
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}

.mrlexx-home-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.mrlexx-home-footer .footer-wrapper.mrlexx-legal-footer-bar,
body.mrlexx-public-page .footer-bottom .footer-wrapper.mrlexx-legal-footer-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
}

.mrlexx-home-footer .footer-wrapper .gt-footer-list,
body.mrlexx-public-page .footer-bottom .footer-wrapper .gt-footer-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px clamp(12px, 3vw, 28px);
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .mrlexx-home-footer .footer-wrapper.mrlexx-legal-footer-bar,
  body.mrlexx-public-page .footer-bottom .footer-wrapper.mrlexx-legal-footer-bar {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .mrlexx-home-footer .footer-wrapper .gt-footer-list,
  body.mrlexx-public-page .footer-bottom .footer-wrapper .gt-footer-list {
    justify-content: center;
    width: 100%;
  }

  .mrlexx-home-footer .footer-wrapper.mrlexx-legal-footer-bar > p,
  body.mrlexx-public-page .footer-bottom .footer-wrapper.mrlexx-legal-footer-bar > p {
    width: 100%;
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .mrlexx-home-footer .footer-wrapper .gt-footer-list li,
  body.mrlexx-public-page .footer-bottom .footer-wrapper .gt-footer-list li {
    width: 100%;
    text-align: center;
  }

  .mrlexx-home-footer .footer-wrapper .gt-footer-list li a,
  body.mrlexx-public-page .footer-bottom .footer-wrapper .gt-footer-list li a {
    display: inline-block;
    padding: 4px 0;
  }
}

/*
 * Oeffentliche Navbar + Mobile-Drawer (laedt als letztes Stylesheet auf allen Public-Pages).
 * Weiss + Lila — kein Theme-Rot (--gt-theme / #FF0808) aus main.css.
 */
body.mrlexx-public-page,
body:not(.ucp-app):not(.acp-app) {
  --mrlexx-nav-text: #ffffff;
  --mrlexx-nav-text-hover: var(--mrlexx-nav-hover, #9146ff);
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li a {
  color: var(--mrlexx-nav-text) !important;
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li a:hover,
header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li:hover > a,
header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li:hover > a::after,
header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li.active > a {
  color: var(--mrlexx-nav-text-hover) !important;
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li .submenu {
  border-top-color: var(--mrlexx-nav-text-hover) !important;
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li .submenu li a {
  color: var(--mrlexx-nav-text) !important;
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li .submenu li a::before {
  background: var(--mrlexx-nav-text-hover) !important;
}

header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li .submenu li a:hover,
header.header-1#header-sticky.mrlexx-site-header.mrlexx-navbar-ucp .header-main .main-menu ul li .submenu li:hover > a {
  color: var(--mrlexx-nav-text-hover) !important;
}

.offcanvas__info.mrlexx-public-offcanvas {
  background: #101018 !important;
  border-left: 1px solid rgba(145, 70, 255, 0.32) !important;
}

.offcanvas__info.mrlexx-public-offcanvas .offcanvas__close,
.offcanvas__info.mrlexx-public-offcanvas .mrlexx-public-offcanvas__close {
  background: transparent !important;
}

.offcanvas__info.mrlexx-public-offcanvas .mean-container .mean-nav ul li a,
.offcanvas__info.mrlexx-public-offcanvas .mean-container .mean-nav ul li li a,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__link,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__sublink {
  color: var(--mrlexx-nav-text) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.offcanvas__info.mrlexx-public-offcanvas .mean-container .mean-nav ul li a:hover,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__link:hover,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__link:focus-visible,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__sublink:hover,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__sublink:focus-visible,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__item.is-active > .mrlexx-mobile-drawer__link,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__item.is-active > .mrlexx-mobile-drawer__row > .mrlexx-mobile-drawer__link,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__subitem.is-active .mrlexx-mobile-drawer__sublink {
  color: var(--mrlexx-nav-text-hover) !important;
}

.mrlexx-public-offcanvas .mrlexx-mobile-drawer__toggle {
  color: var(--mrlexx-nav-text);
}

.mrlexx-public-offcanvas .mrlexx-mobile-drawer__toggle:hover,
.mrlexx-public-offcanvas .mrlexx-mobile-drawer__toggle:focus-visible {
  color: var(--mrlexx-nav-text-hover);
}

.mrlexx-public-offcanvas .mrlexx-mobile-drawer__discord.d-none,
.mrlexx-public-offcanvas a.mrlexx-mobile-drawer__discord.d-none {
  display: none !important;
}

body.mrlexx-auth-logged-in [data-acp="guest"],
body.mrlexx-auth-logged-in .mrlexx-mobile-drawer__discord {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}