@import url(../bower_components/smartmenus/dist/css/sm-core-css.css);
@import url(../bower_components/smartmenus/dist/css/sm-simple/sm-simple.css);
#header {
  margin-top: -20px;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  #header #header-text {
    position: absolute;
    margin-left: 30%;
    padding-top: 10px; }

.producttabs {
  margin: 30px 0; }
  .producttabs .nav-tabs > li > a {
    color: gray; }
    .producttabs .nav-tabs > li > a:hover {
      color: gray; }

.productlinks {
  margin: 30px 0; }
  .productlinks .box {
    border: 1px solid #b3b3b3;
    margin-bottom: 8px; }
    .productlinks .box.full {
      background-color: #b3b3b3;
      color: #fff;
      padding: 20px; }
    .productlinks .box > a, .productlinks .box > a:hover, .productlinks .box > a:visited, .productlinks .box > a:focus, .productlinks .box > a:active, .productlinks .box > div > a, .productlinks .box > div > a:hover, .productlinks .box > div > a:visited, .productlinks .box > div > a:focus, .productlinks .box > div > a:active {
      display: block;
      width: 100%;
      min-height: 30px;
      padding: 20px 20px 20px 50px;
      position: relative;
      text-decoration: none;
      color: #333333; }
      .productlinks .box > a > span, .productlinks .box > a:hover > span, .productlinks .box > a:visited > span, .productlinks .box > a:focus > span, .productlinks .box > a:active > span, .productlinks .box > div > a > span, .productlinks .box > div > a:hover > span, .productlinks .box > div > a:visited > span, .productlinks .box > div > a:focus > span, .productlinks .box > div > a:active > span {
        position: absolute;
        right: 0;
        top: 5px;
        width: 60px;
        height: 65px;
        border-left: 1px solid #b3b3b3; }
    .productlinks .box.productbrochures > a, .productlinks .box.productbrochure > a {
      background: url("../Icons/produktbroschueren.png") no-repeat scroll 12px 24px/24px auto; }
      .productlinks .box.productbrochures > a > span, .productlinks .box.productbrochure > a > span {
        border-left: 1px solid #b3b3b3;
        height: 66px;
        position: absolute;
        right: 0;
        top: 10px;
        width: 60px;
        background: url("../Icons/offen-pfeile.png") no-repeat scroll 20px 15px/25px auto; }
    .productlinks .box.productbrochures > ul, .productlinks .box.productbrochure > ul {
      list-style: none;
      margin: 0;
      padding: 0;
      border-top: 1px solid #b3b3b3; }
      .productlinks .box.productbrochures > ul > li a, .productlinks .box.productbrochures > ul > li a:hover, .productlinks .box.productbrochures > ul > li a:visited, .productlinks .box.productbrochures > ul > li a:focus, .productlinks .box.productbrochures > ul > li a:active, .productlinks .box.productbrochure > ul > li a, .productlinks .box.productbrochure > ul > li a:hover, .productlinks .box.productbrochure > ul > li a:visited, .productlinks .box.productbrochure > ul > li a:focus, .productlinks .box.productbrochure > ul > li a:active {
        display: block;
        width: 100%;
        min-height: 30px;
        padding: 20px 20px 10px 45px;
        color: #000;
        border-bottom: 1px solid #b3b3b3;
        text-decoration: none;
        background: url("../Icons/produktbroschueren.png") no-repeat scroll 12px 24px/24px auto; }
        .productlinks .box.productbrochures > ul > li a:hover, .productlinks .box.productbrochures > ul > li a:hover:hover, .productlinks .box.productbrochures > ul > li a:visited:hover, .productlinks .box.productbrochures > ul > li a:focus:hover, .productlinks .box.productbrochures > ul > li a:active:hover, .productlinks .box.productbrochure > ul > li a:hover, .productlinks .box.productbrochure > ul > li a:hover:hover, .productlinks .box.productbrochure > ul > li a:visited:hover, .productlinks .box.productbrochure > ul > li a:focus:hover, .productlinks .box.productbrochure > ul > li a:active:hover {
          color: #fff;
          background: #e2001a url("../Icons/produktbroschueren.png") no-repeat scroll 12px -12px/24px auto; }
      .productlinks .box.productbrochures > ul > li:last-child > a, .productlinks .box.productbrochure > ul > li:last-child > a {
        border-bottom: 0 !important; }
    .productlinks .box.productbrochures:hover > a, .productlinks .box.productbrochure:hover > a {
      background: #e2001a url("../Icons/produktbroschueren.png") no-repeat scroll 12px -12px/24px auto; }
      .productlinks .box.productbrochures:hover > a > span, .productlinks .box.productbrochure:hover > a > span {
        background: url("../Icons/offen-pfeile-weiss.png") no-repeat scroll 20px 15px/25px auto !important; }
      .productlinks .box.productbrochures:hover > a.active, .productlinks .box.productbrochure:hover > a.active {
        color: #fff; }
        .productlinks .box.productbrochures:hover > a.active > span, .productlinks .box.productbrochure:hover > a.active > span {
          border-left: 1px solid #b3b3b3;
          height: 66px;
          position: absolute;
          right: 0;
          top: 10px;
          width: 60px; }

#header-carousel {
  height: 560px;
  overflow: hidden; }

#preloader {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(../Images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000; }

a {
  color: #e2001a; }
  a:hover {
    color: #82000a; }

#logo-top {
  background-image: url(../Images/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 170px;
  display: block; }
  #logo-top span {
    display: none; }

#topbar {
  background-color: #ffffff;
  border: 0; }
  #topbar .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.9); }
    #topbar .dropdown-menu > li > a {
      padding: 10px 20px; }
      #topbar .dropdown-menu > li > a:hover, #topbar .dropdown-menu > li > a:active, #topbar .dropdown-menu > li > a.active, #topbar .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #e2001a; }
    #topbar .dropdown-menu > li.active > a {
      background-color: #e2001a; }
      #topbar .dropdown-menu > li.active > a:hover {
        color: #fff; }
  #topbar .nav > li:nth-child(1), #topbar .nav > li:nth-child(2), #topbar .nav > li:nth-child(3) {
    background-image: url(../Images/topbar_line.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain; }
#topbar .nav > li a#worldwide-button {
  background-color: #e2001a;
/*  background-image: url("../Images/topbar_line.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;*/
  color: #fff;
  vertical-align: middle;
  text-transform: uppercase;
}
#topbar .nav > li a#worldwide-button:hover {
  background-color: #333;
  color: #fff;
}
#topbar .nav > li a#worldwide-button i {
  margin-right: 5px;
}
  #topbar .nav > li .ion-ios-world::before {
    font-size: 24px; }
  #topbar .nav a {
    padding: 5px 15px;
    font-size: 13px;
    text-transform: uppercase;}
