/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

/* Colors */
/* Global Font Attributes */
html {
  min-height: 100vh;
  font-family: NHaasGroteskDSPro-55Rg;
}

body {
  min-height: 100vh;
}

p, a {
  font-family: NHaasGroteskDSPro-55Rg;
}

h1, h2, h3, h4, strong {
  font-family: NHaasGroteskDSPro-75Bd;
  font-weight: 400;
}

h1 {
  letter-spacing: .04em;
}

/* Navigation */
.nav-main {
  position: fixed;
  display: table !important;
  height: 3.5em;
  width: 100%;
  background-color: #000;
}
.nav-main .logo {
  display: table-cell !important;
  vertical-align: middle;
}
.nav-main .logo img {
  width: 6.3em;
  margin: .2em 4.3em 0 1.25em;
}
.nav-main .nav-main-links {
  font-size: .75em;
  margin-top: 2.3em;
}
.nav-main .nav-main-links a, .nav-main .nav-main-links a:visited {
  font-family: NHaasGroteskDSPro-75Bd;
  margin-right: 1.5em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-main .nav-main-links .active {
  color: #ef7c00 !important;
  text-decoration: none;
}
.nav-main .language-icon {
  height: 2em;
  float: right;
  margin: -1.5em 1em 0 0;
}
.nav-main .language-icon img {
  height: 1em;
  margin-left: .5em;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
}

.nav-sub {
  position: fixed;
  top: 3.5em;
  display: table !important;
  height: 2em;
  width: 100%;
  background-color: #4d4d4d;
}
.nav-sub .nav-sub-spacer {
  display: block;
  width: 6.3em;
  margin: .2em 2.75em 0 0;
}
.nav-sub .nav-sub-links {
  display: table-cell !important;
  vertical-align: middle;
  font-size: .75em;
}
.nav-sub .nav-sub-links a, .nav-sub .nav-sub-links a:visited {
  font-family: NHaasGroteskDSPro-75Bd;
  margin-right: 1.5em;
  color: #fff;
  text-decoration: none;
}
.nav-sub .nav-sub-links a:hover, .nav-sub .nav-sub-links a.active {
  font-family: NHaasGroteskDSPro-75Bd;
  color: #ef7c00;
  text-decoration: none;
}

.row {
  display: block;
  width: 100%;
  float: left;
}

.footer {
  margin: 0 1.5% 0 1.5%;
  width: 97%;
  position: fixed;
  bottom: 2vh;
  font-family: NHaasGroteskDSPro-75Bd;
  letter-spacing: .05em;
  font-size: 1.2em;
}
.footer hr {
  border: 0 solid #ffffff;
  height: 2px;
  background-color: #ffffff;
  margin-bottom: .25em;
}
.footer .black-hr {
  border: 0 solid #000000 !important;
  background-color: #000000 !important;
}
.footer .left {
  margin: 0;
  float: left;
}
.footer .right {
  margin: 0;
  float: right;
}

.blacky {
  width: 97%;
  height: 2px;
  margin: 1em 1.5% 1em 1em;
  border: 0 solid #000000 !important;
  background-color: #000000 !important;
}

@font-face {
  font-family: 'NHaasGroteskDSPro-35XLt';
  src: url("../fonts/NHaasGroteskDSPro-35XLt.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskDSPro-35XLt.woff") format("woff"), url("../fonts/NHaasGroteskDSPro-35XLt.ttf") format("truetype"), url("../fonts/NHaasGroteskDSPro-35XLt.svg#NHaasGroteskDSPro-35XLt") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NHaasGroteskDSPro-55Rg';
  src: url("../fonts/NHaasGroteskDSPro-55Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskDSPro-55Rg.woff") format("woff"), url("../fonts/NHaasGroteskDSPro-55Rg.ttf") format("truetype"), url("../fonts/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NHaasGroteskDSPro-75Bd';
  src: url("../fonts/NHaasGroteskDSPro-75Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskDSPro-75Bd.woff") format("woff"), url("../fonts/NHaasGroteskDSPro-75Bd.ttf") format("truetype"), url("../fonts/NHaasGroteskDSPro-75Bd.svg#NHaasGroteskDSPro-75Bd") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NHaasGroteskTXPro-55Rg';
  src: url("../fonts/NHaasGroteskTXPro-55Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskTXPro-55Rg.woff") format("woff"), url("../fonts/NHaasGroteskTXPro-55Rg.ttf") format("truetype"), url("../fonts/NHaasGroteskTXPro-55Rg.svg#NHaasGroteskTXPro-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.content_index {
  height: 100vh;
  background-image: url(../content/01/background_blackman.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 165%;
  background-color: #000;
}
.content_index .ninety-years {
  float: right;
  height: 6em;
  margin-top: 4.5em;
  margin-right: 1.5%;
}
.content_index .headlines_frontpage {
  margin: 20% 0 0 50%;
  float: left;
}
.content_index .headlines_frontpage h1 {
  color: #ef7c00;
  font-family: NHaasGroteskDSPro-35XLt;
  font-size: 2em;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
.content_index .headlines_frontpage img {
  width: 4em;
  margin: 1em 1em 0 0;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}

.content_01 {
  height: 100vh;
  background-image: url(../content/01/background_blackman.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 165%;
  background-color: #000;
}
.content_01 .ninety-years-container {
  width: 40em;
  display: block;
  float: right;
  margin-right: 1em;
  margin-top: 4.5em;
}
.content_01 .ninety-years-container .ninety-years {
  height: 6em;
  float: right;
}
.content_01 .headlines_frontpage {
  margin: 0 0 0 50%;
  float: left;
}
.content_01 .headlines_frontpage h1 {
  color: #ef7c00;
  font-family: NHaasGroteskDSPro-35XLt;
  font-size: 7.5em;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: -.01em;
}
.content_01 .headlines_frontpage h2 {
  color: #fff;
  font-family: NHaasGroteskDSPro-55Rg;
  font-size: 2.75em;
  line-height: 1.15em;
  margin-right: 1em;
  margin-top: .6em;
}

.content_02 {
  height: 100vh;
}
.content_02 .madeingermany {
  float: right;
  width: 14em;
  margin-top: 9.5em;
  margin-right: 1.5%;
}
.content_02 .col-left {
  width: 33%;
  float: left;
}
.content_02 .col-right {
  width: 66%;
  float: left;
}
.content_02 .col-right .description-box-link {
  width: 1.8em;
  height: 1.8em;
  display: block;
  position: relative;
  background-image: url(../content/_all/button-plus.svg);
  background-size: 1.8em 1.8em;
}
.content_02 .col-right .brillencontainer {
  height: 400px;
  width: 600px;
  background-image: url(../content/02/brille.jpg);
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: 0 5em;
}
.content_02 .col-right .brillencontainer .pos1 {
  top: 80px;
  left: 125px;
}
.content_02 .col-right .brillencontainer .pos2 {
  top: 70px;
  left: 272px;
}
.content_02 .col-right .brillencontainer .pos3 {
  top: 93px;
  left: 184px;
}
.content_02 .col-right .brillencontainer .pos4 {
  top: 95px;
  left: 400px;
}
.content_02 .col-right .brillencontainer .pos5 {
  top: 156px;
  left: 222px;
}
.content_02 .col-right .brillencontainer .pos6 {
  top: 66px;
  left: 467px;
}
.content_02 .col-right .brillencontainer .pos7 {
  top: 12px;
  left: 542px;
}
.content_02 .headline {
  width: 49%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #000000;
}
.content_02 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_02 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 0 0 0 1.2em;
}
.content_02 div[id^="pos"] {
  display: none;
  margin: 2em 0 0 1em;
  width: 90%;
}
.content_02 div[id^="pos"] h2 {
  font-size: .8em;
  margin: 0;
}
.content_02 div[id^="pos"] img {
  float: left;
  width: 8em;
  margin: .25em .25em 4em 0;
}
.content_02 div[id^="pos"] p {
  font-size: .8em;
  margin: .25em 0 0 0;
}
.content_02 .award-logos {
  height: 4.5em;
  margin: 0 0 0 .5em;
}

.content_03 {
  height: 100vh;
  background-image: url(../content/03/03_bg_red.jpg);
  background-size: 100%;
  background-position: center -1em;
  background-repeat: no-repeat;
}
.content_03 .col-left {
  width: 49%;
  float: left;
}
.content_03 .col-right {
  width: 49%;
  float: left;
}
.content_03 .col-right .video-popup {
  display: none;
}
.content_03 .col-right .video-popup .orangeborder {
  margin-top: 2em;
  padding: 0;
  width: 400px;
  border: solid 15px #ef7c00;
}
.content_03 .col-right .video-popup .orangeborder video {
  width: 100%;
  margin-bottom: -4px;
}
.content_03 .col-right .video-popup .close-button {
  display: block;
  width: 2em;
  height: 2em;
  background-image: url(../content/_all/button_close.svg);
  position: relative;
  top: 3em;
  background-size: 100%;
  left: 25.8em;
}
.content_03 .headline {
  width: 49%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #000000;
}
.content_03 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_03 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 0 0 0 1.2em;
}
.content_03 .teaser {
  display: block;
  margin: 1em 0 1em 1em;
  width: 90%;
  clear: both;
}
.content_03 .teaser img {
  float: left;
  width: 4.3em;
  margin: 0 .5em 0 0;
}
.content_03 .teaser p {
  font-size: .8em;
  margin: 1em 0 0 0;
  line-height: 1.2em;
}

.content_04 {
  height: 100vh;
}
.content_04 .headline {
  width: 49%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #000000;
}
.content_04 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_04 .glasses-container {
  width: 63em;
}
.content_04 .glasses-container figcaption {
  height: 0;
}
.content_04 .glasses-container figure {
  margin: 3em 0 0 0;
  width: 63em;
  height: 23em;
  background: url(../content/04/glasses_circle.jpg) no-repeat left top;
  background-size: 100% auto;
}
.content_04 .glasses-container figure a {
  display: block;
  position: relative;
}
.content_04 .glasses-container figure a#glasses1 {
  width: 13em;
  height: 8em;
  top: 2em;
  left: 1em;
}
.content_04 .glasses-container figure a#glasses2 {
  width: 13em;
  height: 8em;
  top: -9em;
  left: 16em;
}
.content_04 .glasses-container figure a#glasses3 {
  width: 14em;
  height: 8em;
  top: -17em;
  left: 32em;
}
.content_04 .glasses-container figure a#glasses4 {
  width: 15em;
  height: 9em;
  top: -23em;
  left: 48em;
}
.content_04 .glasses-container figure a#glasses5 {
  width: 33em;
  height: 11em;
  top: -21em;
  left: 20em;
}
.content_04 .glasses-container .glasses_headline {
  display: block;
  float: left;
  position: relative;
  border-top: 2px solid #000000;
  color: #ef7c00;
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: .95em;
  text-align: center;
  margin: 0 auto;
}
.content_04 .glasses-container .pheos_clickarea {
  display: block;
  float: left;
  position: relative;
  width: 5em;
  height: 3em;
  background-color: #aaaaaa;
  top: 3em;
  left: 4em;
}
.content_04 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 1em 1em 0 1.2em;
}

