/*=============================
=            Menüs            =
=============================*/

.nav {
  font-family: @headings-font-family;
}

.frame-type-menu_pages ul, .frame-type-menu_subpages ul {
  list-style: none;
  > li {
    margin-bottom: 0;
    &:before {
      content: '';
    }
    > a {

      font-family: @headings-font-family;

    }
  }
}

dl.csc-menu-4 {
  dt {
    .h4();

    margin-top: 1em;
    margin-bottom: 0;

    &:first-child {
      margin-top: 0;
    }
  }
  dd {
    font-family: @font-family-base;
  }
}

// Standardmenü
.section-content {
  .frame-type-menu_pages ul, .frame-type-menu_subpages ul{
    .nav();
    .nav-pills();
    .nav-stacked();

    li + li {
      margin-top: 1em;
    }
    > li {

      > a {
        font-weight: @headings-font-weight;
        font-size: @font-size-h2;
        line-height: 1em;
        display: inline-block;
        padding: 0;
        transition: all .25s ease .1s;
        &:after {
          content: '';
          height: 2px;

          left: 0;
          right: 100%;
          transition: all .25s ease .1s;

          bottom: 0px;
          background-color: fade(@link-color, 10%);
          position: absolute;
        }
        &:hover, &:focus {
          transition: all .25s ease;
          &:after {
            transition: all .25s ease;

            right: 0;
            background-color: @link-hover-color;
          }
        }
      }
    }
  }

  .frame-type-menu_sitemap {
    > ul > ul {
      .nav();
      .nav-pills();
      .nav-stacked();

    }

    ul {
      padding-left: 15%;
      li {
        &:before {
          content: '';
        }

        margin-bottom: 0;
        a {
          font-family: @headings-font-family;
          display: block;
          border-bottom: 1px solid;
          line-height: 1.8em;
          padding-top: .2em;

        }
      }
    }

    ul {
      padding-left: 0;
      > li > a {
        font-size: @font-size-h3;

        color: @brand-primary;
      }
      ul {
        > li > a {
          font-size: @font-size-h4;
          color: @text-color;
        }
        padding-left: 10%;
        ul {
          > li > a {
            font-size: @font-size-h5;
            font-weight: 300;
          }

        }
      }
    }
  }
}