#topbar .nav a:hover {
  color: #e2001a;
}
  #topbar .language-active a {
    color: #e2001a;
    font-weight: bold; }

#mainnav {
  background-color: #ffffff;
  border: 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-radius: 0;
  min-height: 42px !important;
  height: 42px !important;
  /* With dropdown */ }
  #mainnav.navbar-default .navbar-nav > li > a {
    color: #000;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff; }
  #mainnav.navbar-default .navbar-nav > li > a:focus, #mainnav.navbar-default .navbar-nav > li > a:hover {
    color: #000;
    background-image: url(../Images/nav_red.png);
    background-repeat: repeat-x;
    background-position: top center; }
  #mainnav.navbar-default .navbar-nav > li.dropdown > a:focus, #mainnav.navbar-default .navbar-nav > li.dropdown > a:hover, #mainnav.navbar-default .navbar-nav > li.dropdown > a.hover {
    color: #000;
    background-image: url(../Images/nav_red.png);
    background-repeat: repeat-x;
    background-position: top center;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding-bottom: 11px; }
  #mainnav .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.9); }
    #mainnav .dropdown-menu > li > a {
      padding: 10px 20px; }
      #mainnav .dropdown-menu > li > a:hover, #mainnav .dropdown-menu > li > a:active, #mainnav .dropdown-menu > li > a.active, #mainnav .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #e2001a; }
    #mainnav .dropdown-menu > li.active > a {
      background-color: #e2001a; }
      #mainnav .dropdown-menu > li.active > a:hover {
        color: #fff; }

