.px-stickycontentnav-inner {
  display: flex;
  gap: clamp(1.25rem, 0.9966216216rem + 1.2668918919vw, 2.1875rem);
}
@media screen and (max-width: 768px) {
  .px-stickycontentnav-inner {
    flex-direction: column-reverse;
  }
}
.px-stickycontentnav .head-content {
  max-width: 705px;
}
.px-stickycontentnav .elements {
  flex-basis: 705px;
  flex-grow: 1;
}
.px-stickycontentnav .element {
  background-color: var(--contrastColorInverted);
  border-radius: var(--baseBorderRadius);
  padding: clamp(1.25rem, 0.9966216216rem + 1.2668918919vw, 2.1875rem) clamp(1.25rem, 0.9121621622rem + 1.6891891892vw, 2.5rem);
  color: var(--fontDark);
  margin-bottom: 10px;
}
.px-stickycontentnav .navWrapper {
  flex-basis: 430px;
  flex-grow: 1;
  max-height: fit-content;
}
@media screen and (min-width: 769px) {
  .px-stickycontentnav .navWrapper {
    position: sticky;
    top: calc(var(--stickyHeaderHeight) + var(--fl-margin-before-small));
  }
}
.px-stickycontentnav .nav {
  align-self: flex-start;
  z-index: 20;
  background-color: var(--contrastColorInverted);
  width: 100%;
  border-radius: var(--baseBorderRadius);
  border: 2px solid var(--main-color);
  padding: clamp(1.25rem, 0.7432432432rem + 2.5337837838vw, 3.125rem) clamp(1.25rem, 1.0472972973rem + 1.0135135135vw, 2rem);
}
.px-stickycontentnav .nav li:not(:last-child) {
  margin-bottom: clamp(0.625rem, 0.4560810811rem + 0.8445945946vw, 1.25rem);
}
.px-stickycontentnav .nav li {
  line-height: 120%;
}
.px-stickycontentnav .nav a {
  color: var(--fontDark);
  font-weight: 700;
  line-height: 193%;
  font-size: clamp(0.75rem, 0.6824324324rem + 0.3378378378vw, 1rem);
}
.px-stickycontentnav .nav a:before {
  content: "";
  width: 9px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="16" viewBox="0 0 9 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.69615 15.7127C1.29061 16.0958 0.669559 16.0958 0.287707 15.7127C-0.0941439 15.3295 -0.094144 14.7064 0.287707 14.2995L6.5662 8L0.287706 1.7005C-0.0941452 1.31737 -0.0941452 0.670474 0.287706 0.287346C0.669557 -0.0957825 1.29063 -0.0957826 1.69614 0.287346L8.66674 7.30558C9.04859 7.68871 9.04859 8.31186 8.66674 8.71874L1.69615 15.7127Z" fill="url(%23paint0_linear_3220_4446)"/><defs><linearGradient id="paint0_linear_3220_4446" x1="8.95312" y1="8.00082" x2="0.00131823" y2="8.00082" gradientUnits="userSpaceOnUse"><stop stop-color="%23AD5D34"/><stop offset="0.16" stop-color="%23BA6D3C"/><stop offset="0.5" stop-color="%23D28A4A"/><stop offset="0.79" stop-color="%23E09B53"/><stop offset="1" stop-color="%23E6A257"/></linearGradient></defs></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--main-color);
  top: 1px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .px-stickycontentnav .nav {
    display: flex;
    align-items: flex-start;
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 50px;
    left: 0;
  }
}
.px-stickycontentnav .title {
  margin-bottom: 20px;
}
.px-stickycontentnav p.title {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .px-stickycontentnav .navWrapper {
    position: sticky;
    top: calc(var(--stickyHeaderHeight) + 30px);
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
  }
  .px-stickycontentnav .openNav {
    width: 40px;
    height: 40px;
    background-color: var(--contrastColorInverted);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    flex-shrink: 0;
    border-radius: 100%;
    border: 1px solid var(--main-color);
  }
  .px-stickycontentnav .openNav:before {
    content: "";
    width: 60%;
    height: 60%;
    display: inline-block;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-task" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5zM3 3H2v1h1z"/><path d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z"/><path fill-rule="evenodd" d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5zM2 7h1v1H2zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm1 .5H2v1h1z"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: var(--main-color);
  }
  .px-stickycontentnav .openNav + input {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    opacity: 0;
    /* wichtig: nicht weit weg positionieren */
    top: 0;
  }
  .px-stickycontentnav .openNav + input:not(:checked) + .nav {
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(50px);
  }
}
@media screen and (min-width: 769px) {
  .px-stickycontentnav .openNav,
  .px-stickycontentnav .openNav + input {
    display: none;
  }
}