/* Rot*/
/* Blau*/
/* 16px > % */
/* 18px */
/* padding-top %*/
@media screen and (min-width: 993px) {
  .navigation-wrapper {
    display: none; }
    .container-nav ul {
      margin-left: 2em; }
      .container-nav ul li {
        transition: all ease 0.6s;
        background: none;
        display: inline-block;
        width: auto;
        padding: 5.5em 0.25em 0 0.25em;
        position: relative; }
        .container-nav ul li a {
          display: block;
          padding: 1em 0;
          color: black;
          font-weight: 400;
          font-size: 106.25%;
          text-shadow: 0 0 1px white, 0 0 3px rgba(255, 255, 255, 0.5);
          text-decoration: none;
          text-transform: uppercase;
          float: left;
          -moz-transition: all ease 0.3s;
          -webkit-transition: all ease 0.3s;
          -ms-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s; }
      .container-nav ul li.logoimage {
        display: none; }
      .container-nav ul li.Selected > a, .container-nav ul li.Selected > a:hover, .container-nav ul li a:hover {
        color: #e73137; }
      .container-nav ul li:hover > ul {
        visibility: visible;
        opacity: 1; }
      .container-nav ul li:first-child {
        display: none; }
      .container-nav ul ul, .container-nav ul ul li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        visibility: hidden;
        position: absolute;
        z-index: 99999;
        width: 300px;
        opacity: 0;
        box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
        -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
        -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
        -o-transition: opacity 0.2s linear, visibility 0.2s linear;
        transition: opacity 0.2s linear, visibility 0.2s linear; }
      .container-nav ul ul li ul {
        width: 215px; }
      .container-nav ul ul {
        top: 8em;
        left: 1em; }
      .container-nav ul ul ul li ul {
        top: -1px;
        left: 220px; }
        .container-nav ul ul li {
          clear: both;
          width: 100%;
          text-align: left;
          padding: 1px 0 0 0;
          margin: 0; }
          .container-nav ul ul li a {
            background: rgba(255, 255, 255, 0.9);
            color: black;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
            font-size: 100%;
            float: none;
            clear: both; }
        .container-nav ul ul li:first-child {
          padding: 0; }
        .container-nav ul ul li.Selected > a, .container-nav ul ul li.Selected > a:hover, .container-nav ul ul li:hover a, .container-nav ul ul li:hover a:hover, .container-nav ul ul li a:hover {
          background: rgba(255, 255, 255, 0.9);
          color: #e73137; } }

@media screen and (max-width: 992px) {
  .navigation-wrapper {
    background: rgba(255, 255, 255, 0.95);
    padding: 0;
    position: fixed;
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - 120px);
    width: 100%;
    z-index: 100;
    display: none;
    overflow-y: scroll;
    border-top: 7px solid #e73137; }
    .navigation-wrapper ul {
      display: none;
      width: 100%;
      text-align: left;
      padding-top: 0.5em; }
      .navigation-wrapper ul li {
        transition: all ease 0.6s;
        background: none;
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0; }
        .navigation-wrapper ul li a {
          display: block;
          padding: 0.5em 2.5em;
          color: black;
          font-weight: 400;
          font-size: 106.25%;
          text-decoration: none;
          text-transform: uppercase;
          float: none;
          -moz-transition: all ease 0.3s;
          -webkit-transition: all ease 0.3s;
          -ms-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s; }
      .navigation-wrapper ul li.Selected > a, .navigation-wrapper ul li.Selected > a:hover, .navigation-wrapper ul li a:hover {
        color: #e73137; }
      .navigation-wrapper ul li.logoimage {
        position: relative;
        margin-left: 2.5em;
        border-left: 1px solid #009fe3; }
        .navigation-wrapper ul li.logoimage a {
          padding: 0; }
          .navigation-wrapper ul li.logoimage a img {
            width: 25%;
            height: auto;
            margin-left: 2.5em;
            cursor: pointer; }
      .navigation-wrapper ul li.logoimage:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 1.75em;
        width: 0;
        height: 0;
        border-left: 10px solid #009fe3;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent; }
    .navigation-wrapper ul > li > ul {
      display: inline-block;
      width: auto; }
      .navigation-wrapper ul > li > ul > li {
        float: left;
        width: auto;
        padding: 0 1em; }
        .navigation-wrapper ul > li > ul > li > a {
          font-weight: 400;
          font-size: 100%; }
  .show-menu {
    display: block; } }

@media screen and (max-width: 568px) {
  .navigation-wrapper {
    top: 120px;
    height: calc(100vh - 120px); }
    .navigation-wrapper ul li a {
      display: block;
      padding: 0.5em 1.5em; }
    .navigation-wrapper ul li.logoimage {
      margin-left: 1.5em; }
      .navigation-wrapper ul li.logoimage a img {
        width: 38%;
        margin-left: 1.5em; } }