@font-face {
  font-family: "Neo Sans";
  font-weight: 100;
  font-style: normal;
  src: url("Fonts/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix");
  src: url("Fonts/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix") format("eot"), url("Fonts/e0bd859d-12b1-41c1-9b67-003688d01609.woff2") format("woff2"), url("Fonts/a21a792c-051c-4059-8719-ecc8749c99a6.woff") format("woff"), url("Fonts/feee8e94-28a0-416a-88d3-db3912effbc4.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 100;
  font-style: italic;
  src: url("Fonts/63d411d3-0eaf-4ddf-8bb1-22dc92a91370.eot?#iefix");
  src: url("Fonts/63d411d3-0eaf-4ddf-8bb1-22dc92a91370.eot?#iefix") format("eot"), url("Fonts/a126fe65-f7a1-4e21-8b9e-70d9d554d01e.woff2") format("woff2"), url("Fonts/b2130735-d692-47ef-89ad-4fbfd89a8618.woff") format("woff"), url("Fonts/9879348e-2e6b-4baa-8a24-2d79103e93bc.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 400;
  font-style: normal;
  src: url("Fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix");
  src: url("Fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"), url("Fonts/a53085dd-4493-4430-8349-fd63d6f3e5bc.woff2") format("woff2"), url("Fonts/a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"), url("Fonts/97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 400;
  font-style: italic;
  src: url("Fonts/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix");
  src: url("Fonts/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix") format("eot"), url("Fonts/9ff15e66-152b-4d48-a338-ab8c95431ca7.woff2") format("woff2"), url("Fonts/740562f3-2434-4080-8b87-ac8084c724d4.woff") format("woff"), url("Fonts/cd590b5e-4e72-4828-955d-a84944bb3eda.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 500;
  font-style: normal;
  src: url("Fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix");
  src: url("Fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"), url("Fonts/f056e9e7-3bb5-4f21-b861-ed2a47a0700b.woff2") format("woff2"), url("Fonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"), url("Fonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 500;
  font-style: italic;
  src: url("Fonts/46228353-fa44-4946-aa72-d9c49319ef68.eot?#iefix");
  src: url("Fonts/46228353-fa44-4946-aa72-d9c49319ef68.eot?#iefix") format("eot"), url("Fonts/6d6d6fb5-b943-440b-8b6a-d00d21516a19.woff2") format("woff2"), url("Fonts/aa38b8f5-f338-48c6-8aa2-eac9e9498213.woff") format("woff"), url("Fonts/b54e6a91-f4ef-40b4-8f81-fee406bc1e4f.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 700;
  font-style: normal;
  src: url("Fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix");
  src: url("Fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"), url("Fonts/82a34ab2-92d9-48c4-989d-50d5bd54fdd1.woff2") format("woff2"), url("Fonts/ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"), url("Fonts/2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 700;
  font-style: italic;
  src: url("Fonts/0fe971f7-547f-457f-83c3-3c8e2a508baa.eot?#iefix");
  src: url("Fonts/0fe971f7-547f-457f-83c3-3c8e2a508baa.eot?#iefix") format("eot"), url("Fonts/c47e6637-cc18-4473-81da-8a9c7930ce28.woff2") format("woff2"), url("Fonts/1c88b47a-311d-482e-9568-4e4eb1409dbb.woff") format("woff"), url("Fonts/c905cace-cc74-4611-8d5e-14426b91e330.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 800;
  font-style: normal;
  src: url("Fonts/a18848f0-fc35-4303-b859-765085dc8136.eot?#iefix");
  src: url("Fonts/a18848f0-fc35-4303-b859-765085dc8136.eot?#iefix") format("eot"), url("Fonts/35cfb856-b935-45e7-b54f-b60e4b23e03c.woff2") format("woff2"), url("Fonts/424ba691-179e-4d47-8ab9-e7eedc23c30f.woff") format("woff"), url("Fonts/fc12c0b1-38e2-4dba-acfd-e2c26fd997a4.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 800;
  font-style: italic;
  src: url("Fonts/a6b7e79b-ec1d-47af-a7bd-3ee929f395aa.eot?#iefix");
  src: url("Fonts/a6b7e79b-ec1d-47af-a7bd-3ee929f395aa.eot?#iefix") format("eot"), url("Fonts/f9b0390a-6b5e-4059-8d47-3c0bb374ba6c.woff2") format("woff2"), url("Fonts/e092dc4e-a79a-4dd6-bed1-a691d495140f.woff") format("woff"), url("Fonts/cc22a70b-d5a9-4c24-a243-d484a03130b4.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 900;
  font-style: normal;
  src: url("Fonts/8eb84852-0d1d-43d6-a0a6-64ed9502ec21.eot?#iefix");
  src: url("Fonts/8eb84852-0d1d-43d6-a0a6-64ed9502ec21.eot?#iefix") format("eot"), url("Fonts/8f84321b-1090-42f8-b736-7e2acc5cadd7.woff2") format("woff2"), url("Fonts/86026cd0-7a50-4f22-8c86-054b620a6398.woff") format("woff"), url("Fonts/2f771521-0964-4226-9bb2-eadbd11eecd0.ttf") format("truetype"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 900;
  font-style: italic;
  src: url("Fonts/82b7e697-95a8-4756-87da-6ebd44259b59.eot?#iefix");
  src: url("Fonts/82b7e697-95a8-4756-87da-6ebd44259b59.eot?#iefix") format("eot"), url("Fonts/39c8ae3d-5267-470a-a8a1-c2c04278d91b.woff2") format("woff2"), url("Fonts/b10890f3-a9db-4d68-b3b7-e896af0afa66.woff") format("woff"), url("Fonts/f8ab8efe-bf8d-4559-a35b-f7f88b5601f0.ttf") format("truetype"); }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

/*******************************************************************************************************
  MEDIA QUERY BREAKPOINTS
*******************************************************************************************************/
/*******************************************************************************************************
  VARIABLEN & MIXINS
*******************************************************************************************************/
/*******************************************************************************************************
  COLORS
*******************************************************************************************************/
/*******************************************************************************************************
  ALLGEMEINE STILVORGABEN
*******************************************************************************************************/
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

input:focus,
textarea:focus,
*:focus {
  outline: none; }

a,
a.before,
a img,
input,
a div,
div.label,
button,
span {
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s; }

textarea {
  -webkit-transition: border ease 0.2s;
  -moz-transition: border ease 0.2s;
  -o-transition: border ease 0.2s;
  transition: border ease 0.2s; }

.clear {
  clear: both; }

.invisible {
  display: none; }

.show-mobile {
  display: none; }

@media (max-width: 679px) {
  .hide-mobile {
    display: none; }
  .clear-mobile {
    clear: both; }
  .show-mobile {
    display: block; } }

html, body {
  height: 100%; }

img {
  height: auto !important; }

body {
  background: #fff;
  color: #000;
  font-size: 90%;
  font-family: 'Neo Sans', sans-serif;
  letter-spacing: .01em; }
  @media (max-width: 679px) {
    body {
      font-size: 85%; } }
  @media (min-width: 1150px) and (max-width: 1599px) {
    body {
      font-size: 95%; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    body {
      font-size: 90%; } }

body.active-mobile-navigation {
  overflow: hidden; }

p {
  font-size: 105%;
  line-height: 1.75em;
  margin-bottom: 1.25em;
  color: #000; }
  p a {
    color: #184185;
    font-family: 'Neo Sans', sans-serif; }
    p a:hover {
      color: #000; }
  p em {
    font-style: italic; }

strong {
  font-weight: 600; }

span.text--red {
  color: #E30613; }

h1 {
  font-family: 'Neo Sans', sans-serif;
  font-size: 3em; }

h2 {
  font-weight: 500;
  color: #184185;
  font-size: 2.5em;
  line-height: 1.25em;
  margin-bottom: .8em; }
  @media (max-width: 679px) {
    h2 {
      font-size: 1.75em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    h2 {
      font-size: 2em; } }

h3 {
  font-family: 'Neo Sans', sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 1.2em; }

.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

div.inside-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto; }

a.btn {
  display: inline-block;
  border-radius: 4px;
  padding: .5em 1.2em;
  font-weight: 500;
  font-size: .9em; }
  @media (max-width: 679px) {
    a.btn {
      padding: .5em 1.1em; } }

a.btn--blue {
  background: #184185;
  color: #fff; }
  a.btn--blue:hover {
    background: #14366f;
    color: #fff; }
  a.btn--blue:active {
    color: #fff;
    transform: scale(0.97); }

a.btn--trans {
  color: #fff;
  border: 1px solid #fff; }
  a.btn--trans:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff; }
  a.btn--trans:active {
    color: #fff;
    transform: scale(0.97); }

div.inside-wrapper {
  max-width: 700px;
  width: 75%;
  text-align: center;
  margin: 0 auto 4em auto; }

header {
  padding: 0 2.5em;
  position: fixed;
  z-index: 999;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); }
  @media (min-width: 1150px) and (max-width: 1599px) {
    header {
      padding: 0 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    header {
      padding: .75em 1.5em .5em 1.5em; } }
  @media (max-width: 679px) {
    header {
      padding: 1em 1.5em .75em 1.5em; } }
  header div.header__logo {
    float: left; }
    header div.header__logo img {
      margin-top: 1.3em;
      width: 15em; }
      @media (max-width: 679px) {
        header div.header__logo img {
          width: 10em;
          margin-top: 0; } }
      @media (min-width: 680px) and (max-width: 1149px) {
        header div.header__logo img {
          width: 12.5em;
          margin-top: 0; } }
  header div.header__navigation {
    float: right; }
    @media (max-width: 679px) {
      header div.header__navigation {
        display: none; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      header div.header__navigation {
        display: none; } }
    header div.header__navigation nav.mod_navigation {
      float: right; }
      header div.header__navigation nav.mod_navigation ul.level_1 li {
        float: left; }
        header div.header__navigation nav.mod_navigation ul.level_1 li a {
          font-weight: 500;
          color: rgba(24, 65, 133, 0.4);
          text-transform: uppercase;
          display: block;
          line-height: 6em;
          padding-left: 1.5em;
          padding-right: 1.5em; }
          header div.header__navigation nav.mod_navigation ul.level_1 li a:hover {
            color: #184185; }
        header div.header__navigation nav.mod_navigation ul.level_1 li span, header div.header__navigation nav.mod_navigation ul.level_1 li a.trail {
          cursor: pointer;
          font-weight: 500;
          color: #184185;
          text-transform: uppercase;
          display: block;
          line-height: 6em;
          position: relative;
          padding-left: 1.5em;
          padding-right: 1.5em; }
          header div.header__navigation nav.mod_navigation ul.level_1 li span::before, header div.header__navigation nav.mod_navigation ul.level_1 li a.trail::before {
            content: "";
            position: absolute;
            left: .8em;
            top: 2.8em;
            display: block;
            background: #E30613;
            height: 5px;
            width: 5px;
            border-radius: 100px; }
      header div.header__navigation nav.mod_navigation ul.level_2 {
        position: absolute;
        max-width: 1280px;
        margin: 0 auto;
        width: 100%;
        top: 6.6em;
        background: #fff;
        z-index: -10;
        border-top: 1px solid rgba(24, 65, 133, 0.2); }
        header div.header__navigation nav.mod_navigation ul.level_2 li a {
          display: block;
          background: #fff;
          color: #184185; }

.mod_navigation li.mm_container:hover > a:after,
.mod_navigation li.mm_container:hover > span:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  background-color: #f4f2f0;
  z-index: 110; }

.mod_navigation li.mm_container:hover > a,
.mod_navigation li.mm_container:hover > span {
  color: #184185 !important; }

div.mm_dropdown {
  background: #fff !important;
  width: 100%;
  border-top: 1px solid rgba(24, 65, 133, 0.1);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15); }
  div.mm_dropdown div.inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 !important;
    background: #fff !important;
    border: none !important; }

a.changelanguage {
  margin-left: 3.5em;
  display: block;
  background: #fff;
  padding: .55em .6em .5em .6em;
  font-size: .9em;
  margin-top: 2.1em;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  line-height: 1em;
  color: rgba(24, 65, 133, 0.5); }
  a.changelanguage img {
    width: 1.3em;
    margin-right: .25em; }
  a.changelanguage:hover {
    color: #184185; }

div.header__changelanguage {
  float: right; }

nav.mod_changelanguage {
  position: absolute;
  display: none;
  top: 5.4em;
  right: 2.5em;
  z-index: 999999; }
  nav.mod_changelanguage ul {
    background: #fff;
    text-align: center;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }
    nav.mod_changelanguage ul li a, nav.mod_changelanguage ul li strong {
      display: block;
      padding: .85em 1.25em;
      font-size: .9em;
      color: #000; }
    nav.mod_changelanguage ul li strong {
      color: #184185; }
    nav.mod_changelanguage ul li.first a, nav.mod_changelanguage ul li.first strong {
      border-bottom: 1px solid rgba(0, 0, 0, 0.075); }
    nav.mod_changelanguage ul:after {
      content: "";
      position: absolute;
      box-shadow: rgba(0, 0, 0, 0.125) 2px 2px 5px;
      transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      top: -8px;
      left: 60%;
      border-width: 8px;
      border-style: solid;
      border-color: transparent #FFF #FFF transparent; }

a.mobile-navigation__toggle {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 4.175em;
  width: 4.175em;
  background: #fff;
  padding-top: 1.75em;
  padding-left: .85em; }
  @media (max-width: 679px) {
    a.mobile-navigation__toggle {
      display: block; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    a.mobile-navigation__toggle {
      display: block; } }
  a.mobile-navigation__toggle span.toggle__bar {
    display: block;
    width: 2em;
    height: 3px;
    background: #184185;
    border-radius: 100px; }
  a.mobile-navigation__toggle span.bar--1 {
    margin-bottom: 5px; }
  a.mobile-navigation__toggle.active span.bar--1 {
    position: absolute;
    top: 2em;
    transform: rotate(45deg); }
  a.mobile-navigation__toggle.active span.bar--2 {
    position: absolute;
    top: 2em;
    transform: rotate(-45deg); }

nav#mobile {
  display: none;
  z-index: 888;
  width: 100%;
  position: fixed;
  top: 4.15em;
  background: #fff;
  height: 100vh;
  overflow: scroll !important;
  padding-bottom: 8em; }
  nav#mobile ul {
    overflow: scroll !important; }
    nav#mobile ul li a.level_1 {
      display: block;
      padding: 1em 1.5em;
      color: #fff;
      background: #184185;
      font-weight: 500;
      cursor: default; }
    nav#mobile ul li a.level_2 {
      display: block;
      padding: 1em 1.5em;
      color: #000;
      border-bottom: 1px solid rgba(24, 65, 133, 0.15); }
      nav#mobile ul li a.level_2:hover {
        color: rgba(0, 0, 0, 0.45); }
  nav#mobile ul.level_2 strong {
    display: block;
    padding: 1em 1.5em;
    color: #184185;
    border-bottom: 1px solid rgba(24, 65, 133, 0.15);
    position: relative; }
    nav#mobile ul.level_2 strong::before {
      content: "";
      position: absolute;
      left: .7em;
      top: 1.35em;
      display: block;
      background: #E30613;
      height: 4px;
      width: 4px;
      border-radius: 100px; }

footer {
  color: #fff; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: rgba(255, 255, 255, 0.4); }
  footer p {
    color: #fff; }
  footer p.btn {
    padding-top: .5em; }
  footer h3 {
    font-weight: 500;
    font-size: 1.3em;
    margin-bottom: 1.1em; }
  footer div.footer__top {
    background: #393939;
    padding-top: 3em;
    padding-bottom: 3em; }
    @media (max-width: 679px) {
      footer div.footer__top {
        padding-top: 2em;
        padding-bottom: 2em;
        padding-left: 1.5em;
        padding-right: 1.5em; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      footer div.footer__top {
        padding-left: 1.5em;
        padding-right: 1.5em; } }
    footer div.footer__top div.top__contact {
      float: left;
      width: 30%; }
      @media (max-width: 679px) {
        footer div.footer__top div.top__contact {
          width: 100%;
          float: none;
          margin-bottom: 3em; } }
      @media (min-width: 680px) and (max-width: 1149px) {
        footer div.footer__top div.top__contact {
          width: 40%; } }
    footer div.footer__top div.top__aboutus {
      float: left;
      width: 40%; }
      @media (max-width: 679px) {
        footer div.footer__top div.top__aboutus {
          width: 100%;
          float: none; } }
    footer div.footer__top div.top__madeingermany {
      float: right; }
      footer div.footer__top div.top__madeingermany img {
        width: 8em; }
  footer div.footer__bottom {
    background: #101010;
    padding-top: 1.75em;
    padding-bottom: 1.8em; }
    @media (min-width: 680px) and (max-width: 1149px) {
      footer div.footer__bottom {
        padding-left: 1.5em;
        padding-right: 1.5em; } }
    footer div.footer__bottom div.bottom__links {
      float: left; }
      @media (max-width: 679px) {
        footer div.footer__bottom div.bottom__links {
          float: none;
          text-align: center;
          margin-bottom: 1em; } }
    footer div.footer__bottom div.bottom__agency {
      float: right; }
      @media (max-width: 679px) {
        footer div.footer__bottom div.bottom__agency {
          float: none;
          text-align: center;
          margin-bottom: 2em; } }

section#hero {
  height: 45em;
  position: relative; }
  @media (max-width: 679px) {
    section#hero {
      height: 20em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#hero {
      height: 30em; } }
  section#hero div.hero__slogan {
    position: absolute;
    bottom: 4em; }
    @media (max-width: 679px) {
      section#hero div.hero__slogan {
        bottom: 2em;
        padding-left: 1.5em; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#hero div.hero__slogan {
        bottom: 3em;
        padding-left: 1.5em; } }
  section#hero h1 {
    color: #fff;
    font-weight: 500;
    font-size: 4em;
    margin-bottom: .3em; }
    @media (max-width: 679px) {
      section#hero h1 {
        font-size: 2em; } }
  section#hero h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.75em; }
    @media (max-width: 679px) {
      section#hero h2 {
        font-size: 1em; } }

section#home-topproducts {
  padding-top: 7em;
  padding-bottom: 7em; }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#home-topproducts {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-topproducts {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-topproducts {
      padding: 1.5em 1.5em .1em 1.5em; } }
  section#home-topproducts a.product {
    display: block;
    height: 20em;
    width: 50%;
    float: left;
    position: relative; }
    @media (max-width: 679px) {
      section#home-topproducts a.product {
        float: none;
        width: 100%;
        height: 15em;
        margin-bottom: 1em; } }
    section#home-topproducts a.product div.product__overlay {
      position: absolute;
      bottom: 0;
      color: #fff;
      font-weight: 500;
      font-size: 1.75em;
      padding: 3em 1em 1em 1em;
      width: 100%;
      height: 5em;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#60000000',GradientType=0 );
      /* IE6-9 */ }
      @media (max-width: 679px) {
        section#home-topproducts a.product div.product__overlay {
          font-size: 1.25em; } }
    section#home-topproducts a.product:hover {
      transform: scale(1.03);
      z-index: 1; }
  section#home-topproducts a.product:first-child {
    border-right: 1px solid #fff; }
  section#home-topproducts a.product:last-child {
    border-left: 1px solid #fff; }

section#home-products {
  padding-top: 7em;
  padding-bottom: 7em;
  padding-top: 0; }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#home-products {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-products {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-products {
      padding: 1.5em 1.5em .1em 1.5em; } }
  section#home-products h2 {
    margin-bottom: 1.5em; }
    @media (max-width: 679px) {
      section#home-products h2 {
        margin-bottom: 0.75em; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#home-products h2 {
        margin-bottom: .75em;
        margin-top: 1em; } }
  section#home-products div.grid__item {
    float: left;
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%; }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#home-products div.grid__item {
        width: 48.5%; } }
    @media (max-width: 679px) {
      section#home-products div.grid__item {
        width: 100%;
        margin-bottom: 5%; } }
    section#home-products div.grid__item img {
      width: 100%;
      margin-bottom: 1.5em; }
      @media (max-width: 679px) {
        section#home-products div.grid__item img {
          margin-bottom: 0; } }
    section#home-products div.grid__item h3 {
      font-size: 1.25em;
      color: #184185;
      font-weight: 500;
      margin-bottom: .5em; }
  section#home-products div.grid__item:nth-child(3n+0) {
    margin-right: 0; }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-products div.grid__item:nth-child(3n+0) {
      margin-right: 3%; }
    section#home-products div.grid__item:nth-child(even) {
      margin-right: 0; } }

