@charset "UTF-8";
@media screen and (max-width: 991px) {
  .closeNav {
    display: none !important;
  }
  .capital {
    display: none !important;
  }
  .standardNav > .container {
    display: none !important;
  }
}
.closeNav {
  position: relative;
  text-align: center;
  border-top: 1px solid #333333 !important;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  cursor: pointer;
  display: none;
  width: 1.5rem;
}
.closeNav span {
  background: #333333;
  height: 3px;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  top: 1rem;
}
.closeNav span:first-of-type {
  transform: rotate(45deg);
  /* Equal to rotateZ(45deg) */
}
.closeNav span:last-of-type {
  transform: rotate(-45deg);
  /* Equal to rotateZ(45deg) */
}
.closeNav:hover span {
  background: #000000;
}
li.cur > a {
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  /* Navigation 1: standard **************/
  /* Navigation 2: with Captital-Image ***/
  /* Navigation 3: Navigation on the right, full size */
  /* Navigation 8: Buttonmenu **************/
  /* Navigation 10: Onepager  ***************************/
  .overview > a {
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
  .standardNav .logo img {
    padding-top: 1rem;
  }
  .standardNav nav > ul {
    list-style: none;
    margin: 0;
    display: flex;
  }
  .standardNav nav > ul > li {
    position: relative;
    order: 2;
  }
  .standardNav nav > ul > li > a {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: color ease 0.3s;
    text-transform: uppercase;
    padding: 0 0 0.66rem 1rem;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    display: block;
    color: #333333;
  }
  .standardNav nav > ul > li > a:after {
    content: '';
    font-family: FontAwesome;
    opacity: 0;
    width: 1rem;
    display: inline-block;
    text-align: right;
  }
  .standardNav nav > ul > li.activated > a:after {
    opacity: 1;
  }
  .standardNav nav > ul > li.cur > a, .standardNav nav > ul > li > a:hover {
    color: #000000;
    border-bottom-color: #000000;
  }
  .standardNav nav > ul > li.act > a {
    border-bottom-color: #000000;
    border-bottom-color: #aaa;
  }
  .standardNav nav > ul > li .subnav {
    background-color: rgba(255, 255, 255, 0.98);
    width: 18em;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
    transition: all ease 0.3s;
  }
  .standardNav nav > ul > li .subnav > li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
  }
  .standardNav nav > ul > li .subnav li:hover, .standardNav nav .subnav .activated {
    background-color: rgba(51, 51, 51, 0.075);
  }
  .standardNav nav > ul > li .subnav > li > a {
    font-size: 20px;
    display: inline-block;
    padding: 5px 10px;
    transition: all ease 0.3s;
    text-align: inherit;
    width: auto;
    white-space: normal;
    color: #333333;
  }
  .standardNav nav > ul > li .subnav .activated > a, .standardNav nav > ul > li .subnav a:focus, .standardNav nav > ul > li .subnav a:hover {
    color: #000000;
  }
  .standardNav nav > ul > li .subnav .subnav {
    position: absolute;
    left: 18em;
    top: 0;
  }
  .standardNav nav > ul > li .subnav span {
    align-self: stretch;
    cursor: pointer;
    padding: 5px 0 5px 0;
    display: block;
    text-align: center;
    width: 40px;
    font-weight: 600;
    font-size: 120%;
    line-height: 100%;
    color: #333333;
  }
  .standardNav nav > ul > li .subnav li:hover > span {
    background-color: rgba(51, 51, 51, 0.075);
  }
  .mediaNav span.im {
    display: block;
  }
  .mediaNav .norel {
    position: inherit;
  }
  .mediaNav .capital {
    display: none;
    width: 100%;
    height: auto;
  }
  .mediaNav .logo {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mediaNav .logo img {
    padding-top: 1rem;
  }
  .mediaNav .navarea {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 1rem;
    margin-top: auto;
  }
  .mediaNav nav > ul {
    list-style: none;
    margin: 0;
    display: flex;
  }
  .mediaNav nav > ul > li {
    border-top: 1px solid transparent;
  }
  .mediaNav nav > ul > li > a {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    display: inline-block;
    transition: color ease 0.3s;
    text-transform: uppercase;
    padding: 0 0.33rem 0.66rem 1rem;
    color: #333333;
  }
  .mediaNav nav > ul > li > a:after {
    content: '';
    font-family: FontAwesome;
    opacity: 0;
    min-width: 1rem;
    display: inline-block;
    text-align: right;
    padding-left: 0.66rem;
  }
  .mediaNav nav > ul > li > a:hover:after, .mediaNav nav > ul > li.activated > a:after {
    opacity: 1;
  }
  .mediaNav nav > ul > li.cur > a, .mediaNav nav > ul > li > a:hover {
    color: #000000;
    border-bottom-color: #000000;
  }
  .mediaNav nav > ul > li.act > a {
    border-bottom-color: #000000;
    border-bottom-color: #aaa;
  }
  .mediaNav nav .submenulevel {
    display: none;
  }
  .mediaNav nav .row > .subnav {
    position: relative !important;
    width: 100%;
    list-style: none;
  }
  .mediaNav nav .row > .subnav li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    width: 33.33333%;
  }
  .mediaNav nav .row > .subnav li:last-of-type {
    border-bottom: 0;
  }
  .mediaNav nav .row > .subnav li a {
    font-size: 20px;
    display: inline-block;
    width: 100%;
    padding: 5px 0px 5px 10px;
    transition: all ease 0.3s;
    color: #333333;
  }
  .mediaNav nav .row > .subnav li:hover, .mediaNav nav .row > .subnav .activated {
    background-color: rgba(51, 51, 51, 0.075);
  }
  .mediaNav nav .row > .subnav .activated > a, .mediaNav nav .row > .subnav a:focus, .mediaNav nav .row > li .subnav a:hover {
    color: #000000;
  }
  .mediaNav nav .row > .subnav > li span {
    align-self: stretch;
    cursor: pointer;
    padding: 5px 0 5px 0;
    display: block;
    text-align: center;
    width: 40px;
    font-weight: 600;
    font-size: 120%;
    transition: all ease 0.3s;
    line-height: 100%;
    color: #333333;
  }
  .mediaNav nav .row > .subnav li:hover > span {
    background-color: rgba(51, 51, 51, 0.075);
    color: #000000;
  }
  .mediaNav nav .subnav .activated {
    background-color: rgba(51, 51, 51, 0.075);
  }
  .mediaNav nav .row > .subnav .subnav {
    position: absolute;
    left: 33.33%;
    top: 0;
    list-style: none;
  }
  .mediaNav nav .row > .subnav .subnav li {
    width: 50%;
  }
  .mediaNav nav .row > .subnav .subnav .subnav {
    left: 50%;
  }
  .mediaNav nav .row > .subnav .subnav .subnav li {
    width: 100%;
  }
  .mediaNav .box {
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 1000;
    width: 100%;
    position: absolute;
    left: 0;
    display: none;
    border-top: 1px solid #cacaca;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.98);
  }
  .blockNav .overview {
    width: 100%;
  }
  .blockNav .logo img {
    padding-top: 1rem;
  }
  .blockNav > .container > .row {
    justify-content: space-between;
    position: relative;
  }
  .blockNav nav > ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: right;
  }
  .blockNav nav > ul > li {
    order: 2;
  }
  .blockNav nav > ul > li > a {
    font-size: 20px;
    transition: color ease 0.3s;
    text-transform: uppercase;
    padding: 1rem;
    display: block;
    width: 100%;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 600;
  }
  .blockNav nav > ul > li.activated > a, .blockNav nav > ul > li > a:hover {
    background: #e7e7e8;
  }
  .blockNav nav > ul > li.act > a {
    font-weight: 600;
  }
  .blockNav nav > ul > li > ul {
    width: 100%;
    list-style: none;
    position: absolute;
    left: 0;
    background-color: rgba(255, 255, 255, 0.98);
    list-style: none;
    z-index: 1000;
    padding: 15px;
    margin: 0;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);
  }
  .blockNav nav > ul > li > ul > li {
    width: 19.99%;
    display: inline-block;
    margin: 0 0 0 -3px;
    padding: 0px;
    vertical-align: top;
  }
  .blockNav nav > ul > li > ul li {
    position: relative;
  }
  .blockNav nav > ul > li > ul li a {
    margin-left: 15px;
    display: block;
  }
  .blockNav nav > ul > li > ul > li > a {
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
  }
  .blockNav nav > ul > li > ul li a:hover {
    color: #454545;
  }
  .blockNav nav > ul > li > ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    font-family: FontAwesome;
    width: 12px;
    text-align: center;
    display: inline-block;
    opacity: 0;
    height: 100%;
  }
  .blockNav nav > ul > li > ul li:hover > a:before {
    opacity: 1;
  }
  .blockNav nav > ul > li > ul > li > ul {
    list-style: none;
  }
  .blockNav nav > ul > li > ul > li > ul > li {
    line-height: 120%;
    padding-bottom: 7.5px;
  }
  .menubuttonNav {
    /*.informationRow  ul li                   {padding-left: 2*$spacer; }
     .informationRow  ul li .symbol           {padding-left: 1/3*$spacer; }
     .informationRow .menuButton              {padding-left: 2*$spacer; height: 30px; width: 80px;} */
  }
  .menubuttonNav .logo {
    padding-top: 1rem;
  }
  .menubuttonNav .cButton {
    display: none;
  }
  .menubuttonNav > .container {
    position: relative;
  }
  .menubuttonNav .mmm {
    display: none;
    position: absolute;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 1s ease-in-out;
  }
  .menubuttonNav .menuButton a {
    font-weight: 400;
  }
  .menubuttonNav .inhaltFrame {
    padding: 0;
    color: #000;
  }
  .menubuttonNav .inhaltFrame .inhaltInner {
    background: #fff;
    padding: 15px 15px 60px;
    font-size: 1.25rem;
    text-transform: uppercase;
  }
  .menubuttonNav nav ul {
    padding: 15px 0 0;
    background: white;
  }
  .menubuttonNav nav .row > ul li {
    display: flex;
  }
  .menubuttonNav nav .row > ul > li a {
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #454545;
    padding: 10px 20px;
    display: block;
  }
  .menubuttonNav nav .row > ul li > a {
    width: 33.3333333333%;
  }
  .menubuttonNav nav .row > ul ul > li > a {
    width: 50%;
  }
  .menubuttonNav nav .row > ul ul ul > li > a {
    width: 100%;
  }
  .menubuttonNav nav .row > ul ul ul {
    /* */
  }
  .menubuttonNav nav .row li.activated > a {
    background-color: #454545;
    color: #fff;
  }
  .menubuttonNav nav .row > ul .subnav {
    position: absolute;
    left: 33.33%;
    top: 0;
    list-style: none;
  }
  .menubuttonNav nav .row > ul .subnav .subnav {
    left: 50%;
  }
  .menubuttonNav nav .row > ul .subnav .subnav li {
    width: 100%;
  }
  .ankerNav .logo {
    padding-top: 1rem;
  }
  .ankerNav nav {
    margin-top: auto;
  }
  .ankerNav nav ul {
    list-style: none;
    margin: 0;
    display: flex;
  }
  .ankerNav nav li a {
    transition: color ease 0.3s;
    display: block;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    padding: 0 1rem 0.6666666667rem 0;
  }
  .ankerNav nav li a:hover {
    color: #454545;
  }
}
/* ** MEDIAQUERIES ************************************************************************************************************************************************/
@media screen and (min-width: 992px) {
  .leftNav .logo {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .leftNav .navarea {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    margin-top: auto;
  }
}
/* ** COLORS ************************************************************************************************************************************************/
#navigation .nav > .blue a:focus, #navigation .nav > .act.blue a {
  color: #346097;
}
#navigation .nav > .green a:focus, #navigation .nav > .act.green a {
  color: #406C03;
}
#navigation .nav > .grey a:focus, #navigation .nav > .act.grey a {
  color: #999999;
}
#navigation .nav > .red a:focus, #navigation .nav > .act.red a {
  color: #A50F19;
}
#navigation .nav > .orange a:focus, #navigation .nav > .act.orange a {
  color: #A94611;
}
#navigation .nav > .violett a:focus, #navigation .nav > .act.violett a {
  color: #863177;
}
#navigation .nav > .turquoise a:focus, #navigation .nav > .act.turquoise a {
  color: #1D725F;
}
#navigation .nav > .yellow a:focus, #navigation .nav > .act.yellow a {
  color: #F5F507;
}
#navigation .nav > .darkblue a:focus, #navigation .nav > .act.yellow a {
  color: #2D4F9A;
}