/* 1. Descriptive Variables
========================================================================== */
/*Neu*/
/*Neu*/
/*Neu*/
/*$red: rgb(255,0,0);/*rgb(197,40,36);*/
/* 2. Functional Variables
========================================================================== */
/* General
========================================================================== */
/* Navigation
========================================================================== */
/* Shared */
/* Main Navigation */
/* Superfish */
/* Megamenu */
/* Breadcrumbs */
/* Teaser
========================================================================== */
/* Shared */
/*$color-teaser-bg: $white;*/
/*$color-recommendation-bg: $white;
$color-recommendation-border: $lightest-grey;
$color-recommendation-copy: $dark-grey;
$color-recommendation-heading: $blue;
$color-recommendation-tag: $light-grey;*/
/* Highlighted */
/* Emphasized */
/* Understated */
/*$color-teaser--understated-bg: $color-understated;*/
/* Footer
========================================================================== */
@import url(../fonts/opensans_regular_macroman/stylesheet.css);
@import url(../fonts/opensans_semibold_macroman/stylesheet.css);
.block-superfish {
  z-index: 999;
}

.menu,
.menu *,
.menu .leaf,
.sf-menu,
.sf-menu * {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sf-menu {
  line-height: 1.0;
  z-index: 497;
}

.sf-menu ul {
  left: 0;
  position: absolute;
  top: -99999em;
  width: 12em;
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li {
  float: left;
  position: relative;
  z-index: 498;
}

.sf-menu a,
.sf-menu span.nolink {
  display: block;
  padding: .25em 1.5em;
  position: relative;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  z-index: 499;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  left: 0;
  top: 2.5em;
}

.sf-menu li li:hover > ul,
.sf-menu li li.sfHover > ul {
  left: 12em;
  top: 0;
}

.sf-menu.menu,
.sf-menu.menu ul,
.sf-menu.menu li {
  margin: 0;
}

.sf-hidden {
  left: -99999em !important;
  top: -99999em !important;
}

.sf-menu a.sf-with-ul,
.sf-menu span.nolink.sf-with-ul {
  min-width: 1px;
}

.sf-sub-indicator {
  background: url("../images/arrows-777777.png") no-repeat -10px -100px;
  display: block;
  height: 10px;
  overflow: hidden;
  position: absolute;
  right: .5em;
  text-indent: -9999em;
  /*top: 1.05em;*/
  top: .25em;
  width: 10px;
}

a > .sf-sub-indicator,
span.nolink > .sf-sub-indicator {
  /*top: 0.8em;*/
  background-position: 0 -100px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
span.nolink:hover > .sf-sub-indicator,
li:hover > span.nolink > .sf-sub-indicator,
li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: -10px -100px;
}

.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator,
.sf-menu ul span.nolink > .sf-sub-indicator {
  background-position: 0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator,
.sf-menu ul span.nolink:hover > .sf-sub-indicator,
.sf-menu ul li:hover > span.nolink > .sf-sub-indicator,
.sf-menu ul li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu.rtl,
.sf-menu.rtl li {
  float: right;
}

.sf-menu.rtl li:hover > ul,
.sf-menu.rtl li.sfHover > ul {
  left: auto;
  right: 0;
}

.sf-menu.rtl li li:hover > ul,
.sf-menu.rtl li li.sfHover > ul {
  left: auto;
  right: 12em;
}

.sf-menu.rtl ul {
  left: auto;
  right: 0;
}

.sf-menu.rtl .sf-sub-indicator {
  left: 0.75em;
  right: auto;
  background: url("../images/arrows-777777.png") no-repeat -10px -100px;
}

.sf-menu.rtl a > .sf-sub-indicator,
.sf-menu.rtl span.nolink > .sf-sub-indicator {
  top: 0.8em;
  background-position: -10px -100px;
}

.sf-menu.rtl a:focus > .sf-sub-indicator,
.sf-menu.rtl a:hover > .sf-sub-indicator,
.sf-menu.rtl a:active > .sf-sub-indicator,
.sf-menu.rtl li:hover > a > .sf-sub-indicator,
.sf-menu.rtl li.sfHover > a > .sf-sub-indicator,
.sf-menu.rtl span.nolink:hover > .sf-sub-indicator,
.sf-menu.rtl li:hover > span.nolink > .sf-sub-indicator,
.sf-menu.rtl li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: 0 -100px;
}

.sf-menu.rtl ul .sf-sub-indicator {
  background-position: 0 0;
}

.sf-menu.rtl ul a > .sf-sub-indicator,
.sf-menu.rtl ul span.nolink > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu.rtl ul a:focus > .sf-sub-indicator,
.sf-menu.rtl ul a:hover > .sf-sub-indicator,
.sf-menu.rtl ul a:active > .sf-sub-indicator,
.sf-menu.rtl ul li:hover > a > .sf-sub-indicator,
.sf-menu.rtl ul li.sfHover > a > .sf-sub-indicator,
.sf-menu.rtl ul span.nolink:hover > .sf-sub-indicator,
.sf-menu.rtl ul li:hover > span.nolink > .sf-sub-indicator,
.sf-menu.rtl ul li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: 0 0;
}

.sf-menu.rtl .sf-hidden,
.sf-menu.rtl.sf-hidden {
  left: auto !important;
  right: -99999em !important;
}

.sf-vertical.rtl li:hover > ul,
.sf-vertical.rtl li.sfHover > ul {
  left: auto;
  right: 12em;
}

.sf-vertical.rtl .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-vertical.rtl a > .sf-sub-indicator,
.sf-vertical.rtl span.nolink > .sf-sub-indicator {
  background-position: 0 0;
}

.sf-vertical.rtl a:focus > .sf-sub-indicator,
.sf-vertical.rtl a:hover > .sf-sub-indicator,
.sf-vertical.rtl a:active > .sf-sub-indicator,
.sf-vertical.rtl li:hover > a > .sf-sub-indicator,
.sf-vertical.rtl li.sfHover > a > .sf-sub-indicator,
.sf-vertical.rtl span.nolink:hover > .sf-sub-indicator,
.sf-vertical.rtl li:hover > span.nolink > .sf-sub-indicator,
.sf-vertical.rtl li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-navbar.rtl li li {
  float: right;
}

.sf-navbar.rtl ul .sf-sub-indicator {
  background-position: 0 -100px;
}

.sf-navbar.rtl ul a > .sf-sub-indicator {
  background-position: -10px -100px;
}

.sf-navbar.rtl ul a:focus > .sf-sub-indicator,
.sf-navbar.rtl ul a:hover > .sf-sub-indicator,
.sf-navbar.rtl ul a:active > .sf-sub-indicator,
.sf-navbar.rtl ul li:hover > a > .sf-sub-indicator,
.sf-navbar.rtl ul li.sfHover > a > .sf-sub-indicator,
.sf-navbar.rtl ul span.nolink:hover > .sf-sub-indicator,
.sf-navbar.rtl ul li:hover > span.nolink > .sf-sub-indicator,
.sf-navbar.rtl ul li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: 0 -100px;
}