section#home-company {
  background: rgba(212, 229, 247, 0.5);
  text-align: center;
  padding-top: 7em;
  padding-bottom: 7em; }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#home-company {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-company {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-company {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-company {
      padding-top: 2.5em;
      padding-bottom: 2em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-company {
      padding-top: 3em;
      padding-bottom: 2em; } }
  section#home-company div.inside-container {
    max-width: 750px; }
  section#home-company p.btn {
    margin-top: 2em; }

section#home-international {
  text-align: center;
  background: #184185;
  text-align: center; }
  section#home-international p {
    color: #fff; }
  section#home-international div.inside-container {
    padding-top: 1.2em;
    padding-bottom: .1em; }

section#home-clients {
  padding-top: 7em;
  padding-bottom: 7em; }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#home-clients {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-clients {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-clients {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#home-clients {
      padding-top: 2.5em;
      padding-bottom: 2em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#home-clients {
      padding-top: 3em;
      padding-bottom: 2em; } }
  section#home-clients p.clients__intro {
    width: 50%; }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#home-clients p.clients__intro {
        width: 100%; } }
    @media (max-width: 679px) {
      section#home-clients p.clients__intro {
        width: 100%; } }
  section#home-clients img {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em; }
    @media (max-width: 679px) {
      section#home-clients img {
        padding-top: .5em; } }

