/* CSS COMPILED */

/* original rule from metro-site */
/*@font-face{
  font-family:METRO-GROUP-Icons;
  src:url(font/mag-icons/fonts/METRO-GROUP-Icons.eot?32ua5p);
  src:url(font/mag-icons/fonts/METRO-GROUP-Icons.eot?#iefix32ua5p) format('embedded-opentype'),
    url(font/mag-icons/fonts/METRO-GROUP-Icons.woff?32ua5p) format('woff'),
    url(font/mag-icons/fonts/METRO-GROUP-Icons.ttf?32ua5p) format('truetype'),
    url(font/mag-icons/fonts/METRO-GROUP-Icons.svg?32ua5p#METRO-GROUP-Icons) format('svg');
  font-weight: 400;
  font-style: normal;
}*/
@font-face {
  font-family: "METRO-GROUP-Icons";
  src: url(../files/metro-group-icons-add.eot);
  src: url(../files/metro-group-icons-add.eot#iefix) format("embedded-opentype"), url(../files/metro-group-icons-add.woff) format("woff"), url(../files/metro-group-icons-add.ttf) format("truetype"), url(../files/metro-group-icons-add.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINNextLTPro-Medium";
  src: url(../files/din-next-pro-medium.eot);
  src: url(../files/din-next-pro-medium.eot?#iefix) format('embedded-opentype'), url(../files/din-next-pro-medium.woff) format('woff'), url(../files/din-next-pro-medium.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINNextLTPro-Light";
  src: url(../files/din-next-pro-light.eot);
  src: url(../files/din-next-pro-light.eot?#iefix) format('embedded-opentype'), url(../files/din-next-pro-light.woff) format('woff'), url(../files/din-next-pro-light.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINNextLTPro-Condensed";
  src: url(../files/din-next-pro-condensed.eot);
  src: url(../files/din-next-pro-condensed.eot?#iefix) format('embedded-opentype'), url(../files/din-next-pro-condensed.woff) format('woff'), url(../files/din-next-pro-condensed.ttf) format('truetype');
}
@font-face {
  font-family: "DINNextLTPro-BoldCondensed";
  src: url(../files/din-next-pro-bold-condensed.eot);
  src: url(../files/din-next-pro-bold-condensed.eot?#iefix) format('embedded-opentype'), url(../files/din-next-pro-bold-condensed.woff) format('woff'), url(../files/din-next-pro-bold-condensed.ttf) format('truetype');
}
[class^="icon-"],
[class*=" icon-"],
.font-icon,
.smartmenu .menu-back a:before,
.smartmenu .smartwrapper li:not(.leaf) > a:after,
.tooltip .completeGlossar:after,
.bx-next-icon:before,
.bx-prev-icon:before,
.big-number-group .increase p:before,
.group .increase p:before,
.big-number-group .decrease p:before,
.group .decrease p:before,
.team-card-link:before,
.home-links a span:after,
.video-link:before,
.main-chapter-links a span:after {
  display: inline-block;
  font-family: "METRO-GROUP-Icons";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* --- some less rules ---- */
.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.font-medium,
.tooltip .completeGlossar {
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-light,
.smartmenu .menu-back a,
.flatnav .text {
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
/* --- / some less rules --- */
* {
  margin: 0;
  padding: 0;
}
/* Reset all browser defaults */
/* HTML5 display definitions */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden],
.hidden {
  display: none;
}
/* Basic styling */
html {
  font-size: 125%;
  /* setting default font-size to 20px - needed for proper em calculation in IE */
  -webkit-text-size-adjust: 100%;
  /* see h5bp.com/g */
  -ms-text-size-adjust: 100%;
  /* see h5bp.com/g */
  height: 100.3%;
  /* force vertical scroll bar */
  margin-bottom: 0.1px;
  /* force vertical scroll bar */
}
html,
button,
input,
select,
textarea {
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #565a5b;
}
body {
  font-size: 0.5em;
  /* setting default font-size to 10px - needed for proper em calculation in IE */
  line-height: 1.4;
  /* no units here! http://faq.nexxar.com/questions/155/ */
}
/* Image definitions */
img {
  border: none;
}
html:not(.lt-ie9):not(.no-svg) img.has-vector-replacement,
html.svg img.has-vector-replacement {
  display: none !important;
}
html.no-svg img.is-vector-replacement,
html.lt-ie9 img.is-vector-replacement {
  display: none !important;
}
/* Link definitions */
a {
  color: #fcc51d;
  text-decoration: none;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-weight:400 !important;*/
}
a:hover {
  color: #565a5b;
  text-decoration: underline;
}
a:focus {
  outline: #565a5b thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active,
area:focus,
area:active {
  outline: 0;
}
a.dummyLink {
  cursor: default;
  color: #333333;
  text-decoration: none;
  outline: 0;
}
/* List definitions */
nav ul,
nav ol,
#linkBox ul,
#linkBox ol {
  list-style: none;
  list-style-image: none;
}
ul,
ol {
  *zoom: 1;
}
/* Typography */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 0.7em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
table sup {
  position: static;
  vertical-align: super;
}
table sub {
  position: static;
  vertical-align: sub;
}
button {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  cursor: pointer;
}
/* ff makes some extra padding */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* headers h1-h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  /*line-height: 1.25;*/
  font-weight: 500;
}
h1#mainContent {
  font-size: 2.2em;
  margin-bottom: 1.6em;
}
/* for header */
.hideBlock {
  display: block;
  position: absolute;
  left: -9999em;
}
.hideBlock2 {
  /* for testing: advantage: no rendering outside viewport */
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/**
 * Helper classes
 * ==============
 * They provide simple, selffulfilling properties
 * which are readable by their names.
 * ----------------------------------------------
 * hide-block     { display:block;
 *                  position:absolute;
 *                  left:-9999em;       }
 * hide-text      { text-indent:-999em; }
 * align-left     { text-align:left;    }
 * align-center   { text-align:center;  }
 * align-right    { text-align:right;   }
 * align-justify  { text-align:justify; }
 * nowrap         { white-space:nowrap; }
 * float-left     { float:left;         }
 * float-right    { float:right;        }
 * clear          { clear:both;         }
 * clear-left     { clear:left;         }
 * clear-right    { clear:right;        }
 * clearfix       - see below
 * ----------------------------------------------
 * Legacy names which have the same funcionality:
 * left, floatleft
 * right, floatright
 * clearFloat
 * invisible
 * hideBlock
 * hideText
 * hideAccessible
 */
/* Hidings / Image replacement */
.invisible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  -moz-opacity: 0;
  /* Netscape */
  -khtml-opacity: 0;
  /* Safari 1.x */
  opacity: 0;
  /* Good browsers */
}
.hide-block {
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hide-text {
  text-indent: -999em;
}
/* Text alignment */
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
/* Text wrapping */
.nowrap {
  white-space: nowrap;
}
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* Clear floats */
.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
/**
 * Micro Clearfix for modern browsers by Nicolas Gallagher
 * =======================================================
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * -------------------------------------------------------
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * ===============
 * Include this rule to trigger hasLayout and contain floats.
 * ----------------------------------------------------------
 * THERE BE DRAGONS!
 * IF USING CLEARFIX FOR IE7 YOU HAVE TO AVOID MARGIN ON THE
 * INNER ELEMENT AND PUT PADDING ON THE OUTER.
 */
.lt-ie8 .clearfix {
  zoom: 1;
}
/* rewritten in less style to use it as a mixin */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/**
 * Legacy helper classes
 * =====================
 * They where used in the past an can occure somtimes.
 * So we keep them to avoid theme be misused or uninterpretd.
 */
.left,
.floatleft {
  float: left;
}
.right,
.floatright {
  float: right;
}
.clearFloat {
  clear: both;
}
.hideAccessible,
.hideAccessable {
  display: block;
  position: absolute;
  left: -999em;
}
body {
  background: #FFFFFF;
}
body.popup.view_print {
  width: auto;
  margin: 0;
  background: #FFFFFF;
}
/* Main containers */
.page-header {
  position: fixed;
  z-index: 110;
  /* [TF] 11 higher then the glossary layer */
  /*  top: 0;*/
  width: 100%;
  text-align: center;
  height: 102px;
  border-bottom: 3px solid #fcc51d;
  background-color: #fff;
}
.header-unfixed .page-header {
  position: absolute;
}
.mobile-menu-active .page-header {
  height: 65px;
}
body.headerOut:not(.mobile-menu-active) .page-header {
  display: none;
}
.content-container {
  padding: 52px 10px 0 10px;
}
/* Content */
.content-container > article {
  padding-top: 2.5em;
}
@media all and (min-width: 940px) {
  .page-header {
    text-align: left;
    height: auto;
    border: none;
  }
  .content-container {
    padding: 135px 10px 0;
    max-width: 940px;
    margin: 0 auto;
  }
  .content-container > article {
    padding-top: 8.3em;
  }
}
/*
================
NAVIGATION
================
*/
nav a {
  text-decoration: none;
}
/* Main navigation */
.primary li {
  /*  float: left;
  line-height: 2.5;*/
}
.primary a {
  /*display:block;
font-weight: bold;
  padding:0 0.9em;*/
}
/* Meta navigation 
header #meta{
width:50%;
float:right;
} */
/* Search */
/*header #search {
  float:right;
}
header #search button{
padding:0;
margin:0;
background:none;
border-radius:0;
border:none;
cursor:pointer;
font-size:1em;
font-weight:bold;
color:#8DC641;
}
header #search button:hover{
color:#918F90;
}*/
header .menu-toggler {
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 65px;
  background-color: white;
  border-right: 1px solid #dedede;
  color: #565a5b;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  outline: 0;
  transition: color .35s;
}
header .menu-toggler:hover {
  color: white;
  background-color: #fcc51d;
}
header .menu-toggler .icon-menu {
  display: block;
}
header .menu-toggler .icon-menu:before {
  font-size: 30px;
  content: "\e806";
}
.mobile-menu-active header .menu-toggler {
  color: white;
  background-color: #fcc51d;
}
header #search {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ebebeb;
}
header #search input,
header #search button.searchbutton {
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
header #search input {
  /* becouse of ios styling */
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
header #search label span.icon-search,
header #search span.icon-close {
  height: 65px;
  width: 65px;
  display: block;
  color: #565a5b;
  text-align: center;
  cursor: pointer;
}
header #search label span.icon-search,
header #search span.icon-close {
  background-color: #ebebeb;
}
header #search label span.icon-search:before,
.searchOpen #search .close span.icon-close:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  margin-top: 18px;
}
header #search label span.icon-search:before {
  content: "\e807";
}
header #search .close {
  display: none;
}
#suggestform,
#suggestform2 {
  background-color: #f6f6f6;
  display: none;
  padding: 20px;
  text-align: left;
}
#suggestform .hitcounter,
#suggestform2 .hitcounter {
  float: right;
}
#suggestform .hover,
#suggestform2 .hover,
.no-touch #suggestform a:hover,
.no-touch #suggestform2 a:hover {
  color: #fcc51d;
}
#suggestform {
  margin-right: -80px;
  position: relative;
  z-index: 10;
}
@media (min-width: 940px) {
  #suggestform {
    margin-right: -80px;
  }
}
#suggestform2 {
  margin-left: -5em;
  margin-right: -1em;
}
#suggestform a,
#suggestform2 a {
  font-size: 1.5em;
  font-family: inherit;
  color: inherit;
}
#suggestform a .selectedText,
#suggestform2 a .selectedText {
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#suggestform ul,
#suggestform2 ul {
  padding: 0;
}
#suggestform li,
#suggestform2 li {
  margin-bottom: 1.05em;
  list-style: none;
}
/* Search open */
.searchOpen #search {
  left: 65px;
  right: 65px;
}
.searchOpen #search input {
  position: static;
  height: 65px;
  width: auto;
  margin-top: 0;
  background-color: #ebebeb;
  border: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 1.5em;
}
.lt-ie9 .searchOpen #search input {
  line-height: 65px;
}
.searchOpen #search input:focus,
.searchOpen #search button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.searchOpen #search label {
  display: block;
  position: absolute;
  left: -9999em;
}
.searchOpen #search .close {
  position: absolute;
  top: 0;
  right: -65px;
  display: block;
}
.searchOpen #search .close span.icon-close:before {
  content: "\e805";
}
.searchOpen #suggestform {
  /*  display: block; done by script*/
}
/* menue primary */
.primary h3 {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  border-right: 1px solid #dedede;
}
.header-unfixed .primary h3 {
  position: absolute;
}
.primary h3 a:hover {
  text-decoration: none;
}
body.headerOut:not(.mobile-menu-active) .primary h3 {
  display: none;
}
.primary #mainnav {
  position: absolute;
  height: 2px;
  width: 2px;
  overflow: hidden;
  left: -9999em;
}
/* bottom bar is also in the hamburger menu */
.primary .bottom-bar {
  background: #ebebeb;
  text-align: center;
}
.primary .bottom-bar ul.bottom-bar-menu {
  font-size: 1.5em;
}
.primary .bottom-bar li {
  border-bottom: 2px solid #fff;
}
.primary .bottom-bar .language_switch li {
  border: none;
}
.primary .bottom-bar ul.bottom-bar-menu > li > a {
  padding: 0.8em;
  display: block;
  color: #565a5b;
}
.primary .bottom-bar ul.language_switch {
  padding: 0.8em;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fcc51d;
}
.primary .bottom-bar ul.language_switch li {
  display: inline;
}
.primary .bottom-bar ul.language_switch a {
  display: inline-block;
  color: #565a5b;
}
.primary .bottom-bar ul.language_switch li.german.active:after {
  content: " /";
  color: #565a5b;
}
.primary .bottom-bar ul.language_switch li.english.active:before {
  content: "/ ";
  color: #565a5b;
}
.primary .bottom-bar .colophon {
  padding: 1.7em 0;
  margin: 0;
}
.primary .bottom-bar .colophon a {
  color: #565a5b;
}
.primary .bottom-bar .last-update {
  padding-bottom: 1.7em;
}
/* header desktop */
@media all and (min-width: 940px) {
  /*
  .primary h3 {
    .hide-block;
  }


  .primary #mainnav {
    position: static;
    height: auto;
    width: auto;
    overflow: visible;

  }
  */
  header .menu-toggler {
    width: 80px;
    height: 80px;
    font-size: 15px;
  }
  header .menu-toggler .icon-menu:before {
    font-size: 32px;
  }
  header #search {
    width: 80px;
    transition: width 0.35s, background-color 0.4s;
  }
  header #search label span.icon-search,
  header #search span.icon-close {
    height: 72px;
    width: 80px;
    padding-top: 8px;
  }
  .searchOpen #search {
    left: auto;
    right: 80px;
    width: 45%;
    z-index: 12;
  }
  .searchOpen #search .close {
    right: -80px;
  }
  .searchOpen #search input {
    height: 80px;
    font-size: 1.8em;
    padding-left: 65px;
  }
  .lt-ie9 .searchOpen #search input {
    line-height: 80px;
  }
  .searchOpen #search label {
    left: 0;
    width: 65px;
    overflow: hidden;
  }
  #suggestform a {
    font-size: 1.7em;
  }
  #suggestform li {
    margin-bottom: 0.8em;
  }
}
/* Suche */
/* ------------------------------------- quick fix ------------------------------------- */
.suche #sidepanel2,
.suche .tools,
.suche .breadcrumb,
.searchresult_success .breadcrumb,
.suche h1#mainContent {
  display: none;
}
.suche h1#mainContent.search {
  display: block;
}
.se_hilite {
  background: #FCC51D !important;
  color: #FFFFFF !important;
}
/* ------------------------------------- quick fix ------------------------------------- */
.suche .first-result {
  width: auto;
}
.suche.searchresult_noresult .first-result {
  display: none;
}
.searchresult_success .search-header {
  margin-bottom: 2em;
}
.suche.searchresult_success .search-header {
  margin-bottom: 0;
}
.searchresult_success .search-header a.back,
.suche .first-result a {
  display: block;
  border: 1px solid #DEDEDE;
  font-size: 1.5em;
  line-height: 3.1333em;
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #565A5B;
  padding-left: 1em;
  position: relative;
}
.searchresult_success .search-header a.back {
  padding-left: 2.5em;
  margin-bottom: 1.3em;
}
.suche .first-result a:hover,
.suche .first-result a:focus,
.searchresult_success .search-header a.back:hover,
.searchresult_success .search-header a.back:focus {
  text-decoration: none;
}
.searchresult_success .search-header a.back:before,
.suche .first-result a span:after {
  content: "\e802";
  font-family: "METRO-GROUP-Icons";
  font-size: 22px;
  color: #FCC51D;
  position: absolute;
  right: 0.2em;
  top: 0.5em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-style: normal;
}
.firefox .searchresult_success .search-header a.back:before,
.firefox .suche .first-result a span:after {
  top: .6em;
}
.win .searchresult_success .search-header a.back:before,
.win .suche .first-result a span:after {
  top: .65em;
}
.searchresult_success .search-header a.back:before {
  content: "\e801";
  right: auto;
  left: 0;
}
.searchresult_success .search-header a.back:hover:before,
.suche .first-result a:hover span:after {
  color: #565a5b;
}
.searchresult_success #search2,
.suche #search2 {
  background: #EBEBEB;
  padding: 0 1em 0 5em;
  position: relative;
}
.searchresult_success input,
.suche #search2 input {
  height: 3.7777em;
  line-height: 3.7777em;
  background: #EBEBEB;
  border: 0;
  width: 100%;
  outline: 0;
  font-size: 1.8em;
}
.searchresult_success #search2 input:focus,
.suche #search2 input:focus {
  outline: 0;
}
.searchresult_success #search2 .searchbutton,
.suche #search2 .searchbutton {
  position: absolute;
  left: 0;
  top: 0;
  width: 5em;
  height: 6.8em;
  background: #EBEBEB;
  font-size: 1em;
}
#search2 .searchbutton .text {
  display: none;
}
.lt-ie9 .searchbutton .search-button {
  display: block;
  zoom: 1;
}
.searchresult_success #search2 .searchbutton .search-button:before,
.suche #search2 .searchbutton .search-button:before {
  font-family: "METRO-GROUP-Icons";
  content: "\e807";
  font-size: 30px;
  display: block;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.suche .head,
