.oras-smart .hero-logo a {
  display: block; 
}
.oras-smart .hero-logo a.hansa-logo {
  display: none; 
}
.hansa-smart .hero-logo a {
  display: none; 
}
.hansa-smart .hero-logo a.hansa-logo {
  display: block; 
}

.hansa-smart .hero-logo a.hansa-logo img {
  height: auto;
  width: 200px;
  max-width: 1000%;
}

body h1.hero-headline--medium {
 font-size: 45px; 
  line-height: 1.1em;
}

body h1.hero-headline--small {
 font-size: 30px; 
  line-height: 1.3em;
}

.wrapper-nav-menu ul,
.wrapper-nav-menu li {
  padding: 0;
  list-style: none;
}

.wrapper-nav-menu {
  display: flex;
  flex-wrap: nowrap;
	position: fixed;
	width: auto;
  justify-content: flex-end;
  right: 48px;
	z-index: 105;
	transition: margin 0.5s ease;
  margin-top: -55px;
}
.wrapper-nav-menu.active {
      margin-top: -138px;
}
.wrapper-nav-menu.wrapper-nav-menu--bg:before,
.wrapper-nav-menu.wrapper-nav-menu--bg.active:before {
    content: "";
    background-color: #fff;
    position: fixed;
    top: -18px;
    left: -50vw;
    width: 200vw;
    height: 178px;
    transition: top 0.5s ease;
}
.wrapper-nav-menu.wrapper-nav-menu--bg.active:before {
    top: -100px;
}
.wrapper-nav-menu.wrapper-nav-menu--bg-nav > .nav-menu {
  background-color: #fff;
}
@media (min-width: 1376px) {
  .wrapper-nav-menu.wrapper-nav-menu--bg:before,
  .wrapper-nav-menu.wrapper-nav-menu--bg.active:before {
    top: -122px;
  }
}

.hansa-smart .wrapper-nav-menu {
   margin-top: -35px;
}

.hansa-smart .wrapper-nav-menu.active {
    margin-top: -90px;
}

/* Safari 10.1+ (alternate method) */

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

   .wrapper-nav-menu.active {
    margin-top: -40px;
}
}}

.lp-hero .hero-logo.hero-logo-nav-menu,
.b2c-template .lp-hero .hero-logo.hero-logo-nav-menu {
  margin-top: 76px;
  margin-bottom: 140px;
}

.lp-hero .hero-logo.hero-logo-nav-menu > a {
  position: relative;
  z-index: 110;
}

.nav-menu {
  margin: 0 -29px 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

.wrapper-nav-menu.wrapper-nav-menu--bg .nav-menu {
  z-index: 1;
}

.nav-menu li a {
  display: block !important;
  color: #5F555D;
  font-size: 18px;
  padding: 5px 29px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'FiraSans SemiBold', Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: right;
	cursor: pointer;
}

.nav-menu li.active a {
  background-color: #eb1414;
  color: #fff;
}

.wrapper-nav-menu.sticky {
  position: fixed;
	width: 100%;
  top: 103px;
	z-index: 103;
}

.wrapper-nav-menu .menu-item,
.wrapper-nav-menu .menu-item a {
  cursor: pointer;
}

.b2c-template .wrapper-nav-menu .nav-menu + .b2c-button {
  margin-left: 58px;
}

.b2c-template .wrapper-nav-menu .b2c-button {
  display: block !important;
  
  color: #5F555D;
  font-size: 18px;
  padding: 7px 20px 3px 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'FiraSans SemiBold', Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: right;
  cursor: pointer;
}

.b2c-template .wrapper-nav-menu .b2c-button:before {
  display: none;
}

.smart-multi-module .content-media iframe {
  z-index: 0 !important; 
}

@media screen and (max-width: 1375px) {
  
  .nav-menu {
    margin: 0 -15px 0 0;
  }
  
  .nav-menu li a {
    padding: 5px 15px;
  }

  .b2c-template .wrapper-nav-menu .nav-menu + .b2c-button {
    margin-left: 30px;
  }
  
}

@media (max-width: 900px) {
  
  .nav-menu {
    max-width: 480px; 
  }
  
}

@media screen and (max-width: 768px) {
  
  .lp-hero .hero-logo.hero-logo-nav-menu, .b2c-template .lp-hero .hero-logo.hero-logo-nav-menu {
    margin-top: 34px;
    margin-bottom: 34px;
  }

  .wrapper-nav-menu {
    padding-right: 0;
  }

  .wrapper-nav-menu,
  .nav-menu {
    flex-wrap: wrap;
	  right: 70px;
  }

  .nav-menu li {
    width: 100%;
    display: block;
  }

  .nav-menu li a {
    font-size: 12px;
    line-height: 26px;
    min-height: 26px;
    padding: 0 8px;
    width: 100%;
    display: block;
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ddd;
  }

  .nav-menu li a {
    text-align: left !important
  }

	.wrapper-nav-menu.sticky{
		top: 30px;
	}

	.wrapper-nav-menu.active {
    margin-top: auto;
    transition: none;
  }
	
}

@media (max-width: 1024px) and (min-width: 768px) {
	.wrapper-nav-menu.sticky {
    position: fixed;
    width: 100%;
    top: 101px;
    z-index: 103;
   }
}

@media (max-width: 768px){
  .wrapper-nav-menu {
    display: none;
  }
}

@media (min-width: 1376px){
	.wrapper-nav-menu{
    width: 1280px;
    left: 50%;
    transform: translate(-50%, 0);
	}
}

.lp-hero .span6.hero-image,
.lp-hero .span6.hero-video {
  right: 0 !important;
  width: 47% !important;
}

.lp-hero .span6.hero-image img,
.lp-hero .span6.hero-video .hs-video-widget {
  position: relative;
  max-height: 500px !important;
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  top: 50% !important;
  margin-top: 90px !important;
}

.lp-hero .span6.hero-image:after,
.lp-hero .span6.hero-video:after{
  display: none !important;
}

.lp-hero .hero-image-mobile,
.lp-hero .hero-video-mobile {
  display: none;
}

@media (max-width: 1200px) {
  
  .lp-hero .span6.hero-image img,
  .lp-hero .span6.hero-video .hs-video-widget {
    max-height: 400px !important;
  }
  
  .lp-hero .span6.hero-span-with-img,
  .lp-hero .span6.hero-span-with-video {
    width: 50% !important;
  }
}

@media screen and (max-width: 768px) {
  
  .lp-hero .span6.hero-image,
  .lp-hero .span6.hero-video {
    max-height: 400px !important;
  }
 
  .lp-hero .span6.hero-span-with-img,
  .lp-hero .span6.hero-span-with-video {
    width: 50% !important;
  }
  
  .lp-hero .span6.hero-image img,
  .lp-hero .span6.hero-video .hs-video-widget {
    max-height: 250px !important;
    margin-top: 40px !important;
  }
  
}

@media screen and (max-width: 576px) {
  
  .lp-hero .span6.hero-image,
  .lp-hero .span6.hero-video {
    width: 100% !important;
    max-height: 100% !important;
    position: relative !important;
    display: none;
  }
  
  .lp-hero .span6.hero-span-with-img,
  .lp-hero .span6.hero-span-with-video {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  
  .lp-hero .span6.hero-image img,
  .lp-hero .span6.hero-video .hs-video-widget {
    max-height: 100% !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;
  }
  
  .lp-hero .-mobile,
  .lp-hero .hero-video-mobile {
    display: block;
  }
  
}