.background-image-switch01 {
  background-image: url(../content/04/04_01/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: 100% 7em;
}

.background-image-switch02_de {
  background-image: url(../content/04/04_01/bg_02_de.jpg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 100% 50%;
}

.background-image-switch02_en {
  background-image: url(../content/04/04_01/bg_02_en.jpg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 100% 50%;
}

.background-image-switch03 {
  background-image: url(../content/04/04_01/bg_03.jpg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 100% 12em;
}

.content_04_sub {
  height: 100vh;
  /* Varianten Modell pheos */
  /* Varianten Modell pheos cx2 */
}
.content_04_sub .col-left {
  width: 33%;
  float: left;
}
.content_04_sub .col-right {
  width: 66%;
  float: left;
  height: 26em;
}
.content_04_sub .col-right .description-box-link-cx2-01, .content_04_sub .col-right .description-box-link-cx2-de-02, .content_04_sub .col-right .description-box-link-cx2-en-02, .content_04_sub .col-right .description-box-link-cx2-03 {
  width: 1.8em;
  height: 1.8em;
  display: block;
  position: relative;
  background-image: url(../content/_all/button-plus.svg);
  background-size: 1.8em 1.8em;
}
.content_04_sub .col-right .close-link-cx2 {
  display: none;
  top: 0%;
  left: 85%;
  width: 1.8em;
  height: 1.8em;
  position: relative;
  background-image: url(../content/_all/button_close.svg);
  background-size: 1.8em 1.8em;
}
.content_04_sub .col-right .leaf {
  display: none;
  position: relative;
  float: left;
  width: 25em;
  height: 20em;
  top: -11em;
  left: 18em;
  background-image: url(../content/04/04_05/leaf.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
}
.content_04_sub .col-right .leaf h2 {
  position: relative;
  top: 7.3em;
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1em;
  color: #ef7c00;
}
.content_04_sub .col-right .leaf p {
  font-size: 0.75em;
  position: relative;
  line-height: 1.2em;
  top: 8.7em;
  width: 15em;
}
.content_04_sub .col-right .leaf_video {
  display: none;
  position: relative;
  float: left;
  width: 25em;
  height: 20em;
  top: -12em;
  left: 21em;
  background-image: url(../content/04/04_05/leaf.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
}
.content_04_sub .col-right .leaf_video h2 {
  position: relative;
  top: 8.5em;
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1em;
  color: #ef7c00;
}
.content_04_sub .col-right .leaf_video p {
  font-size: 0.75em;
  position: relative;
  line-height: 1.2em;
  top: 10.1em;
  width: 15em;
}
.content_04_sub .col-right .vjs-loading-spinner {
  display: none !important;
}
.content_04_sub .col-right .vjs-control-bar {
  display: none !important;
}
.content_04_sub .col-right .vjs-default-skin .vjs-big-play-button {
  top: 50%;
  left: 50%;
}
.content_04_sub .col-right .video-js .vjs-tech {
  width: 101%;
  height: 101%;
  left: -1px;
  margin: -1px;
  position: absolute;
  top: 0;
}
.content_04_sub .col-right .video-js {
  overflow: hidden;
}
.content_04_sub .col-right .vjs-poster {
  /* background-size: 100%; */
  background-color: #fff;
}
.content_04_sub .col-right .video-popup {
  display: none;
}
.content_04_sub .col-right .video-popup .orangeborder {
  margin-top: 2em;
  padding: 0;
  width: 400px;
  border: solid 15px #ef7c00;
}
.content_04_sub .col-right .video-popup .orangeborder video {
  width: 100%;
  margin-bottom: -4px;
}
.content_04_sub .col-right .video-popup .close-button, .content_04_sub .col-right .video-popup .close-button_cx2 {
  display: block;
  width: 2em;
  height: 2em;
  background-image: url(../content/_all/button_close.svg);
  position: relative;
  top: 3em;
  background-size: 100%;
  left: 25.8em;
}
.content_04_sub .col-right .reel-preloader {
  top: 0;
}
.content_04_sub .col-right .reel {
  top: 0;
  left: 0;
  width: 658px;
  height: 400px;
}
.content_04_sub .col-right .swipe-icon img {
  position: relative;
  top: -3em;
  left: 36em;
  width: 2em;
  height: 2em;
}
.content_04_sub .headline {
  width: 49%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #000000;
}
.content_04_sub .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_04_sub .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 0 0 0 1.2em;
}
.content_04_sub .description-boxes-cx2 {
  margin-top: 1em;
}
.content_04_sub .description-box {
  margin: 2em 0 0 1em;
  width: 95%;
}
.content_04_sub .description-box h2 {
  font-size: .8em;
  margin: 0;
}
.content_04_sub .description-box img {
  float: left;
  width: 8em;
  margin: .25em .25em 4em 0;
}
.content_04_sub .description-box p {
  font-size: .8em;
  margin: .25em 0 0 0;
}
.content_04_sub .brillenzeichnung-box {
  margin: 2em 0 0 1em;
  width: 100%;
}
.content_04_sub .brillenzeichnung-box img {
  float: left;
  width: 16em;
  margin: .25em .25em 4em 0;
}
.content_04_sub .brillenzeichnung-box-03 {
  margin: 1em 0 0 1em;
  width: 100%;
}
.content_04_sub .brillenzeichnung-box-03 img {
  float: left;
  width: 12em;
  margin: 0 .25em 4em 0;
}
.content_04_sub .brillencontainer {
  display: none;
  height: 400px;
  width: 658px;
  overflow: hidden;
  background-size: 658px;
  background-repeat: no-repeat;
  background-position: 0 2em;
}
.content_04_sub .brillencontainer .pos1 {
  top: 86px;
  left: 219px;
}
.content_04_sub .brillencontainer .pos2 {
  top: 120px;
  left: 97px;
}
.content_04_sub .brillencontainer .pos3 {
  top: 114px;
  left: 389px;
}
.content_04_sub .brillencontainer img {
  width: 4em;
  position: relative;
  top: -15em;
  left: 19em;
}
.content_04_sub div[id^="pos"] {
  display: none;
  margin: 1em 0 0 1em;
  width: 90%;
}
.content_04_sub div[id^="pos"] h2 {
  font-size: .8em;
  margin: 0;
}
.content_04_sub div[id^="pos"] img {
  float: left;
  width: 8em;
  margin: .25em .25em 4em 0;
}
.content_04_sub div[id^="pos"] p {
  font-size: .8em;
  margin: .25em 0 0 0;
}
.content_04_sub .brillenswitcher-link {
  text-decoration: none !important;
  float: left;
  height: 4em;
  width: 5.5em;
  margin: .25em 0 0 1em;
  text-align: center;
  padding-top: 1.7em;
}
.content_04_sub .brillenswitcher-link img {
  width: 5em;
}
.content_04_sub .brillenswitcher-link .artno {
  color: #000000;
  font-size: .7em;
  margin-top: -.5em;
  display: block;
}
.content_04_sub .brillenswitcher-headline {
  margin: -5em 0 0 1em;
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: .9em;
  color: #ef7c00;
}
.content_04_sub .brillenswitcher-headline-1 {
  margin: -4em 0 0 1em;
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: .9em;
  color: #ef7c00;
}
.content_04_sub .orange-button {
  color: #ffffff;
  background-color: #ef7c00;
  padding: .3em .5em;
  text-decoration: none;
  font-size: 1em;
  font-family: NHaasGroteskDSPro-75Bd;
}
.content_04_sub .active {
  border: 0.15em solid #ef7c00;
  padding-top: 1.55em;
  width: 5.25em;
}
.content_04_sub #no9198_257 {
  display: block;
  background-image: url(../content/04/04_01/cx2_video_standbild_neuneu.jpg);
}
.content_04_sub #no9198_256 {
  background-image: url(../content/04/04_01/9198_256.jpg);
}
.content_04_sub #no9198_258 {
  background-image: url(../content/04/04_01/9198_258.jpg);
}
.content_04_sub #no9198_237 {
  background-image: url(../content/04/04_01/9198_237.jpg);
}
.content_04_sub #no9198_285 {
  background-image: url(../content/04/04_01/9198_285.jpg);
}
.content_04_sub #no9192_215 {
  background-image: url(../content/04/04_02/9192_215.jpg);
}
.content_04_sub #no9192_225 {
  display: block;
  background-image: url(../content/04/04_02/9192_225.jpg);
}
.content_04_sub #no9192_245 {
  background-image: url(../content/04/04_02/9192_245.jpg);
}
.content_04_sub #no9192_280 {
  background-image: url(../content/04/04_02/9192_280.jpg);
}
.content_04_sub #no9192_080 {
  background-image: url(../content/04/04_02/9192_080.jpg);
}
.content_04_sub #no9192_283 {
  background-image: url(../content/04/04_02/9192_283.jpg);
}
.content_04_sub #no9192_385 {
  background-image: url(../content/04/04_02/9192_385.jpg);
}
.content_04_sub #no9192_881 {
  background-image: url(../content/04/04_02/9192_881.jpg);
}
.content_04_sub #no9192_725 {
  display: block;
  background-image: url(../content/04/04_03/9192_725.jpg);
}
.content_04_sub #no9192_785 {
  background-image: url(../content/04/04_03/9192_785.jpg);
}
.content_04_sub #no9192_745 {
  background-image: url(../content/04/04_03/9192_745.jpg);
}
.content_04_sub #no9192_891 {
  background-image: url(../content/04/04_03/9192_891.jpg);
}
.content_04_sub #no9192_710 {
  background-image: url(../content/04/04_03/9192_710.jpg);
}
.content_04_sub #no9192_282 {
  background-image: url(../content/04/04_03/9192_280.jpg);
}
.content_04_sub #no9192_283 {
  background-image: url(../content/04/04_03/9192_283.jpg);
}
.content_04_sub #no9192_180 {
  display: block;
  background-image: url(../content/04/04_04/9192_180.jpg);
}
.content_04_sub #no9192_181 {
  background-image: url(../content/04/04_04/9192_181.jpg);
}
.content_04_sub #no9192_680 {
  background-image: url(../content/04/04_04/9192_680.jpg);
}
.content_04_sub #no9192_681 {
  background-image: url(../content/04/04_04/9192_681.jpg);
}
.content_04_sub #no9192_001 {
  background-image: url(../content/04/04_04/9192_001.jpg);
}
.content_04_sub #no9192_002 {
  background-image: url(../content/04/04_04/9192_002.jpg);
}
.content_04_sub #no9958_020 {
  background-image: url(../content/04/04_04/9958_020.jpg);
}
.content_04_sub #no9192_765 {
  display: block;
  background-image: url(../content/04/04_05/9192_765.jpg);
}
.content_04_sub #no9192_726 {
  background-image: url(../content/04/04_05/9192_726_D.jpeg);
}
.content_04_sub #no9192_726_gb {
  background-image: url(../content/04/04_05/9192_726_GB.jpeg);
}
.content_04_sub #no9192_896 {
  background-image: url(../content/04/04_05/9192_896_D.jpeg);
}
.content_04_sub #no9192_896_gb {
  background-image: url(../content/04/04_05/9192_896_GB.jpeg);
}
.content_04_sub #no9192_727 {
  background-image: url(../content/04/04_05/9192_727_D.jpeg);
}
.content_04_sub #no9192_727_gb {
  background-image: url(../content/04/04_05/9192_727_GB.jpeg);
}

