main {z-index:1;}

body {background-color: var(--light-grey);}


/* 
Button */
.nb-arrow-button-v9:is(:hover, :focus-visible) .nb-arrow-button-v9__arrow {
    width: calc(100% - 2px) !important;
}
.x-button-black {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}


/* 
Object Shadow
 */
.x-shadow {
  position: relative;

  /* Schatten darf außerhalb des Elements sichtbar sein */
  overflow: visible;

  /* Eigener Stacking Context */
  isolation: isolate;
}

.x-shadow::after {
  content: "";
  position: absolute;

  
  left: 10%;
  width: 80%;

  bottom: -25px;

  height: 45px;

  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.32) 0%,
    rgba(0, 0, 0, 0.18) 35%,
    rgba(0, 0, 0, 0.08) 55%,
    rgba(0, 0, 0, 0) 75%
  );

  filter: blur(14px);

  z-index: -1;

  pointer-events: none;
}


/* Links innerhalb von .x-link */
.x-link a {
    text-decoration-line: underline;
    text-decoration-color: #C6FF00;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}