/* ==========================================================
   ERROR404 // GEMEINSAMER SEITEN-FOOTER
   ========================================================== */

.error404-site-footer,
.error404-footer-native {
  font-family:
    "Courier New",
    Consolas,
    monospace;
}


/* Vollständiger Footer für Unterseiten */
.error404-site-footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-direction:
    column;

  gap:
    13px;

  width:
    100%;

  margin-top:
    32px;

  padding:
    27px 20px;

  border:
    1px solid
    rgba(25, 243, 255, 0.12);

  border-radius:
    13px;

  color:
    #8b99a5;

  background:
    linear-gradient(
      145deg,
      rgba(5, 12, 20, 0.96),
      rgba(2, 7, 13, 0.97)
    );

  box-shadow:
    0 15px 42px
    rgba(0, 0, 0, 0.31);

  text-align:
    center;
}


/* Links auf allen Seiten */
.error404-footer-links {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    10px 25px;

  flex-wrap:
    wrap;
}


.error404-footer-links a {
  position:
    relative;

  color:
    #929eaa;

  text-decoration:
    none;

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.7px;

  text-transform:
    uppercase;

  transition:
    color 160ms ease,
    text-shadow 160ms ease;
}


.error404-footer-links a::after {
  content:
    "";

  position:
    absolute;

  right:
    50%;

  bottom:
    -6px;

  left:
    50%;

  height:
    1px;

  border-radius:
    999px;

  background:
    linear-gradient(
      90deg,
      var(--cyan, #19f3ff),
      var(--pink, #ff5cef)
    );

  transition:
    right 160ms ease,
    left 160ms ease;
}


.error404-footer-links a:hover,
.error404-footer-links a:focus-visible,
.error404-footer-links a[aria-current="page"] {
  color:
    var(--cyan, #19f3ff);

  text-shadow:
    0 0 11px
    rgba(25, 243, 255, 0.3);

  outline:
    none;
}


.error404-footer-links a:hover::after,
.error404-footer-links a:focus-visible::after,
.error404-footer-links a[aria-current="page"]::after {
  right:
    0;

  left:
    0;
}


.error404-footer-copyright,
.error404-footer-system {
  margin:
    0;

  line-height:
    1.55;
}


.error404-footer-copyright {
  color:
    #9aa7b2;

  font-size:
    11px;
}


.error404-footer-system {
  color:
    #83909c;

  font-size:
    11px;
}


.error404-footer-system span {
  color:
    var(--pink, #ff5cef);

  text-shadow:
    0 0 9px
    rgba(255, 92, 239, 0.45);
}


/*
 * Auf Seiten mit bereits vorhandenem Portal-Footer werden
 * nur die Links ergänzt. Der bestehende Footer bleibt erhalten.
 */
.error404-footer-native {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-direction:
    column;

  gap:
    13px;
}


.error404-footer-native
.error404-footer-links {
  margin-bottom:
    2px;
}


@media (max-width: 700px) {
  .error404-site-footer {
    margin-top:
      20px;

    padding:
      24px 15px;
  }

  .error404-footer-links {
    gap:
      11px 17px;
  }

  .error404-footer-links a {
    font-size:
      9px;
  }

  .error404-footer-copyright,
  .error404-footer-system {
    font-size:
      9px;
  }
}