.content_05 {
  height: 100vh;
  background-image: url(../content/05/bg.jpg);
  background-size: 120%;
  background-position: 20% 8%;
  background-repeat: no-repeat;
  background-color: #000;
}
.content_05 .col-left {
  width: 35%;
  float: left;
}
.content_05 .col-right {
  width: 65%;
  float: left;
}
.content_05 .headline {
  width: 33%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #000000;
}
.content_05 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_05 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 1em 0 0 1.2em;
}
.content_05 .ci_box {
  margin-left: 1em;
  color: #fff;
  float: left;
  min-width: 14%;
  width: 9.5em;
  min-height: 230px;
}
.content_05 .ci_box img {
  width: 100%;
}
.content_05 .ci_box p {
  font-size: .7em;
  margin-top: 0.25em;
}
.content_05 .thumbnails {
  position: fixed;
  bottom: 1em;
  min-width: 63em;
}
.content_05 .widget_config {
  padding: 0 1em 1em 1em;
  display: block;
  float: right;
  width: 11em;
  margin-top: -5em;
  background-color: #ef7c00;
}
.content_05 .widget_config p, .content_05 .widget_config a {
  color: white;
  text-decoration: none;
  font-size: .85em;
}
.content_05 .widget_config img {
  width: 90%;
}