section#subpage__headline {
  height: 19.5em;
  position: relative; }
  @media (max-width: 679px) {
    section#subpage__headline {
      height: auto;
      padding: 6.75em 1.5em 2.5em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#subpage__headline {
      height: auto;
      padding: 8.25em 1.5em 3.5em 1.5em; } }
  section#subpage__headline div.headline {
    position: absolute;
    bottom: 4em; }
    @media (max-width: 679px) {
      section#subpage__headline div.headline {
        position: relative;
        bottom: auto; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#subpage__headline div.headline {
        position: relative;
        bottom: auto; } }
  section#subpage__headline h1 {
    color: #fff;
    font-weight: 500;
    font-size: 3.5em;
    margin-bottom: .3em; }
    @media (max-width: 679px) {
      section#subpage__headline h1 {
        font-size: 2em;
        margin-bottom: 0; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#subpage__headline h1 {
        font-size: 2.5em;
        margin-bottom: 0; } }
  section#subpage__headline h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.75em; }

section#subpage__standard-submenu {
  padding-top: 7em;
  padding-bottom: 7em; }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#subpage__standard-submenu {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#subpage__standard-submenu {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (max-width: 679px) {
    section#subpage__standard-submenu {
      padding: 1.5em 1.5em .1em 1.5em; } }
  @media (min-width: 1150px) and (max-width: 1599px) {
    section#subpage__standard-submenu {
      margin-top: 3em;
      margin-bottom: 5em; } }
  @media (min-width: 680px) and (max-width: 1149px) {
    section#subpage__standard-submenu {
      margin-top: 2em; } }
  section#subpage__standard-submenu div.container__content {
    float: left;
    width: 70%;
    padding-right: 7%;
    border-right: 1px solid rgba(24, 65, 133, 0.15); }
    @media (max-width: 679px) {
      section#subpage__standard-submenu div.container__content {
        float: none;
        width: 100%;
        padding-right: 0;
        border: none; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#subpage__standard-submenu div.container__content {
        float: none;
        width: 100%;
        padding-right: 0;
        border: none;
        padding-bottom: 3em; } }
    section#subpage__standard-submenu div.container__content ul {
      font-size: 105%;
      line-height: 1.75em;
      margin-bottom: 1.25em;
      color: #000; }
      section#subpage__standard-submenu div.container__content ul li {
        position: relative;
        padding-left: 1.5em; }
      section#subpage__standard-submenu div.container__content ul li:before {
        content: "";
        position: absolute;
        top: .75em;
        left: .5em;
        height: 4px;
        width: 4px;
        border-radius: 100px;
        background: #E30613; }
      section#subpage__standard-submenu div.container__content ul a {
        color: #184185;
        font-family: 'Neo Sans', sans-serif; }
        section#subpage__standard-submenu div.container__content ul a:hover {
          color: #000; }
    section#subpage__standard-submenu div.container__content .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      margin-bottom: 2em; }
    section#subpage__standard-submenu div.container__content .video-container iframe,
    section#subpage__standard-submenu div.container__content .video-container object,
    section#subpage__standard-submenu div.container__content .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    section#subpage__standard-submenu div.container__content img {
      width: 100%; }
    section#subpage__standard-submenu div.container__content img.image--float {
      float: right;
      width: 25%;
      margin-left: 2em;
      margin-bottom: 2em; }
  section#subpage__standard-submenu div.container__sidebar {
    float: right;
    width: 30%; }
    @media (max-width: 679px) {
      section#subpage__standard-submenu div.container__sidebar {
        float: none;
        width: 100%;
        border-left: 1px solid rgba(24, 65, 133, 0.15);
        margin-top: 2em;
        margin-bottom: 3em; } }
    @media (min-width: 680px) and (max-width: 1149px) {
      section#subpage__standard-submenu div.container__sidebar {
        display: none; } }
    section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul {
      border-top: 1px solid rgba(24, 65, 133, 0.15);
      border-right: 1px solid rgba(24, 65, 133, 0.15); }
      section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li a {
        display: block;
        border-bottom: 1px solid rgba(24, 65, 133, 0.15);
        padding: 1em 1em 1em 2em;
        color: #000;
        text-transform: uppercase;
        background: rgba(24, 65, 133, 0.05);
        width: 100%; }
        section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li a:hover {
          background: #fff;
          color: #184185; }
      section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li strong, section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li a.trail {
        background: #fff;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(24, 65, 133, 0.15);
        padding: 1em 1em 1em 2em;
        color: #184185;
        text-transform: uppercase;
        font-weight: 500; }
        section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li strong:before, section#subpage__standard-submenu div.container__sidebar nav.mod_navigation ul li a.trail:before {
          content: "";
          position: absolute;
          top: 1.3em;
          left: 1.2em;
          height: 4px;
          width: 4px;
          border-radius: 100px;
          background: #E30613; }

div.ce_subpage_imagegallery {
  margin-bottom: 5em; }

#cookie-bar {
  background: #184185;
  font-size: .9em;
  line-height: 1.5em;
  color: #fff;
  text-align: left;
  padding: .5em 1em;
  z-index: 200 !important;
  position: fixed;
  bottom: 0;
  width: 100%; }