.suche .search-wrapper,
.suche .search-info,
.suche div.pagination,
.suche .resultcounter {
  margin-bottom: 2em;
}
.suche .search-info {
  font-size: 1.5em;
}
.suche div.pagination {
  border-bottom: 1px solid #DEDEDE;
}
.suche.searchresult_noresult div.pagination {
  display: none;
}
.suche .pagination ul {
  text-align: center;
  margin-bottom: 1em;
  position: relative;
  padding: 0 3em;
}
.suche .pagination li {
  display: inline-block;
  font-size: 1.8em;
  padding: 0 1em;
}
.suche .pagination li a {
  color: #565A5B;
}
.suche .pagination .inactiveLink {
  color: #FCC51D;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.suche .pageJumpPrevious span,
.suche .pageJumpNext span {
  display: none;
}
.suche li.pageJumpPrevious,
.suche li.pageJumpNext {
  position: absolute;
  top: -4px;
  padding: 0;
}
.suche li.pageJumpPrevious {
  left: 0;
}
.suche li.pageJumpNext {
  right: 0;
}
.suche .pageJumpPrevious a:before,
.suche .pageJumpNext a:before {
  font-family: "METRO-GROUP-Icons";
  font-size: 30px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-style: normal;
}
.suche .pageJumpPrevious a:before {
  content: "\e801";
}
.suche .pageJumpNext a:before {
  content: "\e802";
}
.suche .pageJumpPrevious a:hover,
.suche .pageJumpNext a:hover,
.suche .pageJumpPrevious a:focus,
.suche .pageJumpNext a:focus {
  text-decoration: none;
  color: #FCC51D;
}
.suche .resultcounter .inner {
  font-size: 1.4446em;
  line-height: 1;
}
.suche .result {
  margin-bottom: 2em;
  font-size: 1em;
}
.suche .content .result h4 {
  margin: 0;
}
.suche .result h4 a {
  color: #000000;
}
.suche .content p.teasertext {
  margin-bottom: 5px;
}
.searchresult_success .relevance.result {
  font-size: 2.5em;
  color: #000000;
  margin-bottom: 0.48em;
}
.suche.searchresult_success .relevance {
  font-size: 1.4666em;
}
.result-wrapper {
  margin-bottom: 3em;
  position: relative;
  padding: 0 0 1em 0;
  border-bottom: 1px solid #DEDEDE;
}
.result-wrapper .first-result a {
  position: absolute;
}
.result-wrapper .first-result a:hover,
.result-wrapper .first-result a:focus {
  text-decoration: none;
}
.result-wrapper .first-result a:before {
  font-family: "METRO-GROUP-Icons";
  font-size: 35px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-style: normal;
}
.result-wrapper .first-result a.previous:before {
  content: "\e801";
}
.result-wrapper .first-result a.forward:before {
  content: "\e802";
}
.result-wrapper .first-result a span {
  display: none;
}
.result-wrapper .first-result a.previous {
  top: 0;
  left: 0;
}
.result-wrapper .first-result a.forward {
  top: 0;
  right: 0;
}
.result-wrapper .sites {
  text-align: center;
  font-size: 1.8em;
  line-height: 2em;
}
@media screen and (min-width: 940px) {
  body > nav#primary {
    display: none;
  }
  .searchresult_success .relevance.result {
    font-size: 3.8em;
  }
  .searchresult_success .breadcrumb {
    display: block;
  }
  .searchresult_success .relevance.result,
  .suche h1#mainContent {
    width: 70%;
    float: left;
  }
  .suche .search-info {
    font-size: 1.8em;
    margin-bottom: 4em;
  }
  .searchresult_success .search-header a.back {
    display: inline-block;
    float: right;
  }
  .suche .first-result {
    display: inline-block;
    float: right;
    margin-top: 1em;
  }
  .suche .first-result span {
    margin-right: 2em;
  }
  .searchresult_success .search-header a.back span {
    margin-right: 1.3em;
  }
  .suche #search2 input {
    height: 4.4444em;
  }
  .suche div.pagination,
  .suche .search-wrapper {
    margin-bottom: 4em;
  }
  .suche .resultcounter {
    margin-bottom: 2.5em;
  }
}
/* hamburger smartmenu new */
/* Smartmenu */
.primary {
  display: block;
  position: absolute;
  left: -9999em;
}
.smartmenu {
  display: none;
  /* custom styling */
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 68px;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 100;
  overflow: auto;
  max-height: calc(100vh - 80px);
}
.smartmenu.active {
  display: block;
  left: 0;
}
.smartmenu .menu {
  display: block;
}
.smartmenu .menu a {
  white-space: normal;
}
.smartmenu .sublevel {
  display: none;
  position: absolute;
  left: 0;
}
.smartmenu .menu-back {
  display: none;
}
.smartmenu .menu-back.visible {
  display: block;
}
.smartmenu .smartwrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.smartmenu .smartwrapper.animating,
.smartmenu .smartwrapper.animating .inner {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.smartmenu .menu,
.smartmenu .sublevel {
  position: relative;
}
.smartmenu .menu li {
  position: static;
}
.smartmenu .sublevel.visible {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}
.smartmenu *,
.smartmenu *:before,
.smartmenu *:after {
  background-repeat: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.smartmenu .smartwrapper {
  font-size: 18px;
}
.smartmenu .smartwrapper a {
  color: #565a5b;
}
.smartmenu .smartwrapper a:hover {
  text-decoration: none;
}
.smartmenu .menu-back a {
  display: block;
  padding: 22px 23px 18px 48px;
  border-bottom: 1px solid #dedede;
  position: relative;
  transition: color .35s;
}
.smartmenu .menu-back a:before {
  content: '\e811';
  font-size: 39px;
  color: #dedede;
  position: absolute;
  top: 13px;
  left: 10px;
}
.smartmenu .menu-back a:hover {
  color: white;
  background-color: #fcc51d;
}
.smartmenu .menu-back a:hover:before {
  color: white;
}
.smartmenu .smartwrapper li a {
  padding: 22px 60px 18px 23px;
  border-bottom: 1px solid #dedede;
  position: relative;
  transition: color .35s;
}
.smartmenu .smartwrapper li a:hover {
  color: white;
  background-color: #fcc51d;
}
.smartmenu .smartwrapper li.parent a {
  border-bottom: 5px solid #fcc51d;
  color: black;
}
.smartmenu .smartwrapper li.parent a:hover {
  color: white;
}
.smartmenu .smartwrapper li:not(.leaf) > a:after {
  content: '\e82c';
  font-size: 39px;
  color: #fcc51d;
  position: absolute;
  top: 13px;
  right: 10px;
}
.smartmenu .smartwrapper li:not(.leaf) > a:hover:after {
  color: white;
}
@media all and (min-width: 940px) {
  .smartmenu {
    width: 334px;
    top: 83px;
    border-right: 1px solid #dedede;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .ipad .smartmenu {
    max-height: calc(100vh - 80px - 57px);
  }
  .smartmenu li a span {
    display: inline-block;
    width: 250px;
  }
  .smartmenu .smartwrapper {
    width: 333px;
  }
}
.mobile-menu-active #contentContainer,
.mobile-menu-active footer[role="contentinfo"] {
  display: none;
}
@media all and (min-width: 940px) {
  .mobile-menu-active #contentContainer,
  .mobile-menu-active footer[role="contentinfo"] {
    display: block;
  }
}
/* Aside menus */
aside .menu,
aside .menu ul,
aside .menu li {
  list-style: none;
}
aside .menu a:link,
aside .menu a:visited {
  display: block;
}
/* Aside menus level2 */
aside .menu ul {
  padding-left: 1em;
}
/* Aside menus level3 */
/* Aside menus level4 */
aside .menu ul ul ul {
  padding-left: 0.5em;
}
/* Aside menus status */
/* Secondary Menu */
nav#secondary {
  padding: 0 1em 0 0;
  margin: 0 0 1em 0;
}
/* Footer Menu */
footer {
  text-align: center;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #fff;
  position: relative;
  height: 5.4em;
}
footer nav {
  background-color: #004171;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
footer .bottom-bar {
  display: none;
}
/* for increase effect of tools and links */
#toolsAndLinksMenu {
  overflow-y: hidden;
  max-height: 800px;
  /* approximate max height */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  display: block;
}
#toolsAndLinks.inactive #toolsAndLinksMenu {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* Breadcrumbs */
.breadcrumb {
  margin: 0 0 3.4em 0;
}
/*for mobile*/
.breadcrumb {
  position: absolute;
  left: -9999em;
}
.breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
}
/* set a background image and padding/margin or use :before{content:" > "} */
.breadcrumb a {
  padding: 0 1em;
}
.breadcrumb li.first a {
  padding-left: 0;
}
.breadcrumb li.last a {
  color: #b0b0b2;
}
.breadcrumb li + li:before {
  content: " | ";
}
.breadcrumb span + a {
  margin: 0 0 0 0.5em;
}
/* Flatnav for small viewport */
.flatnav {
  margin: 3.8em 0 8.7em 0;
}
.flatnav a {
  color: #565a5b;
  text-decoration: none;
  display: block;
}
.flatnav a:hover .text {
  text-decoration: underline;
}
.flatnav a.back {
  float: left;
}
.flatnav a.forward {
  float: right;
}
.flatnav .text {
  vertical-align: middle;
  font-size: 13px;
}
.flatnav .icon-back,
.flatnav .icon-forward {
  background: #fcc51d;
  display: inline-block;
  width: 50px;
  height: 44px;
  color: #fff;
  padding-top: 6px;
  vertical-align: middle;
  transition: color .35s;
}
.flatnav .icon-back:before,
.flatnav .icon-forward:before {
  font-size: 39px;
}
.flatnav a:hover .icon-back,
.flatnav a:hover .icon-forward {
  background-color: #565a5b;
}
.flatnav .icon-back {
  margin-right: 20px;
}
.flatnav .icon-back:before {
  content: '\e801';
  padding-left: 3px;
}
.flatnav .icon-forward {
  margin-left: 20px;
}
.flatnav .icon-forward:before {
  content: '\e802';
  padding-left: 8px;
}
.flatnav .text:not(.short) {
  display: none;
}
/*
================
MENUES
================
*/
.menu a {
  display: block;
}
/* Language switch */
.language_switch {
  /*  float:right;
  line-height:1.8em;
  margin:0 1em 0 0;*/
}
.language_switch li {
  /*  display: inline;*/
}
.language_switch a {
  /*  font-weight: bold;
  display:block;
  padding:0.2em 0.9em 0 0.9em;*/
}
.language_switch a + a {
  /*  margin-left: 0.5em;*/
}
/* Skip menu */
.skip_menu a {
  position: absolute;
  left: -999em;
  top: 0;
}
.skip_menu a:focus,
.skip_menu a:active {
  left: 0;
  top: 3.5em;
  display: block;
  padding: 0 0.5em;
  line-height: 2;
  color: #111111;
  font-weight: bold;
  letter-spacing: 0.01em;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
/*
================
BOXED COMPONENTS
================
*/
/* Tool Box */
.toolbox {
  text-align: center;
  margin-bottom: 5em;
}
.toolbox li {
  display: inline-block;
  width: 16.6666667%;
}
.toolbox li a {
  display: inline;
  font-size: 3.2em;
  padding: 0 5px;
}
.toolbox li a:hover {
  text-decoration: none;
}
.toolbox li span.icon-email:before {
  content: "\e808";
}
.toolbox li span.icon-print:before {
  content: "\e805";
}
.toolbox li span.icon-xing:before {
  content: "\e81d";
}
.toolbox li span.icon-linkedin:before {
  content: "\e81c";
}
.toolbox li span.icon-facebook:before {
  content: "\e81a";
}
.toolbox li span.icon-googleplus:before {
  content: "\e824";
}
/* Link Box */
#linkBox {
  margin: 4em 0 1em 0;
  font-size: 1.5em;
}
#linkBox li {
  margin-bottom: 1.3em;
}
#linkBox h3 {
  color: #565a5b;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
  padding-bottom: 0.6em;
  margin-bottom: 1.05em;
  font-size: 1em;
}
#linkBox li a:first-child {
  position: relative;
  color: #000;
  /*  border-left: 10px solid @orange;*/
  padding-left: 30px;
  line-height: 1.66666667em;
  display: block;
}
#linkBox li a:first-child:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  bottom: 6px;
  background-color: #004171;
}
#linkBox .cross-links li a:before {
  background-color: #fcc51d;
}
#linkBox li a.more {
  display: block;
  padding-left: 30px;
}
#linkBox li a.more.extern {
  position: relative;
}
#linkBox li a.more.extern .text {
  padding-left: 30px;
}
#linkBox li a.more.extern .icon-world:before {
  position: absolute;
  top: -3px;
  display: inline-block;
  font-family: "METRO-GROUP-Icons";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
  font-size: 22px;
}
#linkBox li a.more.extern:hover {
  text-decoration: none;
}
#linkBox li a.more.extern:hover .text {
  text-decoration: underline;
}
#linkBox li.hover a {
  text-decoration: underline;
}
#linkBox li.hover a.more {
  color: #565a5b;
}
@media all and (min-width: 940px) {
  .breadcrumb {
    position: static;
    font-size: 1.3em;
  }
  .breadcrumb a {
    color: inherit;
    font-family: inherit;
  }
  .flatnav .text.short {
    display: none;
  }
  .flatnav .text:not(.short) {
    display: inline;
  }
  /* dt toolBox  */
  .toolbox li a {
    font-size: 3.6em;
  }
  .toolbox li {
    width: 9.4em;
  }
  /* dt linkBox */
  #linkBox {
    font-size: 1.8em;
    padding-bottom: 3em;
  }
  #linkBox h3 {
    margin-bottom: 1.6em;
  }
  #linkBox li {
    width: 33.333333%;
    float: left;
  }
  #linkBox li a {
    padding-right: 1em;
  }
  #linkBox li a:first-child {
    margin-bottom: 0.7em;
  }
  #linkBox li a.more {
    font-size: 0.9em;
  }
  /* dt footer: toolsandlinks */
  footer {
    height: auto;
  }
  footer nav {
    position: static;
  }
  #toolsAndLinks .menu {
    width: 940px;
    margin: 0 auto;
    text-align: left;
  }
  #toolsAndLinks .menu li {
    border: none;
    display: inline-block;
    margin-right: 4em;
  }
  #toolsAndLinks.inactive #toolsAndLinksMenu {
    max-height: none;
  }
  #toolsAndLinksMenu {
    overflow-y: visible;
  }
  #toolsAndLinks h3 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  /* dt footer: bottom-bar */
  .primary .bottom-bar {
    display: none;
  }
  footer .bottom-bar {
    background: #ebebeb;
    text-align: left;
    border-top: 1px solid #fff;
    display: block;
  }
  footer .bottom-bar .wrapper {
    width: 940px;
    margin: 0 auto;
  }
  footer .bottom-bar nav {
    background: #ebebeb;
    /*    float: left;*/
  }
  footer .bottom-bar .bottom-bar-menu .language_switch a {
    color: #565a5b;
  }
  footer .bottom-bar .bottom-bar-menu a {
    color: #7b7c7e;
    font-size: 1.2em;
    padding: 2.7em 0 2.5em 0;
    display: block;
  }
  footer .bottom-bar .bottom-bar-menu li {
    display: inline-block;
    border: none;
  }
  footer .bottom-bar .bottom-bar-menu li.active {
    font-size: 1.2em;
    color: #fcc51d;
  }
  footer .bottom-bar ul.bottom-bar-menu > li {
    border-left: 1px solid #fff;
    padding: 0 2.1em;
  }
  footer .bottom-bar nav {
    display: inline-block;
  }
  footer .bottom-bar p {
    display: inline-block;
    color: #565a5b;
    font-size: 1.2em;
    padding: 2.7em 1.5em 2.5em 1.5em;
    border-left: 1px solid #fff;
  }
  footer .bottom-bar li.german.active:after {
    content: " /";
    color: #565a5b;
  }
  footer .bottom-bar li.english.active:before {
    content: "/ ";
    color: #565a5b;
  }
  footer .bottom-bar p.colophon a {
    color: #565a5b;
  }
}
/*
================
Highslide
================
*/
.highslide-dimming {
  background: #000000;
}
.highslide-wrapper,
.highslide-body {
  background: #FFFFFF;
}
.highslide-loading {
  display: block;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.3em 0.3em 0.3em 2.2em;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0.3em 0.3em;
}
/*
================
Default tooltips
================
*/
.tooltipXPH {
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #676767;
}
.boxshadow .tooltipXPH {
  border: none;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.tooltipXPH .content {
  padding: 0.3em 0.5em;
}
/*
================
Glossary tooltip
================
*/
.tooltip,
.old-browser {
  width: 40em;
  color: white;
  background: #565A5D;
  top: 0;
  z-index: 99;
  font-size: .75em;
}
.tooltip .tooltipForeground {
  background-color: #004171;
  border: 1px solid #004171;
}
.tooltip .tooltipTitle,
.old-browser-title {
  width: 75%;
  float: left;
  font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  padding: 0.8em 0 0.8em 0.7777em;
}
.tooltip .buttonClose a:before,
.tooltip .tooltipTitle:before,
.old-browser-close a:before {
  font-family: "METRO-GROUP-Icons";
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  speak: none;
  margin-right: 0.5em;
  font-size: 1.1em;
}
.tooltip .buttonClose span,
.old-browser-close span {
  display: none;
}
.tooltip .buttonClose a:link,
.tooltip .buttonClose a:visited,
.tooltip .buttonClose a:hover,
.tooltip .buttonClose a:focus,
.old-browser-close a:link,
.old-browser-close a:visited,
.old-browser-close a:hover,
.old-browser-close a:focus {
  color: white;
}
.tooltip .buttonClose a:before,
.old-browser-close a:before {
  content: "\e805";
  font-size: 3.3em;
  position: absolute;
  right: -0.2222em;
  top: 0.24em;
}
.tooltip .buttonClose,
.old-browser-close {
  float: right;
  position: relative;
}
.tooltip .buttonClose a,
.old-browser-close a {
  display: block;
  text-indent: 0;
}
.tooltip .buttonClose a:hover,
.old-browser-close a:hover {
  text-decoration: none;
}
.tooltip .tooltipBody,
.old-browser-content {
  clear: both;
  font-size: 1.8em;
  line-height: 1.46666em;
  padding: 0.8em 1em;
  background-color: white;
  color: #004171;
}
.tooltip .completeGlossar {
  margin-top: 1em;
  margin-bottom: .7em;
}
.tooltip .completeGlossar:after {
  content: '\e82c';
  font-size: 1.7em;
  position: relative;
  top: .2em;
}
@media all and (min-width: 940px) {
  .tooltip,
  .old-browser {
    font-size: 1em;
  }
  .tooltip .tooltipBody,
  .old-browser-content {
    font-size: 1.5em;
  }
}
/*
================
MISCELLANEOUS
================
*/
/* Audited disclaimer */
.audited {
  background: #8DC641;
  padding: 0.5em;
  margin: 0 0 0.5em 0;
  text-align: center;
  clear: both;
}
.audited a {
  color: #FFF;
  font-weight: bold;
}
/* feedbacklayer */
#feedbackLayerContainer {
  padding: 10px 20px;
}

