/*
 Theme Name:   Lay Theme Child
 Template:     lay
 Version:      1.8.0
*/

:target::before {
  content: "";
  display: block;
  height: 50px;
  margin-block-start: -50px;
}
@media (min-width: 601px) {
  :target::before {
    height: 100px;
    margin-block-start: -100px;
  }
}

@media (min-width: 601px) {
  /* main navigation styles */

  nav.desktop-nav ul {
    --nav-item-whitespace: 70px;
    border-block-end: 2px solid currentColor;
    padding-block-end: 10px;
    padding-inline-end: var(--nav-item-whitespace);
    transition: padding 0.2s ease-out 0s;
  }

  nav.desktop-nav ul:has(a:hover, a:focus-visible) {
    --nav-item-whitespace: 80px;
  }

  nav.desktop-nav ul a span {
    text-decoration: none !important;
  }

  nav.desktop-nav ul:has(.current-menu-item),
  nav.desktop-nav ul:has(a:hover, a:focus-visible) {
    border-color: #17428f;
  }

  nav.second_menu {
    writing-mode: sideways-rl;
  }
  nav.third_menu {
    writing-mode: sideways-lr;
  }
  nav.fourth_menu ul {
    border-block-end: none;
    border-block-start: 2px solid currentColor;
    padding-block: 10px 0;
    padding-inline: var(--nav-item-whitespace) 0;
  }

  /* glossar wrap */
  .slug-glossar #grid.id-395 .stack-wrap {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 2rem !important;

    .stack-element {
      width: auto !important;
      flex-basis: calc(50% - 2rem);
    }

    /* equalling out rows when one letter is missing */
    .stack-element .text:not(:has(p:nth-child(3))) {
      padding-top: 195px;
    }

    .stack-element:nth-child(odd):not(:has(.text p:nth-child(3))) {
      &:not(:has(+ .stack-element .text p:nth-child(3))) {
        .text {
          padding-top: 0;
        }
      }
    }

    .stack-element:nth-child(odd):not(:has(.text p:nth-child(3)))
      + .stack-element:not(:has(.text p:nth-child(3))) {
      .text {
        padding-top: 0;
      }
    }
  }
}
/* glossar link styles, high specifity */
ul.glossar-nav-list.glossar-nav-list.glossar-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;

  > li > a {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    display: block;
    text-decoration: none;
    font-family: stratosweb-bold;
    padding-bottom: 0.2em;
    &:hover,
    &:focus-visible {
      text-decoration: underline;
    }
  }
}

.ws-tabnav-nav {
  a[aria-current="true"],
  a[aria-current="true"] span {
    font-family: stratosweb-bold;
    color: #e95178 !important;
  }
}

body:has(.ws-tabnav-nav a[aria-current="true"]) {
  [class*="ws-tabnav-group"]:not([aria-expanded="true"]) {
    display: none;
  }
}