.webui-popover-content {
  width: 20em;
}
.webui-popover-content h3 {
  margin-top: 0;
}
.webui-popover-content dl {
  font-size: .9em;
  margin: 0;
  padding: 0;
}
.webui-popover-content dl dt {
  width: 30%;
  margin: 0 0 -1px 0;
  padding: 0;
  float: left;
  font-family: NHaasGroteskDSPro-75Bd;
  border-top: 1px solid #000000;
}
.webui-popover-content dl dd {
  display: inline;
  margin: 0;
  padding: 0;
  width: 69%;
  float: left;
  font-family: NHaasGroteskDSPro-55Rg;
  border-top: 1px solid #000000;
}

.content_06 {
  height: 100vh;
}
.content_06 .headline {
  width: 55%;
  float: left;
  margin: 7.5em 0 2em 1em;
  border-top: 1px solid #000000;
}
.content_06 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_06 .overview-thumbnail {
  text-decoration: none !important;
  float: left;
  height: 4em;
  width: 6.5em;
  margin: 1.5em 0 0 .75em;
  text-align: center;
}
.content_06 .overview-thumbnail img {
  width: 100%;
}
.content_06 .overview-thumbnail .artno {
  color: #000000;
  font-size: .7em;
  margin-top: 0;
  display: block;
}
.content_06 .col_outer {
  width: 24.5%;
  float: left;
  min-height: 29em;
  border-right: 2px solid #000000;
}
.content_06 .col_outer h2 {
  font-size: .9em;
  color: #ef7c00;
  margin: 0 0 0 1.2em;
}
.content_06 .col_outer .col_inner {
  width: 49.5%;
  float: left;
  border-right: 2px solid #000000;
}
.content_06 .marginer_supremelux {
  margin-top: 2.5em;
}
.content_06 .last {
  border-right: none !important;
}
.content_06 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 0 0 0 1.2em;
}