.sf-navbar.rtl ul ul .sf-sub-indicator {
  background-position: 0 0;
}

.sf-navbar.rtl ul ul a > .sf-sub-indicator,
.sf-navbar.rtl ul ul span.nolink > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-navbar.rtl ul ul a:focus > .sf-sub-indicator,
.sf-navbar.rtl ul ul a:hover > .sf-sub-indicator,
.sf-navbar.rtl ul ul a:active > .sf-sub-indicator,
.sf-navbar.rtl ul ul li:hover > a > .sf-sub-indicator,
.sf-navbar.rtl ul ul li.sfHover > a > .sf-sub-indicator,
.sf-navbar.rtl ul ul span.nolink:hover > .sf-sub-indicator,
.sf-navbar.rtl ul ul li:hover > span.nolink > .sf-sub-indicator,
.sf-navbar.rtl ul ul li.sfHover > span.nolink > .sf-sub-indicator {
  background-position: 0 0;
}

.sf-navbar.rtl li li:hover > ul,
.sf-navbar.rtl li li.sfHover > ul {
  left: auto;
  right: 0;
}

.sf-navbar.rtl li li li:hover > ul,
.sf-navbar.rtl li li li.sfHover > ul {
  left: auto;
  right: 12em;
}

/* added START */
.sf-menu {
  zoom: 1;
  color: #525252;
  line-height: 1.5;
  margin: 0;
  margin-right: 3em;
  padding: 0;
}
.sf-menu:before, .sf-menu:after {
  content: "";
  display: table;
}
.sf-menu:after {
  clear: both;
}
.sf-menu li {
  float: left;
  margin: 0;
  padding: 0;
}
.sf-menu li.sf-depth-1.last {
  float: right;
  margin-right: 0;
}
.sf-menu li.sf-depth-3, .sf-menu li.sf-depth-4, .sf-menu li.sf-depth-5 {
  margin-left: 1em;
}
.sf-menu li a {
  color: #525252;
  text-decoration: none;
}
.sf-menu li a:hover, .sf-menu li a:focus {
  text-decoration: underline;
}
.sf-menu li.sfHover ul {
  left: 0;
  top: 2em;
  min-width: 1020px;
  width: 1020px;
  max-width: 100%;
}
.sf-menu li.sf-clone-parent {
  display: none;
}
.sf-menu li.active-trail > a, .sf-menu li.active-trail > div > a {
  font-weight: bold;
}
.sf-menu li.active-trail a.sf-depth-1 {
  font-weight: bold;
  text-decoration: none;
}
.sf-menu .sf-megamenu {
  background-color: #e2e2e3;
  margin: 0;
  padding: 0;
}
.sf-menu .sf-megamenu .sf-megamenu-wrapper ol {
  overflow: hidden;
  zoom: 1;
}
.sf-menu .sf-sub-indicator {
  display: none;
}
.sf-menu .menuparent a .sf-sub-indicator {
  background: url(../images/arrow-down.png) no-repeat 0 0;
  display: block;
  height: 6px;
  overflow: hidden;
  position: absolute;
  right: .75em;
  text-indent: -9999em;
  top: .75em;
  width: 6px;
}
.sf-menu .menuparent a.sf-depth-1.sf-clicked {
  background-color: #e2e2e3;
}
.sf-menu .menuparent a.sf-depth-1.sf-clicked .sf-sub-indicator {
  background: url(../images/arrow-up.png) no-repeat 0 0;
}
.sf-menu.menu {
  margin: 0;
  padding: 0;
}
.sf-menu.sf-accordion {
  background-color: #e2e2e3;
  margin: 0;
  padding: 0;
}
.sf-menu.sf-accordion li.sf-depth-2, .sf-menu.sf-accordion li.sf-depth-3, .sf-menu.sf-accordion li.sf-depth-4 {
  margin-left: 1em;
}