#breadcrumb {
  color: #e2001a;
  font-size: 12px;
  margin: 30px auto; }
  #breadcrumb a:link, #breadcrumb a:visited {
    color: #000000;
    text-decoration: none;
    padding: 0 10px; }
  #breadcrumb a:hover, #breadcrumb a:active {
    color: #e2001a;
    text-decoration: underline; }
  #breadcrumb strong a:link, #breadcrumb strong a:visited, #breadcrumb strong a:hover, #breadcrumb strong a:active {
    color: #e2001a;
    text-decoration: underline; }

#product-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 60px; }
  #product-nav > li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e2001a; }
    #product-nav > li a {
      padding: 10px 0px;
      display: block;
      color: #000; }
    #product-nav > li:last-child {
      border-bottom: 1px solid #e2001a; }
    #product-nav > li.active > a {
      border-bottom: 1px solid #e2001a; }
    #product-nav > li > ul {
      list-style: none;
      padding: 12px;
      margin: 0; }
      #product-nav > li > ul > li {
        padding: 0;
        margin: 0; }
        #product-nav > li > ul > li > a {
          padding: 8px 20px;
          font-size: 13px; }
  #product-nav li.active > a {
    font-weight: bold; }

.product-infobox {
  background-color: #CDCDCD;
  color: #fff;
  margin: 30px 0;
  padding: 20px; }
  .product-infobox h6 {
    font-size: 30px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    margin: 0; }
  .product-infobox p {
    font-size: 13px;
    margin: 10px 0; }
    .product-infobox p a {
      color: #fff;
      text-decoration: underline; }

#products-bottom-nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; }
  #products-bottom-nav ul li {
    list-style: none !important;
    float: left; }

.nav-tabs {
  border-bottom: 1px solid #c6c6c6; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      border: 1px solid transparent;
      border-radius: 0; }
      .nav-tabs > li > a:hover {
        border-color: #c6c6c6; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: gray;
      background-color: #ffffff;
      border: 1px solid #c6c6c6;
      border-bottom-color: transparent;
      cursor: default; }

.footerKatalog a {
  position: relative;
  width: 80px;
  height: 108px;
  display: block; }
  .footerKatalog a span.black {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    position: absolute;
    width: 80px;
    height: 108px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding-top: 30px; }
  .footerKatalog a:hover span.black {
    display: block; }

#responsive-nav {
  display: block; }
  #responsive-nav.collapsed {
    display: none; }

/* Megamenu in general */
.megamenu .navbar-collapse .nav, .megamenu .navbar-collapse .collapse, .megamenu .navbar-collapse .dropup, .megamenu .navbar-collapse .dropdown {
  position: static; }
.megamenu .navbar-collapse .container {
  position: relative; }
.megamenu .navbar-collapse .dropdown-menu {
  left: auto; }