.content_07 {
  height: 100vh;
  background-image: url(../content/07/bg.jpg);
  background-size: 120%;
  background-position: 20% 0;
  background-repeat: no-repeat;
  background-color: #000;
}
.content_07 .col-left {
  width: 40%;
  float: left;
}
.content_07 .headline {
  width: 33%;
  float: left;
  margin: 7.5em 0 0 1em;
  border-top: 1px solid #fff;
}
.content_07 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #fff;
  margin: .2em 0 0 0;
}
.content_07 .copy {
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 1em 0 0 1.2em;
  color: #fff;
}

.content_08 {
  height: 100vh;
  margin-left: 1em;
}
.content_08 a {
  color: #ef7c00;
}
.content_08 h2 {
  margin: 0;
}
.content_08 p {
  margin: .5em 0;
}
.content_08 .row {
  margin-bottom: 2em;
}
.content_08 .headline {
  width: 49%;
  float: left;
  margin: 7.5em 0 0 0;
  border-top: 1px solid #000000;
}
.content_08 .headline h1 {
  font-family: NHaasGroteskDSPro-75Bd;
  font-size: 1.8em;
  color: #000000;
  margin: .2em 0 0 0;
}
.content_08 .address-box {
  width: 33%;
  float: left;
  min-width: 15em;
}
.content_08 .address-box td {
  padding-right: .5em;
}
.content_08 .address-box h2 {
  font-size: .9em;
  color: #ef7c00;
  margin: 0 0 0 1.2em;
}