#cookie-bar.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto; }

#cookie-bar p {
  margin: 0;
  padding: 0;
  color: #fff; }

#cookie-bar a {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px; }

#cookie-bar .cb-enable {
  background: #184185; }

#cookie-bar .cb-enable:hover {
  background: #102c5a; }

#cookie-bar .cb-disable {
  background: #990000; }

#cookie-bar .cb-disable:hover {
  background: #bb0000; }

#cookie-bar .cb-policy {
  background: #184185; }

#cookie-bar .cb-policy:hover {
  background: #102c5a; }

div.mm_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(24, 65, 133, 0.9);
  z-index: -10; }

div.megamenu__kontakt div.megamenu__columns div.column a,
div.megamenu__unternehmen div.megamenu__columns div.column a,
div.megamenu__referenzen div.megamenu__columns div.column a,
div.megamenu__effizienz div.megamenu__columns div.column a {
  line-height: 1em !important;
  padding: 0 !important; }
  div.megamenu__kontakt div.megamenu__columns div.column a span.title,
  div.megamenu__unternehmen div.megamenu__columns div.column a span.title,
  div.megamenu__referenzen div.megamenu__columns div.column a span.title,
  div.megamenu__effizienz div.megamenu__columns div.column a span.title {
    cursor: pointer;
    color: #184185 !important;
    line-height: 1.25em !important;
    padding: 0 !important; }
  div.megamenu__kontakt div.megamenu__columns div.column a span.description,
  div.megamenu__unternehmen div.megamenu__columns div.column a span.description,
  div.megamenu__referenzen div.megamenu__columns div.column a span.description,
  div.megamenu__effizienz div.megamenu__columns div.column a span.description {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.4) !important;
    line-height: 1.5em !important;
    font-weight: 400;
    text-transform: none;
    padding: 0 !important; }
  div.megamenu__kontakt div.megamenu__columns div.column a:hover span.description,
  div.megamenu__unternehmen div.megamenu__columns div.column a:hover span.description,
  div.megamenu__referenzen div.megamenu__columns div.column a:hover span.description,
  div.megamenu__effizienz div.megamenu__columns div.column a:hover span.description {
    color: #184185 !important; }

div.megamenu__kontakt div.megamenu__columns div.column a:before, div.megamenu__kontakt div.megamenu__columns div.column span:before,
div.megamenu__unternehmen div.megamenu__columns div.column a:before,
div.megamenu__unternehmen div.megamenu__columns div.column span:before,
div.megamenu__referenzen div.megamenu__columns div.column a:before,
div.megamenu__referenzen div.megamenu__columns div.column span:before,
div.megamenu__effizienz div.megamenu__columns div.column a:before,
div.megamenu__effizienz div.megamenu__columns div.column span:before {
  display: none !important; }

div.megamenu__kontakt div.megamenu__columns div.column:first-child,
div.megamenu__unternehmen div.megamenu__columns div.column:first-child,
div.megamenu__referenzen div.megamenu__columns div.column:first-child,
div.megamenu__effizienz div.megamenu__columns div.column:first-child {
  margin-left: 0; }

div.megamenu__unternehmen,
div.megamenu__effizienz {
  padding: 4em 0;
  padding-left: 0; }
  div.megamenu__unternehmen div.megamenu__columns div.column,
  div.megamenu__effizienz div.megamenu__columns div.column {
    width: 22.7%;
    margin-left: 3%;
    float: left; }
  div.megamenu__unternehmen div.megamenu__columns div.column.quote,
  div.megamenu__effizienz div.megamenu__columns div.column.quote {
    background: rgba(24, 65, 133, 0.1);
    padding: 1.5em 1.5em;
    border-radius: 4px;
    text-align: right; }
    div.megamenu__unternehmen div.megamenu__columns div.column.quote blockquote,
    div.megamenu__effizienz div.megamenu__columns div.column.quote blockquote {
      color: #184185;
      font-weight: 500;
      line-height: 1.5em;
      margin-bottom: 1em; }
    div.megamenu__unternehmen div.megamenu__columns div.column.quote span.source,
    div.megamenu__effizienz div.megamenu__columns div.column.quote span.source {
      color: rgba(0, 0, 0, 0.4);
      font-weight: 400;
      font-size: .9em;
      text-transform: none;
      line-height: 1em; }

div.megamenu__kontakt,
div.megamenu__referenzen {
  padding: 4em 0; }
  div.megamenu__kontakt div.megamenu__columns div.column,
  div.megamenu__referenzen div.megamenu__columns div.column {
    width: 31.33%;
    margin-left: 3%;
    float: left; }
  div.megamenu__kontakt div.megamenu__columns div.column.quote,
  div.megamenu__referenzen div.megamenu__columns div.column.quote {
    background: rgba(24, 65, 133, 0.1);
    padding: 1.5em 1.5em;
    border-radius: 4px;
    text-align: right; }
    div.megamenu__kontakt div.megamenu__columns div.column.quote blockquote,
    div.megamenu__referenzen div.megamenu__columns div.column.quote blockquote {
      color: #184185;
      font-weight: 500;
      line-height: 1.5em;
      margin-bottom: 1em; }
    div.megamenu__kontakt div.megamenu__columns div.column.quote span.source,
    div.megamenu__referenzen div.megamenu__columns div.column.quote span.source {
      color: rgba(0, 0, 0, 0.4);
      font-weight: 400;
      font-size: .9em;
      text-transform: none;
      line-height: 1em; }

div.megamenu__produkte {
  padding: 4em 0 1.5em 0; }
  div.megamenu__produkte a.produkt__item {
    display: block;
    float: left;
    width: 22.7%;
    line-height: 1em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 3em;
    margin-right: 3%; }
    div.megamenu__produkte a.produkt__item img {
      width: 100%;
      margin-bottom: .5em; }
    div.megamenu__produkte a.produkt__item span.title {
      line-height: 1.5em !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      cursor: pointer !important; }
    div.megamenu__produkte a.produkt__item:hover {
      transform: scale(1.04); }
      div.megamenu__produkte a.produkt__item:hover span.title {
        color: #000; }
  div.megamenu__produkte a.produkt__item:nth-child(4n+0) {
    margin-right: 0; }
  div.megamenu__produkte a:before, div.megamenu__produkte span:before {
    display: none !important; }

div.ce_form {
  margin-top: 4em; }
  div.ce_form div.widget {
    margin-bottom: 2em; }
  div.ce_form fieldset.fieldset__general {
    border: 1px solid rgba(24, 65, 133, 0.15);
    margin-bottom: 3em;
    padding: 3em 3em 1.5em 3em;
    background: #f3f5f9; }
    div.ce_form fieldset.fieldset__general legend {
      font-weight: 500;
      padding: .75em 1em;
      margin-left: 0em;
      color: #184185;
      text-transform: uppercase;
      font-size: 1.1em;
      background: #f3f5f9;
      border: 1px solid rgba(24, 65, 133, 0.15); }
  div.ce_form label {
    width: 100%;
    display: block;
    margin-bottom: .5em;
    cursor: pointer; }
  div.ce_form span.mandatory {
    display: none; }
  div.ce_form input {
    display: block;
    width: 100%;
    padding: .75em;
    font-family: 'Neo Sans', sans-serif;
    font-size: 1em;
    border: 1px solid rgba(24, 65, 133, 0.15); }
    div.ce_form input:focus {
      border: 1px solid #184185; }
  div.ce_form textarea {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: .75em;
    resize: none;
    min-height: 10em;
    font-family: 'Neo Sans', sans-serif;
    font-size: 1em;
    border: 1px solid rgba(24, 65, 133, 0.15); }
    div.ce_form textarea:focus {
      border: 1px solid #184185; }
  div.ce_form button[type=submit] {
    cursor: pointer;
    border: 1px solid #184185;
    color: #fff;
    background: #184185;
    padding: 1em 1.5em;
    font-family: 'Neo Sans', sans-serif;
    font-size: 1em;
    font-weight: 500;
    border-radius: 4px; }
    div.ce_form button[type=submit]:hover {
      background: #08172f; }
    div.ce_form button[type=submit]:active {
      transform: scale(0.95); }
  div.ce_form fieldset.radio_container legend,
  div.ce_form fieldset.checkbox_container legend {
    border: none;
    background: none;
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 1em;
    padding: 0;
    margin-bottom: .5em; }
  div.ce_form fieldset.radio_container input[type=radio], div.ce_form fieldset.radio_container input[type=checkbox],
  div.ce_form fieldset.checkbox_container input[type=radio],
  div.ce_form fieldset.checkbox_container input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    display: none; }
  div.ce_form fieldset.radio_container input[type=radio]:checked + label, div.ce_form fieldset.radio_container input[type=checkbox]:checked + label,
  div.ce_form fieldset.checkbox_container input[type=radio]:checked + label,
  div.ce_form fieldset.checkbox_container input[type=checkbox]:checked + label {
    color: #fff;
    background: #184185;
    border: 1px solid #f3f5f9; }
  div.ce_form fieldset.radio_container label,
  div.ce_form fieldset.checkbox_container label {
    background: #fff;
    padding: .9em 1em;
    display: inline-block !important;
    width: auto;
    border: 1px solid rgba(24, 65, 133, 0.15);
    margin-right: -4px; }
  div.ce_form div.betriebstemperatur_right {
    float: right;
    width: 25%;
    margin-top: 0em;
    margin-bottom: 1.45em; }
  div.ce_form div.betriebstemperatur_left {
    float: left;
    width: 70%; }

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.fotorama--fullscreen, .fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important; }

.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }

.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important; }

.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {
  outline: 0; }

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5); }

.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  transform: none !important; }