/* 
=======================
       Content 
=======================
*/
h1#mainContent {
  font-size: 3em;
  /*margin-bottom: .1em;*/
  margin-bottom: .65em;
}
/* Listen */
/* footnote */
p.footnote {
  font-size: 0.8em;
  /* 12 px */
  line-height: 1.3333333;
}
/*.content p, 
.content div.bild, 
.content div.spreadsheet{
  margin: 0 0 1.66666667em 0;
}*/
/* --- old stuff --- */
.content div.volltext,
.content p.volltext {
  margin-right: 9em;
}
.content td .volltext {
  margin: 0;
}
/* links */
/* Spaltenwechsel */
.content td.beginnSpalten {
  padding: 0 2.4em 0 0;
  width: 360px;
}
.content td.spaltenwechsel {
  width: 180px;
  vertical-align: top;
  font-size: 1.1em;
  color: #555555;
}
.content td.spaltenwechsel h1 {
  display: block;
  font-size: 1.6em;
  padding: 0;
  margin: 0 0 1.6em 0;
  color: #000066;
}
/* Bild */
.content img {
  max-width: 100%;
  height: auto;
}
.content div.bild_floatleft {
  float: left;
  margin: 0.3em 1.1em 1.5em 0;
}
.content div.bild_floatright {
  float: right;
  margin: 0.3em 0.5em 1.5em  1.1em;
}
.content div.bild_floatright_lang {
  float: right;
  margin: 0.3em 0 1.5em 1.1em;
}
html > body .content div.bild_floatright {
  margin: 0.3em 90px 1.5em 1.1em;
}
.content td div.bild_floatright {
  margin: 0.3em 0 1.5em  1.1em;
}
/* Tabellen */
table.spalte_halb,
table.spalte_zwDrittel,
table.spalte_drittel,
table.spalte_drViertel,
table.spalte_viertel {
  margin: 0 0 0 -15px;
  table-layout: fixed;
}
td.spalte_halb,
td.spalte_zwDrittel,
td.spalte_drittel,
td.spalte_drViertel,
td.spalte_viertel {
  padding: 0 0 0 15px;
}
td.spalte_halb {
  width: 50%;
}
td.spalte_zwDrittel {
  width: 67%;
}
td.spalte_drittel {
  width: 33%;
}
td.spalte_drViertel {
  width: 75%;
}
td.spalte_viertel {
  width: 25%;
}
/* --- / old stuff --- */
@media all and (min-width: 940px) {
  h1#mainContent {
    font-size: 4.5em;
    margin-bottom: .65em;
  }
}
/* accordion */
.accordeonwrapper {
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  /* [TF] looks wrong
    padding-top: round(13/15em,7);
    */
  padding-top: 0;
}
.accordeonwrapper + .accordeonwrapper {
  border-top: none;
}
.akkordeonTitle {
  font-size: 1.2em;
  position: relative;
  margin-top: 1em;
  margin-bottom: 0;
  padding-right: 40px;
  padding-bottom: 0.7222222em;
}
.akkordeonTitle:hover {
  cursor: pointer;
}
.akkordeonTitle:after {
  display: inline-block;
  font-family: "METRO-GROUP-Icons";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  content: "\e804";
  color: #fcc51d;
  position: absolute;
  top: -6px;
  right: 0;
}
.akkordeonTitle:hover:after {
  color: #565a5b;
}
.akkordeonTitle.akkordeonOpened:after {
  content: "\e803";
}
h2.akkordeonTitle {
  font-size: 1.6666667em;
  margin-top: .4em;
  padding-bottom: .3em;
}
.keyfigure p {
  font-family: DINNextLTPro-Condensed, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4em;
  line-height: 1;
  margin: 0;
  color: #004171;
}
@media (min-width: 940px) {
  /* accordion */
  .accordeonwrapper {
    /* [TF] looks wrong
    padding-top: round(21/18em,7);
  */
    padding-top: 0;
  }
  h2.akkordeonTitle {
    font-size: 1.6666667em;
    margin-top: .4em;
    padding-bottom: .3em;
  }
  h2.akkordeonTitle:after {
    top: -2px;
  }
}
/* glossar begriff */
a.glossary {
  color: #004171;
  text-decoration: none;
  position: relative;
  padding-left: 2px;
}
a.glossary abbr {
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  border-bottom: 1px dashed #004171;
}
a.glossary:before,
.info:before {
  content: '';
  padding: 3px 0 0 10px;
  background: transparent url(../files/glossary_icon.svg) left 2px no-repeat;
  background-size: 6px 14px;
}
.win a.glossary:before {
  position: relative;
  top: 3px;
}
a.glossary:hover abbr {
  border-bottom-style: solid;
}
@media all and (min-width: 940px) {
  a.glossary:before,
  .info:before {
    padding-left: 13px;
    background-size: 8px 16px;
  }
}
.page_serviceseiten_glossar h2.nothing {
  margin-top: 1.5em;
}
/*
================
HEADER
================
*/
body > header > .wrapper {
  background: #fff;
  min-height: 6.5em;
  position: relative;
  z-index: 2;
}
/* Logo */
header .logo {
  background: url(../files/logo.svg) 0 0 no-repeat;
  background-size: 17em 1.5em;
  /* problem with ie  with 100% auto */
  display: inline-block;
  width: 17em;
  height: 1.5em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 26px;
}
.no-svg header .logo,
.lt-ie9 header .logo {
  background: url(../img/logo.png) 0 0 no-repeat;
}
header .logo img {
  display: none;
}
/* Slogan */
header .site-title {
  background: #fff;
  position: absolute;
  width: 100%;
  top: 65px;
  border-top: 1px solid #dedede;
  text-transform: uppercase;
  z-index: 2;
  margin: 0 !important;
}
header .site-title {
  font-size: 1.5em;
  line-height: 21px !important;
  padding: 0.5em 0;
}
header .site-title a {
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #565a5b;
  display: block;
  position: relative;
}
header .site-title a:hover {
  text-decoration: none;
  /*  color: @blue;*/
}
html.touch header.cr-inactive .site-title a:hover {
  color: #565a5b;
}
/*html.touch header.cr-active .site-title a:hover {
  color: @blue;
}*/
header .site-title .icon-arrow:before {
  font-family: METRO-GROUP-Icons;
  content: "\e800";
  color: #fcc51d;
  font-size: 30px;
  position: absolute;
  top: -5px;
}
header .site-title a:hover .icon-arrow:before {
  color: #fcc51d;
}
/* -- needed for ie  --*/
header.cr-click-open .site-title a {
  color: #004171;
}
header.cr-click-open .site-title .icon-arrow:before {
  color: #004171;
}
/* -- / needed for ie  --*/
/* -- needed for ios  --*/
html.touch header.cr-inactive .site-title a:hover .icon-arrow:before {
  color: #fcc51d;
}
/*html.touch header.cr-active .site-title a:hover .icon-arrow:before {
  color: @blue;
}*/
/* -- / needed for ios  --*/
/* change report */
.reports {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 105px;
  left: 0;
  max-height: 800px;
  overflow-y: hidden;
  width: 100%;
  background-color: #fafafa;
  color: #565a5b;
  font-size: 16px;
  z-index: 1;
}
.reports *,
.reports *:before,
.reports *:after {
  background-repeat: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.reports h3 {
  /* for testing: advantage: no rendering outside viewport */
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.reports .wrapper {
  padding-top: 40px;
  border-bottom: 1px solid #dedede;
}
.reports a {
  color: #565a5b;
  text-transform: uppercase;
  padding-left: 7px;
}
.reports a:hover {
  text-decoration: none;
  color: rgba(86, 90, 91, 0.7);
}
.reports a:after {
  position: relative;
  display: inline-block;
  font-family: "METRO-GROUP-Icons";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e82c";
  font-size: 25px;
  top: 3px;
}
.win .reports a:after {
  top: 1px;
}
.reports .summary-report a,
.reports .full-report a {
  display: block;
  margin: 0 40px;
  line-height: 52px;
}
.win .reports .summary-report a span,
.win .reports .full-report a span {
  position: relative;
  top: -2px;
}
.reports .summary-report {
  margin-bottom: 20px;
}
.reports .summary-report a {
  background-color: #fcc51d;
}
.reports .full-report {
  margin-bottom: 40px;
}
.reports .full-report a {
  background-color: #004171;
  color: white;
}
.reports .full-report a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.reports .home,
.reports .archive {
  background-color: #ebebeb;
}
.reports .home a,
.reports .archive a {
  display: block;
  border: 1px solid #dedede;
  background-color: white;
  margin: 0 40px;
  line-height: 34px;
  padding-top: 3px;
}
.reports .home a:after,
.reports .archive a:after,
.reports .home a:hover,
.reports .archive a:hover {
  color: #fcc51d;
}
.win .reports .home a span,
.win .reports .archive a span {
  position: relative;
  top: -2px;
}
.reports .home {
  padding-top: 20px;
  padding-bottom: 14px;
}
.reports .archive {
  padding-bottom: 19px;
}
@media all and (min-width: 600px) {
  .reports {
    /*  flex solution  
 ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
    }

    .summary-report,
    .full-report {
      width: 240px;
      margin-left: 7px;
      margin-right: 7px;

      a { 
        margin: 0;
      }
    }

    .home,
    .archive {
      width: 50%;
    }*/
  }
  .reports li {
    float: left;
    width: 50%;
  }
  .reports .summary-report a,
  .reports .home a,
  .reports .summary-report p,
  .reports .home p {
    width: 250px;
    margin: 0 7px 0 auto;
  }
  .reports .full-report a,
  .reports .archive a,
  .reports .full-report p,
  .reports .archive p {
    width: 250px;
    margin: 0 auto 0 7px;
  }
  .reports .home {
    padding-bottom: 19px;
  }
  .reports .archive {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .reports p {
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
@media all and (min-width: 768px) {
  .reports p {
    position: static;
    left: 0;
    font-size: 13px;
    padding-top: 14px;
  }
  .reports .home a,
  .reports .archive a {
    width: 200px;
  }
}
@media all and (min-width: 940px) {
  .reports {
    /*max-height: 800px;*/
    overflow-y: hidden;
    width: 100%;
    -webkit-transition: .8s;
    transition: .8s;
    position: static;
    /*  flex solution  */
  }
  .reports .wrapper {
    border-top: none;
    padding-top: 70px;
    height: 225px;
  }
  .reports ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 945px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .reports li {
    width: auto;
    text-align: center;
  }
  .reports li a,
  .reports li p {
    margin: 0 !important;
  }
  .reports .home,
  .reports .archive {
    padding: 0;
    background-color: transparent;
  }
  .reports .home {
    -webkit-order: -1;
    order: -1;
  }
}
@media all and (min-width: 1024px) {
  .reports ul {
    max-width: 1015px;
  }
  .reports .summary-report a,
  .reports .full-report a {
    width: 279px;
  }
}
@media all and (min-width: 1080px) {
  .reports ul {
    max-width: 1026px;
  }
}
/* change report end */
/*.cr-inactive  #changeReport .reports,*/
.cr-inactive .reports {
  /*max-height: 0;*/
  top: -35em;
  overflow-y: hidden;
}
/*.lt-ie9 .cr-inactive  #changeReport .reports, .lt-ie9 .cr-inactive .reports {
  visibility: hidden;
}*/
/*.cr-active .site-title a,
header.cr-active .site-title .icon-arrow:before {
  color: @blue;
}*/
.mobile-menu-active.init-mobile #changeReport {
  display: none;
}
@media all and (min-width: 940px) {
  header .logo {
    margin-top: 36px;
    margin-left: 119px;
  }
  header .site-title {
    background: transparent;
    width: auto;
    top: 0;
    left: 22.2em;
    border-left: 1px solid #dedede;
    border-top: none;
    height: 43px;
    padding: 37px 0 0 35px;
  }
  header .site-title a {
    padding-right: 49px;
  }
  header .site-title a span.icon-arrow:before {
    right: 8px;
    content: "\e800";
    /*    content: "\e625";*/
    top: -11px;
    font-size: 40px;
  }
  html.win header .site-title a span.icon-arrow:before {
    top: -9px;
  }
  header.cr-active .site-title a span.icon-arrow:before {
    content: "\e82d";
    top: -3px;
    right: 15px;
    font-size: 25px;
  }
  html.win header.cr-active .site-title a span.icon-arrow:before {
    top: -3px;
  }
  header > div.wrapper {
    position: relative;
    background: #fff;
    height: 80px;
    border-bottom: 3px solid #fcc51d;
  }
  header .wrapper + .reports {
    display: none;
    /* avoid flickering  */
  }
  html.ie header > .reports .home a {
    padding-top: 6px;
  }
  /*.cr-inactive  #changeReport .reports,*/
  .cr-inactive .reports {
    /*max-height: 0;*/
    margin-top: -225px;
  }
}
/*
================
FOOTER
================
*/
* .completeGlossar a {
  color: #004171;
}
* .completeGlossar a:hover {
  color: #565a5b;
  text-decoration: underline;
}
@media all and (min-width: 768px) {
  /**
   * Columns
   * =======
   * Known issues:
   * CSS for one wider, others smaller columns is still missing
   * ----------------------------------------------------------
   * 1. Set the default width of a column.
   *    Needs to be calculated together with margins.
   * 2. Sets default float to right for double columns.
   *    The first one will be set to left later.
   * 3. Sets default float to left for triple and more columns.
   * 4. Sets default margins for triple and more columns to left.
   *    The first margin-left will be reseted later. Calulate the margins with the widths.
   * ---------- Reset of all first columns ----------
   * 5. Reset the float for the first column for double columns
   * 6. Reset the margin-left for the first column for triple and more columns
   * ---------- IE Workarrounds ----------
   * 7. IE 6-8 cannot calculate percents correctly
   * 8. IE 6 - i forgot what this was for, it was only used at ENI CSR 2013 which had IE6 support
   * 9. IE 6-7 don't know ":first-child"
   */
  .columns.double .column,
  .columns-double .column {
    width: 48%;
    /* 1 */
    float: right;
    /* 2 */
  }
  .columns.triple .column,
  .columns-triple .column {
    width: 30.6666%;
    /* 1 */
    float: left;
    /* 3 */
    margin: 0 0 0 4%;
    /* 4 */
  }
  .columns.quadruple .column,
  .columns-quadruple .column {
    width: 22%;
    /* 1 */
    float: left;
    /* 3 */
    margin: 0 0 0 4%;
    /* 4 */
  }
  /* Reset of all first columns */
  .columns.double .column:first-child {
    float: left;
    /* 5 */
  }
  .columns.triple .column:first-child,
  .columns.quadruple .column:first-child {
    margin: 0;
    /* 6 */
  }
  /* IE Workarrounds */
  .lt-ie9 .columns.quadruple .column,
  .columns-quadruple .column {
    width: 21.9%;
    /* 7 */
  }
  .columns-triple .column {
    overflow: hidden;
    /* 8 */
  }
  /* GR: imho for ie7 not really necessary, first-child does it anyway; */
  .columns-quadruple .column {
    /* 9 */
    float: expression(this.previousSibling == null ? 'left' : 'right');
  }
  .columns-triple .column,
  .columns-quadruple .column {
    /* 9 */
    margin-left: expression(this.previousSibling == null ? '0' : '4%');
  }
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(../files/fontawesome-webfont.eot?v=4.4.0);
  src: url(../files/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), url(../files/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), url(../files/fontawesome-webfont.woff?v=4.4.0) format('woff'), url(../files/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), url(../files/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
/**
 * Video: VideoJS
 * ==============
 */
/*!
Video.js Default Styles (http://videojs.com)
Version 4.9.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #ccc;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\f04d";
  font-family: FontAwesome;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
.lt-ie9 .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
  content: "";
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #fff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\f04b";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\f04c";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\f028";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\f026";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\f027";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\f027";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\f065";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\f066";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  /*
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\f04b";
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 2.6em;
  /*
  text-shadow: 0.05em 0.05em 0.1em #000;
  */
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #f4a460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\f1ce";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.4em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\f075";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\f20a";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\f075";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /* display: table-cell; */
  /* This works in Safari but not Firefox. */
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #f4a460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/**
 * This fixes IE7 issues.
 * @see https://github.com/videojs/video.js/issues/1495
 */
.lt-ie8 .vjs-control-bar {
  background-color: #07141e;
}
.lt-ie8 .vjs-play-control {
  font-family: FontAwesome;
  line-height: 3;
  zoom: expression(this.innerHTML+=this.innerHTML.search('\f04b')==-1?'\f04b':'',style.zoom=1,0);
}
.lt-ie8 .vjs-mute-control,
.lt-ie8 .vjs-volume-menu-button {
  font-family: FontAwesome;
  line-height: 3;
  zoom: expression(this.innerHTML+=this.innerHTML.search('\f028')==-1?'\f028':'',style.zoom=1,0);
}
.lt-ie8 .vjs-fullscreen-control {
  font-family: FontAwesome;
  line-height: 3;
  zoom: expression(this.innerHTML+=this.innerHTML.search('\f065')==-1?'\f065':'',style.zoom=1,0);
}
.lt-ie8 .vjs-fullscreen-control {
  font-family: FontAwesome;
  zoom: expression(this.innerHTML+=this.innerHTML.search('\f066')==-1?'\f066':'',style.zoom=1,0);
}
.lt-ie8 .vjs-big-play-button {
  background-color: #07141e;
  font-family: FontAwesome;
  line-height: 2.66;
  zoom: expression(this.innerHTML+=this.innerHTML.search('\f04b')==-1?'\f04b':'',style.zoom=1,0);
}
/* Video: nxr specific defaults */
.vjs-fullscreen {
  padding-top: 0 !important;
}
.video-container p {
  margin-bottom: 0;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  height: 100%;
}
body {
  background: #fffaeb;
  color: #004171;
  min-height: 100%;
  min-width: 320px;
}
body.willkommen {
  background: url(../img/home-bg.jpg) no-repeat fixed 50% 100% / cover;
}
body.open-minded {
  background: none;
}
section,
section * {
  box-sizing: border-box;
}
section {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.section-content {
  color: #565a5b;
  z-index: 123;
}
.section-content,
.content {
  font-size: 15px;
  line-height: 1.66666667;
}
@media (min-width: 1024px) {
  .section-content,
  .content {
    font-size: 18px;
    line-height: 1.5;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #004171;
  font-family: 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h1 {
  margin-bottom: .75em;
  margin-top: .75em;
  text-align: center;
}
h2 {
  font: 26px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
}
.der-vorstand .content h2 {
  margin-bottom: 3em;
  margin-top: 2.5em;
  text-align: center;
}
.der-vorstand .content h2 span {
  border: 1px solid #004171;
  display: inline-block;
  padding: 5px 10px 0;
  position: relative;
}
.der-vorstand .content h2 span:before {
  background: #004171;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  right: 100%;
  top: 50%;
  left: -9999px;
}
h2 small {
  display: block;
  font-style: normal;
  font-size: 14px;
  margin-top: .5em;
}
@media (min-width: 700px) {
  h2 {
    font-size: 30px;
    margin-bottom: .75em;
  }
  h2 small {
    font-size: 16px;
    text-transform: none;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 40px;
  }
}
h3 {
  font: 21px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  margin-bottom: .5em;
}
.section-content h3 {
  color: #565a5b;
}
.content h3,
.sidepanel-2 h3 {
  font-family: 'DINNextLTPro-Medium', Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0;
}
.brief-an-die-aktionaere .content h3 {
  font-family: 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px;
}
.brief-an-die-aktionaere .content h3:before {
  background: #004171;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  width: 140px;
}
@media (min-width: 700px) {
  .brief-an-die-aktionaere .content h3 {
    margin-top: .4em;
    position: absolute;
  }
}
hr {
  border-color: #004171;
}
.table-title,
.table.title {
  border-top: 1px solid #004171;
  display: inline-block;
  line-height: 1.2;
  margin-top: 2em;
  padding-top: 10px;
}
.table-title + p,
.table.title + p {
  font: 13px/1.2 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  text-transform: none;
}
.table-title + .spreadsheet,
.table.title + .spreadsheet,
.table-title + p + .spreadsheet,
.table.title + p + .spreadsheet {
  margin-top: -21.5px;
}
.table-title + .spreadsheet-text,
.table.title + .spreadsheet-text,
.table-title + p + .spreadsheet-text,
.table.title + p + .spreadsheet-text {
  margin-top: 1em;
}
.content .spreadsheet,
.spreadsheet__table-wrapper {
  overflow: auto;
}
.content .spreadsheet {
  margin-bottom: 2em;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
figure {
  margin: 0;
}
figure img + img {
  margin-top: 1em;
}
.image.float-right,
.photo.float-right,
.graph.float-right,
.bild.float-right,
.illustration.float-right {
  margin-top: 0;
  max-width: 380px;
}
.magazine .image,
.magazine .photo,
.magazine .graph,
.magazine .bild,
.magazine .illustration {
  max-width: none;
}
.image h4,
.photo h4,
.graph h4,
.bild h4,
.illustration h4 {
  border-top: 1px solid #004171;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 0;
  padding-top: 10px;
}
.image > p,
.photo > p,
.graph > p,
.bild > p,
.illustration > p {
  font: 13px/1 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;
  margin-bottom: 1.5em;
  text-transform: none;
}
.image img,
.photo img,
.graph img,
.bild img,
.illustration img {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.float-right.image img,
.float-right.photo img,
.float-right.graph img,
.float-right.bild img,
.float-right.illustration img {
  margin-top: 0;
}
.image figcaption,
.photo figcaption,
.graph figcaption,
.bild figcaption,
.illustration figcaption {
  font-size: 13px;
}
.photo figcaption p {
  margin-bottom: 0;
}
.graph-board {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 700px) {
  .graph-board {
    margin-left: 3em;
  }
}
.img-to-front {
  position: relative;
  z-index: 10;
}
blockquote {
  margin: 0;
}
p {
  margin-bottom: 2em;
}
@media (min-width: 700px) {
  .brief-an-die-aktionaere .content h3 ~ p {
    padding-left: 240px;
  }
}
@media (min-width: 1024px) {
  p {
    margin-bottom: 1.5em;
  }
}
a {
  color: #fbb313;
}
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}
a.tablepopup,
a.verweisexcel {
  color: #565A5B;
  font-family: DINNextLTPro-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8333em;
  display: inline-block;
}
.touch td.tablepopup {
  display: none;
}
a.verweisexcel {
  margin-bottom: 1em;
}
a.tablepopup:hover,
a.tablepopup:focus,
a.verweisexcel:hover,
a.verweisexcel:focus {
  text-decoration: none;
  color: #000000;
}
a.tablepopup span:before,
a.verweisexcel span:before {
  font-family: "METRO-GROUP-Icons";
  font-size: 1.4em;
  speak: none;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  margin-right: 0.2857em;
  color: #FCC51D;
  position: relative;
  top: 1px;
}
a.tablepopup:hover span:before,
a.tablepopup:focus span:before,
a.verweisexcel:hover span:before,
a.verweisexcel:focus span:before {
  color: #000000;
}
a.tablepopup span:before {
  content: "\e812";
}
a.verweisexcel span:before {
  content: "\e815";
}
.subheadline {
  margin: 0 0 1.25em;
  position: relative;
  text-align: center;
}
@media (min-width: 700px) {
  .subheadline:before,
  .subheadline:after {
    background: #004171;
    content: '';
    display: block;
    left: 0;
    position: absolute;
  }
  .subheadline:before {
    height: 1px;
    top: 50%;
    width: 50%;
  }
  .subheadline:after {
    top: 50%;
    height: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
  }
  .subheadline span {
    background: #fffaeb;
    display: inline-block;
    max-width: 400px;
    position: relative;
    padding: 0 1em;
  }
  .subheadline span:before {
    border-color: transparent transparent transparent #004171;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    content: '';
    height: 0;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    width: 0;
  }
}
@media (min-width: 1180px) {
  .subheadline:before,
  .subheadline:after {
    left: -100px;
  }
  .subheadline span {
    max-width: 780px;
  }
}
@media (min-width: 1415px) {
  .subheadline:before,
  .subheadline:after {
    left: -200px;
  }
}
.lead {
  font: 16px/1.5 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  letter-spacing: .0375em;
}
.magazine .lead {
  color: #565a5b;
  margin-bottom: 2em;
}
@media (min-width: 700px) {
  .lead {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .lead {
    font-size: 21px;
  }
}
.question {
  color: #004171;
  font-family: 'DINNextLTPro-Medium', Helvetica, Arial, sans-serif;
}
@media (min-width: 700px) {
  .answer {
    max-width: 480px;
  }
  .section-inner-right .answer {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 700px) {
  .answer {
    max-width: 460px;
  }
}
.float-right {
  margin-bottom: 1em;
}
@media (max-width: 699px) {
  .float-right {
    float: none;
  }
}
@media (min-width: 700px) {
  .float-right {
    margin-left: 1em;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.content-container {
  padding-top: 105px;
}
.der-vorstand .content-container {
  padding-top: 0;
}
.content-container > article {
  padding-top: 0;
}
.sidepanel-2 {
  position: relative;
  z-index: 1;
}
.magazine + .sidepanel-2 {
  background: #ffffff;
}
.page-footer p {
  margin: 0;
}
.content {
  margin-bottom: 5em;
}
.board-stage {
  padding-top: 105px;
}
.board-stage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 940px) {
  .board-stage {
    padding-top: 80px;
  }
}
.board-profile-bottom {
  margin-bottom: 3em;
}
.board-profile-bottom h4 {
  margin-bottom: .5em;
}
@media (min-width: 700px) {
  .board-profile-bottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.board-responsibility {
  width: 380px;
}
.board-profile-top {
  border-color: #004171;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 2em;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  position: relative;
}
@media (min-width: 700px) {
  .board-profile-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .board-profile-top .photo:not(img),
  .board-responsibility {
    min-width: 380px;
    margin-right: 1.5em;
  }
  .board-profile:nth-child(odd) .board-profile-top .photo:not(img) {
    margin-left: 1.5em;
    margin-right: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.board-message {
  font: 1.38888889em 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  line-height: 1.4;
  margin-top: .5em;
}
.board-message p {
  font-size: 1.52em;
  margin-bottom: .5em;
}
.board-message p + p {
  font-size: 1em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .board-message {
    margin-top: 0;
  }
  .board-message p {
    margin-bottom: 1em;
  }
}
.stage {
  background: #004171;
  min-height: 435px;
  height: 100vh;
  padding: 55px 0 0;
}
.stage-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.stage-inner:after,
.stage-inner:before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: -1;
}
.stage-inner:before {
  left: 0;
}
.story-1 .stage-inner:before {
  background-image: url(../img/s1_stage_01.jpg);
}
.story-2 .stage-inner:before {
  background-image: url(../img/s2_stage_01.jpg);
}
.story-3 .stage-inner:before {
  background-image: url(../img/s3_stage_01.jpg);
}
.story-4 .stage-inner:before {
  background-image: url(../img/s4_stage_01.jpg);
}
.stage-inner:after {
  right: 0;
}
.story-1 .stage-inner:after {
  background-image: url(../img/s1_stage_02.jpg);
}
.story-2 .stage-inner:after {
  background-image: url(../img/s2_stage_02.jpg);
}
.story-3 .stage-inner:after {
  background-image: url(../img/s3_stage_02.jpg);
}
.story-4 .stage-inner:after {
  background-image: url(../img/s4_stage_02.jpg);
}
.stage-names {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
@media (min-width: 700px) {
  .stage-names {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 143px;
  }
}
.stage-names-bright {
  background: rgba(255, 255, 255, 0.6);
}
@media (min-width: 700px) {
  .stage-names-bright {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 100%);
  }
}
.stage-name {
  color: #ffffff;
  font-size: 13px;
  margin: 10px;
}
.ipad .stage-name,
.ipad .stage-name:first-of-type {
  margin-bottom: 35px;
}
.stage-names-bright .stage-name {
  color: #333333;
}
.stage-name + .stage-name:before {
  background: rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  height: 1px;
  margin: 10px 0;
}
@media (max-width: 699px) {
  .stage-name:first-of-type {
    margin-bottom: 0;
  }
  .stage-name:last-of-type {
    margin-top: 0;
  }
}
@media (min-width: 700px) {
  .stage-name {
    margin: 17px;
    width: 50%;
  }
  .stage-name + .stage-name:before {
    display: none;
  }
}
.stage-person {
  text-transform: uppercase;
}
.message-ceo {
  margin-bottom: 2em;
}
.message-ceo:before,
.message-ceo:after {
  content: " ";
  display: table;
}
.message-ceo:after {
  clear: both;
}
.icon-chevron-left:before,
.bx-prev-icon:before {
  content: '\e801';
}
.icon-chevron-right:before,
.bx-next-icon:before {
  content: '\e802';
}
.icon-link-external:before,
.team-card-link:before {
  content: '\e835';
}
.icon-arrow-down:before,
.big-number-group .decrease p:before,
.group .decrease p:before {
  content: '\e836';
}
.icon-arrow-up:before,
.big-number-group .increase p:before,
.group .increase p:before {
  content: '\e837';
}
.icon-caret-right:before,
.home-links a span:after,
.main-chapter-links a span:after {
  content: '\e82c';
}
.icon-video:before,
.video-link:before {
  content: '\e818';
}
.scroll-down-container {
  display: none;
}
@media (min-width: 700px) {
  .scroll-down-container {
    bottom: 100px;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
  }
}
@media (min-width: 1024px) {
  .scroll-down-container {
    bottom: 80px;
  }
}
@-webkit-keyframes scroll-down {
  0% {
    -webkit-transform: translateY(-8.5px);
    transform: translateY(-8.5px);
  }
  100% {
    -webkit-transform: translateY(2.6px);
    transform: translateY(2.6px);
  }
}
@keyframes scroll-down {
  0% {
    -webkit-transform: translateY(-8.5px);
    transform: translateY(-8.5px);
  }
  100% {
    -webkit-transform: translateY(2.6px);
    transform: translateY(2.6px);
  }
}
.scroll-down {
  text-indent: -999em;
  -webkit-animation: scroll-down 0.7s ease-in infinite alternate;
  animation: scroll-down 0.7s ease-in infinite alternate;
  background: #ffffff url(../files/scroll-down.svg) no-repeat 50% 50%;
  border-radius: 50%;
  display: block;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  width: 55px;
}
.message,
.main-title,
.home-title,
.home-card h2 {
  font: 40px/1 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
}
.der-vorstand .message,
.der-vorstand .main-title,
.der-vorstand .home-title,
.der-vorstand .home-card h2 {
  margin-top: -2em;
  position: relative;
  z-index: 2;
}
.win .message,
.win .main-title,
.win .home-title,
.win .home-card h2 {
  line-height: 1.1;
}
.chrome.win .message,
.chrome.win .main-title,
.chrome.win .home-title,
.chrome.win .home-card h2 {
  line-height: 1.2;
}
.message span,
.main-title span,
.home-title span,
.home-card h2 span {
  color: #ffffff;
}
.message > span,
.main-title > span,
.home-title > span,
.home-card h2 > span {
  display: block;
  padding-top: 12px;
}
.message > span > span,
.main-title > span > span,
.home-title > span > span,
.home-card h2 > span > span {
  background: rgba(0, 65, 113, 0.9);
  letter-spacing: .225em;
  padding: 0 .1em .05em .325em;
}
.mac .message > span > span,
.mac .main-title > span > span,
.ipad .message > span > span,
.ipad .main-title > span > span,
.iphone .message > span > span,
.iphone .main-title > span > span,
.mac .home-title > span > span,
.ipad .home-title > span > span,
.iphone .home-title > span > span,
.mac .home-card h2 > span > span,
.ipad .home-card h2 > span > span,
.iphone .home-card h2 > span > span {
  padding-top: .15em;
}
@media (min-width: 700px) {
  .message,
  .main-title,
  .home-title,
  .home-card h2 {
    font-size: 68px;
  }
  .der-vorstand .message,
  .der-vorstand .main-title,
  .der-vorstand .home-title,
  .der-vorstand .home-card h2 {
    right: 1em;
  }
  .message > span,
  .main-title > span,
  .home-title > span,
  .home-card h2 > span {
    padding-top: 30px;
  }
}
@media (min-width: 1180px) {
  .message,
  .main-title,
  .home-title,
  .home-card h2 {
    font-size: 98px;
  }
}
.message-first,
.message-last {
  position: relative;
}
.message-first {
  right: 1.275em;
}
@media (max-width: 699px) {
  .story-4 .message-first,
  :not(.magazine) .message-first {
    right: auto;
  }
}
.message-last {
  left: 1.275em;
}
@media (max-width: 699px) {
  :not(.magazine) .message-last {
    left: auto;
  }
}
.magazine .photo {
  margin-bottom: 4em;
  margin-top: 4em;
}
.magazine .photo:first-child {
  margin-top: 0;
}
.photo > img {
  display: block;
}
.photo .photo-caption p {
  color: #004171;
  font: 12px/1.25 'DINNextLTPro-Medium', Helvetica, Arial, sans-serif;
  margin: 1em 0;
}
@media (min-width: 1024px) {
  .photo .photo-caption p {
    font-size: 14px;
    line-height: 1.5;
    margin-left: 1em;
    margin-right: 1em;
  }
  .photo .photo-caption-arrow {
    display: block;
    height: 0;
    position: relative;
    width: 384px;
  }
  .photo .photo-caption-arrow:before {
    background: #004171;
    content: '';
    display: block;
    height: 13px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 1px;
  }
  .photo .photo-caption-arrow:after {
    background: #004171;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .photo .photo-caption-caret {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 31px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 31px;
  }
  .photo .photo-caption-caret:before {
    border-color: transparent transparent transparent #004171;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    content: '';
    height: 0;
    display: block;
    left: 2px;
    position: relative;
    width: 0;
  }
}
.photo-single {
  margin-bottom: 1em;
  margin-top: 1em;
}
@media (min-width: 1024px) {
  .photo-single {
    min-height: 350px;
    position: relative;
  }
  .photo-single > img {
    margin-left: auto;
    margin-right: -320px;
  }
  .photo-single .photo-caption {
    bottom: 100px;
    left: 80px;
    position: absolute;
    width: 320px;
  }
}
@media (min-width: 700px) {
  .photo-group {
    height: 404px;
    position: relative;
  }
  .photo-group > img:nth-child(1) {
    width: 368px;
  }
  .section-inner-right .photo-group > img:nth-child(1) {
    margin-left: auto;
    margin-right: 0;
  }
  .photo-group > img:nth-child(2) {
    left: 320px;
    margin: 0;
    position: absolute;
    top: 40px;
    width: 314px;
  }
  .section-inner-right .photo-group > img:nth-child(2) {
    left: -80px;
  }
  .photo-group .photo-caption {
    margin-top: 1em;
    width: 300px;
  }
  .section-inner-right .photo-group .photo-caption {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .photo-group {
    height: 595px;
  }
  .photo-group > img:nth-child(1) {
    width: 540px;
  }
  .photo-group > img:nth-child(2) {
    left: 480px;
    top: 62px;
    width: 460px;
  }
  .section-inner-right .photo-group > img:nth-child(2) {
    left: -320px;
    top: 73px;
  }
  .photo-group .photo-caption {
    margin-left: 160px;
  }
  .section-inner-right .photo-group .photo-caption {
    margin-left: 150px;
    margin-right: auto;
  }
  .photo-group .photo-caption-arrow {
    width: 478px;
  }
  .section-inner-right .photo-group .photo-caption-arrow {
    right: 178px;
  }
  .section-inner-right .photo-group .photo-caption-arrow:before {
    left: auto;
    right: 0;
  }
  .section-inner-right .photo-group .photo-caption-caret {
    left: -15px;
    right: auto;
  }
  .section-inner-right .photo-group .photo-caption-caret:before {
    border-color: transparent #004171 transparent transparent;
    border-width: 6.5px 8px 6.5px 0;
    left: -2px;
  }
}
.photo-ceo,
.board-profile-top .photo:not(img),
.board-responsibility {
  position: relative;
}
.photo-ceo img,
.board-profile-top .photo:not(img) img,
.board-responsibility img {
  margin: 0;
}
.photo-ceo figcaption,
.board-profile-top .photo:not(img) figcaption,
.board-responsibility figcaption {
  background: rgba(0, 65, 113, 0.9);
  bottom: 0;
  color: #ffffff;
  font: 15px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  left: 0;
  letter-spacing: .033em;
  padding: 10px 10px 5px;
  position: absolute;
}
.photo-ceo figcaption p,
.board-profile-top .photo:not(img) figcaption p,
.board-responsibility figcaption p {
  margin-bottom: 0;
}
.win .photo-ceo figcaption,
.win .board-profile-top .photo:not(img) figcaption,
.win .board-responsibility figcaption {
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}
.photo-slide img {
  width: 100%;
}
.photo-slide figcaption {
  background: #fffaeb;
}
.photo-slide figcaption:before,
.photo-slide figcaption:after {
  content: " ";
  display: table;
}
.photo-slide figcaption:after {
  clear: both;
}
.photo-slide p {
  color: #333333;
  font-size: 12px;
  line-height: 1.5;
  margin: 20px auto;
  max-width: 620px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 700px) {
  .photo-slide p {
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1180px) {
  .photo-slide p {
    margin-left: 0;
    max-width: 540px;
  }
}
@media (min-width: 1180px) {
  .photo-slide-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
  }
}
.bx-wrapper {
  position: relative;
}
@media (max-width: 699px) {
  .bx-wrapper .photo-slide p {
    margin-top: 40px;
  }
}
@media (min-width: 700px) {
  .bx-wrapper .photo-slide p {
    padding-left: 100px;
  }
}
@media (min-width: 1024px) {
  .bx-wrapper .photo-slide p {
    padding-left: 65px;
  }
}
.bx-controls {
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.bx-pager {
  color: #333333;
  font: 16px/1.3125 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  padding: 12px 10px;
  pointer-events: none;
  text-align: center;
}
@media (min-width: 700px) {
  .bx-pager {
    font-size: 21px;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
    position: relative;
    text-align: left;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    width: 620px;
  }
  .bx-pager:before {
    background: #979797;
    bottom: 20px;
    content: '';
    display: block;
    left: 35px;
    position: absolute;
    top: 20px;
    width: 1px;
  }
}
@media (min-width: 1024px) {
  .bx-pager {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@media (min-width: 1180px) {
  .bx-pager {
    width: 940px;
  }
}
.bx-controls-direction {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
}
.bx-next,
.bx-prev {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 43px;
  line-height: 1;
  height: 47px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: auto;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
  transition: -webkit-transform 0.4s;
  transition: transform .4s;
  width: 43px;
}
.bx-next:focus,
.bx-prev:focus,
.bx-next:hover,
.bx-prev:hover {
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 700px) {
  .bx-next,
  .bx-prev {
    margin: 20px;
  }
}
@media (min-width: 1180px) {
  .bx-next,
  .bx-prev {
    margin: 30px;
  }
}
.no-touch .bx-next:hover {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}
.no-touch .bx-prev:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.bx-next-text,
.bx-prev-text {
  display: none;
}
.bx-next-icon:before,
.bx-prev-icon:before {
  margin: 0;
}
@media (min-width: 1024px) {
  .quote-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 880px;
  }
  .section-inner-right .quote-container {
    right: 260px;
    position: relative;
  }
}
@media (min-width: 700px) {
  .quote-group {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 3em -10px;
    width: 650px;
  }
  .section-inner-right .quote-group {
    right: 80px;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .quote-group {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 0 80px;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: static;
    min-width: 320px;
  }
  .section-inner-right .quote-group {
    margin-left: 0;
    margin-right: 80px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    right: auto;
  }
}
@media (min-width: 1180px) {
  .quote-group {
    margin-left: 20px;
    min-width: 400px;
  }
  .section-inner-right .quote-group {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .quote-content {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .section-inner-right .quote-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
.content .quote {
  border-color: #004171;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 2em;
  margin-top: 2em;
  padding: 2em 1.25em;
  position: relative;
}
.content .quote p {
  color: #004171;
  font: 27px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  margin: 0 0 .75em;
  letter-spacing: .075em;
}
.content .quote cite {
  color: #004171;
  display: inline-block;
  font: 16px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  max-width: 536px;
}
.section-content .quote {
  background: #ffffff;
  border-color: #565a5b;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 3em;
  margin-top: 3em;
  padding: 21px 14px;
}
@media (max-width: 1023px) {
  .content .quote cite {
    max-width: 300px;
  }
}
@media (min-width: 700px) {
  .content .quote {
    margin: 3em 240px 3em 0;
  }
  .content .quote.quote-reverse {
    margin-left: 240px;
    margin-right: 0;
    text-align: right;
  }
  .content .quote.quote-reverse:before,
  .content .quote.quote-reverse:after {
    left: -240px;
    right: auto;
  }
  .content .quote.quote-reverse p {
    text-align: left;
  }
  .content .quote.quote-reverse cite:before {
    border-color: transparent transparent transparent #004171;
    border-width: 7px 0 7px 8px;
    left: 44px;
    right: auto;
  }
  .content .quote:before,
  .content .quote:after {
    background: #004171;
    bottom: 40px;
    content: '';
    display: block;
    position: absolute;
    right: -240px;
  }
  .content .quote:before {
    height: 1px;
    transform: translateY(-7px);
    width: 284px;
  }
  .content .quote:after {
    height: 15px;
    width: 1px;
  }
  .content .quote cite:before {
    border-color: transparent #004171 transparent transparent;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    bottom: 40px;
    content: '';
    height: 0;
    display: block;
    position: absolute;
    right: 44px;
    width: 0;
  }
  .section-content .quote {
    margin: 0 10px;
  }
}
@media (min-width: 1024px) {
  .content .quote.quote-reverse cite:before {
    left: 144px;
  }
  .content .quote:before {
    width: 384px;
  }
  .content .quote cite:before {
    right: 144px;
  }
  .section-content .quote {
    margin: 0;
    padding: 37px 19px 26px;
  }
  .section-content .quote + .quote {
    margin-top: 30px;
  }
}
.quote-text {
  color: #333333;
  font: 24px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  letter-spacing: .148em;
  margin: 0;
}
@media (min-width: 1024px) {
  .quote-text {
    font-size: 34px;
  }
}
.quote-footer {
  margin-top: 1em;
}
.quote-footer cite {
  color: #565a5b;
  display: block;
  font: 16px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  letter-spacing: .03em;
}
@media (min-width: 1024px) {
  .quote-footer {
    margin-top: 1.25em;
  }
}
.big-number-group,
.group {
  border-color: #004171;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 3em;
  margin-top: 3em;
  padding-bottom: 1em;
}
.big-number-group figure,
.group figure {
  margin-top: 1em;
  padding-top: 1em;
}
.big-number-group h4,
.group h4 {
  font-size: 1.11111111em;
  line-height: 1;
}
.big-number-group p,
.group p {
  margin-bottom: 0;
}
.big-number-group figcaption,
.group figcaption {
  font: 1.44444444em 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  line-height: 1;
}
.big-number-group .column + .column figure,
.group .column + .column figure {
  border-top: 1px solid #004171;
  padding-top: 2em;
}
.big-number-group .increase p:before,
.group .increase p:before,
.big-number-group .decrease p:before,
.group .decrease p:before {
  font-size: .75em;
  padding-right: .5em;
  position: relative;
  top: -0.1125em;
}
@media (min-width: 768px) {
  .big-number-group figure,
  .group figure {
    border-right: 1px solid #004171;
    box-sizing: border-box;
    margin-top: 2em;
    padding-right: 2em;
    padding-top: 0;
  }
  .big-number-group .column + .column figure,
  .group .column + .column figure {
    border-top: 0;
    padding-top: 0;
  }
  .big-number-group .column:last-child figure,
  .group .column:last-child figure {
    border: 0;
  }
}
.big-number {
  font: 4.44444444em 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  line-height: 1;
  text-indent: -5px;
  white-space: nowrap;
}
.big-number small {
  font-size: 0.55555556em;
}
.text-box {
  border: 1px solid #004171;
  box-sizing: border-box;
  font-family: 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  max-width: 460px;
  padding: 1.66666667em;
}
.text-box h3 {
  font-family: inherit;
  font-size: 1.33333333em;
  margin-bottom: 1em;
}
.text-box p {
  letter-spacing: .033em;
  margin-bottom: 0;
}
.text-group {
  margin-bottom: 2em;
  margin-top: 2em;
}
.text-group .image,
.text-group .photo,
.text-group .graph {
  margin-bottom: 2em;
  margin-top: 2em;
}
@media (min-width: 768px) {
  .text-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .text-group .image,
  .text-group .photo,
  .text-group .graph,
  .text-group .big-number-group {
    margin-top: 0;
  }
  .text-group .big-number-group {
    padding-bottom: 1.5em;
    width: 300px;
  }
  .text-group .big-number-group figure {
    border-right: 0;
    margin-top: 1.5em;
  }
  .text-group .big-number-group .column + .column figure {
    border-top: 1px solid #004171;
    padding-top: 1.5em;
  }
}
.text-group-side {
  display: none;
}
@media (min-width: 768px) {
  .text-group-side {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 1.5em;
    min-width: 380px;
  }
}
@media (min-width: 768px) {
  .text-group-content .image,
  .text-group-content .photo,
  .text-group-content .graph,
  .text-group-content .big-number-group {
    display: none;
  }
}
.signature p {
  font: 21px/1.4 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
}
.signature p + p {
  font-size: 16px;
}
@media (min-width: 700px) {
  .signature {
    margin-left: 240px;
  }
}
.card-group {
  margin-top: 3em;
}
@media (min-width: 1024px) {
  .card-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2em;
    margin-top: 3em;
  }
}
.section-2 .card {
  margin-bottom: 3em;
  margin-top: 3em;
}
.card + .card {
  border-color: #004171;
  border-style: solid;
  border-width: 1px 0 0;
  margin-top: 2em;
  padding-top: 3em;
}
@media (min-width: 700px) {
  .card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .card + .card {
    margin-top: 2em;
    padding-top: 2em;
  }
}
@media (min-width: 1024px) {
  .card {
    padding-right: 40px;
  }
  .card + .card {
    border-width: 0 0 0 1px;
    margin-top: 0;
    padding: 0 0 0 40px;
  }
}
.card-photo {
  margin-bottom: 1em;
  margin-right: 2em;
  min-width: 140px;
}
.section-2 .card-photo {
  margin-right: 20px;
}
@media (min-width: 700px) {
  .card-photo {
    margin-bottom: 0;
  }
}
.card-content p {
  font-size: 13px;
}
.team-card-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.team-card {
  margin-bottom: 3em;
  padding: 0 10px;
}
@media (min-width: 700px) {
  .team-card {
    float: left;
    margin-bottom: 2em;
    width: 50%;
  }
}
.team-card-photo {
  position: relative;
}
.team-card-caption {
  background: rgba(0, 65, 113, 0.9);
  bottom: 0;
  color: #ffffff;
  font: 21px/1.2 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  left: 0;
  letter-spacing: .033em;
  padding: 10px 10px 5px;
  position: absolute;
  text-transform: uppercase;
}
.win .team-card-caption {
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}
.team-card-content {
  font-size: 13px;
  margin-top: 1.5em;
}
.team-card-key {
  color: #004171;
  font-family: 'DINNextLTPro-Medium', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.team-card-link {
  display: block;
  margin: 1em 0;
}
.team-card-link:before {
  font-size: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}
.section-container {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.ipad .section-container,
.iphone .section-container,
.win8.msie11 .section-container {
  background: none !important;
}
.story-1 .section-1,
.ipad .magazine.story-1:before,
.iphone .magazine.story-1:before,
.win8.msie11 .magazine.story-1:before {
  background-image: url(../img/s1_bg_01.jpg);
}
.story-2 .section-1,
.ipad .magazine.story-2:before,
.iphone .magazine.story-2:before,
.win8.msie11 .magazine.story-2:before {
  background-image: url(../img/s2_bg_01.jpg);
}
.story-3 .section-1,
.ipad .magazine.story-3:before,
.iphone .magazine.story-3:before,
.win8.msie11 .magazine.story-3:before {
  background-image: url(../img/s3_bg_01.jpg);
}
.story-4 .section-1,
.ipad .magazine.story-4:before,
.iphone .magazine.story-4:before,
.win8.msie11 .magazine.story-4:before {
  background-image: url(../img/s4_bg_01.jpg);
}
.ipad .magazine.story-1:before,
.ipad .magazine.story-2:before,
.ipad .magazine.story-3:before,
.ipad .magazine.story-4:before {
  z-index: -1;
}
.story-1 .section-2 {
  background-image: url(../img/s1_bg_02.jpg);
}
.story-2 .section-2 {
  background-image: url(../img/s2_bg_02.jpg);
}
.story-3 .section-2 {
  background-image: url(../img/s3_bg_02.jpg);
}
.story-4 .section-2 {
  background-image: url(../img/s4_bg_02.jpg);
}
.section-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
}
@media (max-width: 699px) {
  .section-about .section-content {
    max-width: 620px;
  }
}
@media (min-width: 1024px) {
  .section-content {
    max-width: 980px;
  }
}
.section-inner {
  background: #ffffff;
  padding: 35px 10px;
}
@media (min-width: 700px) {
  .section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .section-inner {
    padding-top: 83px;
  }
}
.section-inner-left,
.section-inner-right {
  margin-left: auto;
  margin-right: auto;
  max-width: 596px;
  padding-bottom: 0;
}
.section-inner-left:before,
.section-inner-right:before,
.section-inner-left:after,
.section-inner-right:after {
  content: " ";
  display: table;
}
.section-inner-left:after,
.section-inner-right:after {
  clear: both;
}
@media (min-width: 1024px) {
  .section-inner-left,
  .section-inner-right {
    max-width: 660px;
  }
}
@media (min-width: 700px) {
  .section-inner-left {
    margin-left: 0;
  }
}
@media (min-width: 700px) {
  .section-inner-right {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .section-inner-right {
    margin-right: 82px;
  }
}
.section-about {
  background: #ffffff;
}
.ipad .magazine:before,
.iphone .magazine:before,
.win8.msie11 .magazine:before {
  background: no-repeat 50% 50% / cover;
  content: '';
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 0;
}
.section-home {
  padding: 105px 10px 0;
  max-width: 800px;
  margin: 0 auto;
  min-height: 100vh;
}
.section-home:before,
.section-home:after {
  content: " ";
  display: table;
}
.section-home:after {
  clear: both;
}
.section-home,
.section-home *,
.section-home:before,
.section-home:after,
.section-home *:before,
.section-home *:after {
  box-sizing: border-box;
}
@media (min-width: 940px) {
  .section-home {
    padding-top: 83px;
  }
}
.home-title {
  font-size: 60px;
  margin-bottom: .4em;
}
.home-title > span {
  display: inline-block;
  padding: 0;
}
.home-title > span > span {
  display: block;
  margin: -0.075em 0;
}
.home-title .report-type,
.home-title .report-year {
  background: none;
  font-size: 0.25882353em;
  letter-spacing: 0;
  padding: 0 .2em;
}
.home-title .report-type {
  text-align: left;
}
.home-title .report-year {
  text-align: right;
}
.home-title .slogan {
  background: none;
  padding: 0;
  letter-spacing: -0.013em;
}
@media (min-width: 480px) {
  .home-title {
    font-size: 96px;
  }
}
@media (min-width: 700px) {
  .home-title {
    font-size: 132px;
  }
}
@media (min-width: 1024px) {
  .home-title {
    font-size: 170px;
  }
}
.home-links,
.main-chapter-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -10px;
}
.home-links li,
.main-chapter-links li {
  float: left;
  padding: 0 10px;
  width: 100%;
}
.home-links a,
.main-chapter-links a {
  color: #ffffff;
  border-top: 4px solid #ffffff;
  display: block;
  font: 20px/1 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  letter-spacing: .1667em;
  margin-bottom: 1.25em;
  padding: 15px 0 15px;
  text-transform: uppercase;
}
.home-links a span:after,
.main-chapter-links a span:after {
  display: inline;
}
.home-links a:focus,
.home-links a:hover,
.main-chapter-links a:focus,
.main-chapter-links a:hover {
  border-top-color: #fcc51d;
  color: #fcc51d;
}
@media (min-width: 700px) {
  .home-links li,
  .main-chapter-links li {
    width: 50%;
  }
  .home-links a,
  .main-chapter-links a {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  .home-links a,
  .main-chapter-links a {
    font-size: 30px;
  }
}
.home-cards {
  margin: 0 -10px;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8em;
}
.home-card {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding: 10px;
  width: 100%;
}
.home-card h2 {
  color: #ffffff;
  font-size: 32px;
  margin-bottom: .5em;
  text-align: center;
}
.home-card h2 > span {
  padding-top: 12px;
}
.home-card h2 > span > span {
  background: none;
  letter-spacing: .1em;
  padding-left: .2em;
  transition: .4s;
}
.home-card h2 > span + span {
  margin-right: -30px;
  overflow: hidden;
  padding-right: 30px;
}
.home-card .message-first {
  right: 1em;
}
html[lang=de] .home-card:nth-child(4) .message-first {
  right: auto;
}
html[lang=de] .home-card:nth-child(3) .message-last {
  left: .75em;
}
.home-card .message-last {
  left: 1em;
  position: relative;
}
.home-card .message-last:before {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  content: '';
  height: 0;
  display: block;
  margin-right: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 100%;
  width: 0;
}
.home-card .message-last:after {
  background: #ffffff;
  content: '';
  height: 1px;
  position: absolute;
  top: 50%;
  margin-right: 21px;
  margin-top: -1px;
  right: 100%;
  width: 999px;
}
.home-card p {
  color: #ffffff;
  font: 13px/18px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
.home-card a {
  border-color: #ffffff;
  border-style: solid;
  border-width: 4px 1px 1px;
  display: block;
  padding: 22px 30px;
}
.home-card a:focus,
.home-card a:hover {
  background: rgba(0, 65, 113, 0.2);
  border-color: transparent;
}
.home-card a:focus h2 > span > span,
.home-card a:hover h2 > span > span {
  background: #004171;
}
@media (min-width: 480px) {
  .home-card h2 {
    font-size: 45px;
  }
}
@media (min-width: 700px) {
  .home-card {
    width: 50%;
  }
  .home-card h2 {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .home-card h2 {
    font-size: 45px;
  }
}
.main-chapter-links,
.main-chapter-links * {
  box-sizing: border-box;
}
.main-chapter-links a {
  border-color: #004171;
  color: #004171;
}
.link-box a:focus,
.link-box a:hover {
  text-decoration: underline;
}
.link-box span {
  position: static;
}
.toolbox {
  margin-bottom: 9em;
}
.open-minded .flatnav {
  margin: 0 auto 5em;
  max-width: 940px;
  padding: 0 10px;
}
.spalte_fuenftel .spalten {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 152px;
  text-align: center;
}
.spalte_fuenftel .spalten > * {
  margin: 2em .5em;
}
.spalte_fuenftel .spalten > * strong {
  font-family: inherit;
}
.spalte_fuenftel .spalten > * img {
  margin-left: auto;
  margin-right: auto;
}
.content .spalte_fuenftel .footer p .block {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 12px;
  position: relative;
  bottom: -2px;
}
.content .spalte_fuenftel .footer p .text {
  margin-right: 1.25em;
}
.content ul,
.content ol {
  margin-bottom: 1.5em;
  padding-left: 1em;
}
.content ul li,
.content ol li {
  margin-bottom: .5em;
}
.content .comment {
  font-size: 0.8666667em;
  line-height: 1.3846154;
  margin-bottom: 2em;
}
@media (min-width: 940px) {
  .content .comment {
    font-size: 0.8333333em;
    line-height: 1.3;
    font-family: DINNextLTPro-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}
.columns.group {
  padding-bottom: 2em;
}
.columns.group figure {
  margin-top: 2em;
  padding-top: 2em;
}
.columns.group .column:first-of-type figure {
  margin-top: 1em;
  padding-top: 1em;
}
.columns.group .salesline {
  font: 14px/1.4 'DINNextLTPro-Medium', Helvetica, Arial, sans-serif;
}
.columns.group .salesline.head {
  font: 1.61111111em 'DINNextLTPro-Condensed', Helvetica, Arial, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: .25em;
}
@media (min-width: 768px) {
  .columns.group figure,
  .columns.group .column:first-of-type figure {
    margin-top: 2em;
    padding-top: 0;
  }
}
.old-browser {
  background: #004171;
  border: 1px solid #004171;
  position: fixed;
  left: 50%;
  margin-left: -320px;
  top: 40%;
  width: 640px;
  z-index: 1000;
}
.old-browser.hidden {
  display: none;
}
.old-browser:before {
  background: rgba(0, 0, 0, 0.5);
  content: '';
  display: block;
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
.old-browser-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .customer-value.double > .column {
    width: 56%;
  }
  .customer-value.double > .column + .column {
    width: 40%;
  }
}
.customer-value-map {
  position: relative;
  margin: 0 auto 3em;
  max-width: 500px;
}
.value-map-img {
  cursor: pointer;
}
.customer-value-customer,
.customer-value-transform,
.customer-value-grow,
.customer-value-improve,
.customer-value-expand,
.customer-value-innovate,
.customer-value-sustainability {
  display: none;
}
.customer-value-customer.active,
.customer-value-transform.active,
.customer-value-grow.active,
.customer-value-improve.active,
.customer-value-expand.active,
.customer-value-innovate.active,
.customer-value-sustainability.active {
  display: block;
}
.video-js {
  max-width: 100%;
  padding-top: 56.25%;
}
.graph-board .video-js {
  width: 380px;
}
.vjs-fullscreen {
  padding-top: 0px;
}
.vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-link {
  text-decoration: none;
}
.video-link:hover {
  text-decoration: underline;
}
.video-link:before {
  margin-right: .5em;
  display: inline-block;
  text-decoration: none;
}
.video-link:before,
.video-link:hover:before {
  text-decoration: none;
}
.video-teaser {
  font-size: 13px;
}



.nowrap {white-space: nowrap;}