#images-box {
  /* The total width of the image-box, mainly for centering */
  width: 850px;
  margin: 0px auto;
  position: relative;
  top: 20px;
}

#images-box2 {
  /* The total width of the image-box, mainly for centering */
  width: 850px;
  margin: 0px auto;
  position: relative;
  top: 290px;
}

.image-lightbox img {
  /* Inherit the width and height from the parent element */
  width: inherit;
  height: inherit;
  z-index: 3000;
}

.holder {
  /* The width and height, you can change these */
  width: 200px;
  /* Float left, so everything aligns right */
  float: left;
}

.image-lightbox {
  /* Inherit width and height from the .holder */
  width: inherit;
  height: inherit;
  padding: 10px;
  /* Box shadow */
  /* Position absolutely so we can zoom it out later */
  position: absolute;
  top: 0;
  font-family: Arial, sans-serif;
  /* Transitions to provide some eye candy */
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -ms-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
}

.image-lightbox span {
  display: none;
}

.image-lightbox .expand {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 4000;
  background: transparent;
  /* Fixes an IE bug */
  left: 0;
}

.image-lightbox .close {
  position: absolute;
  right: 2em;
  top: 9em;
  width: 2em;
  height: 2em;
}

.image-lightbox .close a {
  float: right;
  width: 2em;
  height: 2em;
  position: relative;
  background-image: url(../content/_all/button_close.svg);
  background-size: 2em 2em;
}

div[id^=image]:target {
  width: 450px;
  z-index: 5000;
  left: 250px;
  top: 100px;
}

#image-2:target {
  width: 450px;
  z-index: 5000;
  left: 250px;
  top: 160px;
}

div[id^=image]:target .close {
  display: block;
}

div[id^=image]:target .expand {
  display: none;
}

div[id^=imag2]:target {
  width: 450px;
  z-index: 5000;
  left: 200px;
  top: -105px;
}

div[id^=imag2]:target .close {
  display: block;
}

div[id^=imag2]:target .expand {
  display: none;
}

div#image-1:target, div#image-2:target, div#image-3:target, div#imag2-4:target, div#imag2-5:target {
  left: 200px;
}

div#image-1 {
  left: 50px;
  margin-top: 60px;
}

div#image-2 {
  left: 320px;
}

div#image-3 {
  left: 580px;
  margin-top: 60px;
}

div#imag2-4 {
  left: -20px;
}

div#imag2-5 {
  left: 670px;
}

/*# sourceMappingURL=styles.css.map */