.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform,width;
  transition-property: transform,width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0ms; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.fotorama__nav, .fotorama__nav__frame {
  margin: auto;
  padding: 0; }

.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }

.fotorama__nav__frame, .fotorama__thumb-border {
  box-sizing: content-box; }

.fotorama__caption__wrap {
  box-sizing: border-box; }

.fotorama--hidden, .fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {
  -webkit-tap-highlight-color: transparent; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
  background: url(images/fotorama.png) no-repeat; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    background: url(images/fotorama@2x.png) 0 0/96px 160px no-repeat; } }

.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2); }

@media print {
  .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {
    background: none !important; } }

.fotorama {
  min-width: 1px;
  overflow: hidden; }

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none; }

.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000; }

.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 2147483647 !important;
  background: #000;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important; }

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
  background: #000; }

.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0; }

.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl; }

.fotorama__nav, .fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%; }

.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y; }

.fotorama__wrap .fotorama__pointer {
  cursor: pointer; }

.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important; }

.fotorama__stage__frame {
  overflow: hidden; }

.fotorama__stage__frame.fotorama__active {
  z-index: 8; }

.fotorama__wrap--fade .fotorama__stage__frame {
  display: none; }

.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0; }

.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8; }

.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7; }

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9; }

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none; }

.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important; }