.megamenu .navbar-collapse .megamenu-content {
  padding: 20px 30px; }
  .megamenu .navbar-collapse .megamenu-content > .row > div:nth-child(1), .megamenu .navbar-collapse .megamenu-content > .row > div:nth-child(2), .megamenu .navbar-collapse .megamenu-content > .row > div:nth-child(3) {
    border-right: 1px solid #aeaeae; }
  .megamenu .navbar-collapse .megamenu-content .products-megacontent {
    margin: 0;
    padding: 0;
    height: 370px; }
    .megamenu .navbar-collapse .megamenu-content .products-megacontent > a.megamenu-headline, .megamenu .navbar-collapse .megamenu-content .products-megacontent a.active {
      color: #333;
      display: inline-block;
      margin-bottom: 30px;
      font-weight: bold;
      font-size: 18px;
      border-bottom: 4px solid #E3000C; }
      .megamenu .navbar-collapse .megamenu-content .products-megacontent > a.megamenu-headline:hover, .megamenu .navbar-collapse .megamenu-content .products-megacontent > a.megamenu-headline:active, .megamenu .navbar-collapse .megamenu-content .products-megacontent > a.megamenu-headline:focus, .megamenu .navbar-collapse .megamenu-content .products-megacontent > a.megamenu-headline.active, .megamenu .navbar-collapse .megamenu-content .products-megacontent a.active:hover, .megamenu .navbar-collapse .megamenu-content .products-megacontent a.active:active, .megamenu .navbar-collapse .megamenu-content .products-megacontent a.active:focus, .megamenu .navbar-collapse .megamenu-content .products-megacontent a.active.active {
        color: #E3000C;
        text-decoration: none; }
    .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative; }
      .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li {
        width: 100%; }
        .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > a {
          font-size: 14px;
          font-weight: normal;
          color: #000000;
          padding: 3px 0 !important;
          display: inline-block; }
          .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > a:hover, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > a:active, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > a:focus, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > a .active {
            text-decoration: none;
            color: #E3000C; }
        .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul li {
            width: 100%;
            display: block;
            float: left;
            padding: 0; }
            .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul li a {
              color: #333333;
              padding: 3px 5px; }
              .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul li a:hover, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul li a:active, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li > ul li a:focus {
                text-decoration: underline;
                color: #C1123D; }
        .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li ul.megamenu-sub-sublinks li.active a {
          color: #C1123D; }
          .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li ul.megamenu-sub-sublinks li.active a:hover, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li ul.megamenu-sub-sublinks li.active a:active, .megamenu .navbar-collapse .megamenu-content .products-megacontent ul.megamenu-sublinks > li ul.megamenu-sub-sublinks li.active a:focus {
            text-decoration: underline; }
.megamenu .navbar-collapse .dropdown.megamenu-full .dropdown-menu {
  left: 0;
  right: 0;
  margin-left: 0 !important; }

.sm {
  z-index: 1000; }

#cookieBanner {
  display: none;
  font-size: 14px;
  width: 100%;
  margin: 0px auto;
  padding: 15px;
  background-color: #ddd;
  border-bottom: solid 1px #ccc; }
  #cookieBanner a:link, #cookieBanner a:visited {
    text-decoration: underline;
    color: #E3000C; }
  #cookieBanner a:active, #cookieBanner a:hover {
    text-decoration: none; }

#cookieBannerClose {
  float: right; }
  #cookieBannerClose a {
    text-decoration: none !important; }

#cookieBannerActions {
  text-align: center;
  padding-top: 4px; }

#start-news-carousel .news-list-item {
  border-top: 1px solid #eee; }
#start-news-carousel.owl-theme .owl-controls {
  margin-right: -420px;
  margin-bottom: 20px; }
  #start-news-carousel.owl-theme .owl-controls .owl-buttons div {
    border-radius: 0; }
#start-news-carousel .extra {
  margin-top: 35px;
  margin-bottom: 0; }
  #start-news-carousel .extra time {
    color: #E3000C;
    font-size: 90%;
    font-weight: bold; }
#start-news-carousel h3 {
  margin-top: 0; }
  #start-news-carousel h3 a {
    font-size: 55%;
    color: #000;
    font-weight: bold; }
#start-news-carousel .lead {
  font-size: 80%; }

#worldwideModal ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #worldwideModal ul li {
    padding: 3px 0; }
    #worldwideModal ul li a {
      color: #000; }
#worldwideModal h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #000; }
#worldwideModal h4 {
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #6e6e6e;
  border-bottom: 1px solid #000;
  margin-top: 30px;
  margin-bottom: 30px; }
#worldwideModal .logo {
  margin: 30px 0; }