.sf-accordion-toggle {
  zoom: 1;
  display: block;
  padding: 10px;
  zoom: 1;
}
.sf-accordion-toggle:before, .sf-accordion-toggle:after {
  content: "";
  display: table;
}
.sf-accordion-toggle:after {
  clear: both;
}
.sf-accordion-toggle a {
  border-bottom: .5em solid red;
  border-top: 1.5em double red;
  display: block;
  font-size: 1em;
  height: 2.5em;
  margin: 0;
  text-indent: -9999em;
  width: 3em;
}
.sf-accordion-toggle a:hover, .sf-accordion-toggle a:focus {
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

@media (max-width: 768px) {
  /*.region-navigation {
    position: absolute;
    top: 6em;
  }*/
}
/* added END */
/* superfish 
.region-navigation {
  .block-superfish {
    .content {
      .sf-menu {
        list-style: none;
        list-style-position: outside;
        margin: 0;
        padding: 0;
        .sf-hidden {
          display: none;
        }
        .active-trail {

        }
        .menuparent {
          .sf-sub-indicator {
            
          }
        }
        .expanded {

        }
        .collapsed {

        }
        .first {

        }
        .last {

        }
        a {
          color: $color-copy;
          text-decoration: underline;
          &.active {

          }
          &:hover,
          &:focus {
            text-decoration: none;
          }
        }
        .sf-depth-1 {
          float: left;
          margin-right: 3em;
          &.active-trail {
          }
          &.menuparent {
            
          }
          &.expanded {

          }
          &.collapsed {

          }
          &.first {

          }
          &.last {
            float: right;
            margin-right: 0;
          }
          a {
            margin: 0;
            padding: .25em 1.5em;
          }
        }
      }
    }
  }
}*/
/* non superfish 
.region-navigation {
  .block-menu {
    .content {
      .menu {
        .active-trail {

        }
        .has-children {

        }
        .expanded {

        }
        .collapsed {

        }
        .first {

        }
        .last {

        }
        .depth-1 {
          &.active-trail {

          }
          &.has-children {
            
          }
          &.expanded {

          }
          &.collapsed {

          }
          &.first {

          }
          &.last {

          }
        }
      }
    }
  }
}
*/