.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {
  display: none; }

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block; }

.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important; }

.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden; }

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible; }

.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5; }

.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left; }

.fotorama__nav__frame {
  position: relative;
  cursor: pointer; }

.fotorama__nav--dots {
  display: block; }

.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px; }

.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
  display: none; }

.fotorama__nav--thumbs {
  display: block; }

.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important; }

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important; }

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none; }

.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f; }

.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px; }

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px; }

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px; }

.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }

.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2; }

.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #E30613;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); }

.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000; }

.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5); }

.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5); }

.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0; }

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
  display: none; }

.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear; }

.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: .3s; }

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.fotorama__select {
  cursor: auto; }

.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10; }

@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent; } }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
  position: absolute;
  z-index: 11;
  cursor: pointer; }

.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px; }

.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0; }

.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0; }

.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: .1; }

.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 20; }

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {
  border-radius: 50%; }

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px; }

.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0; }

.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none; }

.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block; }

.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px; }

.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 20;
  opacity: 0; }

.fotorama__wrap--css2 .fotorama__video-close {
  display: none; }

.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0); }

.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1; }

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0; }

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1; }

.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important; }

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none; }

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block; }

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important; }

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0); }

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0); }

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0); }

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important; }

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important; }

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important; }

.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform,opacity;
  transition-property: transform,opacity;
  transition-duration: .3s; }

.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%,5px 100%; }

.fotorama__nav:before, .fotorama__stage:before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0,0 0;
  left: -10px; }

.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {
  left: 0; }

.fotorama__nav:after, .fotorama__stage:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0,100% 0;
  right: -10px; }

.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {
  right: 0; }

.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none; }