* {
   padding: 0;
   margin: 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;
 }
 /* WEBFONT */
 /* Helvetica Neue Light */
 @font-face {
   font-family: "Helvetica Neue LT W06 45 Light";
   src: url(../files/2b5cafe0-7a75-4a94-8c93-83a1045ab561.eot?#iefix);
   src: url(../files/2b5cafe0-7a75-4a94-8c93-83a1045ab561.eot?#iefix) format("embedded-opentype"), url(../files/0ee5a0a2-d066-4165-9d6a-bc5ef03378d4.woff) format("woff"), url(../files/61d037d3-89f4-41ba-bdbf-236fb71985fe.ttf) format("truetype"), url(../files/986d248f-a13b-4ab2-b00a-1cba92708a5e.svg#986d248f-a13b-4ab2-b00a-1cba92708a5e) format("svg");
 }
 /* Helvetica Neue Roman */
 @font-face {
   font-family: "Helvetica Neue LT W06 55 Roman";
   src: url(../files/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix);
   src: url(../files/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix) format("embedded-opentype"), url(../files/990dea59-fcdd-461d-863d-3517e48e8ed0.woff) format("woff"), url(../files/faf94d73-68f4-48a2-970f-f57530c211c9.ttf) format("truetype"), url(../files/e4bb531b-d9fc-405e-88c3-1b34c22a8c50.svg#e4bb531b-d9fc-405e-88c3-1b34c22a8c50) format("svg");
 }
 /* Helvetica Neue Bold */
 @font-face {
   font-family: "Helvetica Neue LT W06 75 Bold";
   src: url(../files/57deecaf-8d98-4879-a2c3-fd4e39763792.eot?#iefix);
   src: url(../files/57deecaf-8d98-4879-a2c3-fd4e39763792.eot?#iefix) format("embedded-opentype"), url(../files/cb4a0bc9-8ebf-49d0-8141-f678590cdd7a.woff) format("woff"), url(../files/dc5e824b-32f0-4eaf-96da-edc62194996b.ttf) format("truetype"), url(../files/b171a7aa-9403-4e4c-aef3-f4ad65c836ba.svg#b171a7aa-9403-4e4c-aef3-f4ad65c836ba) format("svg");
 }
 /* ICONFONT */
 @font-face {
   font-family: "BASF_Iconfont";
   font-weight: normal;
   font-style: normal;
   src: url(../files/basf_iconfont.eot);
   src: url(../files/basf_iconfont.eot?iefix) format("embedded-opentype"), url(../files/basf_iconfont.woff) format("woff"), url(../files/basf_iconfont.ttf) format("truetype"), url(../files/basf_iconfont.svg#basf_iconfont) format("svg");
 }
 .iconfont {
   font-family: 'BASF_Iconfont';
   font-size: 2em;
   color: #004A96;
 }
 /* ICONFONT 2 */
 @font-face {
   font-family: "BASF_Iconfont2";
   font-weight: normal;
   font-style: normal;
   src: url(../files/basf_iconfont2.eot);
   src: url(../files/basf_iconfont2.eot?iefix) format("embedded-opentype"), url(../files/basf_iconfont2.woff) format("woff"), url(../files/basf_iconfont2.ttf) format("truetype"), url(../files/basf_iconfont2.svg#basf_iconfont) format("svg");
 }
 .iconfont {
   font-family: 'BASF_Iconfont';
   font-size: 2em;
   color: #004A96;
 }
 /* Basic styling */
 html {
   /* see h5bp.com/g */
   height: 100.3%;
   /* force vertical scroll bar */
   padding: 0;
   /* force vertical scroll bar */
   margin-bottom: 0.1px;
   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%;
 }
 html,
 button,
 input,
 select,
 textarea {
   font-family: 'Helvetica Neue LT W06 55 Roman', 'Helvetica Neue', Arial, sans-serif;
   color: #333333;
 }
 body {
   /* no units here! http://faq.nexxar.com/questions/155/ */
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 0.5em;
   /* setting default font-size to 10px - needed for proper em calculation in IE */
   line-height: 1.4;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   overflow-x: hidden;
 }
 /* Image definitions */
 img {
   height: auto !important;
   border: none;
   max-width: 100%;
 }
 /* Link definitions */
 a {
   color: #004A96;
   text-decoration: none;
   outline: 0 !important;
 }
 a:hover {
   color: #898989;
 }
 a:active {
   background-color: transparent;
 }
 a:before,
 a:after {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 /* 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;
 }
 .btn,
 a.btn {
   position: relative;
   padding: 0.8em 1.45em;
   background-color: #004A96;
   font-weight: 900;
   font-size: 1.4em;
   color: #FFFFFF;
 }
 .btn:hover,
 a.btn:hover {
   background-color: #7C7C7C;
 }
 i {
   font-style: normal;
 }
 em {
   font-style: italic;
 }
 /* List definitions */
 nav ul,
 nav ol {
   list-style: none;
   list-style-image: none;
 }
 ul,
 ol {
   *zoom: 1;
 }
 dl {
   font-size: 1.4em;
 }
 dd,
 dt {
   margin-bottom: 2em;
 }
 /* Typography */
 abbr[title] {
   border-bottom: 1px dotted;
 }
 b,
 strong {
   font-family: "Helvetica Neue LT W06 75 Bold";
   font-weight: normal;
 }
 blockquote {
   margin: 1em 40px;
 }
 dfn {
   font-style: italic;
 }
 hr {
   display: block;
   clear: both;
   width: 100%;
   height: 0;
   padding: 0;
   margin: 0;
   margin-bottom: 20px;
   border: 0;
   border-bottom: 1px solid #CCCCCC;
 }
 ins {
   background: #ff9;
   color: #000;
   text-decoration: none;
 }
 mark {
   background: #ff0;
   font-weight: bold;
   font-style: italic;
   color: #000;
 }
 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 {
   position: relative;
   font-size: 0.7em;
   line-height: 0;
   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;
   -webkit-border-radius: 0;
   border-radius: 0;
   -webkit-appearance: none;
   outline: 0;
 }
 /* headers h1-h6 */
 h1,
 h2,
 h3,
 h4 {
   padding: 0;
   margin-right: 0;
   margin-left: 0;
   font-weight: 400;
 }
 h1,
 h2,
 h3 {
   font-family: "Helvetica Neue LT W06 45 Light";
 }
 h4 {
   font-family: "Helvetica Neue LT W06 75 Bold";
   color: #21A0D2;
 }
 h1 {
   position: relative;
   margin-bottom: 0.7em;
   font-weight: 300;
   font-size: 4.8em;
   line-height: 1.1458333;
 }
 h2 {
   position: relative;
   margin-bottom: 1.25em;
   font-weight: 300;
   font-size: 2.4em;
   line-height: 1.25;
 }
 article .content > h2 {
   margin-top: 1.25em;
 }
 h3 {
   position: relative;
   margin-bottom: 0.8333em;
   font-weight: 300;
   font-size: 1.8em;
   line-height: 1.222;
 }
 h3.quote {
   padding-left: 30px;
   color: #21A0D2;
 }
 h4 {
   position: relative;
   margin-bottom: 1.333em;
   font-size: 1.5em;
   line-height: 1.333;
 }
 h5 {
   position: relative;
   margin-bottom: 2.142em;
   font-weight: 300;
   font-size: 1.4em;
   line-height: 1.428;
   text-transform: uppercase;
   color: #7C7C7C;
 }
 article h5 {
   padding: 15px 0 20px 0;
   margin: 0;
   font-family: "Helvetica Neue LT W06 45 Light";
   font-weight: 300;
   font-size: 1.8em;
   line-height: 1.222;
   text-transform: none;
   color: #333;
 }
 h1 strong,
 h2 strong,
 h3 strong {
   font-family: "Helvetica Neue LT W06 45 Light";
 }
 @media screen and (max-width: 991px) {
   h1 {
     font-size: 3.6em;
   }
   h2,
   div.introtext p {
     font-size: 2.2em;
   }
   h3 {
     font-size: 1.8em;
   }
 }
 @media screen and (max-width: 768px) {
   h1 {
     font-size: 3.2em;
   }
   h2,
   div.introtext p {
     font-size: 2.2em;
   }
   h3 {
     font-size: 1.7em;
   }
 }
 @media screen and (max-width: 479px) {
   h2,
   div.introtext p {
     font-size: 2em;
   }
 }
 div.introtext p {
   position: relative;
   margin-bottom: 1.25em;
   font-family: "Helvetica Neue LT W06 45 Light";
   font-weight: 300;
   font-size: 2.4em;
   line-height: 1.25;
 }
 h2.introtext p {
   line-height: 1.25;
 }
 .introtext strong {
  font-family: "Helvetica Neue LT W06 55 Roman";
  color: #004A96;
  font-weight: 700;
 }
 .color-orange {
   color: #F39500;
 }
 .introtext,
 .color-gray {
   color: #7C7C7C;
 }
 /* MISCELLANEOUS */
 .clear {
   clear: both;
 }
 /**
  * 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;
 }
 .hideBlock {
   position: absolute;
   left: -9999em;
   display: block;
 }
 .hideText {
   text-indent: -999em;
 }
 /* LEGACY */
 .hideAccessable {
   position: absolute;
   left: -9999em;
   display: block;
 }
 .left,
 .floatleft {
   float: left;
 }
 .right {
   float: right;
 }
 .floatleft {
   margin: 0 1em 1em 0;
 }
 .clearFloat {
   clear: both;
 }
 area {
   outline: none;
 }
 /**
  * Tables
  * ======
  */
 .spreadsheet,
 .tabelle {
   overflow-x: auto;
 }
 .lt-ie8 .spreadsheet,
 .lt-ie8 .tabelle {
   overflow-x: visible;
 }
 /**
  * Flaps
  * =====
  */
 .flaps-container {
   transition: box-shadow 0.4s;
   overflow-x: auto;
 }
 .flaps-control {
   position: relative;
   z-index: 5;
   height: 0;
   font-size: 10px;
 }
 .flap {
   position: absolute;
   top: 2em;
   display: block;
   overflow: hidden;
   width: 1em;
   height: 1em;
   background: rgba(0, 0, 0, 0.6);
   line-height: 1em;
   text-align: center;
   transition: opacity .4s, width .4s;
   color: #fff;
   font: 5em FontAwesome;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none;
 }
 /* Hover mode for desktop
 .no-touch .flap {
   width: .5em;
 }
 .no-touch .flap:hover {
   width: 1em;
 }
 */
 .flaps-control .hide {
   width: .4em;
   opacity: 0;
 }
 .flap-left {
   left: 0;
 }
 .flap-right {
   right: 0;
 }
 .stuck {
   position: fixed;
   top: 0;
   width: 100%;
 }
 /**
  * Columns
  * =======
  * 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 {
   /* 1 */
   float: right;
   width: 48%;
   /* 2 */
 }
 .columns.triple .column,
 .columns-triple .column {
   /* 1 */
   float: left;
   width: 30.6666%;
   /* 3 */
   margin: 0 0 0 4%;
   /* 4 */
 }
 .columns.quadruple .column,
 .columns-quadruple .column {
   /* 1 */
   float: left;
   width: 22%;
   /* 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%');
 }
 /**
  * Special column overides
  * =======================
  * Advanced width handling with respect to 4% margin between columns
  *
  * - "one-half": eine h�lfte
  * - "one-third": ein drittel
  * - "two-third": zwei drittel
  * - "one-fourth": ein viertel
  * - "three-fourth": drei viertel
  * - "one-fifth": ein f�nftel
  * - "two-fifth": zwei f�nftel
  * - "three-fifth": drei f�nftel
  * - "four-fifth": vier f�nftel
  * - "one-sixth": ein sechstel
  * - "two-sixth": zwei sechstel
  * - "four-sixth": vier sechstel
  * - "five-sixth": f�nf sechstel
  */
 .columns .column.one-half {
   width: 48%;
 }
 .columns .column.one-third {
   width: 30.6666%;
 }
 .columns .column.two-third {
   width: 65.3333%;
 }
 .columns .column.one-fourth {
   width: 22%;
 }
 .columns .column.three-fourth {
   width: 74%;
 }
 .columns .column.one-fifth {
   width: 16.8%;
 }
 .columns .column.two-fifth {
   width: 37.3%;
 }
 .columns .column.three-fifth {
   width: 58.4%;
 }
 .columns .column.four-fifth {
   width: 79.2%;
 }
 .columns .column.one-sixth {
   width: 13.3333%;
 }
 .columns .column.two-sixth {
   width: 30.6666%;
 }
 .columns .column.four-sixth {
   width: 69.3333%;
 }
 .columns .column.five-sixth {
   width: 86.6666%;
 }
 .mfp-content {
   margin: 0 auto;
   max-width: 810px;
 }
 .mfp-content video {
   width: 100%;
 }
 .white-popup {
   position: relative;
   width: auto;
   padding: 20px;
   margin: 20px auto;
   background: #FFF;
 }
 body {
   margin: 0;
   background-color: #ffffff;
 }
 body.popup.view_print {
   width: auto;
 }
 .wrapper {
   box-sizing: border-box;
   padding: 0 30px;
   margin: 0 auto;
   max-width: 1200px;
 }
 /* Main containers */
 #contentContainer > article .article-wrapper {
   padding: 0;
 }
 /* Content */
 #contentContainer > article {
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 65.79%;
 }
 .lt-ie8 #contentContainer > article {
   width: 65%;
 }
 .wide #contentContainer > article,
 .kennzahlenvergleich-uebersicht #contentContainer > article,
 .willkommen #contentContainer > article,
 .downloads #contentContainer > article,
 .magazin #contentContainer > article {
   width: 100%;
 }
 .lt-ie8 .wide #contentContainer > article,
 .lt-ie8 .kennzahlenvergleich-uebersicht #contentContainer > article,
 .lt-ie8 .willkommen #contentContainer > article,
 .lt-ie8 .downloads #contentContainer > article,
 .lt-ie8 .150-jahre-basf #contentContainer > article {
   width: 99.98%;
   padding: 0;
 }
 #sidepanel1 {
   width: 21%;
 }
 #sidepanel2 {
   float: right;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   padding: 5px 0 0 30px;
 }
 @media screen and (min-width: 769px) {
   #sidepanel2 {
     width: 34.2%;
   }
 }
 @media screen and (min-width: 992px) {
   #sidepanel2 {
     width: 29.124%;
   }
 }
 .lt-ie8 #sidepanel2 {
   width: 32%;
   padding: 0;
 }
 .lt-ie8 #sidepanel2 .panelbox,
 .lt-ie8 #sidepanel2 .sidepanel2-block {
   margin-right: 15px;
   margin-left: 15px;
 }
 #sidepanel2 a {
   font-size: 1.4em;
 }
 #sidepanel2 a:hover {
   color: #898989;
 }
 .sidepanel2-block {
   padding: 0 10px 2em 10px;
   margin: 0 0em 2em 0em;
   border-bottom: 1px solid #898989;
 }
 .spreadsheet {
   width: 100%;
   margin-bottom: 2em;
   overflow-x: auto;
   overflow-y: hidden;
 }
 .onlydesktop {
   display: block !important;
 }
 .onlyresponsive {
   display: none !important;
 }
 @font-face {
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-style: normal;
   src: url(../files/basf_iconfont3.eot?61588170);
   src: url(../files/basf_iconfont3.eot?61588170#iefix) format('embedded-opentype'), url(../files/basf_iconfont3.woff2?61588170) format('woff2'), url(../files/basf_iconfont3.woff?61588170) format('woff'), url(../files/basf_iconfont3.ttf?61588170) format('truetype'), url(../files/basf_iconfont3.svg?61588170#BASF_Icons) format('svg');
 }
 [class^="icon3-"],
 [class*=" icon3-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'BASF_Iconfont3' !important;
   font-weight: normal;
   line-height: 1;
   font-style: normal;
   text-transform: none;
   speak: none;
   font-variant: normal;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .icon-icon_gri:before {
   content: '\e84f';
 }
 .icon-icon_download2018:before {
   content: '\e850';
 }
 .icon-icon_graphics:before {
   content: '\e851';
 }
 .icon-icon_keyfigures:before {
   content: '\e852';
 }
 .icon-icon_slider-right:before {
   content: '\e853';
 }
 .icon-icon_close2018:before {
   content: '\e854';
 }
 .icon-icon_slider-left:before {
   content: '\e855';
 }
 .icon-icon_header-down:before {
   content: '\e856';
 }
 .icon-icon_brackets1:before {
   content: '\e857';
 }
 .icon-icon_brackets2:before {
   content: '\e858';
 }
 .icon-icon_brackets4:before {
   content: '\e859';
 }
 .icon-icon_brackets3:before {
   content: '\e85a';
 }
 .icon-icon_brackets5:before {
   content: '\e85b';
 }
 .icon-icon-video:before {
   content: '\e85c';
 }
 .icon-icon_brackets6:before {
   content: '\e85d';
 }
 .icon3-add_circle:before {
   content: "\e900";
 }
 .icon3-add:before {
   content: "\e901";
 }
 .icon3-arrow_back:before {
   content: "\e902";
 }
 .icon3-arrow_down:before {
   content: "\e903";
 }
 .icon3-arrow_dropdown_down:before {
   content: "\e904";
 }
 .icon3-arrow_dropdown_up:before {
   content: "\e905";
 }
 .icon3-arrow_forward:before {
   content: "\e906";
 }
 .icon3-arrow_jump_back:before {
   content: "\e907";
 }
 .icon3-arrow_up:before {
   content: "\e908";
 }
 .icon3-attachment:before {
   content: "\e909";
 }
 .icon3-attention:before {
   content: "\e90a";
 }
 .icon3-bookmark:before {
   content: "\e90b";
 }
 .icon3-calendar:before {
   content: "\e90c";
 }
 .icon3-cart:before {
   content: "\e90d";
 }
 .icon3-check_circle:before {
   content: "\e90e";
 }
 .icon3-check:before {
   content: "\e90f";
 }
 .icon3-close_circle:before {
   content: "\e910";
 }
 .icon3-close:before {
   content: "\e911";
 }
 .icon3-comment:before {
   content: "\e912";
 }
 .icon3-download:before {
   content: "\e913";
 }
 .icon3-edit:before {
   content: "\e914";
 }
 .icon3-eye:before {
   content: "\e915";
 }
 .icon3-facebook:before {
   content: "\e916";
 }
 .icon3-filter:before {
   content: "\e917";
 }
 .icon3-flickr:before {
   content: "\e918";
 }
 .icon3-full-view_end:before {
   content: "\e919";
 }
 .icon3-full-view:before {
   content: "\e91a";
 }
 .icon3-google_plus:before {
   content: "\e91b";
 }
 .icon3-heart:before {
   content: "\e91c";
 }
 .icon3-home:before {
   content: "\e91d";
 }
 .icon3-instagram:before {
   content: "\e91e";
 }
 .icon3-key:before {
   content: "\e91f";
 }
 .icon3-letter:before {
   content: "\e920";
 }
 .icon3-Link_circle:before {
   content: "\e921";
 }
 .icon3-linkedin:before {
   content: "\e922";
 }
 .icon3-location:before {
   content: "\e923";
 }
 .icon3-lock_open:before {
   content: "\e924";
 }
 .icon3-lock:before {
   content: "\e925";
 }
 .icon3-menue:before {
   content: "\e926";
 }
 .icon3-messenger:before {
   content: "\e927";
 }
 .icon3-minus_circle:before {
   content: "\e928";
 }
 .icon3-minus:before {
   content: "\e929";
 }
 .icon3-mobile:before {
   content: "\e92a";
 }
 .icon3-moreOptions:before {
   content: "\e92b";
 }
 .icon3-movie:before {
   content: "\e92c";
 }
 .icon3-notification:before {
   content: "\e92d";
 }
 .icon3-pause_circle:before {
   content: "\e92e";
 }
 .icon3-pause:before {
   content: "\e92f";
 }
 .icon3-pdf:before {
   content: "\e930";
 }
 .icon3-picture_slideshow:before {
   content: "\e931";
 }
 .icon3-picture:before {
   content: "\e932";
 }
 .icon3-print:before {
   content: "\e933";
 }
 .icon3-question:before {
   content: "\e934";
 }
 .icon3-reload:before {
   content: "\e935";
 }
 .icon3-renren:before {
   content: "\e936";
 }
 .icon3-search:before {
   content: "\e937";
 }
 .icon3-send:before {
   content: "\e938";
 }
 .icon3-settings:before {
   content: "\e939";
 }
 .icon3-share:before {
   content: "\e93a";
 }
 .icon3-slideshare:before {
   content: "\e93b";
 }
 .icon3-SocialMedia_pinterest:before {
   content: "\e93c";
 }
 .icon3-SocialMedia_twitter:before {
   content: "\e93d";
 }
 .icon3-SocialMedia_youtube:before {
   content: "\e93e";
 }
 .icon3-star:before {
   content: "\e93f";
 }
 .icon3-tap:before {
   content: "\e940";
 }
 .icon3-time .path1:before {
   content: "\e941";
   color: #1a1a1a;
 }
 .icon3-time .path2:before {
   content: "\e942";
   margin-left: -0.9375em;
   color: #000000;
 }
 .icon3-trash:before {
   content: "\e943";
 }
 .icon3-upload:before {
   content: "\e944";
 }
 .icon3-user:before {
   content: "\e945";
 }
 .icon3-wechat:before {
   content: "\e946";
 }
 .icon3-weibo:before {
   content: "\e947";
 }
 .icon3-whatsapp:before {
   content: "\e948";
 }
 .icon3-world:before {
   content: "\e949";
 }
 .icon3-xing:before {
   content: "\e94a";
 }
 .icon3-Youku:before {
   content: "\e94b";
 }
 .icon3-link-circle:before {
   content: "\e94c";
 }
 .icon-link {
   margin-bottom: 15px;
   margin-left: 30px;
 }
 .icon-link:before,
 .icon-link i {
   position: absolute;
   top: -8px;
   left: -30px;
   display: inline-block;
   font-family: 'BASF_Iconfont';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .win .icon-link:before,
 .win .icon-link i {
   top: -9px;
 }
 .icon {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .icon-link {
   position: relative;
   display: block;
 }
 .icon-link p {
   display: inline-block;
   margin-left: 0.5em;
 }
 .icon-link span {
   display: block;
   font-weight: 300;
   color: gray;
 }
 .lt-ie9 .icon-chart {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe052;</i>' + this.innerHTML );
 }
 .icon-chart:before,
 .icon-chart i {
   content: '\e052';
   vertical-align: 4px;
 }
 .single-icon {
   font-family: 'BASF_Iconfont';
   font-size: 20px;
   cursor: default;
 }
 .menu .icon-compare:before,
 .menu .icon-compare i,
 .menu .icon-chart:before,
 .menu .icon-chart i,
 .menu .icon-chart-gallery:before,
 .menu .icon-chart-gallery i {
   top: -8px;
   padding-right: 15px;
   font-size: 28px;
 }
 .lt-ie9 .menu .icon-compare:before,
 .lt-ie9 .menu .icon-compare i,
 .lt-ie9 .menu .icon-chart:before,
 .lt-ie9 .menu .icon-chart i,
 .lt-ie9 .menu .icon-chart-gallery:before,
 .lt-ie9 .menu .icon-chart-gallery i {
   top: 1px;
 }
 .lt-ie9 .icon-chart-gallery {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe08c;</i>' + this.innerHTML );
 }
 .icon-chart-gallery:before,
 .icon-chart-gallery i {
   content: '\e08c';
 }
 .lt-ie9 .icon-calender {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe034;</i>' + this.innerHTML );
 }
 .icon-calender:before,
 .icon-calender i {
   content: '\e034';
 }
 .lt-ie9 .icon-download2 {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe00c;</i>' + this.innerHTML );
 }
 .icon-download2:before,
 .icon-download2 i {
   content: '\e00c';
 }
 .lt-ie9 .icon-compare {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe060;</i>' + this.innerHTML );
 }
 .icon-compare:before,
 .icon-compare i {
   content: '\e060';
 }
 .lt-ie9 .icon-download {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe072;</i>' + this.innerHTML );
 }
 .icon-download:before,
 .icon-download i {
   content: '\e072';
   padding-right: 15px;
   font-size: 28px;
 }
 .lt-ie9 .icon-download:before,
 .lt-ie9 .icon-download i {
   top: -10px;
 }
 .lt-ie9 .icon-download-full {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe070;</i>' + this.innerHTML );
 }
 .icon-download-full:before,
 .icon-download-full i {
   content: '\e070';
   top: -6px;
   padding-right: 15px;
   font-size: 28px;
 }
 .lt-ie9 .icon-download-full:before,
 .lt-ie9 .icon-download-full i {
   top: -7px;
 }
 .firefox .icon-download-full:before,
 .firefox .icon-download-full i {
   top: -7px;
 }
 .ie8 .icon-download-full:before,
 .ie8 .icon-download-full i {
   font-size: 2.5em;
 }
 .lt-ie9 .icon-arrow-right-full {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe003;</i>' + this.innerHTML );
 }
 .icon-arrow-right-full:before,
 .icon-arrow-right-full i {
   content: '\e003';
   top: 1px;
   font-size: 1.4em;
   line-height: 1.4;
 }
 .icon-share:before,
 .icon-share i,
 .icon-print:before,
 .icon-print i,
 .icon-help:before,
 .icon-help i {
   height: 35px;
   padding-right: 15px;
   font-size: 30px;
 }
 .lt-ie9 .icon-share {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe01c;</i>' + this.innerHTML );
 }
 .icon-share:before,
 .icon-share i {
   content: '\e01c';
 }
 .lt-ie9 .icon-print {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe028;</i>' + this.innerHTML );
 }
 .icon-print:before,
 .icon-print i {
   content: '\e028';
 }
 .lt-ie9 .icon-help {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe010;</i>' + this.innerHTML );
 }
 .icon-help:before,
 .icon-help i {
   content: '\e010';
 }
 .lt-ie9 .icon-close {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe013;</i>' + this.innerHTML );
 }
 .icon-close:before,
 .icon-close i {
   content: '\e013';
   display: inline-block;
   padding-left: 0.3em;
   font-family: "BASF_Iconfont";
   font-size: 2.5em;
   vertical-align: middle;
 }
 .icon-mail:before,
 .icon-mail i {
   content: "\e024";
   display: inline-block;
   font-family: "BASF_Iconfont";
   font-size: 30px;
   line-height: 1;
   vertical-align: middle;
 }
 .icon-mail,
 .icon-facebook .icon,
 .icon-twitter .icon,
 .icon-linkedin .icon,
 .icon-googleplus .icon,
 .icon-instagram .icon,
 .icon-youtube .icon,
 .icon-flickr .icon,
 .icon-slideshare .icon {
   display: inline-block;
   width: 24px;
   height: 24px;
   padding-right: 10px;
   vertical-align: -7px;
 }
 .icon-mail {
   padding-right: 0;
 }
 .lt-ie8 .icon-facebook .icon,
 .lt-ie8 .icon-twitter .icon,
 .lt-ie8 .icon-linkedin .icon,
 .lt-ie8 .icon-googleplus .icon,
 .lt-ie8 .icon-instagram .icon,
 .lt-ie8 .icon-youtube .icon,
 .lt-ie8 .icon-flickr .icon,
 .lt-ie8 .icon-slideshare .icon {
   display: inline;
   zoom: 1;
   vertical-align: -4px;
 }
 .icon-facebook .icon img,
 .icon-twitter .icon img,
 .icon-linkedin .icon img,
 .icon-googleplus .icon img,
 .icon-instagram .icon img,
 .icon-youtube .icon img,
 .icon-flickr .icon img,
 .icon-slideshare .icon img {
   width: 100%;
   height: auto;
 }
 .crosslinks,
 .externallinks,
 .otherlinks {
   list-style: none;
 }
 .autoCreatedLink {
   line-height: 1.4;
 }
 /*
 .content .extern,
 .content .intern {
   position: relative;
   margin-bottom: 0.5em;
   margin-left: 23px;
   display: block;
   line-height: 1.4;
 }
 */
 #linkBox a,
 .autoCreatedLink,
 .content .more {
   position: relative;
   display: block;
   margin-bottom: 0.5em;
   margin-left: 23px;
   font-size: 14px;
 }
 /*.content .extern:before,
 .content .extern i,
 .content .intern:before,
 .content .intern i,*/
 #linkBox a:before,
 #linkBox a i,
 .autoCreatedLink:before,
 .autoCreatedLink i,
 .content .more:before,
 .content .more i {
   content: '\e003';
   position: absolute;
   top: -2px;
   left: -23px;
   padding-right: 10px;
   font-family: 'BASF_Iconfont';
   font-size: 20px;
 }
 #linkBox a.extern:before,
 #linkBox a.extern i {
   content: '\e017';
 }
 .win.firefox #linkBox a:before,
 .win.firefox #linkBox a i,
 .win.firefox .autoCreatedLink:before,
 .win.firefox .autoCreatedLink i,
 .win.firefox .content .more i {
   top: -4px;
 }
 .ie9 #linkBox a:before,
 .ie9 #linkBox a i,
 .ie9 .autoCreatedLink:before,
 .ie9 .autoCreatedLink i,
 .ie9 .content .more:before,
 .ie9 .content .more i {
   top: -1px;
 }
 .lt-ie9 #linkBox a:before,
 .lt-ie9 #linkBox a i,
 .lt-ie9 .autoCreatedLink:before,
 .lt-ie9 .autoCreatedLink i,
 .lt-ie9 .content .more:before,
 .lt-ie9 .content .more i {
   top: -3px !important;
 }
 #linkBox a p {
   display: inline-block;
 }
 .content .extern:before,
 .content .extern i {
   content: '\e016';
   display: inline !important;
   padding-right: 5px;
   font-family: 'BASF_Iconfont';
   white-space: nowrap;
 }
 .content .more.extern:before,
 .content .more.extern i,
 .content .autoCreatedLink.extern:before,
 .content .autoCreatedLink.extern i {
   content: '\e017';
 }
 .autoCreatedLink.extern:before .autoCreatedLink.extern i {
   content: '\e017';
 }
 .global_link a:before,
 .global_link a i {
   content: "\e086";
   margin-right: 0.25em;
   font-family: 'BASF_Iconfont';
   font-weight: normal;
   font-size: 20px;
   vertical-align: -3px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .chartpopup .more,
 .imagepopup .more {
   display: inline-block;
   float: right;
 }
 .chartpopup .more,
 .imagepopup .more {
   height: 30px;
   font-size: 1.4em;
   text-align: right;
 }
 .lt-ie9 .content .imagepopup .more {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe084;</i>' + this.innerHTML );
 }
 .chartpopup .more:before,
 .chartpopup .more i,
 .imagepopup .more:before,
 .imagepopup .more i {
   content: '\e084';
   font-family: 'BASF_Iconfont';
   font-size: 30px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .lt-ie9 .download-link .more {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe00c;</i>' + this.innerHTML );
 }
 .download-link:before {
   content: '\e00c';
   padding-right: 12px;
   font-family: 'BASF_Iconfont';
   font-weight: normal;
   font-size: 30px;
   line-height: 13px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   vertical-align: -5px;
 }
 .spreadsheet .download a {
   display: inline-block;
   font-weight: 700;
 }
 .spreadsheet .download a i,
 .spreadsheet .download a:before {
   content: url(../img/xls.gif);
   margin-right: 0.5em;
   vertical-align: middle;
 }
 .spreadsheet .download a .filesize {
   font-weight: normal;
 }
 /* Search */
 .sticky-nav {
   position: relative;
   z-index: 1001;
   width: 100%;
   height: 65px;
   background: rgba(0, 0, 0, 0.3);
 }
 @media screen and (min-width: 1201px) {
   .sticky-nav {
     height: 80px;
   }
 }
 .sticky .sticky-nav {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   height: 65px;
   background: rgba(0, 0, 0, 0.8);
 }
 @media screen and (min-width: 1201px) {
   .sticky .sticky-nav {
     height: 60px;
   }
 }
 .desktop-nav-open .sticky-nav,
 .mobile-menu-open .sticky-nav,
 .search-active .sticky-nav,
 .mobile-search-active .sticky-nav {
   background: rgba(0, 0, 0, 0.05);
   transition: background-color 0.5s ease-out;
 }
 .search-active .sticky-nav {
   position: static;
 }
 .sticky .sticky-nav__inner {
   position: relative;
   height: 65px;
   margin: 0 auto;
   max-width: 1140px;
 }
 @media screen and (min-width: 1201px) {
   .sticky .sticky-nav__inner {
     height: 60px;
   }
 }
 .sticky-nav #search {
   position: relative;
   display: none;
   height: 80px;
   background: rgba(255, 255, 255, 0.2);
 }
 .search-active .sticky-nav #search {
   display: block;
 }
 .sticky-nav #search > .wrapper {
   padding: 0;
 }
 #search .wrapper__inner {
   overflow: hidden;
 }
 .sticky-nav #search input {
   width: 100%;
   height: 80px;
   border: 0;
   -webkit-border-radius: 0;
   background: transparent;
   font-size: 30px;
   outline: 0;
   color: #21A0D2;
   -webkit-appearance: none;
 }
 .sticky-nav #search input::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #fff;
   opacity: 1;
   /* Firefox */
 }
 .sticky-nav #search input:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #fff;
 }
 .sticky-nav #search input::-ms-input-placeholder {
   /* Microsoft Edge */
   color: #fff;
 }
 .sticky-nav #search input::-ms-clear {
   display: none;
 }
 .sticky-nav #search button {
   position: absolute;
   top: 0;
   right: 65px;
   display: none;
   width: 35px;
   height: 80px;
   padding: 0;
   margin: 0;
   border: none;
   border-radius: 0;
   background: none;
   transition: all 1s;
   cursor: pointer;
 }
 .search-active .sticky-nav #search button {
   display: block;
 }
 .sticky-nav #search button:hover .icon {
   color: #898989;
 }
 .sticky-nav #search .resetbutton {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 22px;
   line-height: 78px;
   color: #fff;
   cursor: pointer;
 }
 .sticky-nav #search .resetbutton:hover {
   color: #898989;
 }
 .sticky-nav #search .resetbutton:before {
   content: '\e854';
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .win.chrome .sticky-nav #search .resetbutton .icon {
   top: -1px;
   right: 15px;
 }
 .sticky-nav #search.open .resetbutton.show {
   display: block;
 }
 .sticky-nav #search button .icon {
   position: relative;
   top: 2px;
   font-family: 'BASF_Iconfont';
   font-size: 30px;
   line-height: 24px;
   color: #fff;
 }
 .sticky-nav #meta a {
   color: #fff;
 }
 .sticky-nav #meta a:hover {
   color: #898989;
 }
 .sticky-nav .meta {
   position: absolute;
   z-index: 1000;
   right: 0;
   bottom: 0;
   padding-right: 17px;
   opacity: 1;
 }
 .sticky .sticky-nav .meta {
   bottom: 4px;
 }
 body:not(.sticky) .sticky-nav .meta {
   height: 45px;
 }
 .desktop-nav-open .sticky-nav .meta,
 .search-active .sticky-nav .meta {
   transition: opacity 0.5s ease-out;
   opacity: 0.05;
   pointer-events: none;
 }
 /* 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[role=contentinfo] {
   padding: 0;
   margin: 0;
 }
 footer .toolbox-footer-menu {
   padding: 4em 0 2em 0;
 }
 footer .main-footer-menu .wrapper {
   padding: 26px 30px 90px;
 }
 footer .bottom-footer-menu {
   padding: 0.4em 3em 60px 3em;
 }
 footer .social-media-footer,
 footer .main-footer-menu,
 footer .bottom-footer-menu {
   background-color: #706F6F;
   color: #ffffff;
 }
 footer .social-media-footer .wrapper,
 footer .main-footer-menu .wrapper,
 footer .bottom-footer-menu .wrapper {
   box-sizing: border-box;
 }
 .social-media-footer a,
 .main-footer-menu a,
 .bottom-footer-menu a {
   color: #ffffff;
 }
 .main-footer-menu h3 a {
   color: #ffffff;
 }
 .main-footer-menu h3 a:hover {
   color: #898989;
 }
 footer .menu {
   display: inline-block;
   list-style: none;
 }
 .lt-ie8 footer .menu {
   display: inline;
   zoom: 1;
 }
 .social-media-footer .menu a,
 .main-footer-menu .menu a,
 .bottom-footer-menu .menu a {
   font-size: 1.2em;
   color: #ffffff;
 }
 .social-media-footer .menu a {
   padding: 16px;
   margin-top: -16px;
   font-size: 33px;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 .social-media-footer .menu a:before {
   vertical-align: middle;
 }
 .social-media-footer .menu a:hover {
   background: #ffffff;
   color: #706F6F;
 }
 .social-media-footer-text {
   margin-right: 35px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 20px;
   line-height: 1;
   vertical-align: top;
 }
 .bottom-footer-menu .wrapper {
   padding: 0;
   max-width: 1140px;
 }
 .bottom-footer-menu .menu a:hover {
   color: #ffffff;
 }
 .social-media-footer h3,
 .main-footer-menu h3,
 .bottom-footer-menu h3 {
   font-size: 20px;
 }
 .social-media-footer > span {
   font-weight: 700;
 }
 .social-media-footer > span,
 .bottom-footer-menu span {
   margin-right: 2.5em;
   font-size: 1.2em;
 }
 .toolbox-footer-menu a {
   font-size: 1.4em;
   color: #004A96;
 }
 .toolbox-footer-menu a:hover {
   color: #898989 !important;
 }
 .toolbox-footer-menu .menu li {
   float: left;
   margin-right: 2em;
 }
 .lt-ie8 .toolbox-footer-menu .menu li {
   display: inline;
   zoom: 1;
 }
 .toolbox-footer-menu .share-popout li {
   display: none;
   margin-right: 0;
 }
 .toolbox-footer-menu .share-popout li span {
   display: none;
 }
 .toolbox-footer-menu .share-popout li span.icon {
   display: block;
   padding-right: 20px;
 }
 .toolbox-footer-menu .share-popout li.last span.icon {
   padding-right: 0;
 }
 .toolbox-footer-menu .share-popout .share-popout-btn {
   float: left;
 }
 .toolbox-footer-menu .share-popout .share-popout-menu-wrapper {
   float: left;
 }
 .toolbox-footer-menu .share-popout .share-popout-menu {
   display: block;
   margin-left: 2em;
   list-style: none;
   vertical-align: top;
 }
 .social-media-footer .wrapper {
   box-sizing: border-box;
   padding-top: 70px;
   padding-bottom: 1.6em;
 }
 .lt-ie8 .social-media-footer {
   display: table;
 }
 .lt-ie8 footer .social-media-footer strong {
   display: table-cell;
   vertical-align: middle;
 }
 footer .social-media-footer strong {
   margin-right: 1em;
 }
 .lt-ie8 footer .social-media-footer .menu li {
   display: table-cell;
   vertical-align: middle;
 }
 footer .social-media-footer .menu li {
   display: inline-block;
 }
 .lt-ie8 footer .social-media-footer .menu li {
   display: inline;
   zoom: 1;
 }
 footer .main-footer-menu .menu-title {
   margin-bottom: 15px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-weight: 300;
   color: #ffffff;
 }
 footer .main-footer-menu .menu-title a:hover {
   color: #ffffff;
 }
 footer .main-footer-menu .menu li {
   display: block;
   padding: 0.4em 0;
 }
 footer .main-footer-menu .menu a {
   display: inline-block;
   padding: 2px 4px;
   margin: 0 0 0 -4px;
 }
 .lt-ie8 footer .main-footer-menu .menu a {
   margin: 0 0 0 -20px;
 }
 footer .main-footer-menu .menu a:hover {
   background: #FFFFFF;
   color: #706F6F;
 }
 footer .bottom-footer-menu .menu li {
   display: inline-block;
   margin-bottom: 1em;
 }
 .lt-ie8 footer .bottom-footer-menu .menu li {
   display: inline;
   zoom: 1;
 }
 footer .bottom-footer-menu .menu li + li a:after {
   content: "|";
   margin-left: 0.8em;
 }
 .lt-ie8 footer .bottom-footer-menu .menu li + li a:after {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML=this.innerHTML + '<i>|</i>');
 }
 footer .bottom-footer-menu .menu li.last a:after {
   display: none;
 }
 footer .bottom-footer-menu .menu li a {
   display: inline-block;
   padding: 0 0.8em 0 0;
 }
 .lt-ie8 footer .bottom-footer-menu .menu li a {
   display: inline;
   zoom: 1;
 }
 footer .col-25 {
   float: left;
   width: 21%;
   padding-right: 5%;
 }
 footer .col-25.last {
   padding-right: 0;
 }
 footer .col-20 {
   float: left;
   width: 18%;
   padding-right: 2%;
 }
 footer .col-20.last {
   padding-right: 0;
 }
 /* Breadcrumbs */
 .breadcrumb {
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   margin-top: 35px;
   margin-bottom: 35px;
 }
 .breadcrumb span,
 .breadcrumb a {
   font-size: 1.4em;
 }
 .breadcrumb ul {
   padding: 0;
   margin: 0;
   list-style: none;
 }
 .breadcrumb li {
   display: inline;
 }
 .breadcrumb li + li {
   vertical-align: -1px;
 }
 .lt-ie8 .breadcrumb li + li {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe002;</i>' + this.innerHTML);
 }
 .breadcrumb li + li:before,
 .breadcrumb li + li i {
   content: '\e002';
   display: inline-block;
   margin: 0 1.3em;
   font-family: 'BASF_Iconfont';
   font-size: 1.4em;
   font-style: normal;
   color: #B6B6B6;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .breadcrumb a:hover {
   color: #000000;
 }
 .breadcrumb span + a {
   margin: 0 0 0 0.5em;
 }
 .suche .breadcrumb {
   display: none;
 }
 /* BACK TO TOP */
 .page-top {
   position: fixed;
   right: 0;
   bottom: 50px;
   height: 50px;
   padding: 5px 10px;
   background-color: rgba(85, 85, 85, 0.5);
   font-size: 12px;
   text-transform: uppercase;
   text-align: center;
   transition: opacity 1s;
   color: #fff;
   opacity: 0;
   cursor: pointer;
 }
 .sticky .page-top {
   opacity: 1;
 }
 .page-top:before {
   content: "\e006";
   display: block;
   font-family: 'BASF_Iconfont';
   font-size: 18px;
 }
 /* Content Textbox */
 .textbox {
   padding: 15px;
   margin: 30px 0;
   border: 2px solid #004A96;
 }
 .textbox ul.dashed {
   padding: 0;
   list-style-type: none;
 }
 .textbox ul.dashed > li {
   position: relative;
   padding-left: 20px;
 }
 .textbox ul.dashed > li:before {
   content: "\2013";
   position: absolute;
   left: 0;
   margin-right: 6px;
 }
 /* content-legend */
 .content-legend-lens::after {
   content: "\e84d";
   margin-left: 5px;
   font-family: "BASF_Iconfont3";
   font-size: 20px;
   line-height: 0;
   color: #004A96;
 }
 .content-legend-lens-underline {
   padding: 0.05em 0.3em !important;
   background: #004A96;
   font-size: 20px;
   color: #FFFFFF;
 }
 .content-legend-lens-underline::after {
   content: "\e84c";
   font-family: "BASF_Iconfont3";
   font-size: 20px;
   line-height: 0;
 }
 .eckdaten_box .content-legend-lens-underline {
   margin-left: 15px;
 }
 .content-legend-globe::after {
   content: "\e806";
   margin-left: 5px;
   font-family: "BASF_Iconfont2";
   font-size: 14px;
   color: #004A96;
 }
 /* ECKDATENBOXEN */
 .boxen,
 .eckdatenboxen {
   display: table;
   width: 100%;
   margin: 15px 0;
   table-layout: fixed;
 }
 .eckdatenboxen {
   margin: 15px 0 30px 0;
 }
 .lt-ie8 .boxen,
 .lt-ie8 .eckdatenboxen {
   display: block;
 }
 .gri-und-global-compact-index .eckdatenboxen,
 .pruefung-und-bewertung .eckdatenboxen,
 .inhalt-und-struktur .eckdatenboxen {
   margin-bottom: 0;
 }
 .boxen + .boxen,
 .eckdatenboxen + .eckdatenboxen {
   margin-top: 28px;
 }
 .box,
 .eckdaten_box {
   display: table-cell;
   box-sizing: border-box;
   width: 33%;
   padding: 1.5em 0;
   border-right: 7px solid white;
   border-left: 7px solid white;
   background: #F0F0F0;
 }
 .box.half,
 .eckdaten_box.half,
 .lt-ie9 .eckdaten_box.half {
   width: 50%;
 }
 .box.full,
 .eckdaten_box.full {
   width: 100%;
   border: 0 !important;
 }
 .box.darkBlue {
   background: #004A96;
   color: #FFFFFF;
 }
 .box.darkBlue a {
   color: #FFFFFF;
 }
 .gri-und-global-compact-index .eckdaten_box {
   padding: 1.5em;
 }
 .eckdaten_box .coloredText {
   font-family: "Helvetica Neue LT W06 45 Light";
   font-size: 23px;
   color: #21A0D2;
 }
 .eckdaten_box .coloredText .number {
   font-size: 46px;
 }
 .eckdaten_box .ungc,
 .eckdaten_box .audited {
   margin-bottom: 0.5em;
 }
 .eckdaten_box p {
   margin: 0;
 }
 .eckdaten_box:first-child {
   border-right: 14px solid white;
   border-left: 0;
 }
 .eckdaten_box:last-child {
   border-right: 0;
   border-left: 14px solid white;
 }
 .lt-ie9 .eckdaten_box {
   display: block;
   float: left;
   width: 31.98%;
   border: 0 !important;
 }
 .lt-ie9 .eckdaten_box + .eckdaten_box {
   margin-left: 2%;
 }
 .box > *,
 .eckdaten_box > * {
   padding: 0 20px;
   word-break: break-word;
   word-wrap: break-word;
 }
 .box .more + .more {
   margin-top: 1.5em;
 }
 .inhalt-und-struktur .eckdaten_box > *,
 .pruefung-und-bewertung .eckdaten_box > * {
   padding: 0 15px;
 }
 .gri-und-global-compact-index .eckdaten_box > * {
   padding-right: 0;
   padding-left: 0;
 }
 .eckdaten_box p {
   margin-bottom: 0;
   font-size: 14px;
 }
 .gri-und-global-compact-index .eckdaten_box p {
   margin-bottom: 17px;
 }
 .gri-und-global-compact-index .eckdaten_box h2 {
   margin-bottom: 17px;
   color: #333333;
 }
 .inhalt-und-struktur .eckdaten_box p,
 .pruefung-und-bewertung .eckdaten_box p {
   margin-bottom: 0;
 }
 .eckdaten_box h2,
 .eckdaten_box h3 {
   margin-bottom: 5px;
   font-weight: bold;
   color: #21A0D2;
 }
 .eckdaten_box h5 {
   margin-bottom: 0;
   font-weight: normal;
   text-transform: uppercase;
   color: #7C7C7C;
 }
 .lastupdate {
   float: right;
   margin-bottom: 10px;
   font-size: 1.4em;
 }
 #cookiePermission {
   display: none;
   padding: 20px 15px 10px 5px;
   background: #FFFFFF;
   transition: all 1s;
 }
 body.cookiePermission #cookiePermission {
   display: block;
 }
 #cookiePermission p {
   display: inline-block;
   padding: 20px 0 15px 25px;
   font-size: 1.4em;
 }
 #cookiePermission .btn {
   display: inline-block;
   margin: 13px 0 0 25px;
   background: #DCDCDC;
   color: #21A0D2;
   cursor: pointer;
 }
 #cookiePermission .btn:hover {
   display: inline-block;
   background: #7C7C7C;
   color: #FFFFFF;
 }
 .cookieLayer {
   position: fixed;
   z-index: 100;
   right: 0;
   bottom: 0;
   left: 0;
   transform: translateY(100%);
   overflow: hidden;
   border-top: 1px solid #000;
   background: #fff;
   font-size: 14px;
   transition: transform 0.5s ease-in;
   color: #333;
 }
 .cookieLayer.active {
   transform: translateY(0);
   transition: transform 1s ease-out;
 }
 .cookieLayer .inner {
   padding: 15px 30px;
   margin: 0 auto;
   max-width: 1200px;
 }
 .cookieLayer p {
   margin-bottom: 15px;
 }
 .cookieLayer .acceptCookies {
   display: inline-block;
   padding: 10px 18px;
   background: #dcdcdc;
   font-weight: 700;
   text-align: center;
 }
 .cookieLayer .acceptCookies:hover {
   background: #7c7c7c;
   color: #fff;
 }
 @media screen and (max-width: 769px) {
   .cookieLayer .inner {
     padding-bottom: 30px;
   }
   .cookieLayer .acceptCookies {
     display: block;
   }
 }
 .content .overview-table {
   margin: 30px 0;
 }
 .content .overview-table__title {
   margin-bottom: 30px;
 }
 .content .overview-table__row {
   display: flex;
   margin-bottom: 30px;
 }
 .content .overview-table__box {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   width: 33%;
   padding: 0 20px;
   border: 2px solid #21A0D2;
   font-weight: 700;
   font-size: 14px;
 }
 .content .overview-table__content {
   width: calc(66% - 20px);
   padding: 5px 2px;
   margin-left: 20px;
   border-top: 1px solid #898989;
   border-bottom: 1px solid #898989;
   font-size: 14px;
   line-height: 18px;
 }
 .content .overview-table__content .overview-table__paragraph {
   margin: 0;
   line-height: 18px;
 }
 .content .overview-table__content .overview-table__paragraph--single {
   padding: 8px 0;
 }
 .content .overview-table__line {
   display: flex;
   margin-bottom: 10px;
 }
 .content .overview-table__line:last-child {
   margin-bottom: 0;
 }
 .content .overview-table__line span {
   display: block;
   width: 125px;
   margin-right: 5px;
 }
 .content .overview-table__line span:nth-child(2) {
   width: 100%;
   max-width: 320px;
 }
 .content .overview-table__line .overview-table__reference {
   position: relative;
   top: -4px;
   display: inline;
   font-size: 9px;
 }
 .content .overview-table__footerlist {
   padding: 0;
   margin: 0;
   font-size: 8px;
   counter-reset: item;
 }
 .content .overview-table__footerlist li {
   display: block;
   margin-bottom: 0.5em;
   margin-left: 2em;
 }
 .content .overview-table__footerlist li:before {
   content: counter(item) "";
   display: inline-block;
   width: 2em;
   margin-left: -2em;
   font-size: 8px;
   counter-increment: item;
 }
 @media screen and (max-width: 1000px) {
   .content .overview-table__row {
     flex-direction: column;
   }
   .content .overview-table__box {
     width: 100%;
     padding: 30px 20px;
     margin-bottom: 8px;
   }
   .content .overview-table__content {
     width: 100%;
     border: none;
   }
   .content .overview-table .overview-table__paragraph--single {
     padding: 0;
   }
 }
 /* Flatnav (formerly known as "inleaf") */
 .flatnav {
   position: relative;
   width: 100%;
   padding-top: 3em;
   margin-top: 4em;
   border-top: 1em solid #F0F0F0;
   min-height: 40px;
 }
 .flatnav a {
   position: relative;
   padding: 0.7em 1em;
   background-color: #F0F0F0;
   font-size: 1.4em;
 }
 .flatnav a.left {
   position: absolute;
   left: 0;
   padding: 0.7em 1em 0.7em 2em;
   min-height: 20px;
 }
 .flatnav a.right {
   position: absolute;
   right: 0;
   padding: 0.7em 2em 0.7em 1em;
   min-height: 20px;
 }
 .finanztermine .flatnav a.right {
   display: none;
 }
 .lt-ie8 .flatnav .left {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe000;</i>' + this.innerHTML);
 }
 .flatnav .left i,
 .flatnav .left:before {
   content: '\e000';
   position: absolute;
   top: 8px;
   left: 0.5em;
   margin-right: 0.5em;
   font-family: 'BASF_Iconfont';
   font-size: 20px;
 }
 .lt-ie8 .flatnav .right {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML=this.innerHTML + '<i>&#xe002;</i>');
 }
 .flatnav .right i,
 .flatnav .right:after {
   content: '\e002';
   position: absolute;
   top: 8px;
   right: 0.5em;
   margin-left: 0.5em;
   font-family: 'BASF_Iconfont';
   font-size: 20px;
 }
 .ie9 .flatnav .left i,
 .ie9 .flatnav .left:before,
 .ie9 .flatnav .right i,
 .ie9 .flatnav .right:after {
   top: 9px;
 }
 .ie8 .flatnav .left i,
 .ie8 .flatnav .left:before,
 .ie8 .flatnav .right i,
 .ie8 .flatnav .right:after {
   top: 6px;
 }
 .ie7 .flatnav .left i,
 .ie7 .flatnav .left:before,
 .ie7 .flatnav .right i,
 .ie7 .flatnav .right:after {
   top: 7px;
 }
 .win.firefox .flatnav .left i,
 .win.firefox .flatnav .left:before,
 .win.firefox .flatnav .right i,
 .win.firefox .flatnav .right:after {
   top: 7px;
 }
 /*
 ================
 MENUES
 ================
 */
 .menu a {
   display: block;
 }
 .nav-tools-wrapper {
   display: flex;
   float: right;
   align-items: center;
 }
 /* Language switch */
 .language_switch,
 .global_link {
   display: inline-block;
   line-height: 44px;
 }
 .global_link {
   margin-right: 0;
 }
 .language_switch a {
   padding: 0 10px 2px;
 }
 .language_switch:hover a,
 .global_link:hover a {
   color: #7C7C7C;
 }
 .language_switch a,
 .global_link a {
   display: block;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 17px;
 }
 .stagevisual .language_switch:hover a,
 .stagevisual .global_link:hover a {
   color: #7c7c7c;
 }
 .language_switch a + a {
   margin-left: 0.5em;
 }
 .share-link {
   position: relative;
   display: inline-block;
 }
 .share-link--trigger {
   display: block;
   padding: 0 10px;
   line-height: 43px;
 }
 .share-link--trigger::before {
   content: "\e93a";
   margin-right: 0.25em;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 20px;
 }
 .share-link--trigger.open::before {
   content: "\e910";
 }
 .share-link__list {
   position: absolute;
   top: 0;
   right: 40px;
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 0;
   height: 42px;
   background-color: #999;
   transition: width 0.5s;
   list-style-type: none;
 }
 .share-link__list.open {
   display: flex;
   width: 200px;
 }
 .share-link__link {
   position: relative;
   z-index: 100;
   display: inline-block;
   width: 40px;
   font-size: 18px;
   text-indent: -99999px;
   text-align: center;
 }
 .share-link__link::before {
   content: "\e916";
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 100%;
   font-family: 'BASF_Iconfont3';
   text-indent: 0;
 }
 .share-link__link.facebook::before {
   content: "\e916";
 }
 .share-link__link.linkedin::before {
   content: "\e922";
 }
 .share-link__link.twitter::before {
   content: "\e93d";
 }
 .share-link__link.googleplus::before {
   content: "\e91b";
 }
 .share-link__link.mail::before {
   content: "\e024";
   font-family: "BASF_Iconfont";
   font-size: 22px;
 }
 footer .share-link {
   height: auto;
 }
 footer .share-link--trigger {
   line-height: inherit;
 }
 footer .share-link__list {
   position: absolute;
   z-index: 100;
   right: auto;
   left: 30px;
   height: 32px;
   border: none;
   background: #fff;
 }
 footer .share-link__list.open {
   border: none;
 }
 footer .share-link__item {
   height: 100%;
 }
 footer .share-link__link::before {
   font-size: 20px;
 }
 footer .toolbox-footer-menu .footer-print {
   margin-left: 42px;
 }
 footer .toolbox-footer-menu .footer-print a {
   padding-left: 10px;
   margin: 0;
 }
 footer .toolbox-footer-menu .footer-print a::before {
   content: "\e933";
   font-family: 'BASF_Iconfont3';
 }
 footer .toolbox-footer-menu .menu {
   display: flex;
   align-items: center;
 }
 footer .toolbox-footer-menu .menu li {
   margin-right: 0;
 }
 @media screen and (max-width: 1200px) {
   .share-link {
     height: 54px;
   }
   .share-link__list {
     align-items: center;
     height: 100%;
     background: #999;
   }
   .share-link--trigger {
     line-height: 54px;
   }
 }
 .mobile-reportname,
 .mobile_nav_trigger,
 .mobile_search_trigger {
   display: none;
 }
 .desktop_search_trigger {
   display: inline-block;
   padding: 0 10px;
   line-height: 44px;
   cursor: pointer;
 }
 .desktop_search_trigger:before {
   content: "\e937";
   font-family: 'BASF_Iconfont3';
   font-size: 20px;
 }
 @media screen and (max-width: 1200px) {
   .desktop_search_trigger {
     display: none;
   }
 }
 /* Skip menu */
 .skip_menu a {
   position: absolute;
   top: 0;
   left: -999em;
 }
 .skip_menu a:focus,
 .skip_menu a:active {
   top: 3.5em;
   left: 0;
   display: block;
   padding: 0 0.5em;
   border: 1px solid #333333;
   background-color: #FFFFFF;
   -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);
   font-weight: bold;
   letter-spacing: 0.01em;
   line-height: 2;
   color: #111111;
   text-decoration: none;
 }
 /*
 ================
 BOXED COMPONENTS
 ================
 */
 /* Tool Box */
 #toolBox {
   padding: 0;
   margin: 0;
 }
 /* Link Box */
 #linkBox {
   padding: 0;
   margin: 0;
 }
 /* GRI Box */
 .page_serviceseiten_gri-index.popup .verweispdf {
   display: none;
 }
 .panelbox {
   padding: 1em;
   margin: 0 0 2em 0em;
   background: #F0F0F0;
 }
 .panelbox .indicator-text {
   margin-bottom: 1em;
 }
 .panelbox a.indicators {
   display: block;
   margin-bottom: 1em;
   font-size: 1.4em;
 }
 .panelbox h5 {
   margin-bottom: 1em;
 }
 .gri-statement {
   display: none;
 }
 .gri-index #popupWrapper {
   padding-top: 5em;
 }
 .gri-index .zoom .download {
   display: none;
 }
 .gri-index header {
   display: none;
 }
 .gri-index h1 {
   position: relative;
   margin-bottom: 1.25em;
   font-weight: 300;
   font-size: 2.4em;
   line-height: 1.25;
   color: #898989;
 }
 /*
 ================
 Highslide
 ================
 */
 .highslide-dimming {
   background: #000000;
 }
 .highslide-wrapper,
 .highslide-body {
   background: #FFFFFF;
 }
 .highslide-loading {
   display: block;
   padding: 0.3em 0.3em 0.3em 2.2em;
   border: 1px solid #FFFFFF;
   background-color: #FFFFFF;
   background-image: url(../img/hslide_loader_white.gif);
   background-position: 0.3em 0.3em;
   background-repeat: no-repeat;
   font-weight: bold;
   text-transform: uppercase;
   color: #333333;
   text-decoration: none;
 }
 /*
 ================
 Default tooltips
 ================
 */
 .tooltipXPH {
   z-index: 10000;
   background: #004A96;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 12px;
   line-height: 19px;
   color: #fff;
   max-width: 340px;
 }
 .tooltipXPH .content {
   padding: 5px;
 }
 /*
 ================
 Glossary tooltip
 ================
 */
 a.glossary {
   position: relative;
   z-index: 10;
   text-decoration: underline;
 }
 .tooltip {
   z-index: 11;
   top: 0;
   width: 32em;
   border: 1px solid #FFFFFF;
   background: #F0F0F0;
   max-width: 100%;
 }
 .tooltip .tooltipForeground {
   padding: 1em;
 }
 .tooltip .tooltipTitle {
   float: left;
   width: 75%;
   margin-bottom: 0.5em;
   font-weight: bold;
   font-size: 1.4em;
   color: #004A96;
 }
 .tooltip .buttonClose {
   float: right;
   width: 17%;
 }
 .tooltip .buttonClose a:before,
 .tooltip .buttonClose a i {
   content: '\e013';
   position: absolute;
   top: 0.1em;
   right: 0.3em;
   display: inline-block;
   padding-left: 0.3em;
   font-family: "BASF_Iconfont";
   font-size: 2.5em;
   vertical-align: -5px;
 }
 .tooltip .tooltipBody {
   clear: both;
   margin-top: 2em;
   font-size: 1.2em;
   line-height: 1.7em;
 }
 .needleTop {
   content: "";
   position: absolute;
   top: -20px;
   left: 50%;
   display: none;
   width: 0;
   height: 0;
   margin-left: -10px;
   border: 10px solid transparent;
   border-bottom-color: #F0F0F0;
 }
 .needleBottom {
   content: "";
   position: absolute;
   bottom: -20px;
   left: 50%;
   display: none;
   width: 0;
   height: 0;
   margin-left: -10px;
   border: 10px solid transparent;
   border-top-color: #F0F0F0;
 }
 .tooltip_needleOnTop .needleTop {
   display: block;
 }
 .tooltip_needleOnBottom .needleBottom {
   display: block;
 }
 /*
 ================
 MISCELLANEOUS
 ================
 */
 /* Audited disclaimer */
 .audited,
 .ungc {
   display: block;
   margin: -20px 0 30px;
 }
 .audited a,
 .ungc a {
   font-size: 28px;
   color: #004A96;
 }
 .audited a:hover:before,
 .ungc a:hover:before,
 .audited a:hover i,
 .ungc a:hover i {
   background: rgba(0, 74, 150, 0.1);
 }
 .audited a:before,
 .ungc a:before,
 .audited a i,
 .ungc a i {
   font-family: 'BASF_Iconfont3';
   line-height: 1;
 }
 .audited a:before,
 .audited a i {
   content: '\e857';
 }
 .ungc a:before,
 .ungc a i {
   content: '\e85d';
 }
 /* UNGC */
 .ungc-icon:before {
   content: '\e806';
   display: block;
   margin: 0 15px 5px 15px;
   font-family: 'BASF_Iconfont2';
   font-size: 20px;
   line-height: 0;
   vertical-align: -4px;
   color: #21A0D2;
   vertical-align: -3px;
 }
 .lt-ie9 .ungc-icon {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe806;</i>' + this.innerHTML);
 }
 .lt-ie9 .ungc a,
 .lt-ie9 .ungc-icon-underlined a {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe801;</i>' + this.innerHTML);
 }
 /* tablehighlight */
 table.highlight .hover,
 table.highlight .active {
   background: #8DC641;
   color: #FFFFFF;
 }
 /* feedbacklayer */
 #feedbackLayerContainer {
   padding: 10px 20px;
 }
 /* accordeon */
 .accordeonwrapper .akkordeonTitle {
   padding: 5px 0 30px 0;
   margin: 0;
   border-top: 1px solid #898989;
   color: #004A96;
   cursor: pointer;
 }
 .accordeonwrapper .akkordeonTitle strong {
   font-weight: normal;
 }
 .lt-ie8 .accordeonwrapper .akkordeonTitle {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe004;</i>' + this.innerHTML);
 }
 .accordeonwrapper .akkordeonTitle:before,
 .accordeonwrapper .akkordeonTitle i {
   content: '\e004';
   display: inline-block;
   float: right;
   margin: 0 10px;
   font-family: 'BASF_Iconfont';
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .lt-ie8 .accordeonwrapper .akkordeonTitle.akkordeonOpened {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe006;</i>' + this.innerHTML);
 }
 .accordeonwrapper .akkordeonTitle.akkordeonOpened:before,
 .accordeonwrapper .akkordeonTitle.akkordeonOpened i {
   content: '\e006';
 }
 .accordeonwrapper .akkordeonContent {
   margin-bottom: 1.5em;
 }
 .lt-ie9 .accordeonwrapper .akkordeonContent li a {
   zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='<i>&#xe003;</i>' + this.innerHTML);
 }
 .accordeonwrapper .akkordeonContent li a {
   position: relative;
   margin-left: 23px;
 }
 .accordeonwrapper .akkordeonContent li a.glossary {
   margin-left: 0;
 }
 .accordeonwrapper .akkordeonContent li a:before,
 .accordeonwrapper .akkordeonContent li a i {
   content: '\e003';
   position: absolute;
   top: 0px;
   left: -23px;
   font-family: 'BASF_Iconfont';
   font-size: 20px;
   line-height: 20px;
 }
 .accordeonwrapper .akkordeonContent li a.glossary:before,
 .accordeonwrapper .akkordeonContent li a.glossary i {
   display: none;
 }
 .ie9 .accordeonwrapper .akkordeonContent li a:before,
 .ie9 .accordeonwrapper .akkordeonContent li a i,
 .lt-ie9 .accordeonwrapper .akkordeonContent li a:before,
 .lt-ie9 .accordeonwrapper .akkordeonContent li a i {
   top: -2px;
 }
 .lt-ie8 .accordeonwrapper .akkordeonContent li a:before,
 .lt-ie8 .accordeonwrapper .akkordeonContent li a i {
   top: -3px;
 }
 .video-wrapper {
   width: 100%;
   margin-bottom: 2em;
 }
 .embed-responsive {
   position: relative;
   display: block;
   overflow: hidden;
   height: 0;
   padding: 0;
   padding-bottom: 56.25%;
 }
 .embed-responsive .embed-responsive-item,
 .embed-responsive iframe,
 .embed-responsive embed,
 .embed-responsive object {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }
 .image-wrapper {
   position: relative;
 }
 .fussnote,
 .content-fn {
   padding-right: 3em;
   margin-top: 1em;
   margin-bottom: 2em;
 }
 .bildunterschrift,
 .fussnote,
 .content-fn {
   display: block;
   padding-left: 15px;
 }
 .bildunterschrift.no-padding,
 .fussnote.no-padding,
 .content-fn.no-padding {
   padding: 0;
 }
 .fussnote,
 .content-fn {
   padding-left: 0;
 }
 .bildunterschrift sup,
 .fussnote sup,
 .content-fn sup {
   margin-right: 5px;
   margin-left: -14px;
 }
 .bildunterschrift sup,
 .fussnote sup:nth-child(2),
 .content-fn sup:nth-child(2) {
   margin-right: 2px;
   margin-left: 0;
 }
 a.chartpopup,
 a.imagepopup {
   position: relative;
   display: block;
   width: 100%;
   margin-bottom: 30px;
 }
 .chartpopup.mobilezoom,
 .imagepopup.mobilezoom {
   overflow: hidden;
   overflow-x: auto;
 }
 .chartpopup.mobilezoom img,
 .imagepopup.mobilezoom img {
   max-width: none;
 }
 .chartpopup .more {
   display: none;
 }
 .more-list {
   list-style: none;
 }
 .ueber-diesen-bericht .more-list {
   margin-bottom: 50px;
 }
 .segment-wrapper {
   margin-bottom: 2em;
 }
 .segment-wrapper h2 {
   margin-bottom: 10px;
 }
 .segment-wrapper h4 {
   margin-bottom: 2px;
 }
 .pre-table-columns {
   margin-bottom: 4em;
   color: #65AC1E;
 }
 .pre-table-columns img {
   display: inline-block;
   vertical-align: middle;
 }
 .pre-table-columns h2 {
   display: inline-block;
   margin-bottom: 0;
   margin-left: 10px;
   vertical-align: middle;
 }
 .history-teaser {
   clear: both;
 }
 .history-teaser .teaser-wrapper {
   width: 100%;
   margin-right: 0;
   margin-left: 0;
 }
 .ie1 .history-teaser .teaser .teaser-inner,
 .ie9 .history-teaser .teaser .teaser-inner,
 .lt-ie9 .history-teaser .teaser .teaser-inner {
   min-height: 365px;
 }
 .nxr-toolbar .menu-bar.wrapper {
   background: #363636;
 }
 
 .corporate-governance .header-container:after,
 .corporate-governance header {
   background-color: #00793A;
 }
 .corporate-governance #search button:hover .icon,
 .corporate-governance #search.open button .icon {
   color: #FFFFFF;
 }
 .corporate-governance a {
   color: #00793A;
 }
 .corporate-governance a:hover {
   color: #898989;
 }
 .corporate-governance .btn,
 .corporate-governance a.btn {
   background-color: #00793A;
 }
 .corporate-governance .content-legend-lens:after,
 .corporate-governance .content-legend-globe:after {
   color: #00793A;
 }
 .corporate-governance .content-legend-lens-underline {
   background-color: #00793A;
 }
 .corporate-governance #linkBox a i {
   color: #00793A;
 }
 .corporate-governance .accordeonwrapper .akkordeonTitle {
   color: #00793A;
 }
 .corporate-governance .audited a,
 .corporate-governance .ungc a {
   color: #00793A;
 }
 .corporate-governance .audited a:hover:after,
 .corporate-governance .ungc a:hover:after,
 .corporate-governance .audited a:hover i,
 .corporate-governance .ungc a:hover i {
   background: rgba(0, 121, 58, 0.1);
 }
 .corporate-governance header #search button span:before,
 .corporate-governance header #search button span i {
   color: #00793A;
 }
 .corporate-governance header #search button:hover,
 .corporate-governance header #search.open button {
   background: #00793A;
 }
 .corporate-governance .tooltip .tooltipTitle {
   color: #00793A;
 }
 .corporate-governance .mfp-image-holder .mfp-close {
   color: #00793A;
 }
 .corporate-governance .mobile-accordion-wrapper .mobile-accordion-title:before,
 .corporate-governance .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #00793A;
 }
 .corporate-governance .bx-prev,
 .corporate-governance .bx-next,
 .corporate-governance .bx-prev.disabled,
 .corporate-governance .bx-next.disabled {
   color: #00793A;
 }
 .corporate-governance .bx-pager-link {
   background-color: #00793A;
 }
 .corporate-governance .toolbox-footer-menu a {
   color: #00793A;
 }
 .corporate-governance .magazinbox {
   background: #00793A;
 }
 .corporate-governance .kennzahlenbox i,
 .corporate-governance .kennzahlenbox:after {
   color: #00793A;
 }
 .corporate-governance .single-icon {
   color: #00793A;
 }
 .corporate-governance .eckdaten_box .coloredText {
   color: #00793A;
 }
 .corporate-governance h3.quote,
 .corporate-governance h4 {
   color: #00793A;
 }
 .corporate-governance .magazinbox {
   background: #00793A;
 }
 .corporate-governance .textbox,
 .corporate-governance .overview-table__box {
   border-color: #00793A;
 }
 .corporate-governance .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .corporate-governance .content > .graphic h1.brackets + *,
 .corporate-governance .content > .photo h1.brackets + *,
 .corporate-governance .content > .graphic h2.brackets + *,
 .corporate-governance .content > .photo h2.brackets + *,
 .corporate-governance .content > .graphic h3.brackets + *,
 .corporate-governance .content > .photo h3.brackets + *,
 .corporate-governance .content > .graphic h4.brackets + *,
 .corporate-governance .content > .photo h4.brackets + *,
 .corporate-governance .content > .graphic h5.brackets + *,
 .corporate-governance .content > .photo h5.brackets + *,
 .corporate-governance .content > .graphic h6.brackets + *,
 .corporate-governance .content > .photo h6.brackets + *,
 .corporate-governance .content > .graphic h1.brackets-dashed + *,
 .corporate-governance .content > .photo h1.brackets-dashed + *,
 .corporate-governance .content > .graphic h2.brackets-dashed + *,
 .corporate-governance .content > .photo h2.brackets-dashed + *,
 .corporate-governance .content > .graphic h3.brackets-dashed + *,
 .corporate-governance .content > .photo h3.brackets-dashed + *,
 .corporate-governance .content > .graphic h4.brackets-dashed + *,
 .corporate-governance .content > .photo h4.brackets-dashed + *,
 .corporate-governance .content > .graphic h5.brackets-dashed + *,
 .corporate-governance .content > .photo h5.brackets-dashed + *,
 .corporate-governance .content > .graphic h6.brackets-dashed + *,
 .corporate-governance .content > .photo h6.brackets-dashed + * {
   border-color: #00793A;
 }
 .corporate-governance .content .brackets:hover,
 .corporate-governance .content .brackets-dashed:hover {
   background: rgba(0, 121, 58, 0.1);
 }
 .corporate-governance .content .brackets:before,
 .corporate-governance .content .brackets-dashed:before,
 .corporate-governance .content .brackets:after,
 .corporate-governance .content .brackets-dashed:after {
   color: #00793A;
 }
 .corporate-governance .tooltipXPH {
   background: #00793A;
 }
 .basf-nachhaltige-zukunft .header-container:after,
 .basf-nachhaltige-zukunft header {
   background-color: #004A96;
 }
 .basf-nachhaltige-zukunft a {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft a:hover {
   color: #898989;
 }
 .basf-nachhaltige-zukunft .btn,
 .basf-nachhaltige-zukunft a.btn {
   background-color: #004A96;
 }
 .basf-nachhaltige-zukunft .content-legend-lens:after,
 .basf-nachhaltige-zukunft .content-legend-globe:after {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .content-legend-lens-underline {
   background-color: #004A96;
 }
 .basf-nachhaltige-zukunft #linkBox a i {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .accordeonwrapper .akkordeonTitle {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .audited a,
 .basf-nachhaltige-zukunft .ungc a {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .audited a:hover:after,
 .basf-nachhaltige-zukunft .ungc a:hover:after,
 .basf-nachhaltige-zukunft .audited a:hover i,
 .basf-nachhaltige-zukunft .ungc a:hover i {
   background: rgba(0, 74, 150, 0.1);
 }
 .basf-nachhaltige-zukunft #search button span:before,
 .basf-nachhaltige-zukunft #search button span i {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft #search button:hover,
 .basf-nachhaltige-zukunft #search.open button {
   background: #004A96;
 }
 .basf-nachhaltige-zukunft .tooltip .tooltipTitle {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .mfp-image-holder .mfp-close {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .mobile-accordion-wrapper .mobile-accordion-title:before,
 .basf-nachhaltige-zukunft .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .bx-prev,
 .basf-nachhaltige-zukunft .bx-next,
 .basf-nachhaltige-zukunft .bx-prev.disabled,
 .basf-nachhaltige-zukunft .bx-next.disabled {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .bx-pager-link {
   background-color: #004A96;
 }
 .basf-nachhaltige-zukunft .toolbox-footer-menu a {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .magazinbox {
   background: #004A96;
 }
 .basf-nachhaltige-zukunft .kennzahlenbox i,
 .basf-nachhaltige-zukunft .kennzahlenbox:after {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .single-icon {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .eckdaten_box .coloredText {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft h3.quote,
 .basf-nachhaltige-zukunft h4 {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .magazinbox {
   background: #004A96;
 }
 .basf-nachhaltige-zukunft .textbox,
 .basf-nachhaltige-zukunft .overview-table__box {
   border-color: #004A96;
 }
 .basf-nachhaltige-zukunft .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .basf-nachhaltige-zukunft .content > .graphic h1.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h1.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h2.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h2.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h3.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h3.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h4.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h4.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h5.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h5.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h6.brackets + *,
 .basf-nachhaltige-zukunft .content > .photo h6.brackets + *,
 .basf-nachhaltige-zukunft .content > .graphic h1.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h1.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .graphic h2.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h2.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .graphic h3.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h3.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .graphic h4.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h4.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .graphic h5.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h5.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .graphic h6.brackets-dashed + *,
 .basf-nachhaltige-zukunft .content > .photo h6.brackets-dashed + * {
   border-color: #004A96;
 }
 .basf-nachhaltige-zukunft .content .brackets:hover,
 .basf-nachhaltige-zukunft .content .brackets-dashed:hover {
   background: rgba(0, 74, 150, 0.1);
 }
 .basf-nachhaltige-zukunft .content .brackets:before,
 .basf-nachhaltige-zukunft .content .brackets-dashed:before,
 .basf-nachhaltige-zukunft .content .brackets:after,
 .basf-nachhaltige-zukunft .content .brackets-dashed:after {
   color: #004A96;
 }
 .basf-nachhaltige-zukunft .tooltipXPH {
   background: #004A96;
 }
 .willkommen .header-container:after,
 .willkommen header {
   background-color: #004A96;
 }
 .willkommen a {
   color: #004A96;
 }
 .willkommen a:hover {
   color: #898989;
 }
 .willkommen .btn,
 .willkommen a.btn {
   background-color: #004A96;
 }
 .willkommen .content-legend-lens:after,
 .willkommen .content-legend-globe:after {
   color: #004A96;
 }
 .willkommen .content-legend-lens-underline {
   background-color: #004A96;
 }
 .willkommen #linkBox a i {
   color: #004A96;
 }
 .willkommen .accordeonwrapper .akkordeonTitle {
   color: #004A96;
 }
 .willkommen .audited a,
 .willkommen .ungc a {
   color: #004A96;
 }
 .willkommen .audited a:hover:after,
 .willkommen .ungc a:hover:after,
 .willkommen .audited a:hover i,
 .willkommen .ungc a:hover i {
   background: rgba(0, 74, 150, 0.1);
 }
 .willkommen header #search button span:before,
 .willkommen header #search button span i {
   color: #004A96;
 }
 .willkommen header #search button:hover,
 .willkommen header #search.open button {
   background: #004A96;
 }
 .willkommen .tooltip .tooltipTitle {
   color: #004A96;
 }
 .willkommen .mfp-image-holder .mfp-close {
   color: #004A96;
 }
 .willkommen .mobile-accordion-wrapper .mobile-accordion-title:before,
 .willkommen .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #004A96;
 }
 .willkommen .bx-pager-link {
   background-color: #004A96;
 }
 .willkommen .toolbox-footer-menu a {
   color: #004A96;
 }
 .willkommen .magazinbox {
   background: #004A96;
 }
 .willkommen .kennzahlenbox i,
 .willkommen .kennzahlenbox:after {
   color: #004A96;
 }
 .willkommen .single-icon {
   color: #004A96;
 }
 .willkommen .eckdaten_box .coloredText {
   color: #004A96;
 }
 .willkommen h3.quote,
 .willkommen h4 {
   color: #004A96;
 }
 .willkommen .magazinbox {
   background: #004A96;
 }
 .willkommen .keyfigures ul {
   background: #004A96;
 }
 .willkommen .teaser {
   color: #666;
 }
 .willkommen .box.darkBlue a {
   color: #fff;
 }
 .willkommen .keyfigures a {
   color: #fff;
 }
 .willkommen .textbox,
 .willkommen .overview-table__box {
   border-color: #004A96;
 }
 .willkommen .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .willkommen .content > .graphic h1.brackets + *,
 .willkommen .content > .photo h1.brackets + *,
 .willkommen .content > .graphic h2.brackets + *,
 .willkommen .content > .photo h2.brackets + *,
 .willkommen .content > .graphic h3.brackets + *,
 .willkommen .content > .photo h3.brackets + *,
 .willkommen .content > .graphic h4.brackets + *,
 .willkommen .content > .photo h4.brackets + *,
 .willkommen .content > .graphic h5.brackets + *,
 .willkommen .content > .photo h5.brackets + *,
 .willkommen .content > .graphic h6.brackets + *,
 .willkommen .content > .photo h6.brackets + *,
 .willkommen .content > .graphic h1.brackets-dashed + *,
 .willkommen .content > .photo h1.brackets-dashed + *,
 .willkommen .content > .graphic h2.brackets-dashed + *,
 .willkommen .content > .photo h2.brackets-dashed + *,
 .willkommen .content > .graphic h3.brackets-dashed + *,
 .willkommen .content > .photo h3.brackets-dashed + *,
 .willkommen .content > .graphic h4.brackets-dashed + *,
 .willkommen .content > .photo h4.brackets-dashed + *,
 .willkommen .content > .graphic h5.brackets-dashed + *,
 .willkommen .content > .photo h5.brackets-dashed + *,
 .willkommen .content > .graphic h6.brackets-dashed + *,
 .willkommen .content > .photo h6.brackets-dashed + * {
   border-color: #004A96;
 }
 .willkommen .content .brackets:hover,
 .willkommen .content .brackets-dashed:hover {
   background: rgba(0, 74, 150, 0.1);
 }
 .willkommen .content .brackets:before,
 .willkommen .content .brackets-dashed:before,
 .willkommen .content .brackets:after,
 .willkommen .content .brackets-dashed:after {
   color: #004A96;
 }
 .willkommen .tooltipXPH {
   background: #004A96;
 }
 .aktionaere .header-container:after,
 .aktionaere header {
   background-color: #004A96;
 }
 .aktionaere a {
   color: #004A96;
 }
 .aktionaere a:hover {
   color: #898989;
 }
 .aktionaere .btn,
 .aktionaere a.btn {
   background-color: #004A96;
 }
 .aktionaere .content-legend-lens:after,
 .aktionaere .content-legend-globe:after {
   color: #004A96;
 }
 .aktionaere .content-legend-lens-underline {
   background-color: #004A96;
 }
 .aktionaere #linkBox a i {
   color: #004A96;
 }
 .aktionaere .accordeonwrapper .akkordeonTitle {
   color: #004A96;
 }
 .aktionaere .audited a,
 .aktionaere .ungc a {
   color: #004A96;
 }
 .aktionaere .audited a:hover:after,
 .aktionaere .ungc a:hover:after,
 .aktionaere .audited a:hover i,
 .aktionaere .ungc a:hover i {
   background: rgba(0, 74, 150, 0.1);
 }
 .aktionaere header #search button span:before,
 .aktionaere header #search button span i {
   color: #004A96;
 }
 .aktionaere header #search button:hover,
 .aktionaere header #search.open button {
   background: #004A96;
 }
 .aktionaere .tooltip .tooltipTitle {
   color: #004A96;
 }
 .aktionaere .mfp-image-holder .mfp-close {
   color: #004A96;
 }
 .aktionaere .mobile-accordion-wrapper .mobile-accordion-title:before,
 .aktionaere .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #004A96;
 }
 .aktionaere .bx-prev,
 .aktionaere .bx-next,
 .aktionaere .bx-prev.disabled,
 .aktionaere .bx-next.disabled {
   color: #004A96;
 }
 .aktionaere .bx-pager-link {
   background-color: #004A96;
 }
 .aktionaere .toolbox-footer-menu a {
   color: #004A96;
 }
 .aktionaere .magazinbox {
   background: #004A96;
 }
 .aktionaere .kennzahlenbox i,
 .aktionaere .kennzahlenbox:after {
   color: #004A96;
 }
 .aktionaere .single-icon {
   color: #004A96;
 }
 .aktionaere .eckdaten_box .coloredText {
   color: #004A96;
 }
 .aktionaere h3.quote,
 .aktionaere h4 {
   color: #004A96;
 }
 .aktionaere .magazinbox {
   background: #004A96;
 }
 .aktionaere .textbox,
 .aktionaere .overview-table__box {
   border-color: #004A96;
 }
 .aktionaere .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .aktionaere .content > .graphic h1.brackets + *,
 .aktionaere .content > .photo h1.brackets + *,
 .aktionaere .content > .graphic h2.brackets + *,
 .aktionaere .content > .photo h2.brackets + *,
 .aktionaere .content > .graphic h3.brackets + *,
 .aktionaere .content > .photo h3.brackets + *,
 .aktionaere .content > .graphic h4.brackets + *,
 .aktionaere .content > .photo h4.brackets + *,
 .aktionaere .content > .graphic h5.brackets + *,
 .aktionaere .content > .photo h5.brackets + *,
 .aktionaere .content > .graphic h6.brackets + *,
 .aktionaere .content > .photo h6.brackets + *,
 .aktionaere .content > .graphic h1.brackets-dashed + *,
 .aktionaere .content > .photo h1.brackets-dashed + *,
 .aktionaere .content > .graphic h2.brackets-dashed + *,
 .aktionaere .content > .photo h2.brackets-dashed + *,
 .aktionaere .content > .graphic h3.brackets-dashed + *,
 .aktionaere .content > .photo h3.brackets-dashed + *,
 .aktionaere .content > .graphic h4.brackets-dashed + *,
 .aktionaere .content > .photo h4.brackets-dashed + *,
 .aktionaere .content > .graphic h5.brackets-dashed + *,
 .aktionaere .content > .photo h5.brackets-dashed + *,
 .aktionaere .content > .graphic h6.brackets-dashed + *,
 .aktionaere .content > .photo h6.brackets-dashed + * {
   border-color: #004A96;
 }
 .aktionaere .content .brackets:hover,
 .aktionaere .content .brackets-dashed:hover {
   background: rgba(0, 74, 150, 0.1);
 }
 .aktionaere .content .brackets:before,
 .aktionaere .content .brackets-dashed:before,
 .aktionaere .content .brackets:after,
 .aktionaere .content .brackets-dashed:after {
   color: #004A96;
 }
 .aktionaere .tooltipXPH {
   background: #004A96;
 }
 .wie-wir-wert-schaffen .header-container:after,
 .wie-wir-wert-schaffen header {
   background-color: #00793A;
 }
 .wie-wir-wert-schaffen a {
   color: #00793A;
 }
 .wie-wir-wert-schaffen a:hover {
   color: #898989;
 }
 .wie-wir-wert-schaffen .btn,
 .wie-wir-wert-schaffen a.btn {
   background-color: #21A0D2;
 }
 .wie-wir-wert-schaffen .content-legend-lens:after,
 .wie-wir-wert-schaffen .content-legend-globe:after {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .content-legend-lens-underline {
   background-color: #00793A;
 }
 .wie-wir-wert-schaffen #linkBox a i {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .accordeonwrapper .akkordeonTitle {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .audited a,
 .wie-wir-wert-schaffen .ungc a {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .audited a:hover:after,
 .wie-wir-wert-schaffen .ungc a:hover:after,
 .wie-wir-wert-schaffen .audited a:hover i,
 .wie-wir-wert-schaffen .ungc a:hover i {
   background: rgba(0, 121, 58, 0.1);
 }
 .wie-wir-wert-schaffen header #search button span:before,
 .wie-wir-wert-schaffen header #search button span i {
   color: #00793A;
 }
 .wie-wir-wert-schaffen header #search button:hover,
 .wie-wir-wert-schaffen header #search.open button {
   background: #00793A;
 }
 .wie-wir-wert-schaffen .tooltip .tooltipTitle {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .mfp-image-holder .mfp-close {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .mobile-accordion-wrapper .mobile-accordion-title:before,
 .wie-wir-wert-schaffen .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .bx-prev,
 .wie-wir-wert-schaffen .bx-next,
 .wie-wir-wert-schaffen .bx-prev.disabled,
 .wie-wir-wert-schaffen .bx-next.disabled {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .bx-pager-link {
   background-color: #00793A;
 }
 .wie-wir-wert-schaffen .toolbox-footer-menu a {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .magazinbox {
   background: #00793A;
 }
 .wie-wir-wert-schaffen .kennzahlenbox i,
 .wie-wir-wert-schaffen .kennzahlenbox:after {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .single-icon {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .eckdaten_box .coloredText {
   color: #00793A;
 }
 .wie-wir-wert-schaffen h3.quote,
 .wie-wir-wert-schaffen h4 {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .magazinbox {
   background: #00793A;
 }
 .wie-wir-wert-schaffen .textbox,
 .wie-wir-wert-schaffen .overview-table__box {
   border-color: #00793A;
 }
 .wie-wir-wert-schaffen .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .wie-wir-wert-schaffen .content > .graphic h1.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h1.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h2.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h2.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h3.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h3.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h4.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h4.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h5.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h5.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h6.brackets + *,
 .wie-wir-wert-schaffen .content > .photo h6.brackets + *,
 .wie-wir-wert-schaffen .content > .graphic h1.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h1.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .graphic h2.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h2.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .graphic h3.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h3.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .graphic h4.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h4.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .graphic h5.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h5.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .graphic h6.brackets-dashed + *,
 .wie-wir-wert-schaffen .content > .photo h6.brackets-dashed + * {
   border-color: #00793A;
 }
 .wie-wir-wert-schaffen .content .brackets:hover,
 .wie-wir-wert-schaffen .content .brackets-dashed:hover {
   background: rgba(0, 121, 58, 0.1);
 }
 .wie-wir-wert-schaffen .content .brackets:before,
 .wie-wir-wert-schaffen .content .brackets-dashed:before,
 .wie-wir-wert-schaffen .content .brackets:after,
 .wie-wir-wert-schaffen .content .brackets-dashed:after {
   color: #00793A;
 }
 .wie-wir-wert-schaffen .tooltipXPH {
   background: #00793A;
 }
 .konzernabschluss .header-container:after,
 .konzernabschluss header {
   background-color: #65AC1E;
 }
 .konzernabschluss a {
   color: #65AC1E;
 }
 .konzernabschluss a:hover {
   color: #898989;
 }
 .konzernabschluss .btn,
 .konzernabschluss a.btn {
   background-color: #65AC1E;
 }
 .konzernabschluss .content-legend-lens:after,
 .konzernabschluss .content-legend-globe:after {
   color: #65AC1E;
 }
 .konzernabschluss .content-legend-lens-underline {
   background-color: #65AC1E;
 }
 .konzernabschluss #linkBox a i {
   color: #65AC1E;
 }
 .konzernabschluss .accordeonwrapper .akkordeonTitle {
   color: #65AC1E;
 }
 .konzernabschluss .audited a,
 .konzernabschluss .ungc a {
   color: #65AC1E;
 }
 .konzernabschluss .audited a:hover:after,
 .konzernabschluss .ungc a:hover:after,
 .konzernabschluss .audited a:hover i,
 .konzernabschluss .ungc a:hover i {
   background: rgba(101, 172, 30, 0.1);
 }
 .konzernabschluss header #search button span:before,
 .konzernabschluss header #search button span i {
   color: #65AC1E;
 }
 .konzernabschluss header #search button:hover,
 .konzernabschluss header #search.open button {
   background: #65AC1E;
 }
 .konzernabschluss .tooltip .tooltipTitle {
   color: #65AC1E;
 }
 .konzernabschluss .mfp-image-holder .mfp-close {
   color: #65AC1E;
 }
 .konzernabschluss .mobile-accordion-wrapper .mobile-accordion-title:before,
 .konzernabschluss .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #65AC1E;
 }
 .konzernabschluss .bx-prev,
 .konzernabschluss .bx-next,
 .konzernabschluss .bx-prev.disabled,
 .konzernabschluss .bx-next.disabled {
   color: #65AC1E;
 }
 .konzernabschluss .bx-pager-link {
   background-color: #65AC1E;
 }
 .konzernabschluss .toolbox-footer-menu a {
   color: #65AC1E;
 }
 .konzernabschluss .magazinbox {
   background: #65AC1E;
 }
 .konzernabschluss .kennzahlenbox i,
 .konzernabschluss .kennzahlenbox:after {
   color: #65AC1E;
 }
 .konzernabschluss .single-icon {
   color: #65AC1E;
 }
 .konzernabschluss .eckdaten_box .coloredText {
   color: #65AC1E;
 }
 .konzernabschluss h3.quote,
 .konzernabschluss h4 {
   color: #65AC1E;
 }
 .konzernabschluss .magazinbox {
   background: #65AC1E;
 }
 .konzernabschluss .textbox,
 .konzernabschluss .overview-table__box {
   border-color: #65AC1E;
 }
 .konzernabschluss .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .konzernabschluss .content > .graphic h1.brackets + *,
 .konzernabschluss .content > .photo h1.brackets + *,
 .konzernabschluss .content > .graphic h2.brackets + *,
 .konzernabschluss .content > .photo h2.brackets + *,
 .konzernabschluss .content > .graphic h3.brackets + *,
 .konzernabschluss .content > .photo h3.brackets + *,
 .konzernabschluss .content > .graphic h4.brackets + *,
 .konzernabschluss .content > .photo h4.brackets + *,
 .konzernabschluss .content > .graphic h5.brackets + *,
 .konzernabschluss .content > .photo h5.brackets + *,
 .konzernabschluss .content > .graphic h6.brackets + *,
 .konzernabschluss .content > .photo h6.brackets + *,
 .konzernabschluss .content > .graphic h1.brackets-dashed + *,
 .konzernabschluss .content > .photo h1.brackets-dashed + *,
 .konzernabschluss .content > .graphic h2.brackets-dashed + *,
 .konzernabschluss .content > .photo h2.brackets-dashed + *,
 .konzernabschluss .content > .graphic h3.brackets-dashed + *,
 .konzernabschluss .content > .photo h3.brackets-dashed + *,
 .konzernabschluss .content > .graphic h4.brackets-dashed + *,
 .konzernabschluss .content > .photo h4.brackets-dashed + *,
 .konzernabschluss .content > .graphic h5.brackets-dashed + *,
 .konzernabschluss .content > .photo h5.brackets-dashed + *,
 .konzernabschluss .content > .graphic h6.brackets-dashed + *,
 .konzernabschluss .content > .photo h6.brackets-dashed + * {
   border-color: #65AC1E;
 }
 .konzernabschluss .content .brackets:hover,
 .konzernabschluss .content .brackets-dashed:hover {
   background: rgba(101, 172, 30, 0.1);
 }
 .konzernabschluss .content .brackets:before,
 .konzernabschluss .content .brackets-dashed:before,
 .konzernabschluss .content .brackets:after,
 .konzernabschluss .content .brackets-dashed:after {
   color: #65AC1E;
 }
 .konzernabschluss .tooltipXPH {
   background: #65AC1E;
 }
 .uebersichten .header-container:after,
 .uebersichten header {
   background-color: #F39500;
 }
 .uebersichten a {
   color: #F39500;
 }
 .uebersichten a:hover {
   color: #898989;
 }
 .uebersichten .btn,
 .uebersichten a.btn {
   background-color: #F39500;
 }
 .uebersichten .content-legend-lens:after,
 .uebersichten .content-legend-globe:after {
   color: #F39500;
 }
 .uebersichten .content-legend-lens-underline {
   background-color: #F39500;
 }
 .uebersichten #linkBox a i {
   color: #F39500;
 }
 .uebersichten .accordeonwrapper .akkordeonTitle {
   color: #F39500;
 }
 .uebersichten .audited a,
 .uebersichten .ungc a {
   color: #F39500;
 }
 .uebersichten .audited a:hover:after,
 .uebersichten .ungc a:hover:after,
 .uebersichten .audited a:hover i,
 .uebersichten .ungc a:hover i {
   background: rgba(243, 149, 0, 0.1);
 }
 .uebersichten header #search button span .icon {
   color: #F39500;
 }
 .uebersichten header #search button:hover,
 .uebersichten header #search.open button {
   background: #F39500;
 }
 .uebersichten .tooltip .tooltipTitle {
   color: #F39500;
 }
 .uebersichten .mfp-image-holder .mfp-close {
   color: #F39500;
 }
 .uebersichten .mobile-accordion-wrapper .mobile-accordion-title:before,
 .uebersichten .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #F39500;
 }
 .uebersichten .bx-prev,
 .uebersichten .bx-next,
 .uebersichten .bx-prev.disabled,
 .uebersichten .bx-next.disabled {
   color: #F39500;
 }
 .uebersichten .bx-pager-link {
   background-color: #F39500;
 }
 .uebersichten .toolbox-footer-menu a {
   color: #F39500;
 }
 .uebersichten .single-icon {
   color: #F39500;
 }
 .uebersichten .eckdaten_box .coloredText {
   color: #F39500;
 }
 .uebersichten h3.quote,
 .uebersichten h4 {
   color: #F39500;
 }
 .uebersichten .magazinbox {
   background: #F39500;
 }
 .uebersichten .textbox,
 .uebersichten .overview-table__box {
   border-color: #F39500;
 }
 .uebersichten .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .uebersichten .content > .graphic h1.brackets + *,
 .uebersichten .content > .photo h1.brackets + *,
 .uebersichten .content > .graphic h2.brackets + *,
 .uebersichten .content > .photo h2.brackets + *,
 .uebersichten .content > .graphic h3.brackets + *,
 .uebersichten .content > .photo h3.brackets + *,
 .uebersichten .content > .graphic h4.brackets + *,
 .uebersichten .content > .photo h4.brackets + *,
 .uebersichten .content > .graphic h5.brackets + *,
 .uebersichten .content > .photo h5.brackets + *,
 .uebersichten .content > .graphic h6.brackets + *,
 .uebersichten .content > .photo h6.brackets + *,
 .uebersichten .content > .graphic h1.brackets-dashed + *,
 .uebersichten .content > .photo h1.brackets-dashed + *,
 .uebersichten .content > .graphic h2.brackets-dashed + *,
 .uebersichten .content > .photo h2.brackets-dashed + *,
 .uebersichten .content > .graphic h3.brackets-dashed + *,
 .uebersichten .content > .photo h3.brackets-dashed + *,
 .uebersichten .content > .graphic h4.brackets-dashed + *,
 .uebersichten .content > .photo h4.brackets-dashed + *,
 .uebersichten .content > .graphic h5.brackets-dashed + *,
 .uebersichten .content > .photo h5.brackets-dashed + *,
 .uebersichten .content > .graphic h6.brackets-dashed + *,
 .uebersichten .content > .photo h6.brackets-dashed + * {
   border-color: #F39500;
 }
 .uebersichten .content .brackets:hover,
 .uebersichten .content .brackets-dashed:hover {
   background: rgba(243, 149, 0, 0.1);
 }
 .uebersichten .content .brackets:before,
 .uebersichten .content .brackets-dashed:before,
 .uebersichten .content .brackets:after,
 .uebersichten .content .brackets-dashed:after {
   color: #F39500;
 }
 .uebersichten .tooltipXPH {
   background: #F39500;
 }
 .oel-und-gas .header-container:after,
 .oel-und-gas header {
   background-color: #C50022;
 }
 .oel-und-gas a {
   color: #C50022;
 }
 .oel-und-gas a:hover {
   color: #898989;
 }
 .oel-und-gas .btn,
 .oel-und-gas a.btn {
   background-color: #C50022;
 }
 .oel-und-gas .content-legend-lens:after,
 .oel-und-gas .content-legend-globe:after {
   color: #C50022;
 }
 .oel-und-gas .content-legend-lens-underline {
   background-color: #C50022;
 }
 .oel-und-gas #linkBox a i {
   color: #C50022;
 }
 .oel-und-gas .accordeonwrapper .akkordeonTitle {
   color: #C50022;
 }
 .oel-und-gas .audited a,
 .oel-und-gas .ungc a {
   color: #C50022;
 }
 .oel-und-gas .audited a:hover:after,
 .oel-und-gas .ungc a:hover:after,
 .oel-und-gas .audited a:hover i,
 .oel-und-gas .ungc a:hover i {
   background: rgba(197, 0, 34, 0.1);
 }
 .oel-und-gas header #search button span .icon {
   color: #C50022;
 }
 .oel-und-gas header #search button:hover,
 .oel-und-gas header #search.open button {
   background: #C50022;
 }
 .oel-und-gas .tooltip .tooltipTitle {
   color: #C50022;
 }
 .oel-und-gas .mfp-image-holder .mfp-close {
   color: #C50022;
 }
 .oel-und-gas .mobile-accordion-wrapper .mobile-accordion-title:before,
 .oel-und-gas .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #C50022;
 }
 .oel-und-gas .bx-prev,
 .oel-und-gas .bx-next,
 .oel-und-gas .bx-prev.disabled,
 .oel-und-gas .bx-next.disabled {
   color: #C50022;
 }
 .oel-und-gas .bx-pager-link {
   background-color: #C50022;
 }
 .oel-und-gas .toolbox-footer-menu a {
   color: #C50022;
 }
 .oel-und-gas .single-icon {
   color: #C50022;
 }
 .oel-und-gas .eckdaten_box .colodarkGreenText {
   color: #C50022;
 }
 .oel-und-gas h3.quote,
 .oel-und-gas h4 {
   color: #C50022;
 }
 .oel-und-gas .magazinbox {
   background: #C50022;
 }
 .oel-und-gas .textbox,
 .oel-und-gas .overview-table__box {
   border-color: #C50022;
 }
 .oel-und-gas .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .oel-und-gas .content > .graphic h1.brackets + *,
 .oel-und-gas .content > .photo h1.brackets + *,
 .oel-und-gas .content > .graphic h2.brackets + *,
 .oel-und-gas .content > .photo h2.brackets + *,
 .oel-und-gas .content > .graphic h3.brackets + *,
 .oel-und-gas .content > .photo h3.brackets + *,
 .oel-und-gas .content > .graphic h4.brackets + *,
 .oel-und-gas .content > .photo h4.brackets + *,
 .oel-und-gas .content > .graphic h5.brackets + *,
 .oel-und-gas .content > .photo h5.brackets + *,
 .oel-und-gas .content > .graphic h6.brackets + *,
 .oel-und-gas .content > .photo h6.brackets + *,
 .oel-und-gas .content > .graphic h1.brackets-dashed + *,
 .oel-und-gas .content > .photo h1.brackets-dashed + *,
 .oel-und-gas .content > .graphic h2.brackets-dashed + *,
 .oel-und-gas .content > .photo h2.brackets-dashed + *,
 .oel-und-gas .content > .graphic h3.brackets-dashed + *,
 .oel-und-gas .content > .photo h3.brackets-dashed + *,
 .oel-und-gas .content > .graphic h4.brackets-dashed + *,
 .oel-und-gas .content > .photo h4.brackets-dashed + *,
 .oel-und-gas .content > .graphic h5.brackets-dashed + *,
 .oel-und-gas .content > .photo h5.brackets-dashed + *,
 .oel-und-gas .content > .graphic h6.brackets-dashed + *,
 .oel-und-gas .content > .photo h6.brackets-dashed + * {
   border-color: #C50022;
 }
 .oel-und-gas .content .brackets:hover,
 .oel-und-gas .content .brackets-dashed:hover {
   background: rgba(197, 0, 34, 0.1);
 }
 .oel-und-gas .content .brackets:before,
 .oel-und-gas .content .brackets-dashed:before,
 .oel-und-gas .content .brackets:after,
 .oel-und-gas .content .brackets-dashed:after {
   color: #C50022;
 }
 .oel-und-gas .tooltipXPH {
   background: #C50022;
 }
 .konzernlagebericht .header-container:after,
 .konzernlagebericht header {
   background-color: #21A0D2;
 }
 .konzernlagebericht a {
   color: #21A0D2;
 }
 .konzernlagebericht a:hover {
   color: #898989;
 }
 .konzernlagebericht .btn,
 .konzernlagebericht a.btn {
   background-color: #21A0D2;
 }
 .konzernlagebericht .content-legend-lens:after,
 .konzernlagebericht .content-legend-globe:after {
   color: #21A0D2;
 }
 .konzernlagebericht .content-legend-lens-underline {
   background-color: #21A0D2;
 }
 .konzernlagebericht #linkBox a i {
   color: #21A0D2;
 }
 .konzernlagebericht .accordeonwrapper .akkordeonTitle {
   color: #21A0D2;
 }
 .konzernlagebericht .audited a,
 .konzernlagebericht .ungc a {
   color: #21A0D2;
 }
 .konzernlagebericht .audited a:hover:after,
 .konzernlagebericht .ungc a:hover:after,
 .konzernlagebericht .audited a:hover i,
 .konzernlagebericht .ungc a:hover i {
   background: rgba(33, 160, 210, 0.1);
 }
 .konzernlagebericht header #search button span:before,
 .konzernlagebericht header #search button span i {
   color: #21A0D2;
 }
 .konzernlagebericht header #search button:hover,
 .konzernlagebericht header #search.open button {
   background: #21A0D2;
 }
 .konzernlagebericht .tooltip .tooltipTitle {
   color: #21A0D2;
 }
 .konzernlagebericht .mfp-image-holder .mfp-close {
   color: #21A0D2;
 }
 .konzernlagebericht .mobile-accordion-wrapper .mobile-accordion-title:before,
 .konzernlagebericht .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #21A0D2;
 }
 .konzernlagebericht .bx-prev,
 .konzernlagebericht .bx-next,
 .konzernlagebericht .bx-prev.disabled,
 .konzernlagebericht .bx-next.disabled {
   color: #21A0D2;
 }
 .konzernlagebericht .bx-pager-link {
   background-color: #21A0D2;
 }
 .konzernlagebericht .toolbox-footer-menu a {
   color: #21A0D2;
 }
 .konzernlagebericht .magazinbox {
   background: #21A0D2;
 }
 .konzernlagebericht .kennzahlenbox i,
 .konzernlagebericht .kennzahlenbox:after {
   color: #21A0D2;
 }
 .konzernlagebericht .single-icon {
   color: #21A0D2;
 }
 .konzernlagebericht .eckdaten_box .coloredText {
   color: #21A0D2;
 }
 .konzernlagebericht h3.quote,
 .konzernlagebericht h4 {
   color: #21A0D2;
 }
 .konzernlagebericht .magazinbox {
   background: #21A0D2;
 }
 .konzernlagebericht .textbox,
 .konzernlagebericht .overview-table__box {
   border-color: #21A0D2;
 }
 .konzernlagebericht .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .konzernlagebericht .content > .graphic h1.brackets + *,
 .konzernlagebericht .content > .photo h1.brackets + *,
 .konzernlagebericht .content > .graphic h2.brackets + *,
 .konzernlagebericht .content > .photo h2.brackets + *,
 .konzernlagebericht .content > .graphic h3.brackets + *,
 .konzernlagebericht .content > .photo h3.brackets + *,
 .konzernlagebericht .content > .graphic h4.brackets + *,
 .konzernlagebericht .content > .photo h4.brackets + *,
 .konzernlagebericht .content > .graphic h5.brackets + *,
 .konzernlagebericht .content > .photo h5.brackets + *,
 .konzernlagebericht .content > .graphic h6.brackets + *,
 .konzernlagebericht .content > .photo h6.brackets + *,
 .konzernlagebericht .content > .graphic h1.brackets-dashed + *,
 .konzernlagebericht .content > .photo h1.brackets-dashed + *,
 .konzernlagebericht .content > .graphic h2.brackets-dashed + *,
 .konzernlagebericht .content > .photo h2.brackets-dashed + *,
 .konzernlagebericht .content > .graphic h3.brackets-dashed + *,
 .konzernlagebericht .content > .photo h3.brackets-dashed + *,
 .konzernlagebericht .content > .graphic h4.brackets-dashed + *,
 .konzernlagebericht .content > .photo h4.brackets-dashed + *,
 .konzernlagebericht .content > .graphic h5.brackets-dashed + *,
 .konzernlagebericht .content > .photo h5.brackets-dashed + *,
 .konzernlagebericht .content > .graphic h6.brackets-dashed + *,
 .konzernlagebericht .content > .photo h6.brackets-dashed + * {
   border-color: #21A0D2;
 }
 .konzernlagebericht .content .brackets:hover,
 .konzernlagebericht .content .brackets-dashed:hover {
   background: rgba(33, 160, 210, 0.1);
 }
 .konzernlagebericht .content .brackets:before,
 .konzernlagebericht .content .brackets-dashed:before,
 .konzernlagebericht .content .brackets:after,
 .konzernlagebericht .content .brackets-dashed:after {
   color: #21A0D2;
 }
 .konzernlagebericht .tooltipXPH {
   background: #21A0D2;
 }
 .kennzahlenvergleich .header-container:after,
 .kennzahlenvergleich header {
   background-color: #21A0D2;
 }
 .kennzahlenvergleich a {
   color: #21A0D2;
 }
 .kennzahlenvergleich a:hover {
   color: #898989;
 }
 .kennzahlenvergleich .btn,
 .kennzahlenvergleich a.btn {
   background-color: #21A0D2;
 }
 .kennzahlenvergleich .content-legend-lens:after,
 .kennzahlenvergleich .content-legend-globe:after {
   color: #21A0D2;
 }
 .kennzahlenvergleich .content-legend-lens-underline {
   background-color: #21A0D2;
 }
 .kennzahlenvergleich #linkBox a i {
   color: #21A0D2;
 }
 .kennzahlenvergleich .accordeonwrapper .akkordeonTitle {
   color: #21A0D2;
 }
 .kennzahlenvergleich .audited a,
 .kennzahlenvergleich .ungc a {
   color: #21A0D2;
 }
 .kennzahlenvergleich .audited a:hover:after,
 .kennzahlenvergleich .ungc a:hover:after,
 .kennzahlenvergleich .audited a:hover i,
 .kennzahlenvergleich .ungc a:hover i {
   background: rgba(33, 160, 210, 0.1);
 }
 .kennzahlenvergleich header #search button span .icon {
   color: #21A0D2;
 }
 .kennzahlenvergleich header #search button:hover,
 .kennzahlenvergleich header #search.open button {
   background: #21A0D2;
 }
 .kennzahlenvergleich .tooltip .tooltipTitle {
   color: #21A0D2;
 }
 .kennzahlenvergleich .mfp-image-holder .mfp-close {
   color: #21A0D2;
 }
 .kennzahlenvergleich .mobile-accordion-wrapper .mobile-accordion-title:before,
 .kennzahlenvergleich .mobile-accordion-wrapper .mobile-accordion-title i {
   color: #21A0D2;
 }
 .kennzahlenvergleich .bx-prev,
 .kennzahlenvergleich .bx-next,
 .kennzahlenvergleich .bx-prev.disabled,
 .kennzahlenvergleich .bx-next.disabled {
   color: #21A0D2;
 }
 .kennzahlenvergleich .bx-pager-link {
   background-color: #21A0D2;
 }
 .kennzahlenvergleich .toolbox-footer-menu a {
   color: #21A0D2;
 }
 .kennzahlenvergleich .single-icon {
   color: #21A0D2;
 }
 .kennzahlenvergleich .eckdaten_box .coloblueText {
   color: #21A0D2;
 }
 .kennzahlenvergleich h3.quote,
 .kennzahlenvergleich h4 {
   color: #21A0D2;
 }
 .kennzahlenvergleich .magazinbox {
   background: #21A0D2;
 }
 .kennzahlenvergleich .textbox,
 .kennzahlenvergleich .overview-table__box {
   border-color: #21A0D2;
 }
 .kennzahlenvergleich .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .photo h6:not(.brackets):not(.brackets-dashed),
 .kennzahlenvergleich .content > .graphic h1.brackets + *,
 .kennzahlenvergleich .content > .photo h1.brackets + *,
 .kennzahlenvergleich .content > .graphic h2.brackets + *,
 .kennzahlenvergleich .content > .photo h2.brackets + *,
 .kennzahlenvergleich .content > .graphic h3.brackets + *,
 .kennzahlenvergleich .content > .photo h3.brackets + *,
 .kennzahlenvergleich .content > .graphic h4.brackets + *,
 .kennzahlenvergleich .content > .photo h4.brackets + *,
 .kennzahlenvergleich .content > .graphic h5.brackets + *,
 .kennzahlenvergleich .content > .photo h5.brackets + *,
 .kennzahlenvergleich .content > .graphic h6.brackets + *,
 .kennzahlenvergleich .content > .photo h6.brackets + *,
 .kennzahlenvergleich .content > .graphic h1.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h1.brackets-dashed + *,
 .kennzahlenvergleich .content > .graphic h2.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h2.brackets-dashed + *,
 .kennzahlenvergleich .content > .graphic h3.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h3.brackets-dashed + *,
 .kennzahlenvergleich .content > .graphic h4.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h4.brackets-dashed + *,
 .kennzahlenvergleich .content > .graphic h5.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h5.brackets-dashed + *,
 .kennzahlenvergleich .content > .graphic h6.brackets-dashed + *,
 .kennzahlenvergleich .content > .photo h6.brackets-dashed + * {
   border-color: #21A0D2;
 }
 .kennzahlenvergleich .content .brackets:hover,
 .kennzahlenvergleich .content .brackets-dashed:hover {
   background: rgba(33, 160, 210, 0.1);
 }
 .kennzahlenvergleich .content .brackets:before,
 .kennzahlenvergleich .content .brackets-dashed:before,
 .kennzahlenvergleich .content .brackets:after,
 .kennzahlenvergleich .content .brackets-dashed:after {
   color: #21A0D2;
 }
 .kennzahlenvergleich .tooltipXPH {
   background: #21A0D2;
 }
 .gri-index a {
   color: #C50022;
 }
 /* V3 */
 @media screen and (max-width: 1200px) {
   .corporate-governance #search .searchbutton {
     background-color: #00793A;
   }
   .basf-nachhaltige-zukunft #search .searchbutton {
     background-color: #004A96;
   }
   .willkommen #search .searchbutton {
     background-color: #004A96;
   }
   .aktionaere #search .searchbutton {
     background-color: #004A96;
   }
   .ueber-diesen-bericht #search .searchbutton {
     background-color: #21A0D2;
   }
   .kennzahlenvergleich #search .searchbutton {
     background-color: #21A0D2;
   }
   .wie-wir-wert-schaffen #search .searchbutton {
     background-color: #00793A;
   }
   .oel-und-gas #search .searchbutton {
     background-color: #C50022;
   }
   .konzernlagebericht #search .searchbutton {
     background-color: #21A0D2;
   }
   .konzernabschluss #search .searchbutton {
     background-color: #65AC1E;
   }
   .uebersichten #search .searchbutton {
     background-color: #F39500;
   }
 }
 /* V2 */
 @media screen and (max-width: 768px) {
   /* language switch */
   .corporate-governance .language_switch a {
     color: #00793A;
   }
   .basf-nachhaltige-zukunft .language_switch a {
     color: #004A96;
   }
   .basf-nachhaltige-zukunft.stagevisual .language_switch a {
     color: #004A96;
   }
   .willkommen .language_switch a {
     color: #004A96;
   }
   .willkommen.stagevisual .language_switch a,
   .willkommen.stagevisual .global_link a {
     color: #004A96;
   }
   .aktionaere .language_switch a {
     color: #004A96;
   }
   .ueber-diesen-bericht .language_switch a {
     color: #21A0D2;
   }
   .kennzahlenvergleich .language_switch a {
     color: #21A0D2;
   }
   .wie-wir-wert-schaffen .language_switch a {
     color: #00793A;
   }
   .oel-und-gas .language_switch a {
     color: #C50022;
   }
   .konzernlagebericht .language_switch a {
     color: #21A0D2;
   }
   .konzernabschluss .language_switch a {
     color: #65AC1E;
   }
   .uebersichten .language_switch a {
     color: #F39500;
   }
   /* mobile nav icons */
 }
 /* V1 */
 /*
 ================
 NAVIGATION
 ================
 */
 body:before {
   content: '';
   position: fixed;
   z-index: 200;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 0;
   height: 0;
   background: #000;
   transition: opacity 0.5s ease-out;
   opacity: 0;
   pointer-events: none;
 }
 body.desktop-nav-open,
 body.search-active,
 body.mobile-search-active {
   overflow-y: hidden;
 }
 body.desktop-nav-open:before,
 body.search-active:before,
 body.mobile-search-active:before {
   width: 100%;
   height: 100%;
   opacity: 0.85;
   pointer-events: all;
 }
 .nav-wrapper {
   position: absolute;
   z-index: 200;
   top: 0;
   left: 0;
   width: 100%;
   /* prettier-ignore */
   height: 65px;
   margin-bottom: 2.3em;
 }
 @media screen and (min-width: 1201px) {
   .nav-wrapper {
     /* prettier-ignore */
     height: 80px;
   }
 }
 .sticky .nav-wrapper {
   /* prettier-ignore */
   height: 65px;
 }
 @media screen and (min-width: 1201px) {
   .sticky .nav-wrapper {
     /* prettier-ignore */
     height: 60px;
   }
 }
 .search-active .nav-wrapper {
   display: none;
 }
 nav a {
   text-decoration: none;
 }
 /* Main navigation */
 #primary {
   position: absolute;
   z-index: 200;
   overflow: hidden;
   width: 100%;
   margin: 0;
   text-align: center;
 }
 .desktop-nav-open #primary {
   overflow: visible;
 }
 @media screen and (min-width: 1201px) {
   .desktop-nav-open:not(.sticky) #primary {
     width: 1200px;
   }
 }
 @media screen and (min-width: 1201px) {
   body:not(.sticky):not(.desktop-nav-open):not(.search-active) #primary {
     height: 80px !important;
   }
 }
 #primary .menu {
   z-index: -1;
   box-sizing: border-box;
   /* prettier-ignore */
   height: 65px;
   padding: 0 30px 0 0;
   margin: 0 -10px;
   max-width: 1200px;
 }
 @media screen and (min-width: 1201px) {
   #primary .menu {
     display: flex;
     flex-direction: row;
     align-items: flex-end;
     /* prettier-ignore */
     height: 80px;
   }
 }
 .sticky #primary .menu {
   /* prettier-ignore */
   height: 65px;
   padding-top: 12px;
   padding-bottom: 12px;
 }
 @media screen and (min-width: 1201px) {
   .sticky #primary .menu {
     /* prettier-ignore */
     height: 60px;
   }
 }
 #primary .menu-board {
   position: absolute;
   z-index: -1;
   top: 80px;
   right: 0;
   left: -30px;
   display: none;
   width: 100%;
   text-align: left;
 }
 .zweizeilig #primary .menu-board {
   top: 80px;
 }
 #primary .menu-board .wrapper {
   position: absolute;
   z-index: -1;
   right: 0;
   left: 0;
   margin-left: 0;
 }
 .desktop-nav-open #primary .menu-board {
   display: block;
 }
 #primary.opened .menu-board {
   overflow-x: hidden;
   overflow-y: auto;
 }
 .unknownX-mode11 #primary .menu-board .wrapper {
   position: relative;
 }
 #primary .nav-two-rows {
   height: 84px;
 }
 #primary.nav-two-rows .sublevel-wrapper {
   top: 84px;
 }
 /* -------------------- home item -------------------- */
 #primary li.home-item {
   margin-left: 12px;
 }
 #primary li.home-item > a {
   position: relative;
   display: inline-block;
   background: transparent;
 }
 body:not(.page_serviceseiten_willkommen):not(.page_einblicke) #primary li.home-item > a:hover {
   color: #898989;
 }
 .sticky #primary li.home-item > a {
   font-family: 'Helvetica Neue LT W06 55 Roman';
 }
 body:not(.sticky) #primary .menu .home-item {
   display: block;
   float: none;
   text-align: left;
 }
 body:not(.sticky) #primary .menu .home-item > a {
   padding-top: 18px;
   padding-bottom: 17px;
   font-size: 20px;
   pointer-events: none;
 }
 #primary .menu .home-item > a:first-child {
   padding-left: 0;
   margin-left: 0;
 }
 /* -------------------- close button -------------------- */
 .nav-close {
   position: absolute;
   z-index: 201;
   right: 24px;
   bottom: 15px;
   display: none;
 }
 .nav-wrapper.open .nav-close {
   display: block;
   color: #fff;
 }
 .nav-wrapper.open .nav-close:hover {
   color: #898989;
 }
 .lt-ie8 .nav-close {
   zoom: expression(
     this.runtimeStyle[ 'zoom' ] = '1',
     this.innerHTML = this.innerHTML + '<i>&#xe013;</i>'
   );
 }
 .nav-close:after,
 .nav-close i {
   content: '\e854';
   display: inline-block;
   font-family: 'BASF_Iconfont3';
   font-size: 18px;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 /* -------------------- / close button -------------------- */
 #primary a {
   display: inline-block;
   padding: 0em 1.1em 0.1em 1.1em;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: #fff;
 }
 #primary a:hover {
   color: #adadad;
 }
 .primary-inner {
   /* prettier-ignore */
   background: #004A96;
 }
 /* -------------------- level 1 -------------------- */
 #primary .level1 {
   position: relative;
   float: left;
   line-height: 2.5;
   transition: opacity 0.5s;
 }
 #primary .level1.open {
   position: static;
 }
 #primary .level1.open > .menu-board {
   height: 100%;
 }
 #primary .level1.open > .menu-board > .wrapper {
   height: 100%;
 }
 #primary .level1 > a {
   position: static;
   display: block;
   width: auto;
   padding: 10px;
   margin: 0;
 }
 body:not(.sticky) #primary .level1 > a {
   padding-top: 8px;
   padding-bottom: 15px;
 }
 #primary .level1:first-child a {
   margin-left: 18px;
 }
 #primary .level1.active:not(.home-item) > a,
 #primary .level1.open > a,
 #primary .level1.inpath.open > a {
   /* prettier-ignore */
   color: #21A0D2;
 }
 body:not(.desktop-nav-open) #primary .level1:not(.home-item) > a:hover {
   /* prettier-ignore */
   color: #21A0D2;
 }
 #primary .level1.inpath > a {
   color: #868686;
 }
 #primary .level1.open > a {
   zoom: expression(
     this.runtimeStyle[ 'zoom' ] = '1',
     this.innerHTML = this.innerHTML + '<i></i>'
   );
 }
 /* -------------------- / level 1 -------------------- */
 /* -------------------- level 2 -------------------- */
 #primary .level1 > .menu-board > .wrapper > .sublevel-wrapper {
   position: absolute;
   z-index: -1;
   left: 0;
   display: none;
   height: 100%;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .lt-ie9 #primary .level1 > .menu-board > .wrapper > .sublevel-wrapper {
   width: 290px;
 }
 #primary .level1.open > .menu-board > .wrapper > .sublevel-wrapper {
   position: absolute;
   display: block;
 }
 #primary .sublevel-wrapper {
   width: 100%;
   margin: 0 30px;
   max-width: 263px;
 }
 /* -------------------- / level 2 -------------------- */
 /* -------------------- level 3,4,5 -------------------- */
 #primary .level2 .sublevel-wrapper,
 #primary .level3 .sublevel-wrapper,
 #primary .level4 .sublevel-wrapper,
 #primary .level5 .sublevel-wrapper {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 100%;
   height: auto;
   -webkit-transition: background 0.4s ease-in-out;
   -moz-transition: background 0.4s ease-in-out;
   -ms-transition: background 0.4s ease-in-out;
   -o-transition: background 0.4s ease-in-out;
   transition: background 0.4s ease-in-out;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   opacity: 0;
 }
 #primary .level2.animationActive,
 #primary .level3.animationActive,
 #primary .level4.animationActive,
 #primary .level5.animationActive {
   position: relative;
 }
 #primary .level2.open > .sublevel-wrapper,
 #primary .level3.open > .sublevel-wrapper,
 #primary .level4.open > .sublevel-wrapper,
 #primary .level5.open > .sublevel-wrapper {
   z-index: auto;
   left: 100%;
   height: 100%;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
 }
 #primary .level2.open > .sublevel-wrapper.activeList,
 #primary .level3.open > .sublevel-wrapper.activeList,
 #primary .level4.open > .sublevel-wrapper.activeList,
 #primary .level5.open > .sublevel-wrapper.activeList {
   overflow: visible;
 }
 #primary .level2.open > .sublevel-wrapper > .sublevel,
 #primary .level3.open > .sublevel-wrapper > .sublevel,
 #primary .level4.open > .sublevel-wrapper > .sublevel,
 #primary .level5.open > .sublevel-wrapper > .sublevel {
   position: absolute;
   left: -100%;
   width: 100%;
   height: 100%;
 }
 #primary .level2.open > .sublevel-wrapper > .sublevel.autoheight,
 #primary .level3.open > .sublevel-wrapper > .sublevel.autoheight,
 #primary .level4.open > .sublevel-wrapper > .sublevel.autoheight,
 #primary .level5.open > .sublevel-wrapper > .sublevel.autoheight {
   height: auto;
 }
 /* -------------------- / level 3,4,5 -------------------- */
 #primary .sublevel li.active > a {
   color: #868686;
 }
 #primary .sublevel li > a {
   position: relative;
   width: 100%;
   padding: 0;
   padding: 13px 0;
   border-top: 1px solid #adadad;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 16px;
   line-height: 1.4;
 }
 #primary .sublevel li.open > a {
   /* prettier-ignore */
   color: #21A0D2;
 }
 #primary .sublevel .menu-title {
   padding: 0 2em 0 0;
 }
 #primary .sublevel .has_children > a:after,
 #primary .sublevel .has_children > a i {
   content: '\e002';
   position: absolute;
   top: 12px;
   right: 2px;
   display: inline-block;
   margin-right: 0;
   font-family: 'BASF_Iconfont';
   font-weight: bold;
   font-size: 18px;
   font-style: normal;
 }
 .lt-ie9 #primary .sublevel .has_children > a:after,
 .lt-ie9 #primary .sublevel .has_children > a i {
   top: 10px;
 }
 .lt-ie8 #primary .sublevel .has_children > a {
   zoom: expression(
     this.runtimeStyle[ 'zoom' ] = '1',
     this.innerHTML = '<i>&#xe002;</i>' + this.innerHTML
   );
 }
 #primary .sublevel .last {
   margin-bottom: 1em;
 }
 /* ---- parentItem ---- */
 .parentItem {
   display: none;
 }
 #primary .sublevel li.parentItem {
   display: block;
   padding: 0;
 }
 #primary .sublevel li.parentItem a {
   margin-top: 30px;
   font-size: 19px;
 }
 #primary .sublevel li.parentItem p {
   margin: 0;
 }
 #primary .sublevel li.parentItem p.icon-arrow-right-full:before,
 #primary .sublevel li.parentItem p.icon-arrow-right-full i {
   top: 8px;
   left: 0;
   font-size: 25px;
   line-height: 1.4;
 }
 .win #primary .sublevel li.parentItem p.icon-arrow-right-full:before,
 .win #primary .sublevel li.parentItem p.icon-arrow-right-full i {
   top: 7px;
 }
 .lt-ie9 #primary .sublevel li.parentItem p.icon-arrow-right-full:before,
 .lt-ie9 #primary .sublevel li.parentItem p.icon-arrow-right-full i {
   top: 8px;
 }
 /* ---- /parentItem ---- */
 #primary .menu-teaser {
   position: absolute;
   top: 30px;
   left: 51.5%;
   max-width: 263px;
 }
 .sticky #primary .menu-teaser {
   left: 54.2%;
 }
 .desktop-nav-level3-open #primary .menu-teaser {
   display: none;
 }
 #primary .menu-teaser img {
   display: block;
 }
 #primary .menu-teaser a {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 15px 0;
   font-size: 16px;
   line-height: 24px;
   color: #adadad;
 }
 #primary .menu-teaser a:hover {
   color: #898989;
 }
 #primary .menu-teaser a:before {
   content: '\e906';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 #primary li:not(.open) .menu-teaser {
   display: none;
 }
 /* 
 =======================
        Content 
 =======================
 */
 .content p {
   line-height: 1.8;
 }
 article[role=main] > .content {
   clear: both;
 }
 article .content li {
   font-size: 1.4em;
 }
 /*article .content li a*/
 article .content li p,
 article .content li .more {
   font-size: 100%;
 }
 article .content .sitemap li {
   font-size: 100%;
 }
 article .content .sitemap li a {
   margin: 0;
   font-size: 1.4em;
 }
 .content td .volltext {
   margin: 0;
 }
 .content .volltext {
   margin-bottom: 30px;
 }
 .content p {
   font-size: 14px;
 }
 .editor p {
   font-size: 14px !important;
 }
 .content p,
 .content div.bild {
   margin: 0 0 15px 0;
 }
 h5 + p > img {
   padding-bottom: 15px;
 }
 .content div.spreadsheet {
   margin: 0 0 30px 0;
 }
 .content .zoom p {
   margin: 0 0 5px 0;
 }
 /* links */
 .lt-ie9 .content .more {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe003;</i>' + this.innerHTML );
 }
 .ie9 .content .more:before,
 .ie9 .content .more i {
   top: -1px;
 }
 .lt-ie9 .content .more:before,
 .lt-ie9 .content .more i {
   top: -2px;
 }
 /* Listen */
 .content ul,
 .content ol {
   position: relative;
   display: block;
   padding: 0 0 0 40px;
   margin: 1em 0;
 }
 .content ul {
   line-height: 25px;
   list-style-type: disc;
 }
 .main-chapter .content ul {
   padding: 0;
   list-style: none;
 }
 .kennzahlenvergleich .content ul {
   line-height: auto;
 }
 .content ul li {
   margin-bottom: 0;
 }
 /* Fu�note */
 .content .fussnote p,
 .content .content-fn p {
   margin: 0;
   font-size: 13px !important;
   line-height: 130%;
   color: #7C7C7C;
 }
 /* Spaltenwechsel */
 .content td.spaltenwechsel {
   width: 180px;
   font-size: 1.1em;
   vertical-align: top;
   color: #555555;
 }
 .content td.spaltenwechsel h1 {
   display: block;
   padding: 0;
   margin: 0 0 1.6em 0;
   font-size: 1.6em;
   color: #000066;
 }
 /* Spaltenlayout */
 .content .spalten:before,
 .content .spalten:after {
   content: " ";
   display: table;
 }
 .content .spalten:after {
   clear: both;
 }
 .lt-ie9 .content .spalten {
   zoom: 1;
 }
 .content .spalten .spalte_halb {
   float: left;
   width: 48%;
 }
 .spalte_halb + .spalte_halb {
   margin-left: 4%;
 }
 .content .spalten .spalte_halb:last-child {
   float: right;
 }
 .lt-ie9 .content .spalten .spalte_halb {
   float: expression(this.nextSibling == null ? 'right' : 'left');
 }
 .content .spalten .spalte_drittel {
   float: left;
   width: 31.3333%;
   margin: 0 3% 0 0;
 }
 .content .spalten .spalte_drittel:last-child {
   margin: 0;
 }
 .lt-ie9 .content .spalten .spalte_drittel {
   margin-right: expression(this.nextSibling == null ? '0' : '3%');
 }
 /* Bild */
 .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;
 }
 img.bild + p {
   margin-top: 15px;
 }
 .article-wrapper > .graphic,
 .content > .graphic,
 .article-wrapper > .photo,
 .content > .photo {
   margin: 30px 0;
 }
 .article-wrapper > .graphic h1,
 .content > .graphic h1,
 .article-wrapper > .photo h1,
 .content > .photo h1,
 .article-wrapper > .graphic h2,
 .content > .graphic h2,
 .article-wrapper > .photo h2,
 .content > .photo h2,
 .article-wrapper > .graphic h3,
 .content > .graphic h3,
 .article-wrapper > .photo h3,
 .content > .photo h3,
 .article-wrapper > .graphic h4,
 .content > .graphic h4,
 .article-wrapper > .photo h4,
 .content > .photo h4,
 .article-wrapper > .graphic h5,
 .content > .graphic h5,
 .article-wrapper > .photo h5,
 .content > .photo h5,
 .article-wrapper > .graphic h6,
 .content > .graphic h6,
 .article-wrapper > .photo h6,
 .content > .photo h6 {
   padding: 0;
   margin: 0;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 16px;
   line-height: 22px;
 }
 .article-wrapper > .graphic h1.brackets:before,
 .content > .graphic h1.brackets:before,
 .article-wrapper > .photo h1.brackets:before,
 .content > .photo h1.brackets:before,
 .article-wrapper > .graphic h2.brackets:before,
 .content > .graphic h2.brackets:before,
 .article-wrapper > .photo h2.brackets:before,
 .content > .photo h2.brackets:before,
 .article-wrapper > .graphic h3.brackets:before,
 .content > .graphic h3.brackets:before,
 .article-wrapper > .photo h3.brackets:before,
 .content > .photo h3.brackets:before,
 .article-wrapper > .graphic h4.brackets:before,
 .content > .graphic h4.brackets:before,
 .article-wrapper > .photo h4.brackets:before,
 .content > .photo h4.brackets:before,
 .article-wrapper > .graphic h5.brackets:before,
 .content > .graphic h5.brackets:before,
 .article-wrapper > .photo h5.brackets:before,
 .content > .photo h5.brackets:before,
 .article-wrapper > .graphic h6.brackets:before,
 .content > .graphic h6.brackets:before,
 .article-wrapper > .photo h6.brackets:before,
 .content > .photo h6.brackets:before,
 .article-wrapper > .graphic h1.brackets-dashed:before,
 .content > .graphic h1.brackets-dashed:before,
 .article-wrapper > .photo h1.brackets-dashed:before,
 .content > .photo h1.brackets-dashed:before,
 .article-wrapper > .graphic h2.brackets-dashed:before,
 .content > .graphic h2.brackets-dashed:before,
 .article-wrapper > .photo h2.brackets-dashed:before,
 .content > .photo h2.brackets-dashed:before,
 .article-wrapper > .graphic h3.brackets-dashed:before,
 .content > .graphic h3.brackets-dashed:before,
 .article-wrapper > .photo h3.brackets-dashed:before,
 .content > .photo h3.brackets-dashed:before,
 .article-wrapper > .graphic h4.brackets-dashed:before,
 .content > .graphic h4.brackets-dashed:before,
 .article-wrapper > .photo h4.brackets-dashed:before,
 .content > .photo h4.brackets-dashed:before,
 .article-wrapper > .graphic h5.brackets-dashed:before,
 .content > .graphic h5.brackets-dashed:before,
 .article-wrapper > .photo h5.brackets-dashed:before,
 .content > .photo h5.brackets-dashed:before,
 .article-wrapper > .graphic h6.brackets-dashed:before,
 .content > .graphic h6.brackets-dashed:before,
 .article-wrapper > .photo h6.brackets-dashed:before,
 .content > .photo h6.brackets-dashed:before,
 .article-wrapper > .graphic h1.brackets:after,
 .content > .graphic h1.brackets:after,
 .article-wrapper > .photo h1.brackets:after,
 .content > .photo h1.brackets:after,
 .article-wrapper > .graphic h2.brackets:after,
 .content > .graphic h2.brackets:after,
 .article-wrapper > .photo h2.brackets:after,
 .content > .photo h2.brackets:after,
 .article-wrapper > .graphic h3.brackets:after,
 .content > .graphic h3.brackets:after,
 .article-wrapper > .photo h3.brackets:after,
 .content > .photo h3.brackets:after,
 .article-wrapper > .graphic h4.brackets:after,
 .content > .graphic h4.brackets:after,
 .article-wrapper > .photo h4.brackets:after,
 .content > .photo h4.brackets:after,
 .article-wrapper > .graphic h5.brackets:after,
 .content > .graphic h5.brackets:after,
 .article-wrapper > .photo h5.brackets:after,
 .content > .photo h5.brackets:after,
 .article-wrapper > .graphic h6.brackets:after,
 .content > .graphic h6.brackets:after,
 .article-wrapper > .photo h6.brackets:after,
 .content > .photo h6.brackets:after,
 .article-wrapper > .graphic h1.brackets-dashed:after,
 .content > .graphic h1.brackets-dashed:after,
 .article-wrapper > .photo h1.brackets-dashed:after,
 .content > .photo h1.brackets-dashed:after,
 .article-wrapper > .graphic h2.brackets-dashed:after,
 .content > .graphic h2.brackets-dashed:after,
 .article-wrapper > .photo h2.brackets-dashed:after,
 .content > .photo h2.brackets-dashed:after,
 .article-wrapper > .graphic h3.brackets-dashed:after,
 .content > .graphic h3.brackets-dashed:after,
 .article-wrapper > .photo h3.brackets-dashed:after,
 .content > .photo h3.brackets-dashed:after,
 .article-wrapper > .graphic h4.brackets-dashed:after,
 .content > .graphic h4.brackets-dashed:after,
 .article-wrapper > .photo h4.brackets-dashed:after,
 .content > .photo h4.brackets-dashed:after,
 .article-wrapper > .graphic h5.brackets-dashed:after,
 .content > .graphic h5.brackets-dashed:after,
 .article-wrapper > .photo h5.brackets-dashed:after,
 .content > .photo h5.brackets-dashed:after,
 .article-wrapper > .graphic h6.brackets-dashed:after,
 .content > .graphic h6.brackets-dashed:after,
 .article-wrapper > .photo h6.brackets-dashed:after,
 .content > .photo h6.brackets-dashed:after {
   font-size: 17px;
 }
 .article-wrapper > .graphic h1.brackets + *,
 .content > .graphic h1.brackets + *,
 .article-wrapper > .photo h1.brackets + *,
 .content > .photo h1.brackets + *,
 .article-wrapper > .graphic h2.brackets + *,
 .content > .graphic h2.brackets + *,
 .article-wrapper > .photo h2.brackets + *,
 .content > .photo h2.brackets + *,
 .article-wrapper > .graphic h3.brackets + *,
 .content > .graphic h3.brackets + *,
 .article-wrapper > .photo h3.brackets + *,
 .content > .photo h3.brackets + *,
 .article-wrapper > .graphic h4.brackets + *,
 .content > .graphic h4.brackets + *,
 .article-wrapper > .photo h4.brackets + *,
 .content > .photo h4.brackets + *,
 .article-wrapper > .graphic h5.brackets + *,
 .content > .graphic h5.brackets + *,
 .article-wrapper > .photo h5.brackets + *,
 .content > .photo h5.brackets + *,
 .article-wrapper > .graphic h6.brackets + *,
 .content > .graphic h6.brackets + *,
 .article-wrapper > .photo h6.brackets + *,
 .content > .photo h6.brackets + *,
 .article-wrapper > .graphic h1.brackets-dashed + *,
 .content > .graphic h1.brackets-dashed + *,
 .article-wrapper > .photo h1.brackets-dashed + *,
 .content > .photo h1.brackets-dashed + *,
 .article-wrapper > .graphic h2.brackets-dashed + *,
 .content > .graphic h2.brackets-dashed + *,
 .article-wrapper > .photo h2.brackets-dashed + *,
 .content > .photo h2.brackets-dashed + *,
 .article-wrapper > .graphic h3.brackets-dashed + *,
 .content > .graphic h3.brackets-dashed + *,
 .article-wrapper > .photo h3.brackets-dashed + *,
 .content > .photo h3.brackets-dashed + *,
 .article-wrapper > .graphic h4.brackets-dashed + *,
 .content > .graphic h4.brackets-dashed + *,
 .article-wrapper > .photo h4.brackets-dashed + *,
 .content > .photo h4.brackets-dashed + *,
 .article-wrapper > .graphic h5.brackets-dashed + *,
 .content > .graphic h5.brackets-dashed + *,
 .article-wrapper > .photo h5.brackets-dashed + *,
 .content > .photo h5.brackets-dashed + *,
 .article-wrapper > .graphic h6.brackets-dashed + *,
 .content > .graphic h6.brackets-dashed + *,
 .article-wrapper > .photo h6.brackets-dashed + *,
 .content > .photo h6.brackets-dashed + * {
   padding-top: 25px;
   margin-top: 8px;
   border-top: 2px solid #004A96;
 }
 .article-wrapper > .graphic h1.brackets + p,
 .content > .graphic h1.brackets + p,
 .article-wrapper > .photo h1.brackets + p,
 .content > .photo h1.brackets + p,
 .article-wrapper > .graphic h2.brackets + p,
 .content > .graphic h2.brackets + p,
 .article-wrapper > .photo h2.brackets + p,
 .content > .photo h2.brackets + p,
 .article-wrapper > .graphic h3.brackets + p,
 .content > .graphic h3.brackets + p,
 .article-wrapper > .photo h3.brackets + p,
 .content > .photo h3.brackets + p,
 .article-wrapper > .graphic h4.brackets + p,
 .content > .graphic h4.brackets + p,
 .article-wrapper > .photo h4.brackets + p,
 .content > .photo h4.brackets + p,
 .article-wrapper > .graphic h5.brackets + p,
 .content > .graphic h5.brackets + p,
 .article-wrapper > .photo h5.brackets + p,
 .content > .photo h5.brackets + p,
 .article-wrapper > .graphic h6.brackets + p,
 .content > .graphic h6.brackets + p,
 .article-wrapper > .photo h6.brackets + p,
 .content > .photo h6.brackets + p,
 .article-wrapper > .graphic h1.brackets-dashed + p,
 .content > .graphic h1.brackets-dashed + p,
 .article-wrapper > .photo h1.brackets-dashed + p,
 .content > .photo h1.brackets-dashed + p,
 .article-wrapper > .graphic h2.brackets-dashed + p,
 .content > .graphic h2.brackets-dashed + p,
 .article-wrapper > .photo h2.brackets-dashed + p,
 .content > .photo h2.brackets-dashed + p,
 .article-wrapper > .graphic h3.brackets-dashed + p,
 .content > .graphic h3.brackets-dashed + p,
 .article-wrapper > .photo h3.brackets-dashed + p,
 .content > .photo h3.brackets-dashed + p,
 .article-wrapper > .graphic h4.brackets-dashed + p,
 .content > .graphic h4.brackets-dashed + p,
 .article-wrapper > .photo h4.brackets-dashed + p,
 .content > .photo h4.brackets-dashed + p,
 .article-wrapper > .graphic h5.brackets-dashed + p,
 .content > .graphic h5.brackets-dashed + p,
 .article-wrapper > .photo h5.brackets-dashed + p,
 .content > .photo h5.brackets-dashed + p,
 .article-wrapper > .graphic h6.brackets-dashed + p,
 .content > .graphic h6.brackets-dashed + p,
 .article-wrapper > .photo h6.brackets-dashed + p,
 .content > .photo h6.brackets-dashed + p {
   padding-top: 5px;
 }
 .article-wrapper > .graphic h1:not(.brackets):not(.brackets-dashed),
 .content > .graphic h1:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h1:not(.brackets):not(.brackets-dashed),
 .content > .photo h1:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .graphic h2:not(.brackets):not(.brackets-dashed),
 .content > .graphic h2:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h2:not(.brackets):not(.brackets-dashed),
 .content > .photo h2:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .graphic h3:not(.brackets):not(.brackets-dashed),
 .content > .graphic h3:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h3:not(.brackets):not(.brackets-dashed),
 .content > .photo h3:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .graphic h4:not(.brackets):not(.brackets-dashed),
 .content > .graphic h4:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h4:not(.brackets):not(.brackets-dashed),
 .content > .photo h4:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .graphic h5:not(.brackets):not(.brackets-dashed),
 .content > .graphic h5:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h5:not(.brackets):not(.brackets-dashed),
 .content > .photo h5:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .graphic h6:not(.brackets):not(.brackets-dashed),
 .content > .graphic h6:not(.brackets):not(.brackets-dashed),
 .article-wrapper > .photo h6:not(.brackets):not(.brackets-dashed),
 .content > .photo h6:not(.brackets):not(.brackets-dashed) {
   padding-bottom: 8px;
   margin-bottom: 25px;
   border-bottom: 2px solid #004A96;
 }
 .article-wrapper > .graphic h1:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h1:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h1:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h1:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .graphic h2:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h2:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h2:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h2:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .graphic h3:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h3:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h3:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h3:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .graphic h4:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h4:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h4:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h4:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .graphic h5:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h5:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h5:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h5:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .graphic h6:not(.brackets):not(.brackets-dashed) + p,
 .content > .graphic h6:not(.brackets):not(.brackets-dashed) + p,
 .article-wrapper > .photo h6:not(.brackets):not(.brackets-dashed) + p,
 .content > .photo h6:not(.brackets):not(.brackets-dashed) + p {
   margin-top: -20px;
 }
 .article-wrapper .brackets:hover,
 .content .brackets:hover,
 .article-wrapper .brackets-dashed:hover,
 .content .brackets-dashed:hover {
   background: rgba(0, 74, 150, 0.1);
 }
 .article-wrapper .brackets:before,
 .content .brackets:before,
 .article-wrapper .brackets-dashed:before,
 .content .brackets-dashed:before,
 .article-wrapper .brackets:after,
 .content .brackets:after,
 .article-wrapper .brackets-dashed:after,
 .content .brackets-dashed:after {
   display: inline-block;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 17px;
   line-height: 1;
   color: #004A96;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .article-wrapper .brackets:before,
 .content .brackets:before,
 .article-wrapper .brackets-dashed:before,
 .content .brackets-dashed:before {
   margin-right: 1px;
   vertical-align: top;
 }
 .article-wrapper .brackets:after,
 .content .brackets:after,
 .article-wrapper .brackets-dashed:after,
 .content .brackets-dashed:after {
   margin-left: 1px;
   vertical-align: bottom;
 }
 .article-wrapper .brackets.start:after,
 .content .brackets.start:after,
 .article-wrapper .brackets-dashed.start:after,
 .content .brackets-dashed.start:after {
   display: none;
 }
 .article-wrapper .brackets.end:before,
 .content .brackets.end:before,
 .article-wrapper .brackets-dashed.end:before,
 .content .brackets-dashed.end:before {
   display: none;
 }
 .article-wrapper .brackets:before,
 .content .brackets:before {
   content: '\e85a';
 }
 .article-wrapper .brackets:after,
 .content .brackets:after {
   content: '\e85b';
 }
 .article-wrapper .brackets-dashed:before,
 .content .brackets-dashed:before {
   content: '\e858';
 }
 .article-wrapper .brackets-dashed:after,
 .content .brackets-dashed:after {
   content: '\e859';
 }
 .article-wrapper h1.brackets,
 .content h1.brackets,
 .article-wrapper h2.brackets,
 .content h2.brackets,
 .article-wrapper h3.brackets,
 .content h3.brackets,
 .article-wrapper h4.brackets,
 .content h4.brackets,
 .article-wrapper h5.brackets,
 .content h5.brackets,
 .article-wrapper h6.brackets,
 .content h6.brackets,
 .article-wrapper h1.brackets-dashed,
 .content h1.brackets-dashed,
 .article-wrapper h2.brackets-dashed,
 .content h2.brackets-dashed,
 .article-wrapper h3.brackets-dashed,
 .content h3.brackets-dashed,
 .article-wrapper h4.brackets-dashed,
 .content h4.brackets-dashed,
 .article-wrapper h5.brackets-dashed,
 .content h5.brackets-dashed,
 .article-wrapper h6.brackets-dashed,
 .content h6.brackets-dashed {
   display: table;
 }
 .article-wrapper h1.brackets:before,
 .content h1.brackets:before,
 .article-wrapper h2.brackets:before,
 .content h2.brackets:before,
 .article-wrapper h3.brackets:before,
 .content h3.brackets:before,
 .article-wrapper h4.brackets:before,
 .content h4.brackets:before,
 .article-wrapper h5.brackets:before,
 .content h5.brackets:before,
 .article-wrapper h6.brackets:before,
 .content h6.brackets:before,
 .article-wrapper h1.brackets-dashed:before,
 .content h1.brackets-dashed:before,
 .article-wrapper h2.brackets-dashed:before,
 .content h2.brackets-dashed:before,
 .article-wrapper h3.brackets-dashed:before,
 .content h3.brackets-dashed:before,
 .article-wrapper h4.brackets-dashed:before,
 .content h4.brackets-dashed:before,
 .article-wrapper h5.brackets-dashed:before,
 .content h5.brackets-dashed:before,
 .article-wrapper h6.brackets-dashed:before,
 .content h6.brackets-dashed:before,
 .article-wrapper h1.brackets:after,
 .content h1.brackets:after,
 .article-wrapper h2.brackets:after,
 .content h2.brackets:after,
 .article-wrapper h3.brackets:after,
 .content h3.brackets:after,
 .article-wrapper h4.brackets:after,
 .content h4.brackets:after,
 .article-wrapper h5.brackets:after,
 .content h5.brackets:after,
 .article-wrapper h6.brackets:after,
 .content h6.brackets:after,
 .article-wrapper h1.brackets-dashed:after,
 .content h1.brackets-dashed:after,
 .article-wrapper h2.brackets-dashed:after,
 .content h2.brackets-dashed:after,
 .article-wrapper h3.brackets-dashed:after,
 .content h3.brackets-dashed:after,
 .article-wrapper h4.brackets-dashed:after,
 .content h4.brackets-dashed:after,
 .article-wrapper h5.brackets-dashed:after,
 .content h5.brackets-dashed:after,
 .article-wrapper h6.brackets-dashed:after,
 .content h6.brackets-dashed:after {
   font-size: 22px;
 }
 .article-wrapper p.brackets,
 .content p.brackets,
 .article-wrapper span.brackets,
 .content span.brackets,
 .article-wrapper p.brackets-dashed,
 .content p.brackets-dashed,
 .article-wrapper span.brackets-dashed,
 .content span.brackets-dashed {
   display: inline;
   padding-top: 2px;
   padding-bottom: 2px;
 }
 .article-wrapper p.brackets:before,
 .content p.brackets:before,
 .article-wrapper span.brackets:before,
 .content span.brackets:before,
 .article-wrapper p.brackets-dashed:before,
 .content p.brackets-dashed:before,
 .article-wrapper span.brackets-dashed:before,
 .content span.brackets-dashed:before {
   padding-top: 2px;
 }
 .article-wrapper p.brackets:after,
 .content p.brackets:after,
 .article-wrapper span.brackets:after,
 .content span.brackets:after,
 .article-wrapper p.brackets-dashed:after,
 .content p.brackets-dashed:after,
 .article-wrapper span.brackets-dashed:after,
 .content span.brackets-dashed:after {
   padding-bottom: 2px;
 }
 .article-wrapper p.brackets + *,
 .content p.brackets + *,
 .article-wrapper p.brackets-dashed + *,
 .content p.brackets-dashed + * {
   margin-top: 15px;
 }
 /* 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%;
 }
 /* SEGMENTE */
 .content .segmente {
   clear: both;
   margin: 0 0 2em 0;
 }
 .content .segmente:before,
 .content .segmente:after {
   content: " ";
   display: table;
   clear: both;
 }
 .content .segmente + .spreadsheet {
   clear: both;
 }
 .content .segmente p,
 .content .segmente .autoCreated {
   margin-right: 270px;
 }
 .content .segmente img {
   float: right;
   width: 250px;
 }
 .autoCreated {
   margin-bottom: 2em;
 }
 .autoCreated a {
   display: inline-block;
 }
 .autoCreated > span {
   font-size: 1.4em;
 }
 .autoCreatedEmptyLink {
   display: block;
   font-size: 1.4em;
 }
 #mainContent p {
   line-height: 1.1458333;
 }
 .grafiksammlung #mainContent p {
   display: inline-block;
 }
 .download-teasers .col-50 {
   float: left;
   margin-bottom: 4em;
 }
 @media screen and (min-width: 910px) {
   .download-teasers .col-50 {
     width: 50%;
   }
 }
 .download-teasers .col-50:first-child .download-teaser {
   margin-right: 1.5em;
 }
 .download-teasers .col-50 + .col-50 .download-teaser {
   margin-left: 1.5em;
 }
 .download-teaser {
   padding: 2em;
   background: #F0F0F0;
   min-height: 200px;
 }
 .lt-ie8 .download-teaser {
   margin-bottom: 4em;
 }
 .download-teaser h2 {
   margin-bottom: 0.5em;
 }
 .download-teaser img {
   float: left;
   margin-right: 2em;
 }
 .download-teaser p {
   margin-bottom: 0;
 }
 .download-teaser .btn {
   display: inline-block;
   padding: 0.8em 15px;
   margin-top: 1em;
 }
 .download-tab-nav {
   padding: 1.5em;
   margin-bottom: 3em;
   border-bottom: 1px solid #E1E1E1;
   background: #F0F0F0;
 }
 .download-tab-nav .tab-link {
   position: relative;
   margin-right: 2.3em;
   font-weight: bold;
   font-size: 1.4em;
   cursor: pointer;
 }
 .download-tab-nav .tab-link.active {
   color: #333;
 }
 .download-tab-nav .tab-link.active:after,
 .download-tab-nav .tab-link.active:before {
   content: "";
   position: absolute;
   bottom: -17px;
   left: 50%;
   margin-left: -10px;
   border: 10px solid transparent;
   border-bottom-color: #FFFFFF;
 }
 .download-tab-nav .tab-link.active:before {
   bottom: -15.5px;
   border-bottom-color: #E1E1E1;
 }
 .tab-content {
   display: none;
 }
 .tab-content.active {
   display: block;
 }
 /*
 ================
 HEADER
 ================
 */
 .header-container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   height: 65px;
   margin-top: 25px;
 }
 @media screen and (min-width: 1201px) {
   .header-container {
     height: 80px;
     margin-top: 40px;
   }
 }
 @media screen and (min-width: 769px) {
   .header-container:before,
   .header-container:after {
     content: '';
     z-index: 1000;
     flex-grow: 1;
     background-color: #004a96;
   }
   .sticky .header-container:before,
   .sticky .header-container:after {
     display: none;
   }
   .header-container:before {
     background-color: rgba(0, 0, 0, 0.3);
   }
   .sticky .header-container:before {
     background-color: rgba(0, 0, 0, 0.8);
   }
   .desktop-nav-open .header-container:before,
   .mobile-menu-open .header-container:before,
   .mobile-search-active .header-container:before {
     background-color: rgba(0, 0, 0, 0.05);
     transition: background-color 0.5s ease-out;
   }
   .search-active .header-container:before {
     background-color: rgba(255, 255, 255, 0.2);
   }
   .header-container:after {
     background-color: #004A96;
   }
 }
 .header-container__inner {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-grow: 1;
   flex-basis: 100%;
   max-width: 1140px;
 }
 header {
   position: relative;
   z-index: 210;
   flex-shrink: 0;
   padding-right: 0 !important;
   padding-left: 0 !important;
   margin-top: 0;
   margin-left: 30px;
   background-color: #004A96;
 }
 .sticky header {
   display: none;
 }
 /* Logo */
 .logo {
   display: block;
   margin: 20px 0 13px 0;
 }
 /* Slogan */
 .site-title {
   display: inline-block;
   margin: 0;
   font-size: 14px;
   line-height: 17px;
 }
 .site-title a {
   color: #535353;
 }
 /*
 ================
 SUGGESTFORM
 ================
 */
 #suggestform {
   position: absolute;
   z-index: 210;
   top: 80px;
   left: 0;
   display: none;
   width: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
 .willkommen #suggestform {
   border: none;
 }
 #suggestform ul {
   list-style: none;
 }
 #suggestform a {
   display: block;
   padding-bottom: 7px;
   margin-bottom: 16px;
   border-bottom: 1px solid #d8d8d8;
   font-family: "Helvetica Neue LT W06 55 Roman";
   font-size: 18px;
   color: #fff;
 }
 #suggestform .borderPane {
   padding: 20px 0 60px;
   margin: 0 auto;
   max-width: 1140px;
 }
 #suggestform .bg_keywords {
   width: 100% !important;
 }
 #suggestform li {
   margin-bottom: 0.5em;
   font-size: 1.4em;
 }
 #suggestform .selectedText {
   font-weight: bold;
 }
 .willkommen h2.introtext {
   margin-bottom: 1em;
 }
 .willkommen-head .more {
   margin-bottom: 3em !important;
 }
 .page_serviceseiten_willkommen #mainpanel {
   width: 100%;
 }
 /* .page_serviceseiten_willkommen .stagevisual-wrapper {
   background-position: 82% 50%;
 } */
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .stagevisual-wrapper {
     background-position: 50% 50%;
   }
 }
 .page_serviceseiten_willkommen .stagevisual-wrapper h1 {
   display: none;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .stagevisual-wrapper h1 {
     display: block;
   }
 }
 .page_serviceseiten_willkommen .home-section {
   margin-top: 80px;
   margin-bottom: 80px;
 }
 .page_serviceseiten_willkommen .home-section--overlap-top,
 .page_serviceseiten_willkommen .home-section--overlap-bottom {
   position: relative;
   z-index: 10;
   transition: margin 0.5s ease-out;
 }
 .page_serviceseiten_willkommen .home-section--overlap-top.home-section--gray,
 .page_serviceseiten_willkommen .home-section--overlap-bottom.home-section--gray {
   background: none;
 }
 .page_serviceseiten_willkommen .home-section--overlap-top.home-section--gray:before,
 .page_serviceseiten_willkommen .home-section--overlap-bottom.home-section--gray:before {
   content: '';
   position: absolute;
   z-index: 0;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: 40px 0 0;
   background: #efefef;
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section--overlap-top.home-section--gray:before,
   .page_serviceseiten_willkommen .home-section--overlap-bottom.home-section--gray:before {
     margin: 40px 0;
   }
 }
 .page_serviceseiten_willkommen .home-section--overlap-top.home-section--gray > *,
 .page_serviceseiten_willkommen .home-section--overlap-bottom.home-section--gray > * {
   position: relative;
 }
 .page_serviceseiten_willkommen .home-section--overlap-top {
   margin-top: -120px;
 }
 .page_serviceseiten_willkommen .home-section--overlap-top-none {
   margin-top: -60px;
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section--overlap-bottom {
     margin-bottom: -120px;
   }
   .page_serviceseiten_willkommen .home-section--overlap-bottom-none {
     margin-bottom: -60px;
   }
 }
 .page_serviceseiten_willkommen .home-section--gray {
   background: #efefef;
 }
 .page_serviceseiten_willkommen .home-section:not(.home-section--nopadding),
 .page_serviceseiten_willkommen .home-section .home-section--video .home-section__inner {
   padding: 0 15px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section:not(.home-section--nopadding),
   .page_serviceseiten_willkommen .home-section .home-section--video .home-section__inner {
     padding-right: 30px;
     padding-left: 30px;
   }
 }
 .page_serviceseiten_willkommen .home-section > * {
   width: 100%;
   margin: 0 auto;
   max-width: 1140px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section__columns {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
   }
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section__columns > * {
     width: calc(60% - 15px);
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section__columns > * {
     width: calc(67.106% - 15px);
   }
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section__columns > * + * {
     width: calc(40% - 15px);
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section__columns > * + * {
     width: calc(32.894% - 15px);
   }
 }
 @media screen and (max-width: 767px) {
   .page_serviceseiten_willkommen .home-section--intro {
     margin-top: 40px;
   }
 }
 .page_serviceseiten_willkommen .home-section--intro .home-section__title {
   margin-bottom: 15px;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 34px;
   line-height: 40px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section--intro .home-section__title {
     margin-bottom: 25px;
     font-size: 44px;
     line-height: 52px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section--intro .home-section__title {
     margin-bottom: 40px;
     font-size: 48px;
     line-height: 55px;
   }
 }
 .page_serviceseiten_willkommen .home-section--intro .home-section__text {
   margin-bottom: 25px;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 20px;
   line-height: 28px;
   color: #666;
   max-width: 950px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section--intro .home-section__text {
     margin-bottom: 30px;
     font-size: 22px;
     line-height: 30px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section--intro .home-section__text {
     margin-bottom: 40px;
     font-size: 24px;
     line-height: 30px;
   }
 }
 .page_serviceseiten_willkommen .home-section--intro .home-section__link {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   font-size: 14px;
 }
 .page_serviceseiten_willkommen .home-section--intro .home-section__link:before {
   content: '\e906';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-section--image {
   position: relative;
   display: flex;
   flex-direction: row;
   overflow: hidden;
   height: 560px;
   color: #fff;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section--image {
     height: 620px;
   }
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__image {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: 100%;
   max-width: none;
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__inner {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__content {
   position: relative;
   padding-right: 15px;
   padding-left: 15px;
   margin-top: auto;
   margin-bottom: 80px;
   max-width: 555px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section--image .home-section__content {
     padding-right: 40px;
     padding-left: 40px;
     margin-bottom: 135px;
   }
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__content:hover .home-section__linktext {
   color: #898989;
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__title {
   margin-bottom: 5px;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 30px;
   line-height: 36px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-section--image .home-section__title {
     margin-bottom: 0;
     font-size: 35px;
     line-height: 42px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-section--image .home-section__title {
     font-size: 40px;
     line-height: 48px;
   }
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__linktext {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   margin-top: 15px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 20px;
   line-height: 24px;
   color: #21A0D2;
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__linktext:before {
   content: '\e94c';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 24px;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-section--image .home-section__link {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .page_serviceseiten_willkommen .home-section--topics .bx-pager,
 .page_serviceseiten_willkommen .home-section--videos .bx-pager {
   position: static;
   margin-top: 16px;
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-sliders {
     display: flex;
     justify-content: space-between;
   }
 }
 .page_serviceseiten_willkommen .home-slider {
   margin: 0 auto;
   text-align: center;
   max-width: 555px;
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider {
     width: calc(( 100% - 30px ) / 2);
     margin: 0;
     text-align: left;
   }
 }
 .page_serviceseiten_willkommen .home-slider + .home-slider {
   margin-top: 30px;
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider + .home-slider {
     margin-top: 0;
   }
 }
 .page_serviceseiten_willkommen .home-slider,
 .page_serviceseiten_willkommen .home-slider a {
   color: #fff;
 }
 .page_serviceseiten_willkommen .home-slider a:hover {
   color: #898989;
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider__slide {
     height: 440px;
   }
 }
 .page_serviceseiten_willkommen .home-slider__slide--blue {
   background: #21A0D2;
 }
 .page_serviceseiten_willkommen .home-slider__slide--darkblue {
   background: #004A96;
 }
 .page_serviceseiten_willkommen .home-slider__slide--darkgreen {
   background: #00793A;
 }
 .page_serviceseiten_willkommen .home-slider__title {
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 30px;
   letter-spacing: 0;
   line-height: 30px;
 }
 .page_serviceseiten_willkommen .home-slider__content {
   padding: 20px 30px 30px;
 }
 @media screen and (min-width: 480px) {
   .page_serviceseiten_willkommen .home-slider__content {
     padding-top: 30px;
   }
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider__content {
     padding: 35px 30px 30px 90px;
   }
 }
 .page_serviceseiten_willkommen .home-slider__content > * {
   display: block;
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__number--medium {
   font-size: 24px;
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__number--small {
   margin-top: 5px;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 20px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-slider .home-slider__number--small {
     margin-top: 15px;
   }
 }
 .page_serviceseiten_willkommen .home-slider .home-slider-largenumber > * {
   display: inline-block;
   margin-bottom: 0;
   font-family: 'Helvetica Neue LT W06 45 Light';
 }
 .page_serviceseiten_willkommen .home-slider .home-slider-largenumber__number {
   font-size: 64px;
   line-height: 44px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-slider .home-slider-largenumber__number {
     font-size: 80px;
     line-height: 55px;
   }
 }
 .page_serviceseiten_willkommen .home-slider .home-slider-largenumber__unit {
   display: block;
   margin-top: 5px;
   font-size: 32px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-slider .home-slider-largenumber__unit {
     display: inline-block;
     margin-top: 0;
     margin-left: 10px;
     font-size: 40px;
   }
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__morelink {
   position: absolute;
   bottom: 23px;
   left: 15px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin: 0;
   font-size: 14px;
 }
 @media screen and (min-width: 480px) {
   .page_serviceseiten_willkommen .home-slider .home-slider__morelink {
     left: 50px;
   }
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider .home-slider__morelink {
     left: 90px;
     justify-content: flex-start;
   }
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__morelink:before {
   content: '\e94c';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 18px;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__link {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 50px;
   bottom: 0;
   left: 50px;
 }
 @media screen and (min-width: 480px) {
   .page_serviceseiten_willkommen .home-slider .home-slider__link {
     right: 70px;
     left: 70px;
   }
 }
 .page_serviceseiten_willkommen .home-slider .home-slider__link:hover ~ .home-slider__morelink {
   color: #898989;
 }
 .page_serviceseiten_willkommen .home-slider .bx-wrapper .bx-pager {
   z-index: 2;
   right: -15px;
   bottom: 0;
   width: auto;
   padding: 25px;
 }
 @media screen and (min-width: 480px) {
   .page_serviceseiten_willkommen .home-slider .bx-wrapper .bx-pager {
     right: 25px;
   }
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider .bx-wrapper .bx-pager {
     right: 55px;
   }
 }
 .page_serviceseiten_willkommen .home-slider .bx-wrapper .bx-pager-link:hover,
 .page_serviceseiten_willkommen .home-slider .bx-wrapper .bx-pager-link.active {
   background: #fff;
 }
 .page_serviceseiten_willkommen .home-slider--keyfigures {
   position: relative;
   background: #004A96;
 }
 .page_serviceseiten_willkommen .home-slider--keyfigures .bx-wrapper {
   height: 100%;
 }
 .page_serviceseiten_willkommen .home-slider--keyfigures .home-slider__slide {
   padding-bottom: 60px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-slider--keyfigures .home-slider__slide {
     padding-bottom: 70px;
   }
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider--keyfigures .home-slider__slide {
     padding-bottom: 0;
   }
 }
 .page_serviceseiten_willkommen .home-slider--keyfigures .home-slider__title {
   margin-bottom: 40px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-slider--keyfigures .home-slider__title {
     margin-bottom: 70px;
   }
 }
 .page_serviceseiten_willkommen .home-slider--keyfigures p {
   margin: 0;
   font-size: 14px;
 }
 .page_serviceseiten_willkommen .home-slider--infographs {
   position: relative;
 }
 .page_serviceseiten_willkommen .home-slider--infographs .home-slider__slide {
   max-height: 440px;
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider--infographs .home-slider__slide {
     display: flex;
     flex-direction: row;
   }
 }
 .page_serviceseiten_willkommen .home-slider--infographs .home-slider__title {
   position: absolute;
   z-index: 1;
   top: 20px;
   right: 0;
   left: 0;
 }
 @media screen and (min-width: 480px) {
   .page_serviceseiten_willkommen .home-slider--infographs .home-slider__title {
     top: 30px;
   }
 }
 @media screen and (min-width: 1220px) {
   .page_serviceseiten_willkommen .home-slider--infographs .home-slider__title {
     top: 35px;
     right: auto;
     left: 90px;
   }
 }
 .page_serviceseiten_willkommen .home-slider--infographs .home-slider__video {
   width: 100%;
   height: auto;
   margin: 0 auto;
 }
 @media screen and (max-width: 991px) {
   .page_serviceseiten_willkommen .home-section--topics {
     padding-bottom: 80px;
     margin-bottom: 0;
   }
   .page_serviceseiten_willkommen .home-section--topics + .home-section {
     margin-top: 0;
   }
 }
 .page_serviceseiten_willkommen .home-section__topics {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 .page_serviceseiten_willkommen .bx-wrapper-topics {
   max-width: 100% !important;
 }
 .page_serviceseiten_willkommen .bx-wrapper-topics .home-section__topics {
   display: block;
   margin-right: calc(50% + 100px);
   margin-left: calc(50% + 100px);
 }
 .page_serviceseiten_willkommen .bx-wrapper-topics .home-topic {
   margin: 0 12px;
 }
 .page_serviceseiten_willkommen .home-topic {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: calc((100% - 360px) / 6);
   height: 190px;
   padding: 50px 20px 20px;
   background: #21A0D2;
   text-align: center;
   color: #fff;
 }
 .page_serviceseiten_willkommen .home-topic--darkblue {
   background: #004A96;
 }
 .page_serviceseiten_willkommen .home-topic--green {
   background: #65AC1E;
 }
 .page_serviceseiten_willkommen .home-topic__image-container {
   height: 80px;
 }
 .page_serviceseiten_willkommen .home-topic__title {
   width: 100%;
   margin-top: 15px;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 16px;
 }
 .page_serviceseiten_willkommen .home-topic__link {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .page_serviceseiten_willkommen .home-videos {
   position: relative;
   color: #fff;
 }
 @media screen and (max-width: 991px) {
   .page_serviceseiten_willkommen .home-videos {
     background: #fff;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-videos {
     padding-bottom: 200px;
   }
 }
 .page_serviceseiten_willkommen .home-videos--videodisplayed .home-videos__closebutton {
   opacity: 1;
   pointer-events: all;
 }
 .page_serviceseiten_willkommen .home-videos__closebutton {
   position: absolute;
   z-index: 5;
   top: 50px;
   right: 0;
   width: auto;
   padding: 20px;
   background: none;
   transition: opacity 0.5s ease-out;
   opacity: 0;
   color: #fff;
   pointer-events: none;
   cursor: pointer;
 }
 .page_serviceseiten_willkommen .home-videos__closebutton:hover {
   color: #898989;
 }
 .page_serviceseiten_willkommen .home-videos__closebutton:before {
   content: '\e854';
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 30px;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-videos__videos,
 .page_serviceseiten_willkommen .home-videos__nav {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 .page_serviceseiten_willkommen .home-videos__videos {
   overflow: hidden;
   max-width: 100%;
 }
 .page_serviceseiten_willkommen .home-videos__nav {
   position: relative;
   z-index: 4;
   margin-top: -100px;
   transition: margin 0.5s ease-out;
 }
 @media screen and (max-width: 991px) {
   .page_serviceseiten_willkommen .home-videos__nav {
     display: none;
   }
 }
 .page_serviceseiten_willkommen .home-videos--videodisplayed .home-videos__nav {
   margin-top: 20px;
 }
 .page_serviceseiten_willkommen .home-videos .bx-prev,
 .page_serviceseiten_willkommen .home-videos .bx-next {
   margin-top: -30px;
 }
 .page_serviceseiten_willkommen .bx-wrapper-videos .home-videos__videos {
   display: block;
   max-width: none;
 }
 .page_serviceseiten_willkommen .bx-wrapper-videosnav .home-videos__nav {
   display: block;
 }
 .page_serviceseiten_willkommen .home-video {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-shrink: 0;
   flex-basis: 100%;
   overflow: hidden;
   transition: margin 0.5s ease-out;
 }
 .page_serviceseiten_willkommen .home-video,
 .page_serviceseiten_willkommen .home-video__video {
   height: 560px;
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video,
   .page_serviceseiten_willkommen .home-video__video {
     height: 860px;
   }
 }
 .page_serviceseiten_willkommen .home-video__video {
   position: absolute;
   z-index: 3;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #000;
 }
 .page_serviceseiten_willkommen .home-video__image {
   position: absolute;
   z-index: 1;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: 100% !important;
   max-width: none;
 }
 .page_serviceseiten_willkommen .home-video__content {
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex-grow: 1;
   width: 100%;
   padding: 0 15px;
   margin: auto 0 0;
   max-width: 1140px;
 }
 @media screen and (max-width: 991px) {
   .page_serviceseiten_willkommen .home-video__content {
     justify-content: flex-end;
   }
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-video__content {
     padding-right: 30px;
     padding-left: 30px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video__content {
     position: relative;
     align-items: flex-end;
     margin: 190px 0 auto 0;
     text-align: right;
   }
 }
 .page_serviceseiten_willkommen .home-video__title {
   margin: 0 0 5px;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 30px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-video__title {
     font-size: 35px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video__title {
     margin-bottom: 10px;
     font-size: 40px;
   }
 }
 .page_serviceseiten_willkommen .home-video__title--pre {
   margin-bottom: 10px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 20px;
   line-height: 24px;
   color: #9bd4eb;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-video__title--pre {
     font-size: 15px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video__title--pre {
     margin-bottom: 25px;
   }
 }
 .page_serviceseiten_willkommen .home-video__title--sub {
   margin-bottom: 0;
   font-size: 20px;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-video__title--sub {
     font-size: 22px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video__title--sub {
     margin-bottom: 15px;
     font-size: 26px;
   }
 }
 .page_serviceseiten_willkommen .home-video__playbutton {
   padding: 25px 15px;
   margin-right: 0;
   margin-left: -15px;
   color: #9bd4eb;
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-video__playbutton {
     padding: 15px;
     margin-right: -15px;
     margin-left: 0;
   }
 }
 .page_serviceseiten_willkommen .home-video__playbutton:hover:before {
   border-left-color: #21A0D2;
 }
 .page_serviceseiten_willkommen .home-video__playbutton:before {
   content: '\e92c';
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 55px;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-videoitem {
   position: relative;
   overflow: hidden;
   width: calc((100% - 160px) / 7);
   height: 140px;
   transition: width 0.5s ease-out;
   cursor: pointer;
 }
 .page_serviceseiten_willkommen .home-videoitem:before {
   content: '';
   position: absolute;
   z-index: 2;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 0;
   height: 0;
   margin: auto;
   transition: transform 0.5s ease-out;
   border-style: solid;
   border-width: 16.5px 0 16.5px 30px;
   border-color: transparent transparent transparent #fff;
 }
 .page_serviceseiten_willkommen .home-videoitem:hover:before,
 .page_serviceseiten_willkommen .home-videoitem--active:before {
   border-left-color: #21a0d2;
 }
 .page_serviceseiten_willkommen .home-videoitem--active {
   width: calc((100% + 330px) / 7);
 }
 .page_serviceseiten_willkommen .home-videoitem--active:before {
   transform: rotate(-90deg);
 }
 .page_serviceseiten_willkommen .home-videoitem__image {
   position: absolute;
   z-index: 1;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: 100%;
   max-width: none;
 }
 @media screen and (max-width: 991px) {
   .page_serviceseiten_willkommen .home-section.home-section--teaser {
     padding: 0;
     margin-top: 80px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser {
   position: relative;
   background: #fff;
   color: #666;
 }
 .page_serviceseiten_willkommen .home-teaser--image {
   background: #efefef;
 }
 @media screen and (max-width: 767px) {
   .page_serviceseiten_willkommen .home-teaser--image {
     padding-bottom: 60px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-teaser--image {
     background: #fff;
   }
 }
 @media screen and (max-width: 767px) {
   .page_serviceseiten_willkommen .home-teaser--image .home-teaser__title {
     margin-bottom: 18px;
     font-size: 20px;
   }
 }
 @media screen and (max-width: 767px) {
   .page_serviceseiten_willkommen .home-teaser--list .home-teaser__content {
     padding-top: 30px;
     padding-bottom: 30px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser:hover .home-teaser__text--link {
   color: #666;
 }
 .page_serviceseiten_willkommen .home-teaser__image {
   width: 100%;
 }
 .page_serviceseiten_willkommen .home-teaser__content {
   padding: 20px;
 }
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .home-teaser__content {
     padding: 30px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser__content > * {
   display: block;
 }
 .page_serviceseiten_willkommen .home-teaser__content > *:last-child {
   margin-bottom: 0;
 }
 .page_serviceseiten_willkommen .home-teaser__content .home-teaser__content {
   padding: 0;
 }
 .page_serviceseiten_willkommen .home-teaser__content .home-teaser__image {
   margin-top: 15px;
 }
 .page_serviceseiten_willkommen .home-teaser__title {
   margin-bottom: 12px;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 30px;
   line-height: 1.3;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-teaser__title {
     margin-bottom: 12px;
     font-size: 22px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-teaser__title {
     font-size: 26px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .home-teaser__title {
     font-size: 30px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser__text {
   display: block;
   margin-bottom: 20px;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-weight: normal;
   font-size: 18px;
   line-height: 1.4;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-teaser__text {
     font-size: 17px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-teaser__text {
     font-size: 19px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .home-teaser__text {
     font-size: 20px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser__text--link {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-top: 15px;
   font-size: 19px;
   color: #004A96;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-teaser__text--link {
     font-size: 17px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-teaser__text--link {
     font-size: 19px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .home-teaser__text--link {
     font-size: 20px;
   }
 }
 .page_serviceseiten_willkommen .home-teaser__text--link:before {
   content: '\e94c';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-teaser__link {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .page_serviceseiten_willkommen .home-teaser-list {
   padding-left: 0;
   margin: 0 -10px;
   list-style: none;
 }
 .page_serviceseiten_willkommen .home-teaser-list__link {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 25px 10px;
   border-bottom: 1px solid #d8d8d8;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 20px;
   line-height: 28px;
 }
 .page_serviceseiten_willkommen .home-teaser-list__link:before {
   margin-right: 25px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 50px;
   line-height: 1;
   text-align: center;
   min-width: 50px;
   color: #dcdcdc;
 }
 .page_serviceseiten_willkommen .home-teaser-list__link--gri:before {
   content: '\e84f';
 }
 .page_serviceseiten_willkommen .home-teaser-list__link--keyfigures:before {
   content: '\e852';
 }
 .page_serviceseiten_willkommen .home-teaser-list__link--download:before {
   content: '\e850';
 }
 .page_serviceseiten_willkommen .home-teaser-list__link--graphics:before {
   content: '\e851';
 }
 .page_serviceseiten_willkommen .home-pdflink {
   position: relative;
   text-align: center;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-pdflink {
     display: flex;
     flex-direction: row;
     align-items: center;
     text-align: left;
   }
 }
 .page_serviceseiten_willkommen .home-pdflink:hover .home-pdflink__linktext {
   color: #898989;
 }
 .page_serviceseiten_willkommen .home-pdflink:after,
 .page_serviceseiten_willkommen .home-pdflink__linktext {
   background: #004A96;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-pdflink:after,
   .page_serviceseiten_willkommen .home-pdflink__linktext {
     height: 100px;
   }
 }
 .page_serviceseiten_willkommen .home-pdflink:after {
   content: '';
   width: 100px;
 }
 @media screen and (max-width: 767px) {
   .page_serviceseiten_willkommen .home-pdflink:after {
     display: none;
   }
 }
 .page_serviceseiten_willkommen .home-pdflink__linktext {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 30px 45px;
   margin-bottom: 20px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 26px;
   text-align: left;
   color: #fff;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-pdflink__linktext {
     justify-content: flex-start;
     flex-grow: 1;
     padding: 30px;
     font-size: 24px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-pdflink__linktext {
     padding: 0 20px 0 50px;
     margin-bottom: 0;
     font-size: 26px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_serviceseiten_willkommen .home-pdflink__linktext {
     padding-left: 100px;
   }
 }
 .page_serviceseiten_willkommen .home-pdflink__linktext:before {
   content: '\e850';
   margin-right: 20px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 40px;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .home-pdflink__link {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .page_serviceseiten_willkommen .home-pdflink__image {
   max-width: 95%;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .home-pdflink__image {
     max-width: 370px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .home-pdflink__image {
     max-width: 100%;
   }
 }
 .page_serviceseiten_willkommen .content .bx-pager-link {
   width: 10px;
   height: 10px;
   margin: 0 3px;
   border-radius: 10px;
   background: #b6b6b6;
   transition: none;
 }
 .page_serviceseiten_willkommen .content .bx-pager-link:hover,
 .page_serviceseiten_willkommen .content .bx-pager-link.active {
   background: #004A96;
 }
 .page_serviceseiten_willkommen .content .bx-controls {
   margin-top: 0;
 }
 .page_serviceseiten_willkommen .content .bx-prev,
 .page_serviceseiten_willkommen .content .bx-next {
   position: absolute;
   z-index: 10;
   font-size: 30px;
   color: #fff;
 }
 @media screen and (min-width: 768px) {
   .page_serviceseiten_willkommen .content .bx-prev,
   .page_serviceseiten_willkommen .content .bx-next {
     font-size: 40px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_serviceseiten_willkommen .content .bx-prev,
   .page_serviceseiten_willkommen .content .bx-next {
     font-size: 48px;
   }
 }
 .page_serviceseiten_willkommen .content .bx-prev:before,
 .page_serviceseiten_willkommen .content .bx-next:before {
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .page_serviceseiten_willkommen .content .bx-prev {
   padding-left: 10px;
 }
 .page_serviceseiten_willkommen .content .bx-prev:before {
   content: '\e855';
 }
 .page_serviceseiten_willkommen .content .bx-next {
   padding-right: 10px;
 }
 .page_serviceseiten_willkommen .content .bx-next:before {
   content: '\e853';
 }
 .serviceseiten.sitemap #contentContainer > article {
   width: 100%;
 }
 .serviceseiten.sitemap #mainContent {
   margin-bottom: 1em;
 }
 .serviceseiten.sitemap a.intern {
   margin-left: 0;
 }
 .serviceseiten.sitemap a.intern:before {
   content: "";
 }
 .serviceseiten ul.sitemap,
 .serviceseiten ul.sitemap ul {
   padding: 0;
   list-style: none;
 }
 .serviceseiten ul.sitemap ul {
   margin: 0 -20px;
 }
 ul.sitemap > ul {
   padding: 0;
 }
 ul.sitemap > li {
   margin-bottom: 3em;
 }
 ul.sitemap a {
   font-weight: 500;
 }
 ul.sitemap > li > h3 > a {
   display: inline-block;
   font-weight: 300;
   font-size: 20px !important;
   color: #000000;
 }
 ul.sitemap .sublevel a:hover {
   color: #7C7C7C;
 }
 ul.sitemap .sublevel > li > h3 > a:hover {
   color: #004A96;
 }
 ul.sitemap .sublevel > li {
   display: inline-block;
   width: 33.333%;
   margin-bottom: 3em;
   vertical-align: top;
 }
 ul.sitemap .sublevel > li > a {
   display: block;
   padding: 7px 0;
   margin-right: 20px !important;
   margin-bottom: 0.4em;
   margin-left: 20px !important;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
 }
 ul.sitemap .sublevel2 {
   margin: 0 20px !important;
 }
 ul.sitemap .sublevel2 > li {
   margin-bottom: 0.4em;
 }
 .page_aktionaere_vorstand #mainpanel {
   width: 100%;
 }
 .page_aktionaere_vorstand #sidepanel2 {
   display: none;
 }
 .page_aktionaere_vorstand .mfp-iframe-holder {
   padding: 0 15px !important;
 }
 @media screen and (min-width: 769px) {
   .page_aktionaere_vorstand .mfp-iframe-holder {
     padding: 0 30px !important;
   }
 }
 .page_aktionaere_vorstand .mfp-iframe-holder .mfp-content {
   height: auto;
   margin-left: 0;
   max-width: 1140px;
 }
 .page_aktionaere_vorstand .mfp-iframe-holder .mfp-close {
   position: absolute;
   top: -45px;
   right: 0;
   float: none;
   color: #fff;
   opacity: 1;
 }
 .shareholders {
   margin-bottom: 30px;
 }
 .shareholders__content {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: -3.5px;
 }
 .shareholders__column {
   display: flex;
   flex-direction: column;
 }
 .shareholders__column--3 {
   flex-basis: 100%;
 }
 @media screen and (min-width: 480px) {
   .shareholders__column--3 {
     flex-basis: 50%;
   }
 }
 @media screen and (min-width: 992px) {
   .shareholders__column--3 {
     flex-basis: 25%;
   }
 }
 .shareholders__column--6 {
   flex-basis: 100%;
 }
 @media screen and (min-width: 992px) {
   .shareholders__column--6 {
     flex-basis: 50%;
   }
 }
 .shareholders__row {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 @media screen and (max-width: 479px) {
   .shareholders__row {
     flex-wrap: wrap;
   }
 }
 .shareholders__row > * {
   flex-basis: 100%;
 }
 @media screen and (min-width: 480px) {
   .shareholders__row > * {
     flex-basis: 50%;
   }
 }
 .shareholders .shareholders-item {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
   flex-grow: 1;
   overflow: hidden;
   margin: 3.5px;
   text-align: center;
   color: #fff;
 }
 @media screen and (max-width: 479px) {
   .shareholders .shareholders-item {
     height: 350px;
   }
 }
 .shareholders .shareholders-item:hover .shareholders-links,
 .shareholders .shareholders-item:focus .shareholders-links,
 .shareholders .shareholders-item:active .shareholders-links {
   opacity: 1;
   pointer-events: all;
 }
 .shareholders .shareholders-item:hover .shareholders-item__name:before,
 .shareholders .shareholders-item:focus .shareholders-item__name:before,
 .shareholders .shareholders-item:active .shareholders-item__name:before {
   transform: rotate(-90deg);
 }
 .shareholders .shareholders-item__name-container,
 .shareholders .shareholders-item__links {
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
 }
 .shareholders .shareholders-item:before {
   z-index: 1;
   height: 50px;
 }
 .shareholders .shareholders-item:after {
   z-index: 3;
   top: 0;
   transition: opacity 0.5s ease-out;
   opacity: 0;
 }
 .shareholders .shareholders-item__image {
   flex-grow: 1;
   flex-shrink: 0;
   width: 100%;
 }
 @media screen and (max-width: 479px) {
   .shareholders .shareholders-item__image {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: auto;
     min-width: 100%;
     min-height: 100%;
     max-height: none;
     max-width: none;
   }
 }
 .shareholders .shareholders-item__name-container {
   position: absolute;
   z-index: 4;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   height: 70px;
   padding: 0 10px 10px;
   font-size: 16px;
   line-height: 20px;
   text-align: left;
 }
 .shareholders .shareholders-item-name {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 .shareholders .shareholders-item-name:before {
   content: '\e94c';
   -webkit-backface-visibility: hidden;
   align-self: flex-start;
   padding-top: 2px;
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 16px;
   line-height: 1;
   transition: transform 0.5s ease-out;
 }
 .shareholders .shareholders-item-name__position {
   display: block;
   font-size: 14px;
 }
 .shareholders .shareholders-links {
   position: absolute;
   z-index: 4;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   transition: opacity 0.5s ease-out;
   opacity: 0;
   pointer-events: none;
 }
 .shareholders .shareholders-links__video,
 .shareholders .shareholders-links__more {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 10px;
   font-size: 14px;
   line-height: 16px;
   color: #fff;
 }
 .shareholders .shareholders-links__video:hover,
 .shareholders .shareholders-links__more:hover {
   color: #898989;
 }
 .shareholders .shareholders-links__video:before,
 .shareholders .shareholders-links__more:before {
   margin-right: 9px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .shareholders .shareholders-links__video:hover:before {
   background: #898989;
 }
 .shareholders .shareholders-links__video:before {
   content: '\e85c';
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 15.5px;
   height: 15.5px;
   border-radius: 100%;
   background: #fff;
   font-size: 7px;
   color: #000;
 }
 .shareholders .shareholders-links__more:before {
   content: '\e94c';
   font-size: 14px;
 }
 .shareholders .shareholders__note {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   padding: 6px 8px;
   margin: 0 0 40px;
   background-color: #004A96;
   font-size: 12px;
   line-height: 14px;
   color: #fff;
   pointer-events: none;
 }
 .shareholders .shareholders__note:before {
   content: '\e906';
   margin-right: 9px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 10px;
   line-height: 1;
 }
 .nav-wrapper.zweizeilig {
   height: 81px;
 }
 .nav-wrapper.zweizeilig + .stagevisual-wrapper {
   position: relative;
   top: -4em;
 }
 .stagevisual-wrapper {
   position: relative;
   height: 560px;
   margin-top: -90px;
   background: url(../img/header_willkommen.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
   min-height: 560px;
 }
 @media screen and (min-width: 1201px) {
   .stagevisual-wrapper {
     margin-top: -120px;
   }
 }
 .stagevisual-text {
   position: absolute;
   z-index: 10;
   display: block;
   width: 100%;
   margin-top: 60px;
   color: #FFFFFF;
 }
 .stagevisual-text h1,
 .stagevisual-text h2 {
   font-family: 'Helvetica Neue LT W06 75 Bold';
 }
 .stagevisual-text h1 {
   font-size: 45px;
 }
 .stagevisual-text h2 {
   margin: 0;
   font-size: 26px;
   line-height: 31px;
   max-width: 300px;
 }
 @media screen and (min-width: 480px) {
   .stagevisual-text h2 {
     font-size: 34px;
     line-height: 40px;
     max-width: 400px;
   }
 }
 @media screen and (min-width: 1200px) {
   .stagevisual-text h2 {
     font-size: 40px;
     line-height: 48px;
   }
 }
 .stagevisual-text.nav-two-rows {
   top: 130px;
 }
 .stagevisual-tooltip {
   position: absolute;
   right: 0;
   bottom: 100px;
   display: none;
   width: 350px;
   padding: 15px;
   margin: 20px;
   background: rgba(255, 255, 255, 0.9);
   font-size: 12px;
   max-width: 100%;
 }
 @media screen and (min-width: 992px) {
   .stagevisual-tooltip {
     bottom: 0;
   }
 }
 @media screen and (min-width: 480px) and (min-height: 700px) {
   .stagevisual-tooltip.active {
     display: block;
   }
 }
 .stagevisual-downlink-wrapper {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   text-align: center;
 }
 .stagevisual-downlink-wrapper a {
   color: #fff;
 }
 .stagevisual-downlink {
   position: relative;
   padding: 25px 35px;
   font-weight: normal;
   font-size: 35px;
   line-height: 1;
   color: #fff;
 }
 @media screen and (min-width: 992px) {
   .stagevisual-downlink {
     padding: 50px;
     font-size: 50px;
   }
 }
 .stagevisual-downlink:before {
   content: '\e856';
   display: block;
   font-family: 'BASF_Iconfont3';
   animation: bounceArrowMobile 4s infinite;
 }
 @media screen and (min-width: 992px) {
   .stagevisual-downlink:before {
     animation: bounceArrow 4s infinite;
   }
 }
 @keyframes bounceArrow {
   0%,
   52%,
   62%,
   71%,
   100% {
     transform: translateY(0);
   }
   57% {
     transform: translateY(-50px);
   }
   66% {
     transform: translateY(-20px);
   }
 }
 @keyframes bounceArrowMobile {
   0%,
   52%,
   62%,
   71%,
   100% {
     transform: translateY(0);
   }
   57% {
     transform: translateY(-30px);
   }
   66% {
     transform: translateY(-15px);
   }
 }
 /**
  * Default slider: bxSlider
  * =======================
  * Our css default slider styles
  * see: http://bxslider.com
  */
 .content .slider {
   padding-left: 0;
   list-style: none;
 }
 /* Reset and layout */
 .bx-wrapper {
   position: relative;
   padding: 0;
   margin: 0 auto 4em;
   *zoom: 1;
 }
 .bx-wrapper img {
   display: block;
   max-width: 100%;
 }
 .bx-wrapper ul {
   padding: 0;
   margin: 0;
 }
 .bx-wrapper a {
   outline: 0;
   text-decoration: none;
 }
 /* Direction controls */
 .bx-next,
 .bx-prev {
   position: absolute;
   z-index: 100;
   top: 50%;
   display: inline-block;
   width: 1em;
   height: 1em;
   margin: -0.5em 0 0;
   background-color: rgba(0, 0, 0, 0.1);
   font-family: FontAwesome;
   font-size: 5em;
   line-height: 1;
   text-align: center;
   color: #6e6a69;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .bx-next {
   right: 0;
   border-radius: 2.5em 0 0 2.5em;
 }
 .bx-prev {
   left: 0;
   border-radius: 0 2.5em 2.5em 0;
 }
 /* Pager */
 .bx-pager {
   position: absolute;
   bottom: -2em;
   width: 100%;
   text-align: center;
 }
 .bx-pager-item {
   display: inline-block;
   *display: inline;
   zoom: 1;
 }
 .bx-pager-link {
   display: block;
   width: 1em;
   height: 1em;
   margin: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
   background-color: #97c227;
   text-indent: -999em;
   -webkit-transition: background .5s;
   transition: background .5s;
   -moz-border-radios: 0.5em;
 }
 .bx-pager-link.active {
   background-color: #993e90;
 }
 /* Slide content */
 .slider > li,
 .slider > div,
 .slider > *[class^=slide-] {
   font-size: 1.2em;
 }
 .bx-wrapper {
   margin: 0;
   font-size: 100%;
 }
 .bx-prev,
 .bx-next {
   position: relative;
   background: transparent;
   font-family: 'BASF_Iconfont';
   font-size: 2.5em;
   color: #004A96;
 }
 .lt-ie8 .bx-prev,
 .lt-ie8 .bx-next {
   position: static;
 }
 .lt-ie8 .bx-prev {
   margin-right: 5em;
 }
 .lt-ie8 .bx-next {
   margin-left: 5em;
 }
 .bx-prev:not(.disabled):hover,
 .bx-next:not(.disabled):hover {
   color: #898989;
 }
 .bx-prev.disabled,
 .bx-next.disabled {
   -moz-opacity: 0.5;
   opacity: 0.5;
   filter: alpha(opacity=50);
   cursor: default;
 }
 .bx-prev {
   margin-right: 2em;
 }
 .bx-next {
   margin-left: 2em;
 }
 .bx-controls {
   margin-top: 3em;
 }
 .bx-pager {
   bottom: 0.8em;
 }
 .bx-pager-link {
   background-color: #004A96;
   font-size: 0.7em;
 }
 .bx-pager-link:hover {
   background-color: #898989;
 }
 .bx-pager-link.active {
   background-color: #000000;
 }
 .social-media-footer .bx-controls {
   margin-top: 0;
 }
 .social-media-footer .bx-controls-direction {
   position: absolute;
   top: 0;
   width: 100%;
 }
 .social-media-footer .bx-prev,
 .social-media-footer .bx-next {
   position: absolute;
   top: 0.4em;
   margin: 0;
 }
 .social-media-footer .bx-prev {
   left: -1.25em;
 }
 .social-media-footer .bx-next {
   right: -1.25em;
 }
 /* Slide content */
 .slider > li,
 .slider > div,
 .slider > *[class^=slide-] {
   font-size: 100%;
 }
 .150-jahre-basf .wrapper {
   padding: 0;
 }
 .150-jahre-basf .flatnav {
   display: none;
 }
 /* ---- MAGAZIN NAVIGATION ---- */
 .magazin-navigation {
   position: relative;
   z-index: 10;
   margin: -6em 1.5em 3em 1.5em;
 }
 .magazin-navigation-title {
   width: auto;
   padding: 0.5em;
   margin: 0;
   background: #F0F0F0;
   font-size: 3.2em;
   color: #333333;
 }
 .magazin-navigation-menu {
   padding: 0;
   margin: 0;
   background: #21A0D2;
   list-style: none;
 }
 .lt-ie8 .magazin-navigation-menu {
   padding-bottom: 1em;
 }
 .magazin-navigation-menu li {
   float: left;
   padding: 0 0.7em;
   margin: 1em;
 }
 .magazin-navigation-menu li.active,
 .magazin-navigation-menu li:hover {
   background: #FFFFFF;
 }
 .magazin-navigation-menu li.active a,
 .magazin-navigation-menu li:hover a {
   color: #000000;
 }
 .magazin-navigation-menu li a {
   font-size: 1.4em;
   color: #FFFFFF;
 }
 /* ---- MAGAZIN OVERVIEW ---- */
 .magazin-overview > h2 {
   margin-bottom: 0;
 }
 .magazin-overview-row {
   position: relative;
   margin-top: 2em;
   margin-bottom: 2em;
 }
 .magazin-overview-row + h2 {
   padding-top: 16px;
   border-top: 1px solid #F0F0F0;
 }
 .magazin-overview-image.magazin-thumb-staedtisches-leben {
   background-image: url([magazin-thumb-staedtisches-leben.png]);
 }
 .magazin-overview-image.magazin-thumb-intelligente-energie {
   background-image: url([magazin-thumb-intelligente-energie.png]);
 }
 .magazin-overview-image.magazin-thumb-ernaehrung {
   background-image: url([magazin-thumb-ernaehrung.png]);
 }
 .magazin-overview-image-text {
   position: absolute;
   bottom: 0;
   margin: 1em;
 }
 .magazin-overview-image-text span {
   font-weight: 900;
   font-size: 1.6em;
   color: #CCCCCC;
 }
 .magazin-overview-image-text h2 {
   margin-bottom: 0;
   color: #FFFFFF;
 }
 /* ---- MAGAZIN OVERVIEW SLIDER ---- */
 /* ---- MAGAZIN STORY ---- */
 .magazin-story-hash-menu {
   padding-top: 2em;
 }
 .magazin-story-hash-menu a {
   position: relative;
   display: inline-block;
   width: 33.33%;
   padding-bottom: 0.5em;
   margin-bottom: 5em;
   margin-left: -2.8px;
   border-bottom: 8px solid #efefef;
   font-size: 1.4em;
   text-align: center;
   color: #7C7C7C;
 }
 .intelligente-energie .magazin-story-hash-menu a {
   width: 20%;
 }
 .magazin-story-hash-menu a.active {
   border-color: #21A0D2;
   color: #21A0D2;
 }
 .lt-ie8 .magazin-story-hash-menu a {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i></i>' + this.innerHTML );
 }
 .magazin-story-hash-menu a.active i,
 .magazin-story-hash-menu a.active:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 0;
   height: 0;
   margin-bottom: -26px;
   margin-left: -10px;
   border: 10px solid transparent;
   border-top-color: #21A0D2;
 }
 .magazin-story-hash-menu.hash-menu-bottom {
   display: none;
 }
 .magazin-story-hash-menu.hash-menu-bottom a i,
 .magazin-story-hash-menu.hash-menu-bottom a:after {
   margin-bottom: -2px;
   border-top-color: transparent;
   border-bottom-color: #DCDCDC;
 }
 .magazin-story-hash-menu.hash-menu-bottom a.active i,
 .magazin-story-hash-menu.hash-menu-bottom a.active:after {
   border-bottom-color: #21A0D2;
 }
 /* ---- MAGAZIN STORY ---- */
 .magazin-story-subpage {
   margin-bottom: 4em;
 }
 .magazin-story-subpage > p {
   width: 65%;
   margin-bottom: 2em;
 }
 #fragen-antworten-slider {
   display: none;
 }
 /* ---- MAGAZIN ZITAT ---- */
 .magazin-story-zitat {
   display: table;
   height: 100%;
   margin-bottom: 2em;
   background: #21A0D2;
   color: #FFFFFF;
   min-height: 234px;
 }
 .magazin-story-zitat-image {
   display: table-cell;
   float: none;
   height: 100%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   min-width: 416px;
   vertical-align: top;
   min-height: 234px;
 }
 .magazin-story-zitat-image img {
   display: none;
 }
 .magazin-story-zitat-text {
   display: table-cell;
   display: block;
   height: 100%;
   vertical-align: top;
   min-height: 234px;
 }
 .magazin-story-zitat-text-wrapper {
   margin: 1.5em ;
 }
 .lt-ie8 .magazin-story-zitat-image {
   display: block;
   float: left;
   width: 416px;
   height: 234px;
 }
 .lt-ie8 .magazin-story-zitat-text {
   display: block;
   float: left;
 }
 @media screen and (max-width: 965px) {
   .magazin-story-zitat {
     display: block;
     background: none;
   }
   .magazin-story-zitat-image {
     display: block;
     float: none;
     width: 100%;
     background-image: none !important;
     min-width: 0;
     min-height: 0;
   }
   .magazin-story-zitat-image img {
     display: block;
     width: 100%;
   }
   .magazin-story-zitat-text {
     padding-top: 1em;
     margin: 0;
     background: #21A0D2;
   }
 }
 /* MAGAZIN STORY SLIDER */
 .magazin-story-question-slider {
   opacity: 0;
 }
 .magazin-story-question-slider-header {
   margin-bottom: 1em;
 }
 .magazin-story-question-slider-header a {
   position: relative;
   margin-right: 1em;
   font-size: 1.4em;
   color: #7C7C7C;
 }
 .magazin-story-question-slider-header a.active {
   color: #21A0D2;
 }
 .lt-ie8 .magazin-story-question-slider-header a {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i></i>' + this.innerHTML );
 }
 .magazin-story-question-slider-header a i,
 .magazin-story-question-slider-header a:after {
   content: "";
   position: absolute;
   bottom: -15px;
   left: 50%;
   display: none;
   width: 0;
   height: 0;
   margin-left: -10px;
   border: 10px solid transparent;
   border-bottom-color: #21A0D2;
 }
 .magazin-story-question-slider-header a i {
   bottom: -15px;
 }
 .magazin-story-question-slider-header a.active i,
 .magazin-story-question-slider-header a.active:after {
   display: block;
 }
 .magazin-story-question-slider-left {
   position: relative;
   z-index: 10;
   float: left;
   width: 225px;
   height: 410px;
   padding: 1em;
   margin-right: 1em;
   border-right: 1em solid #FFFFFF;
   background: #21A0D2;
   color: #FFFFFF;
 }
 .lt-ie8 .magazin-story-question-slider-left {
   margin-right: 0;
 }
 .magazin-story-question-slider-left .bx-wrapper {
   height: 100%;
 }
 .magazin-story-question-slider-left .bx-controls {
   padding-top: 5em;
   margin: 0;
 }
 .magazin-story-question-slider-left .bx-controls-direction {
   position: absolute;
   bottom: 2.5em;
   width: 100%;
   text-align: center;
 }
 .content .magazin-story-question-slider-right li p {
   font-family: "Helvetica Neue LT W06 45 Light";
   font-size: 1.4em;
 }
 .magazin-story-question-slider-right .bxslider li {
   max-width: 625px;
 }
 .magazin-story-question-slider-right .bx-viewport {
   width: auto !important;
 }
 .magazin-story-question-slider-right .bx-controls {
   display: none;
 }
 .magazin-story-question-slider-left .bx-next,
 .magazin-story-question-slider-left .bx-prev,
 .magazin-story-question-slider-left .bx-next:hover,
 .magazin-story-question-slider-left .bx-prev:hover {
   color: #FFFFFF;
 }
 .magazin-story-question-slider-left .bx-pager {
   z-index: 10;
   bottom: 3em;
 }
 .magazin-story-question-slider-left .bx-pager-link {
   background-color: #FFFFFF;
   opacity: 0.5;
 }
 .magazin-story-question-slider-left .bx-pager-link.active {
   background-color: #FFFFFF;
   opacity: 1;
 }
 .magazin-story-question-slider-right {
   padding: 1em 1em 0 0;
   background: #F0F0F0;
   min-height: 420px;
 }
 .lt-ie8 .magazin-story-question-slider-right {
   padding: 1em 1em 0 1em;
 }
 /* ---- MAGAZIN GALLERY ---- */
 .gallery .bx-controls {
   display: none;
 }
 .magazin-gallery {
   margin-bottom: 1.5em;
 }
 .magazin-gallery .bx-wrapper {
   margin: 0 !important;
 }
 .magazin-gallery .bx-wrapper img {
   float: left;
   width: 750px;
   height: auto;
 }
 .magazin-gallery .gallery .bx-wrapper img {
   border-right: 2em solid #FFFFFF;
 }
 .only-one-image.magazin-gallery .bx-viewport {
   height: auto !important;
 }
 .magazin-gallery .bx-wrapper .border-bottom {
   border-bottom: 1px solid #F0F0F0;
 }
 .magazin-gallery .video-wrapper {
   max-width: 750px;
 }
 .magazin-gallery .video-wrapper .video-wrapper-inner {
   position: relative;
   height: 0;
   padding-top: 56.25%;
 }
 .magazin-gallery .video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .magazin-gallery .gallery-navigation {
   width: 750px;
   margin-bottom: 1em;
 }
 .magazin-gallery .gallery-navigation .bx-wrapper {
   padding: 0 3em;
 }
 .magazin-gallery .gallery-navigation .bx-viewport {
   height: 102px !important;
 }
 .magazin-gallery .gallery-navigation .bx-prev {
   position: absolute;
   left: -0.3em;
 }
 .magazin-gallery .gallery-navigation .bx-next {
   position: absolute;
   right: -2.2em;
 }
 .magazin-gallery .gallery-navigation li {
   width: 110px !important;
   border: 5px solid #FFFFFF;
 }
 .magazin-gallery .gallery-navigation li.video {
   position: relative;
 }
 .magazin-gallery .gallery-navigation li.video:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 25px;
   height: 25px;
   margin-top: -12px;
   margin-left: -12px;
   background: url(../files/play-icon.svg);
   background-size: 25px 25px;
   opacity: .8;
 }
 .magazin-gallery .gallery-navigation li img {
   width: 110px;
   margin: 0;
   cursor: pointer;
 }
 .magazin-gallery .gallery-navigation li.active,
 .magazin-gallery .gallery-navigation li:hover {
   border: 5px solid #004A96;
 }
 .magazin-gallery .gallery-navigation li.active:after {
   content: "";
   position: absolute;
   bottom: -24px;
   left: 50%;
   width: 0;
   height: 0;
   margin-left: -10px;
   border: 10px solid transparent;
   border-top-color: #004A96;
 }
 .magazin-gallery .gallery-navigation .bx-controls {
   margin: 0;
 }
 .only-one-image .gallery-navigation {
   display: none;
 }
 @media screen and (max-width: 500px) {
   .magazin-story-subpage {
     margin-top: 4em;
   }
 }
 @media screen and (max-width: 650px) {
   .gallery {
     margin-top: 4em;
   }
   .gallery .bx-controls {
     position: absolute;
     top: 0;
     top: -2em;
     display: block;
     width: 100%;
     margin: 0;
   }
   .gallery .bx-controls-direction {
     text-align: center;
   }
   .gallery-navigation {
     display: none;
   }
   .only-one-image .bx-controls {
     display: none;
   }
 }
 @media screen and (max-width: 835px) {
   .magazin-story-question-slider-left {
     float: none;
     width: 100%;
     height: auto;
     padding: 0;
     margin: 0;
   }
   .magazin-story-question-slider-left .bx-viewport h3 {
     padding: 0.5em;
   }
   .magazin-story-question-slider-right {
     width: 100%;
     padding: 0;
   }
   .magazin-story-question-slider-right .bx-wrapper {
     padding: 1em;
   }
   .magazin-story-subpage > p {
     width: 100%;
   }
   .magazin-gallery .gallery-navigation {
     width: 100%;
   }
   .magazin-gallery .bx-wrapper img {
     float: none;
     width: 100%;
   }
   .only-one-image.magazin-gallery .gallery .bx-wrapper img {
     width: 100%;
   }
 }
 .basf-nachhaltige-zukunft .imagepopup .more,
 .basf-nachhaltige-zukunft .fussnote,
 .basf-nachhaltige-zukunft .content-fn {
   display: none;
 }
 .basf-nachhaltige-zukunft .mfp-figure .mfp-top-bar {
   display: none;
 }
 .basf-nachhaltige-zukunft .mfp-image-holder .mfp-content,
 .basf-nachhaltige-zukunft .mfp-iframe-holder .mfp-content {
   height: auto;
   max-width: 810px;
 }
 .basf-nachhaltige-zukunft .mfp-figure figure {
   margin-bottom: 0;
 }
 .basf-nachhaltige-zukunft .close-button-wrapper {
   top: auto;
   top: 13px;
   margin-right: 3em;
 }
 .basf-nachhaltige-zukunft a.imagepopup,
 .basf-nachhaltige-zukunft a.videopopup {
   float: left;
   width: 239px;
   margin-right: 18px;
 }
 .basf-nachhaltige-zukunft a.videopopup {
   position: relative;
 }
 .basf-nachhaltige-zukunft a.videopopup:after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 39px;
   height: 39px;
   margin-top: -20px;
   margin-left: -20px;
   background: url(../files/play-icon.svg);
   opacity: .8;
 }
 .basf-nachhaltige-zukunft .mfp-iframe {
   width: 750px;
   height: 421.875px;
   padding: 20px 0;
 }
 .basf-nachhaltige-zukunft .mfp-image-holder .mfp-close,
 .basf-nachhaltige-zukunft .mfp-iframe-holder .mfp-close {
   height: 25px;
   padding-right: 36px;
   background: url(../files/popup-close.svg) 100% 50% no-repeat;
   line-height: 25px;
   color: #21A0D2;
   opacity: 1;
 }
 .basf-nachhaltige-zukunft .mfp-image-holder .mfp-close:after,
 .basf-nachhaltige-zukunft .mfp-iframe-holder .mfp-close:after {
   content: none;
 }
 /* ---- MAP ---- */
 .jubilaeum {
   margin: 30px -30px 65px;
 }
 /* ---- JUBILAEUM CONTENT ---- */
 .story-content {
   position: relative;
   height: 680px;
   background: #F0F0F0;
 }
 .story-content.tab-content {
   display: block;
 }
 .story-content .text {
   padding: 30px;
   margin-left: 389px;
 }
 .story-content h2 {
   padding-left: 55px;
   margin-bottom: 0;
   line-height: 40px;
 }
 .story-content.story-bio-acrylamid-content h2,
 .story-content.story-acrodur-content h2 {
   background: url([magazin_story_1_2_thumb.jpg]) no-repeat;
   color: #00793A;
 }
 .story-content.story-living-lab-content h2,
 .story-content.story-klaeranlage-content h2 {
   background: url([magazin_story_3_4_thumb.jpg]) no-repeat;
   color: #21A0D2;
 }
 .story-content.story-futtermittel-content h2,
 .story-content.story-f-e-content h2 {
   background: url([magazin_story_4_6_thumb.jpg]) no-repeat;
   color: #F39500;
 }
 .story-content.story-basf-40-content h2,
 .story-content.story-delhi-metro-content h2 {
   background: url([magazin_story_7_8_thumb.jpg]) no-repeat;
   color: #C50022;
 }
 .story-content .titelbild {
   position: absolute;
   width: 389px;
   height: 100%;
   /* Rectangle 18: */
 }
 .story-content .titelbild .titelbild-footnote {
   position: absolute;
   bottom: 0;
   display: flex;
   align-items: flex-end;
   height: 270px;
   padding: 20px 20px 0;
   margin: 0;
   background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
   font-size: 12px;
   line-height: 20px;
 }
 .story-content .titelbild .titelbild-footnote p {
   color: white;
 }
 .story-content.story-bio-acrylamid-content .titelbild {
   background: url([bio_acrylamid_titelbild.jpg]);
 }
 .story-content.story-acrodur-content .titelbild {
   background: url([acrodur_titelbild.jpg]);
 }
 .story-content.story-living-lab-content .titelbild {
   background: url([living_lab_titelbild.jpg]);
 }
 .story-content.story-klaeranlage-content .titelbild {
   background: url([klaeranlage_titelbild.jpg]);
 }
 .story-content.story-futtermittel-content .titelbild {
   background: url([futtermittel_titelbild.jpg]);
 }
 .story-content.story-f-e-content .titelbild {
   background: url([f_e_titelbild.jpg]);
 }
 .story-content.story-basf-40-content .titelbild {
   background: url([basf_40_titelbild.jpg]);
 }
 .story-content.story-delhi-metro-content .titelbild {
   background: url([delhi_metro_titelbild.jpg]);
 }
 .jubilaeum-content-close {
   position: absolute;
   top: 0;
   right: 0;
   padding: 30px;
   background: none;
   font-size: 13px;
   color: #F39500;
   cursor: pointer;
 }
 .jubilaeum-content-close:after {
   content: '\e013';
   display: inline-block;
   margin-left: .3em;
   font-family: 'BASF_Iconfont';
   font-size: 2em;
   vertical-align: -6px;
 }
 .jubilaeum-content-nav {
   position: absolute;
   z-index: 10;
   right: 0;
   bottom: 0;
   left: 389px;
   padding: 30px;
 }
 .jubilaeum-content-nav button {
   position: relative;
   background: none;
   font-size: 13px;
   color: #F39500;
   cursor: pointer;
 }
 .jubilaeum-content-nav button:before,
 .jubilaeum-content-nav button:after {
   font-family: 'BASF_Iconfont';
   font-size: 13px;
   line-height: 16px;
 }
 .jubilaeum-content-nav .next {
   float: right;
   cursor: pointer;
 }
 .jubilaeum-content-nav .next:after {
   content: '\e002';
   margin-left: 4px;
 }
 .jubilaeum-content-nav .prev:before {
   content: '\e000';
   margin-right: 4px;
 }
 .jubilaeum-images {
   position: absolute;
   bottom: 58px;
   width: 100%;
   max-width: 781px;
 }
 .jubilaeum-images p {
   margin: 0;
 }
 .jubilaeum-images-1 {
   display: none;
 }
 .map-mobile,
 .mobile-title,
 .magazin-gallery {
   display: none;
 }
 /* ---- MAGAZIN SLIDER  ---- */
 .bx-pager-link {
   background-color: #F39500;
 }
 .bx-prev,
 .bx-next {
   color: #F39500;
 }
 .magazin-overview-row {
   position: relative;
   margin-top: 2em;
   margin-bottom: 2em;
 }
 .magazin-overview-slider-wrapper {
   float: right;
   width: 68.42105263%;
   background: #F0F0F0;
 }
 .magazin-overview-slider-wrapper .bx-wrapper {
   display: block;
   padding: 0 !important;
   margin: 15px 20px 20px 30px;
   list-style: none;
   min-height: 192px;
 }
 .magazin-overview-slider-wrapper .bx-wrapper .bx-pager {
   z-index: 2;
   pointer-events: none;
 }
 .magazin-overview-slider-wrapper .bx-wrapper .bx-pager .bx-pager-item {
   pointer-events: auto;
 }
 .magazin-overview-slider-wrapper .bx-wrapper .bx-controls-direction {
   position: absolute;
   z-index: 1;
   bottom: 3px;
   left: calc(50% - 75px);
 }
 .magazin-overview-slider-wrapper .bx-wrapper .bx-controls-direction .bx-next,
 .magazin-overview-slider-wrapper .bx-wrapper .bx-controls-direction .bx-prev {
   height: 0;
   line-height: 0;
 }
 @media screen and (max-width: 400px) {
   .magazin-overview-slider-wrapper .bx-wrapper {
     min-height: 350px;
   }
 }
 .magazin-overview-slider-wrapper .bx-controls,
 .jubilaeum > .bx-wrapper .bx-controls {
   margin-top: 0;
 }
 .magazin-overview-slider-wrapper .bx-pager,
 .jubilaeum > .bx-wrapper .bx-pager {
   bottom: .9em;
 }
 .magazin-overview-slider-wrapper .bx-controls-direction,
 .jubilaeum > .bx-wrapper .bx-controls-direction {
   text-align: center;
 }
 .jubilaeum > .bx-wrapper .bx-wrapper {
   position: relative;
 }
 .jubilaeum > .bx-wrapper .bx-controls {
   position: absolute;
   right: 0;
   bottom: 1em;
   left: 389px;
 }
 .jubilaeum > .bx-wrapper .bx-prev {
   margin-right: 5em;
 }
 .magazin-overview-slider h3 {
   margin-bottom: 15px;
   font-family: "Helvetica Neue LT W06 55 Roman";
   font-size: 24px;
   line-height: 28px;
 }
 .magazin-overview-slider .number span,
 .magazin-overview-slider .number p {
   margin: 0;
   font-size: 40px;
   line-height: 1;
 }
 .magazin-overview-slider .more {
   display: inline-block;
 }
 .magazin-overview-slider a {
   line-height: 1.4;
 }
 .magazin-overview-slider .sdg2 h3,
 .magazin-overview-slider .sdg2 .number span,
 .magazin-overview-slider .sdg2 .number p {
   color: #00793A;
 }
 .magazin-overview-slider .sdg6 h3,
 .magazin-overview-slider .sdg6 .number span,
 .magazin-overview-slider .sdg6 .number p {
   color: #21A0D2;
 }
 .magazin-overview-slider .sdg9 h3,
 .magazin-overview-slider .sdg9 .number span,
 .magazin-overview-slider .sdg9 .number p {
   color: #F39500;
 }
 .magazin-overview-slider .sdg12 h3,
 .magazin-overview-slider .sdg12 .number span,
 .magazin-overview-slider .sdg12 .number p {
   color: #C50022;
 }
 .magazin-overview-row + h2 {
   padding: 40px 0 0 0;
   margin-bottom: 50px;
   border: 0;
 }
 .magazin-overview-image {
   position: absolute;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   align-content: flex-start;
   width: calc((100/1140 * 360%) - 30px);
   height: 100%;
 }
 .magazin-overview-image .helper {
   box-sizing: border-box;
   height: auto;
   max-width: 50%;
   opacity: .35;
   cursor: pointer;
 }
 .magazin-overview-image .helper:nth-child(1),
 .magazin-overview-image .helper:nth-child(2) {
   border-bottom: 2px solid white;
 }
 .magazin-overview-image .helper:nth-child(1),
 .magazin-overview-image .helper:nth-child(3) {
   border-right: 0.5px solid white;
 }
 .magazin-overview-image .helper:nth-child(2),
 .magazin-overview-image .helper:nth-child(4) {
   border-left: 0.5px solid white;
 }
 .magazin-overview-image .helper.active {
   opacity: 1;
 }
 .magazin-overview-image img {
   display: block;
   width: 100%;
 }
 /* ---- MAGAZIN GALLERY ---- */
 /* ---- MAGAZIN HASH MENU = TABS (from last year css-magazin.skin) ---- */
 .magazin-story-hash-menu {
   display: none;
 }
 @media screen and (max-width: 1200px) {
   .basf-nachhaltige-zukunft a.imagepopup {
     float: none;
     width: auto;
   }
   .jubilaeum {
     margin-right: 0;
     margin-left: 0;
   }
   .story-content {
     height: auto;
   }
   /* ---- JUBILEAUM CONTENT ---- */
   .jubilaeum-content {
     position: relative;
     z-index: auto;
     display: block;
   }
   .jubilaeum-content .titelbild {
     display: none;
   }
   .jubilaeum-content .text {
     padding: 0;
     margin: 0;
   }
   .story-content {
     position: relative;
     display: none;
     background: none;
     opacity: 1;
     color: black;
   }
   .story-content.active {
     display: block;
   }
   .story-content.tab-content {
     display: none;
   }
   .story-content.tab-content.active {
     display: block;
   }
   .jubilaeum-images {
     display: none;
   }
   /* ---- MAGAZIN HASH MENU = TABS (from last year css-magazin.skin) ---- */
   .magazin-story-hash-menu {
     display: block;
   }
   .magazin-story-hash-menu a {
     width: 12.5%;
   }
   .magazin-story-hash-menu a.active {
     border-color: #004A96;
     color: #7C7C7C;
   }
   .magazin-story-hash-menu a.active:after {
     border-top-color: #004A96;
   }
   .magazin-gallery {
     display: block;
   }
 }
 @media screen and (max-width: 835px) {
   .magazin-overview-image {
     position: relative;
     width: 100%;
     margin-right: 0;
   }
   .magazin-overview-image img {
     display: block;
     width: 100%;
   }
   .magazin-overview-slider-wrapper {
     width: 100%;
   }
 }
 @media screen and (max-width: 768px) {
   .story-content.tab-content {
     display: block;
   }
   .magazin-story-hash-menu {
     display: none;
   }
   .mobile-title {
     position: relative;
     display: block;
     width: 100%;
     padding-bottom: 0.5em;
     margin-bottom: 5em;
     border-bottom: 8px solid #DCDCDC;
     font-size: 1.4em;
     text-align: center;
   }
   .mobile-title:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 0;
     height: 0;
     margin-bottom: -26px;
     margin-left: -10px;
     border: 10px solid transparent;
     border-top-color: #DCDCDC;
   }
 }
 .wie-wir-wert-schaffen .text-to-left {
   float: none;
 }
 @media screen and (min-width: 768px) {
   .wie-wir-wert-schaffen .text-to-left {
     float: left;
     width: calc(100% - 270px);
   }
 }
 .wie-wir-wert-schaffen .imagepopup {
   float: right;
   width: auto;
   margin: 0 0 30px 30px;
   max-width: 400px;
 }
 .wie-wir-wert-schaffen .mfp-image-holder .mfp-content,
 .wie-wir-wert-schaffen .mfp-iframe-holder .mfp-content {
   height: auto;
   max-width: 810px;
 }
 .wie-wir-wert-schaffen .videopopup img {
   display: block;
 }
 .wie-wir-wert-schaffen .videopopup:before {
   content: " ";
   position: absolute;
   z-index: 10;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.2);
   background-image: url(../img/playbtn.png);
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
 }
 .wie-wir-wert-schaffen .mfp-close {
   top: -10px;
   right: 20px;
   width: auto;
   height: 25px;
   padding-right: 36px;
   background: url(../files/popup-close.svg) 100% 50% no-repeat;
   font-size: 14px;
   line-height: 25px;
   color: #21A0D2;
   opacity: 1;
 }
 .wie-wir-wert-schaffen .mfp-close:after {
   content: none;
 }
 .wie-wir-wert-schaffen .mfp-close:active {
   top: -10px;
   right: 20px;
 }
 .wie-wir-wert-schaffen .videopopup-wrapper {
   position: relative;
   float: none;
   margin-bottom: 40px;
   max-width: 250px;
 }
 @media screen and (min-width: 768px) {
   .wie-wir-wert-schaffen .videopopup-wrapper {
     float: right;
     margin-left: 20px;
   }
 }
 .wie-wir-wert-schaffen .videopopup-wrapper.play:before {
   content: none;
 }
 .wie-wir-wert-schaffen .mfp-figure figure {
   position: relative;
   overflow: hidden;
   height: 0;
   padding-top: 0px;
   padding-bottom: 56.25%;
   margin-bottom: 0;
 }
 .wie-wir-wert-schaffen .mfp-figure figure iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .wie-wir-wert-schaffen .videopopup__download {
   font-size: 14px;
 }
 .wie-wir-wert-schaffen .videopopup__download::after {
   content: "\e913";
   margin-left: 6px;
   font-family: 'BASF_Iconfont3';
 }
 .wie-wir-wert-schaffen .content-video {
   position: relative;
   float: right;
   width: 100%;
   margin-bottom: 40px;
   margin-left: 20px;
   max-width: 400px;
 }
 .text-to-left {
   float: left;
   max-width: 790px;
 }
 @media screen and (min-width: 768px) {
   .download-link-container {
     float: left;
   }
 }
 .download-link-container p {
   margin: 0;
 }
 @media screen and (max-width: 769px) {
   .wie-wir-wert-schaffen .content-video {
     display: block;
     float: none;
     margin: 0 auto 40px;
     max-width: 400px;
   }
 }
 /* ---- CONTAINER ---- */
 @media screen and (min-width: 992px) {
   .wsk--active1 .wsk-nav__button--1,
   .wsk--active3 .wsk-nav__button--1,
   .wsk--active1 .wsk-nav__button--3,
   .wsk--active3 .wsk-nav__button--3 {
     width: 36.5%;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk--active1 .wsk-nav__button--1,
   .wsk--active3 .wsk-nav__button--1,
   .wsk--active1 .wsk-nav__button--3,
   .wsk--active3 .wsk-nav__button--3 {
     width: 38.5%;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk--active1 .wsk-nav__button--2,
   .wsk--active3 .wsk-nav__button--2 {
     width: 25%;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk--active1 .wsk-nav__button--2,
   .wsk--active3 .wsk-nav__button--2 {
     width: 23%;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk--active1 .wsk-slide--1,
   .wsk--active3 .wsk-slide--1,
   .wsk--active1 .wsk-slide--3,
   .wsk--active3 .wsk-slide--3 {
     width: 39%;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk--active1 .wsk-slide--1,
   .wsk--active3 .wsk-slide--1,
   .wsk--active1 .wsk-slide--3,
   .wsk--active3 .wsk-slide--3 {
     width: 40%;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk--active1 .wsk-slide--2,
   .wsk--active3 .wsk-slide--2 {
     width: 22%;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk--active1 .wsk-slide--2,
   .wsk--active3 .wsk-slide--2 {
     width: 20%;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active1 .wsk-nav__button--1 {
     width: 56.8%;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active1 .wsk-nav__button--2,
   .wsk--active1 .wsk-nav__button--3 {
     width: 21.6%;
   }
 }
 @media screen and (max-width: 479px) {
   .wsk--active1 .bx-wrapper .wsk-nav__button--2 > span:before,
   .wsk--active1 .bx-wrapper .wsk-nav__button--3 > span:before {
     content: '\e901';
     font-family: 'BASF_Iconfont3';
     font-weight: normal;
     font-size: 19px;
     line-height: 1;
   }
   .wsk--active1 .bx-wrapper .wsk-nav__button--2 > span *,
   .wsk--active1 .bx-wrapper .wsk-nav__button--3 > span * {
     display: none;
   }
   .wsk--active1 .bx-wrapper .wsk-nav__button--3 {
     text-align: right;
   }
   .wsk--active1 .bx-wrapper .wsk-nav__button--3 > span {
     padding-right: 6px;
     padding-left: 0;
   }
   .wsk--active1 .bx-wrapper .wsk-nav__button--2 {
     text-align: left;
   }
   .wsk--active1 .bx-wrapper .wsk-nav__button--2 > span {
     padding-left: 38px;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active2 .wsk-nav__button--1,
   .wsk--active2 .wsk-nav__button--3 {
     width: 21.6%;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active2 .wsk-nav__button--2 {
     width: 56.8%;
   }
 }
 .wsk--active2 .wsk-slide--1 {
   margin-left: -100%;
 }
 @media screen and (min-width: 992px) {
   .wsk--active2 .wsk-slide--1 {
     margin-left: 0;
   }
 }
 @media screen and (max-width: 479px) {
   .wsk--active2 .bx-wrapper .wsk-nav__button--1 > span:before,
   .wsk--active2 .bx-wrapper .wsk-nav__button--3 > span:before {
     content: '\e901';
     font-family: 'BASF_Iconfont3';
     font-weight: normal;
     font-size: 19px;
     line-height: 1;
   }
   .wsk--active2 .bx-wrapper .wsk-nav__button--1 > span *,
   .wsk--active2 .bx-wrapper .wsk-nav__button--3 > span * {
     display: none;
   }
   .wsk--active2 .bx-wrapper .wsk-nav__button--1 {
     text-align: right;
   }
   .wsk--active2 .bx-wrapper .wsk-nav__button--1 > span {
     padding-right: 6px;
     padding-left: 0;
   }
   .wsk--active2 .bx-wrapper .wsk-nav__button--3 {
     text-align: left;
   }
   .wsk--active2 .bx-wrapper .wsk-nav__button--3 > span {
     padding-left: 38px;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active3 .wsk-nav__button--1,
   .wsk--active3 .wsk-nav__button--2 {
     width: 21.6%;
   }
 }
 @media screen and (max-width: 991px) {
   .wsk--active3 .wsk-nav__button--3 {
     width: 56.8%;
   }
 }
 .wsk--active3 .wsk-slide--1 {
   margin-left: -200%;
 }
 @media screen and (min-width: 992px) {
   .wsk--active3 .wsk-slide--1 {
     margin-left: 0;
   }
 }
 @media screen and (max-width: 479px) {
   .wsk--active3 .bx-wrapper .wsk-nav__button--1 > span:before,
   .wsk--active3 .bx-wrapper .wsk-nav__button--2 > span:before {
     content: '\e901';
     font-family: 'BASF_Iconfont3';
     font-weight: normal;
     font-size: 19px;
     line-height: 1;
   }
   .wsk--active3 .bx-wrapper .wsk-nav__button--1 > span *,
   .wsk--active3 .bx-wrapper .wsk-nav__button--2 > span * {
     display: none;
   }
   .wsk--active3 .bx-wrapper .wsk-nav__button--2 {
     text-align: right;
   }
   .wsk--active3 .bx-wrapper .wsk-nav__button--2 > span {
     padding-right: 6px;
     padding-left: 0;
   }
   .wsk--active3 .bx-wrapper .wsk-nav__button--1 {
     text-align: left;
   }
   .wsk--active3 .bx-wrapper .wsk-nav__button--1 > span {
     padding-left: 38px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2 {
     cursor: pointer;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2 > * {
     pointer-events: none;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2.wsk-slide--collapsed .wsk-image:after {
     opacity: 1;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2.wsk-slide--collapsed .wsk-slide__inner {
     transform: translateY(85%);
     padding: 10px;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk:not(.wsk--active2) .wsk-slide--2.wsk-slide--collapsed .wsk-slide__inner {
     transform: translateY(78%);
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2.wsk-slide--collapsed .wsk-slide__title {
     margin-bottom: 25px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk:not(.wsk--active2) .wsk-slide--2 .wsk-slide__title {
     font-size: 18px;
     letter-spacing: 0;
     line-height: 22px;
   }
 }
 /* ---- NAV ---- */
 .wsk-nav {
   display: flex;
   clear: both;
   flex-direction: row;
   justify-content: space-between;
   margin: 0 -42px 20px -30px;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav {
     margin-right: 17px;
     margin-left: 0;
   }
 }
 .wsk-nav__button {
   position: relative;
   flex-shrink: 0;
   overflow: visible;
   height: 67px;
   margin-right: 12px;
   font-size: 18px;
   line-height: 23px;
   transition: width 0.5s ease-out;
   color: #fff;
   cursor: pointer;
 }
 @media screen and (min-width: 480px) {
   .wsk-nav__button {
     font-size: 21px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button {
     flex-shrink: 1;
     padding-left: 25px;
     margin-right: 12px;
     font-size: 20px;
   }
 }
 .wsk-nav__button:first-child {
   margin-left: -12px;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button:first-child {
     margin-left: 0;
   }
 }
 .wsk-nav__button:first-child:before,
 .wsk-nav__button:last-child:after {
   display: none;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button:first-child:before,
   .wsk-nav__button:last-child:after {
     display: block;
   }
 }
 .wsk-nav__button:before,
 .wsk-nav__button:after {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 33.5px 0 33.5px 30px;
 }
 .wsk-nav__button:before {
   left: 0;
   border-color: transparent transparent transparent #ffffff;
 }
 .wsk-nav__button:after {
   right: -30px;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button--1,
   .wsk-nav__button--3 {
     width: 21.6%;
   }
 }
 .wsk-nav__button--1 {
   background: #004A96;
 }
 .wsk-nav__button--1:after {
   z-index: 3;
   border-color: transparent transparent transparent #004A96;
 }
 .wsk-nav__button--2 {
   background: #21A0D2;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button--2 {
     width: 56.8%;
   }
 }
 .wsk-nav__button--2:after {
   z-index: 2;
   border-color: transparent transparent transparent #21A0D2;
 }
 .wsk-nav__button--3 {
   background: #00793A;
 }
 .wsk-nav__button--3:after {
   z-index: 1;
   border-color: transparent transparent transparent #00793A;
 }
 .wsk-nav__button span {
   padding-left: 25px;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button span {
     padding-left: 0;
   }
 }
 .wsk-nav__button span *:not(strong) {
   display: none;
 }
 @media screen and (min-width: 992px) {
   .wsk-nav__button span *:not(strong) {
     display: inherit;
   }
 }
 /* ---- SLIDER ---- */
 .wsk .bx-wrapper {
   margin: 0 -15px 20px !important;
 }
 @media screen and (min-width: 768px) {
   .wsk .bx-wrapper {
     margin: 0 -30px 20px !important;
   }
 }
 .wsk .bx-wrapper .wsk-nav {
   display: block;
   margin-right: 13.3%;
   margin-left: 13.3%;
 }
 @media screen and (min-width: 480px) {
   .wsk .bx-wrapper .wsk-nav {
     margin-right: 25%;
     margin-left: 25%;
   }
 }
 .wsk .bx-wrapper .wsk-nav__button {
   max-width: 64vw;
 }
 @media screen and (min-width: 480px) {
   .wsk .bx-wrapper .wsk-nav__button {
     max-width: 50vw;
   }
 }
 /* ---- SLIDES ---- */
 .wsk-slides {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   overflow: hidden;
   height: auto;
 }
 @media screen and (min-width: 992px) {
   .wsk-slides {
     height: 700px;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk-slides {
     height: 650px;
   }
 }
 .wsk-slides ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 .wsk-slide {
   flex-shrink: 0;
   flex-basis: 100%;
   transition: margin 0.5s ease-out;
   max-width: 100%;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide {
     flex-shrink: inherit;
     flex-basis: inherit;
     margin: 0 5px;
     transition: width 0.5s ease-out;
     max-width: none;
   }
 }
 .wsk-slide,
 .wsk-slide a {
   color: #fff;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--1,
   .wsk-slide--3 {
     display: flex;
     flex-direction: column;
     width: 23.2145%;
   }
 }
 .wsk-slide--1 {
   margin-left: 0;
 }
 .wsk-slide--1 .wsk-item:nth-child(1) {
   background-color: #004a96;
 }
 .wsk-slide--1 .wsk-item:nth-child(1) .wsk-element__link {
   color: #004a96;
 }
 .wsk-slide--1 .wsk-item:nth-child(2) {
   background-color: rgba(0, 74, 150, 0.9);
 }
 .wsk-slide--1 .wsk-item:nth-child(2) .wsk-element__link {
   color: rgba(0, 74, 150, 0.9);
 }
 .wsk-slide--1 .wsk-item:nth-child(3) {
   background-color: rgba(0, 74, 150, 0.85);
 }
 .wsk-slide--1 .wsk-item:nth-child(3) .wsk-element__link {
   color: rgba(0, 74, 150, 0.85);
 }
 .wsk-slide--1 .wsk-item:nth-child(4) {
   background-color: rgba(0, 74, 150, 0.8);
 }
 .wsk-slide--1 .wsk-item:nth-child(4) .wsk-element__link {
   color: rgba(0, 74, 150, 0.8);
 }
 .wsk-slide--1 .wsk-item:nth-child(5) {
   background-color: rgba(0, 74, 150, 0.75);
 }
 .wsk-slide--1 .wsk-item:nth-child(5) .wsk-element__link {
   color: rgba(0, 74, 150, 0.75);
 }
 .wsk-slide--1 .wsk-item:nth-child(6) {
   background-color: rgba(0, 74, 150, 0.7);
 }
 .wsk-slide--1 .wsk-item:nth-child(6) .wsk-element__link {
   color: rgba(0, 74, 150, 0.7);
 }
 .wsk-slide--2 {
   background-color: #21A0D2;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2 {
     width: 53.571%;
   }
 }
 .wsk-slide--2 .wsk-slide__inner {
   padding: 20px;
   text-align: center;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2 .wsk-slide__inner {
     transform: translateY(0);
     -webkit-backface-visibility: hidden;
     transition: top 0.5s ease-out, padding 0.5s ease-out, transform 0.5s ease-out;
   }
 }
 .wsk-slide--2 .wsk-slide__title {
   margin: 0 auto 10px;
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 20px;
   letter-spacing: 0.3px;
   line-height: 28px;
 }
 @media screen and (min-width: 480px) {
   .wsk-slide--2 .wsk-slide__title {
     margin-bottom: 30px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2 .wsk-slide__title {
     margin-bottom: 10px;
     transition: font-size 0.2s ease-out, line-height 0.2s ease-out, margin 0.2s ease-out;
     max-width: 350px;
   }
 }
 .wsk-slide--2 .wsk-slide__subtitle {
   margin: 30px 0 15px;
   font-weight: bold;
   font-size: 16px;
   letter-spacing: 0.25px;
   line-height: 24px;
   color: #fff;
 }
 .wsk-slide--2 .wsk-slide__columns {
   margin: 0 auto;
   max-width: 560px;
 }
 @media screen and (max-width: 480px) {
   .wsk-slide--2 .wsk-slide__columns {
     display: block !important;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-slide--2 .wsk-slide__columns {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-grow: 0;
   }
 }
 .wsk-slide--2 .wsk-slide__columns .wsk-slide__column {
   padding: 0 25px;
 }
 @media screen and (min-width: 480px) {
   .wsk-slide--2 .wsk-slide__columns .wsk-slide__column {
     flex-basis: 50%;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-slide--2 .wsk-slide__columns .wsk-slide__column + .wsk-slide__column {
     border-left: 1px solid #fff;
   }
 }
 .wsk-slide--2 .wsk-slide__columns .wsk-keyfact {
   margin-bottom: 15px;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2.wsk-slide--collapsed .wsk-image:after {
     opacity: 0;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2:not(.wsk-slide--collapsed) .wsk-slide__inner {
     transform: translateY(0);
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2:not(.wsk-slide--collapsed) .wsk-image:after {
     display: none;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-slide--2 .wsk-image:after {
     content: '\e901';
     display: block;
     margin-top: 40px;
     font-family: 'BASF_Iconfont3';
     font-weight: normal;
     font-size: 18px;
     line-height: 1;
     transition: opacity 0.2s ease-out;
     opacity: 0;
   }
 }
 .wsk-slide--2 .wsk-image__image--small {
   display: none;
 }
 .wsk-slide--3 {
   margin-right: 0;
 }
 .wsk-slide--3 .wsk-item:nth-child(1) {
   background-color: #00793a;
 }
 .wsk-slide--3 .wsk-item:nth-child(1) .wsk-element__link {
   color: #00793a;
 }
 .wsk-slide--3 .wsk-item:nth-child(2) {
   background-color: rgba(0, 121, 58, 0.9);
 }
 .wsk-slide--3 .wsk-item:nth-child(2) .wsk-element__link {
   color: rgba(0, 121, 58, 0.9);
 }
 .wsk-slide--3 .wsk-item:nth-child(3) {
   background-color: rgba(0, 121, 58, 0.85);
 }
 .wsk-slide--3 .wsk-item:nth-child(3) .wsk-element__link {
   color: rgba(0, 121, 58, 0.85);
 }
 .wsk-slide--3 .wsk-item:nth-child(4) {
   background-color: rgba(0, 121, 58, 0.8);
 }
 .wsk-slide--3 .wsk-item:nth-child(4) .wsk-element__link {
   color: rgba(0, 121, 58, 0.8);
 }
 .wsk-slide--3 .wsk-item:nth-child(5) {
   background-color: rgba(0, 121, 58, 0.75);
 }
 .wsk-slide--3 .wsk-item:nth-child(5) .wsk-element__link {
   color: rgba(0, 121, 58, 0.75);
 }
 .wsk-slide--3 .wsk-item:nth-child(6) {
   background-color: rgba(0, 121, 58, 0.7);
 }
 .wsk-slide--3 .wsk-item:nth-child(6) .wsk-element__link {
   color: rgba(0, 121, 58, 0.7);
 }
 .wsk-slide .wsk-slide__items {
   padding: 0;
   list-style: none;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide .wsk-slide__items {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
   }
 }
 .wsk-slide .wsk-item__title {
   padding: 17px 18px;
   margin-bottom: 0;
   color: #fff;
 }
 @media screen and (min-width: 992px) {
   .wsk-slide .wsk-item__title {
     padding: 20px;
   }
 }
 .wsk-slide .wsk-item__elements {
   display: none;
   padding: 10px 25px 35px;
   margin: 0 auto;
   max-width: 150px;
 }
 @media screen and (min-width: 480px) {
   .wsk-slide .wsk-item__elements {
     max-width: 470px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-slide .wsk-item__elements {
     padding: 0 20px 15px;
     margin: 0;
     max-width: none;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-item {
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex-grow: 1;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-item--active {
     justify-content: flex-start;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-item--active .wsk-item__title {
     padding-top: 10px;
     padding-bottom: 15px;
   }
 }
 .wsk-item--active .wsk-item__title:after {
   content: '\e929';
 }
 .wsk-item + .wsk-item {
   margin-top: 10px;
 }
 .wsk-item__title {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   flex-grow: 1;
   font-weight: 700;
   font-size: 19px;
   transition: padding 0.5s ease-out;
   cursor: pointer;
 }
 @media screen and (min-width: 992px) {
   .wsk-item__title {
     font-size: 18px;
   }
 }
 .wsk-item__title:after {
   content: '\e901';
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .wsk-item__elements .wsk-elements__inner {
   padding: 0;
 }
 @media screen and (min-width: 480px) {
   .wsk-item__elements .wsk-elements__inner {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin: 0 -5px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-item__elements .wsk-elements__inner {
     transition: min-height 0.7s ease-out;
     min-height: 0;
   }
 }
 .wsk-element__linktext:after,
 .wsk-keyfact--link:after,
 .wsk-image-item--link:after {
   content: '\e94c';
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 15px;
   line-height: 1;
 }
 .wsk-element__link,
 .wsk-keyfact__link,
 .wsk-image-item__link {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 10px;
   border-radius: 5px;
   background: #fff;
   font-weight: bold;
   font-size: 16px;
   line-height: 1.2;
   text-transform: uppercase;
   opacity: 0;
 }
 .wsk-element__link:hover,
 .wsk-keyfact__link:hover,
 .wsk-image-item__link:hover {
   opacity: 1;
 }
 .wsk-element {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   flex-basis: 33%;
   text-align: center;
 }
 @media screen and (min-width: 992px) and (max-width: 1199px) {
   .wsk-element {
     overflow-wrap: break-word;
     word-wrap: break-word;
     -ms-word-break: break-all;
     word-break: break-word;
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-element {
     margin: 0 5px;
   }
 }
 .wsk-element + .wsk-element {
   margin-top: 20px;
 }
 @media screen and (min-width: 480px) {
   .wsk-element + .wsk-element {
     margin-top: 0;
   }
 }
 .wsk-element__text,
 .wsk-element__linktext {
   font-size: 14px;
   line-height: 17px;
 }
 .wsk-element__linktext:after {
   content: '\e94c';
   display: block;
   margin-top: 8px;
 }
 .wsk-element img {
   height: 100% !important;
   max-height: 81px;
 }
 .wsk-keyfact,
 .wsk-image-item {
   font-size: 12px;
   letter-spacing: 0.35px;
   line-height: 16px;
 }
 .wsk-keyfact .largetext,
 .wsk-image-item .largetext,
 .wsk-keyfact .text,
 .wsk-image-item .text,
 .wsk-keyfact .boldtext,
 .wsk-image-item .boldtext {
   display: block;
 }
 .wsk-keyfact .largetext,
 .wsk-image-item .largetext {
   font-size: 38px;
   letter-spacing: 0;
   line-height: 32px;
 }
 .wsk-keyfact .text,
 .wsk-image-item .text {
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 13px;
   letter-spacing: 0;
   line-height: 17px;
 }
 .wsk-keyfact .boldtext,
 .wsk-image-item .boldtext {
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 14px;
   letter-spacing: 0.22px;
   line-height: 17px;
 }
 .wsk-keyfact {
   position: relative;
   display: inline-block;
 }
 .wsk-keyfact + .wsk-keyfact {
   margin-top: 15px;
 }
 .wsk-keyfact + .wsk-keyfact:before {
   content: '';
   position: absolute;
   top: -15px;
   right: 0;
   left: 0;
   width: 120px;
   height: 1px;
   margin: 0 auto;
   background-color: #fff;
 }
 .wsk-keyfact--link {
   display: inline-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }
 .wsk-keyfact--link:after {
   margin-left: 10px;
 }
 .wsk-keyfact--link .wsk-keyfact__linktext {
   padding-left: 25px;
 }
 .wsk-keyfact__text > *,
 .wsk-keyfact__linktext > * {
   margin-top: 10px;
 }
 .wsk-keyfact__text > *:first-child,
 .wsk-keyfact__linktext > *:first-child {
   margin-top: 0;
 }
 .wsk-keyfact .wsk-keyfact__link,
 .wsk-keyfact .wsk-keyfact__link:hover {
   color: #21A0D2;
 }
 .wsk-image {
   position: relative;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   margin: 0 auto;
   max-width: 560px;
 }
 @media screen and (min-width: 480px) {
   .wsk-image {
     display: block;
   }
 }
 .wsk-image > * + * {
   margin-top: 25px;
 }
 @media screen and (min-width: 480px) {
   .wsk-image > * + * {
     margin-top: 0;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-image__image {
     max-width: 250px;
   }
 }
 @media screen and (min-width: 550px) {
   .wsk-image__image {
     max-width: 100%;
   }
 }
 @media screen and (max-width: 479px) {
   .wsk-image__image--full {
     display: none !important;
   }
 }
 @media screen and (max-width: 479px) {
   .wsk-image__image--small {
     display: block !important;
   }
 }
 .wsk-image .wsk-image-item__link,
 .wsk-image .wsk-image-item__link:hover {
   color: #21A0D2;
 }
 .wsk-image-item {
   position: relative;
   display: inline-block;
 }
 @media screen and (min-width: 480px) {
   .wsk-image-item {
     position: absolute;
     top: -29px;
     left: 17px;
     max-width: 120px;
   }
 }
 @media screen and (min-width: 550px) {
   .wsk-image-item {
     top: -17px;
     left: 25px;
   }
 }
 @media screen and (min-width: 650px) {
   .wsk-image-item {
     left: 62px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-image-item {
     left: 15px;
   }
 }
 @media screen and (min-width: 1100px) {
   .wsk-image-item {
     left: 40px;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk-image-item {
     left: 62px;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-image-item + .wsk-image-item {
     top: 5px;
     right: -10px;
     left: auto;
   }
 }
 @media screen and (min-width: 550px) {
   .wsk-image-item + .wsk-image-item {
     top: 18px;
     right: -6px;
   }
 }
 @media screen and (min-width: 650px) {
   .wsk-image-item + .wsk-image-item {
     right: 35px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-image-item + .wsk-image-item {
     right: -17px;
   }
 }
 @media screen and (min-width: 1100px) {
   .wsk-image-item + .wsk-image-item {
     right: 8px;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk-image-item + .wsk-image-item {
     right: 35px;
   }
 }
 @media screen and (min-width: 480px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     top: auto;
     right: auto;
     bottom: -9px;
     left: -9px;
   }
 }
 @media screen and (min-width: 550px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     bottom: 0;
     left: -5px;
   }
 }
 @media screen and (min-width: 650px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     bottom: -4px;
     left: 37px;
   }
 }
 @media screen and (min-width: 992px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     left: -10px;
   }
 }
 @media screen and (min-width: 1100px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     left: 10px;
   }
 }
 @media screen and (min-width: 1200px) {
   .wsk-image-item + .wsk-image-item + .wsk-image-item {
     left: 37px;
   }
 }
 .wsk-image-item--link:after {
   display: block;
   margin-top: 8px;
 }
 .wsk-image-item .largetext + * {
   margin-top: 5px;
 }
 @media screen and (max-width: 480px) {
   .wsk-keyfact + .wsk-keyfact:before,
   .wsk-slide__column + .wsk-slide__column .wsk-keyfact:first-child:before {
     content: '';
     position: absolute;
     top: -15px;
     right: 0;
     left: 0;
     width: 120px;
     height: 1px;
     margin: 0 auto;
     background-color: #fff;
   }
   .wsk-slide__column + .wsk-slide__column .wsk-keyfact:first-child {
     margin-top: 15px;
   }
 }
 /* ---- HOVER STUFF ---- */
 /* ---- ANIMATION STUFF ---- */
 /* ---- SPECIAL STYLES ---- */
 /* ---- MOBILE ---- */
 @media screen and (max-width: 800px) {
   .wie-wir-wert-schaffen .videopopup-wrapper {
     margin-bottom: 20px;
   }
   .wie-wir-wert-schaffen .download-link-container {
     margin-bottom: 30px;
   }
 }
 @media screen and (max-width: 600px) {
   .wie-wir-wert-schaffen .imagepopup {
     display: none;
   }
 }
 .page_einblicke #contentContainer {
   padding: 0;
   max-width: 100%;
 }
 .page_einblicke #mainpanel {
   width: 100%;
 }
 .page_einblicke .breadcrumb,
 .page_einblicke #mainContent,
 .page_einblicke .flatnav,
 .page_einblicke .toolbox-footer-menu {
   display: none;
 }
 .page_einblicke .stagevisual-wrapper {
   background-image: url(../img/header_highlights.jpg);
 }
 .page_einblicke .stagevisual-wrapper .stagevisual-text {
   top: 50px;
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text {
     top: 70px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text {
     top: 105px;
   }
 }
 .page_einblicke .stagevisual-wrapper .stagevisual-text h1 {
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 60px;
   line-height: 90px;
 }
 @media screen and (min-width: 480px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text h1 {
     font-size: 70px;
     line-height: 100px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text h1 {
     font-size: 90px;
     line-height: 135px;
   }
 }
 .page_einblicke .stagevisual-wrapper .stagevisual-text h1 span {
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 90px;
   letter-spacing: 1.5px;
 }
 @media screen and (min-width: 480px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text h1 span {
     font-size: 100px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .stagevisual-wrapper .stagevisual-text h1 span {
     font-size: 130px;
     letter-spacing: 2px;
   }
 }
 .page_einblicke .highlights-section,
 .page_einblicke .highlights-nav {
   padding: 0 15px;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-section,
   .page_einblicke .highlights-nav {
     padding-right: 30px;
     padding-left: 30px;
   }
 }
 .page_einblicke .highlights-section > *,
 .page_einblicke .highlights-nav > * {
   width: 100%;
   margin: 0 auto;
   max-width: 1140px;
 }
 .page_einblicke .highlights-section--overlap-top,
 .page_einblicke .highlights-section--overlap-bottom {
   position: relative;
   z-index: 1;
 }
 .page_einblicke .highlights-section--overlap-top {
   margin-top: -40px;
 }
 .page_einblicke .highlights-section--overlap-bottom {
   margin-bottom: -40px;
 }
 .page_einblicke .highlights-section--gray {
   padding-top: 100px;
   padding-bottom: 100px;
   background-color: #efefef;
 }
 @media screen and (max-width: 767px) {
   .page_einblicke .highlights-section:not(.highlights-section--gray) .highlights-teaser--white {
     background: #efefef;
   }
 }
 .page_einblicke .highlights-section > * + * {
   margin-top: 60px;
 }
 .page_einblicke .highlights-section--video {
   position: relative;
   overflow: hidden;
   height: 500px;
   padding-right: 0;
   padding-left: 0;
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-section--video {
     height: 650px;
   }
 }
 .page_einblicke .highlights-section--video .highlights-section__video {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   width: 100%;
   height: 100%;
   margin: 0;
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-section--video .highlights-section__video {
     top: -50%;
     right: auto;
     bottom: auto;
     left: -50%;
     overflow: inherit;
     width: 200%;
     height: 200%;
     max-width: none;
   }
 }
 .safari9 .page_einblicke .highlights-section--video .highlights-section__video {
   position: relative;
   top: auto;
   left: auto;
   overflow: hidden;
   width: auto;
   height: 100%;
 }
 .page_einblicke .highlights-section--video .highlights-section__video > * {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translate(20%, -65%);
   width: auto;
   height: auto;
   min-width: 100%;
   max-width: none;
   min-height: 100%;
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-section--video .highlights-section__video > * {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     transform: none;
     margin: auto;
     min-height: 50%;
     min-width: 50%;
   }
 }
 .safari9 .page_einblicke .highlights-section--video .highlights-section__video > * {
   top: 50%;
   right: auto;
   bottom: auto;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: 100%;
   max-width: none;
   min-width: 0;
   min-height: 0;
 }
 .safari9 .page_einblicke .highlights-section--video .highlights-section__video video {
   display: none;
 }
 .page_einblicke .highlights-section--video .highlights-section__video--fallback {
   display: none;
 }
 .safari9 .page_einblicke .highlights-section--video .highlights-section__video--fallback {
   display: block;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-columns {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
   }
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-columns--2 > *:first-child {
     width: calc(60% - 10px);
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-columns--2 > *:first-child {
     width: calc(67.106% - 15px);
   }
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-columns--2 > *:nth-child(2) {
     width: calc(40% - 10px);
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-columns--2 > *:nth-child(2) {
     width: calc(32.894% - 15px);
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .page_einblicke .highlights-columns--2 > *.highlights-teaser--gif {
     margin-bottom: 40px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .page_einblicke .highlights-columns--2 > *.highlights-teaser--gif,
   .page_einblicke .highlights-columns--2 > *.highlights-teaser--gif + * {
     width: 100%;
   }
 }
 .page_einblicke .highlights-columns--2 > *.highlights-teaser--gif img,
 .page_einblicke .highlights-columns--2 > *.highlights-teaser--gif video {
   display: block;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-columns--3 > * {
     width: calc(50% - 15px);
     margin-bottom: 40px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-columns--3 > * {
     margin-bottom: 0;
   }
   .page_einblicke .highlights-columns--3 > *,
   .page_einblicke .highlights-columns--3 > *:last-child {
     width: calc(33.333% - 20px);
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .page_einblicke .highlights-columns--3 > *:last-child {
     width: 100%;
     margin-bottom: 0;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .page_einblicke .highlights-columns--3 > *.highlights-teaser--text + .highlights-teaser--text {
     order: 2;
     width: 100%;
     margin-bottom: 0;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .page_einblicke .highlights-columns--3 > *.highlights-teaser--text + .highlights-teaser--text + .highlights-teaser--image {
     order: 1;
     width: calc(50% - 15px);
     margin-bottom: 40px;
   }
 }
 .page_einblicke .highlights-columns > * + * {
   margin-top: 40px;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-columns > * + * {
     margin-top: 0;
   }
 }
 .page_einblicke .highlights-teaser {
   position: relative;
   background: #fff;
   color: #666;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser {
     display: flex;
     flex-direction: column;
   }
 }
 .page_einblicke .highlights-teaser--video > .highlights-teaser__content:hover .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser:not(.highlights-teaser--video):hover .highlights-teaser__text--link {
   color: #666;
 }
 .page_einblicke .highlights-teaser,
 .page_einblicke .highlights-teaser__columns,
 .page_einblicke .highlights-teaser__column {
   min-height: 300px;
 }
 .page_einblicke .highlights-teaser--blue,
 .page_einblicke .highlights-teaser__column--blue,
 .page_einblicke .highlights-teaser--darkblue,
 .page_einblicke .highlights-teaser__column--darkblue,
 .page_einblicke .highlights-teaser--green,
 .page_einblicke .highlights-teaser__column--green,
 .page_einblicke .highlights-teaser--darkgreen,
 .page_einblicke .highlights-teaser__column--darkgreen,
 .page_einblicke .highlights-teaser--orange,
 .page_einblicke .highlights-teaser__column--orange,
 .page_einblicke .highlights-teaser--blue .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser__column--blue .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser--darkblue .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser__column--darkblue .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser--green .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser__column--green .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser--darkgreen .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser__column--darkgreen .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser--orange .highlights-teaser__text--link,
 .page_einblicke .highlights-teaser__column--orange .highlights-teaser__text--link {
   color: #fff;
 }
 .page_einblicke .highlights-teaser--blue,
 .page_einblicke .highlights-teaser__column--blue {
   background: #21A0D2;
 }
 .page_einblicke .highlights-teaser--darkblue,
 .page_einblicke .highlights-teaser__column--darkblue {
   background: #004A96;
 }
 .page_einblicke .highlights-teaser--green,
 .page_einblicke .highlights-teaser__column--green {
   background: #65AC1E;
 }
 .page_einblicke .highlights-teaser--darkgreen,
 .page_einblicke .highlights-teaser__column--darkgreen {
   background: #00793A;
 }
 .page_einblicke .highlights-teaser--orange,
 .page_einblicke .highlights-teaser__column--orange {
   background: #F39500;
 }
 .page_einblicke .highlights-teaser--lightorange,
 .page_einblicke .highlights-teaser__column--lightorange {
   background: #facf8c;
 }
 .page_einblicke .highlights-teaser--gray,
 .page_einblicke .highlights-teaser__column--gray {
   background: #efefef;
 }
 .page_einblicke .highlights-teaser h1,
 .page_einblicke .highlights-teaser h2,
 .page_einblicke .highlights-teaser h3,
 .page_einblicke .highlights-teaser h4,
 .page_einblicke .highlights-teaser h5,
 .page_einblicke .highlights-teaser h6,
 .page_einblicke .highlights-teaser p {
   margin: 0;
 }
 .page_einblicke .highlights-teaser .highlights-teaser__title {
   margin-bottom: 12px;
 }
 .page_einblicke .highlights-teaser .highlights-teaser__text {
   margin-bottom: 20px;
 }
 .page_einblicke .highlights-teaser .highlights-teaser__text--huge {
   margin-bottom: 0;
 }
 .page_einblicke .highlights-teaser .highlights-teaser__text--link {
   margin-top: 15px;
 }
 .page_einblicke .highlights-teaser__content {
   padding: 20px;
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__content {
     padding: 30px;
   }
 }
 .page_einblicke .highlights-teaser__content > * {
   display: block;
 }
 .page_einblicke .highlights-teaser__content > *:last-child {
   margin-bottom: 0;
 }
 .page_einblicke .highlights-teaser__content .highlights-teaser__content {
   padding: 0;
 }
 .page_einblicke .highlights-teaser__content .highlights-teaser__image {
   margin-top: 15px;
 }
 .page_einblicke .highlights-teaser__title {
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 30px;
   line-height: 1.3;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__title {
     font-size: 26px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__title {
     font-size: 28px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__title {
     font-size: 30px;
   }
 }
 .page_einblicke .highlights-teaser__text {
   display: block;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-weight: normal;
   font-size: 18px;
   line-height: 1.4;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__text {
     font-size: 17px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__text {
     font-size: 19px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__text {
     font-size: 20px;
   }
 }
 .page_einblicke .highlights-teaser__text--medium {
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 26px;
   line-height: 1.3;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__text--medium {
     font-size: 22px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__text--medium {
     font-size: 25px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__text--medium {
     font-size: 30px;
   }
 }
 .page_einblicke .highlights-teaser__text--large {
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 42px;
   line-height: 0.99;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__text--large {
     font-size: 40px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__text--large {
     font-size: 42px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__text--large {
     font-size: 54px;
   }
 }
 .page_einblicke .highlights-teaser__text--huge {
   font-family: 'Helvetica Neue LT W06 75 Bold';
   font-size: 90px;
   line-height: 0.82;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__text--huge {
     font-size: 80px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__text--huge {
     font-size: 90px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__text--huge {
     font-size: 110px;
   }
 }
 .page_einblicke .highlights-teaser__text--link {
   display: flex;
   flex-direction: row;
   align-items: center;
   font-size: 19px;
   color: #004A96;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__text--link {
     font-size: 17px;
   }
 }
 @media screen and (min-width: 992px) {
   .page_einblicke .highlights-teaser__text--link {
     font-size: 19px;
   }
 }
 @media screen and (min-width: 1200px) {
   .page_einblicke .highlights-teaser__text--link {
     font-size: 20px;
   }
 }
 .page_einblicke .highlights-teaser__text--link:before {
   content: '\e94c';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   line-height: 1;
 }
 .page_einblicke .highlights-teaser__image--centered {
   margin-right: auto;
   margin-left: auto;
 }
 .page_einblicke .highlights-teaser video {
   width: 100%;
   height: auto;
   max-width: 100%;
 }
 .page_einblicke .highlights-teaser__link {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__columns {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-grow: 1;
   }
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__columns > * {
     flex-basis: 50%;
   }
 }
 .page_einblicke .highlights-teaser__imagecolumn {
   margin-top: 20px;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__imagecolumn {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-content: flex-start;
     max-width: 800px;
   }
 }
 .page_einblicke .highlights-teaser__imagecolumn .highlights-teaser__image {
   flex-shrink: 0;
   margin-top: 0;
   margin-bottom: 10px;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-teaser__imagecolumn .highlights-teaser__image {
     align-self: flex-start;
     margin-right: 35px;
     margin-bottom: 0;
   }
 }
 .page_einblicke .highlights-teaser--image .highlights-teaser__image {
   width: 100%;
 }
 .page_einblicke .highlights-teaser--video .highlights-teaser__video {
   position: relative;
   height: 0;
   padding-bottom: 56.25%;
 }
 .page_einblicke .highlights-teaser--video .highlights-teaser__video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .page_einblicke .highlights-teaser--video > .highlights-teaser__content {
   position: relative;
 }
 .page_einblicke .highlights-teaser--greentext .highlights-teaser__title {
   color: #00793A;
 }
 .page_einblicke .highlights-teaser--greentext .highlights-teaser__image {
   width: auto;
   max-height: 175px;
 }
 .page_einblicke .highlights-nav {
   margin-top: 80px;
   margin-bottom: 40px;
 }
 @media screen and (min-width: 768px) {
   .page_einblicke .highlights-nav {
     margin-top: 125px;
     margin-bottom: 55px;
   }
 }
 .page_einblicke .highlights-nav__inner {
   padding-top: 30px;
   border-top: 10px solid #f0f0f0;
 }
 .page_einblicke .highlights-nav a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   padding: 10px 20px;
   background: #f0f0f0;
   font-size: 14px;
   color: #004A96;
 }
 .page_einblicke .highlights-nav a:hover {
   color: #898989;
 }
 .page_einblicke .highlights-nav a:before {
   content: '\e902';
   margin-right: 10px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 15px;
   line-height: 1;
 }
 .content .goalstabs {
   margin: 40px 0;
 }
 .content .goalstabs__tabs {
   padding: 0;
   margin: 0;
   list-style: none;
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__tabs {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
   }
 }
 .content .goalstabs__tab {
   width: 100%;
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__tab {
     width: 33.333333%;
   }
 }
 .content .goalstabs__tab:hover .goalstabs__title {
   color: #21A0D2;
 }
 .content .goalstabs__tab--active .goalstabs__title {
   position: relative;
   font-size: 17px;
   letter-spacing: -0.2px;
   line-height: 22px;
   color: #21A0D2;
   border-color: #21A0D2;
 }
 .content .goalstabs__tab--active .goalstabs__title:after {
   content: '';
   position: absolute;
   top: calc(100% + 10px);
   right: 0;
   left: 0;
   display: block;
   width: 0;
   height: 0;
   margin: 0 auto;
   border-style: solid;
   border-width: 10px 8px 0 8px;
   border-color: #21A0D2 transparent transparent transparent;
 }
 .content .goalstabs__tab--active .goalstabs__items {
   display: block;
 }
 @media screen and (min-width: 480px) {
   .content .goalstabs__tab--active .goalstabs__items {
     display: flex;
   }
 }
 .content .goalstabs__tab:nth-child(3):hover .goalstabs__title {
   color: #6cb0de;
 }
 .content .goalstabs__tab:nth-child(3).goalstabs__tab--active .goalstabs__title {
   color: #6cb0de;
   border-color: #6cb0de;
 }
 .content .goalstabs__tab:nth-child(3).goalstabs__tab--active .goalstabs__title:after {
   border-top-color: #6cb0de;
 }
 .content .goalstabs__tab:nth-child(3) .goalstabs__item {
   background: #6cb0de;
 }
 .content .goalstabs__title {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   height: 44px;
   margin: 0 0 20px;
   border-bottom: 10px solid #21A0D2;
   font-family: 'Helvetica Neue LT W06 55 Roman';
   font-size: 17px;
   line-height: 22px;
   text-align: center;
   color: #21A0D2;
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__title {
     font-size: 16px;
     line-height: 20px;
     color: #000;
     cursor: pointer;
     border-color: #efefef;
   }
 }
 .content .goalstabs__title:after {
   content: '';
   position: absolute;
   top: calc(100% + 10px);
   right: 0;
   left: 0;
   width: 0;
   height: 0;
   margin: 0 auto;
   border-style: solid;
   border-width: 10px 8px 0 8px;
   border-color: #21A0D2 transparent transparent transparent;
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__title:after {
     display: none;
   }
 }
 .content .goalstabs__items {
   display: block;
   padding: 0;
   list-style: none;
 }
 @media screen and (max-width: 991px) {
   .content .goalstabs__items {
     width: 100% !important;
     margin-left: 0 !important;
   }
 }
 @media screen and (min-width: 480px) {
   .content .goalstabs__items {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
   }
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__items {
     display: none;
   }
 }
 .content .goalstabs__item {
   position: relative;
   padding: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
   background: #21A0D2;
   color: #fff;
 }
 @media screen and (min-width: 480px) {
   .content .goalstabs__item {
     width: calc(50% - 40px);
     margin-top: 10px;
     margin-bottom: 10px;
   }
 }
 .content .goalstabs__text {
   margin: 0;
   font-family: 'Helvetica Neue LT W06 45 Light';
   font-size: 18px;
   line-height: 26px;
 }
 @media screen and (min-width: 992px) {
   .content .goalstabs__text {
     font-size: 21px;
     line-height: 28px;
   }
 }
 .content .goalstabs__images {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   margin: 15px 0 0;
 }
 .content .goalstabs__images img {
   width: auto;
   max-height: 42px;
 }
 .content .goalstabs__images img + img {
   margin-left: 1px;
 }
 .content .goalstabs__link,
 .content .goalstabs a {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   font-size: 0;
   text-indent: -9999px;
   color: transparent;
 }
 .content .goalstabs__link:hover ~ .goalstabs__linktext,
 .content .goalstabs a:hover ~ .goalstabs__linktext {
   color: #666;
 }
 .content .goalstabs__linktext {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   margin-top: 15px;
   font-size: 14px;
   line-height: 17px;
 }
 .content .goalstabs__linktext:before {
   content: '\e94c';
   margin-right: 9px;
   font-family: 'BASF_Iconfont3';
   font-weight: normal;
   font-size: 13px;
   line-height: 1;
 }
 /* seite weiterempfehlen */
 .site_weiterempfehlen fieldset {
   border: none;
 }
 body.site_weiterempfehlen #popupPagebody {
   padding: 5em 8em 0;
 }
 body.site_weiterempfehlen #mainpanel {
   padding: 0;
 }
 body.site_weiterempfehlen h2 {
   margin-top: 0;
   margin-bottom: 0.1em;
   font-size: 1.46em;
 }
 body.site_weiterempfehlen fieldset {
   margin-top: 0.7em;
 }
 body.site_weiterempfehlen fieldset:first-child {
   margin-top: 0;
 }
 body.site_weiterempfehlen .content {
   padding-top: 0;
 }
 .site_weiterempfehlen .sendbutton label {
   font-size: 1.09em;
 }
 .site_weiterempfehlen fieldset dt {
   float: left;
   clear: both;
   width: 9.81em;
   padding: 0.4em 0;
 }
 .site_weiterempfehlen fieldset dd {
   position: relative;
   top: -0.1em;
 }
 .ie8 .site_weiterempfehlen fieldset dd,
 .ie9 .site_weiterempfehlen fieldset dd {
   position: static;
 }
 .site_weiterempfehlen fieldset input,
 .site_weiterempfehlen fieldset textarea {
   width: 25em;
   padding-top: 0.2em;
   margin: 0.4em 0;
   border: none;
 }
 .site_weiterempfehlen fieldset textarea {
   height: 10em;
 }
 .site_weiterempfehlen .sendbutton {
   padding-left: 0.9em;
   margin-top: 0.7em;
   margin-left: 22.75em;
   border: none;
   font-weight: bold;
   font-size: 1.09em;
 }
 .ie7 .site_weiterempfehlen .sendbutton {
   margin-left: 31.4em;
 }
 @media screen and (max-width: 500px) {
   .mobile-accordion-wrapper {
     border-top: 1px solid #898989;
   }
   .mobile-accordion-wrapper.last {
     border-bottom: 1px solid #000000;
   }
   .mobile-accordion-wrapper .mobile-accordion-title {
     padding: 0.5em 0;
     margin: 0;
     cursor: pointer;
   }
   .lt-ie8 .mobile-accordion-wrapper .mobile-accordion-title {
     zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe004;</i>' + this.innerHTML );
   }
   .mobile-accordion-wrapper .mobile-accordion-title:before,
   .mobile-accordion-wrapper .mobile-accordion-title i {
     content: '\e004';
     display: inline-block;
     float: right;
     margin: 0 0.5em;
     font-family: 'BASF_Iconfont';
     font-size: 1.4em;
     font-style: normal;
     color: #004A96;
   }
   .lt-ie8 .mobile-accordion-wrapper.open .mobile-accordion-title {
     zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe006;</i>' + this.innerHTML );
   }
   .mobile-accordion-wrapper.open .mobile-accordion-title:before,
   .mobile-accordion-wrapper.open .mobile-accordion-title i {
     content: '\e006';
   }
   .mobile-accordion-wrapper.open .mobile-accordion-content {
     display: block;
   }
   .mobile-accordion-wrapper .mobile-accordion-content {
     display: none;
     margin-bottom: 1.5em;
   }
   .mobile-accordion-wrapper .mobile-accordion-content ul {
     padding: 0;
     list-style: none;
   }
 }
 /* search */
 .searchresult_success #sidepanel2,
 .searchresult_noresult #sidepanel2,
 .searchresult_noquery #sidepanel2 {
   display: none;
 }
 .searchresult_success #contentContainer > article,
 .searchresult_noresult #contentContainer > article,
 .searchresult_noquery #contentContainer > article {
   width: 85%;
 }
 .searchresult_success form#search2,
 .searchresult_noresult form#search2,
 .searchresult_noquery form#search2 {
   position: relative;
   padding: 0 0 0 1.5em;
   margin-bottom: 2em;
   border-top: 1px solid #DCDCDC;
   background-color: #F0F0F0;
 }
 .searchresult_success form#search2 input.search,
 .searchresult_noresult form#search2 input.search,
 .searchresult_noquery form#search2 input.search {
   width: 100%;
   height: 42px;
   padding: 0;
   border: 0;
   background: transparent;
   font-size: 1.4em;
   outline: 0;
 }
 .lt-ie9 .searchresult_success form#search2 input.search,
 .lt-ie9 .searchresult_noresult form#search2 input.search,
 .lt-ie9 .searchresult_noquery form#search2 input.search {
   height: 32px;
   padding-top: 10px;
 }
 .searchresult_success form#search2 .searchbutton,
 .searchresult_noresult form#search2 .searchbutton,
 .searchresult_noquery form#search2 .searchbutton {
   position: absolute;
   top: 0;
   right: 0;
   width: 42px;
   height: 42px;
   background: #004A96;
   color: #FFFFFF;
   cursor: pointer;
 }
 .ie7 .searchresult_success form#search2 .searchbutton,
 .ie7 .searchresult_noresult form#search2 .searchbutton,
 .ie7 .searchresult_noquery form#search2 .searchbutton {
   height: 44px;
 }
 .searchresult_success form#search2 .searchbutton i,
 .searchresult_noresult form#search2 .searchbutton i,
 .searchresult_noquery form#search2 .searchbutton i,
 .searchresult_success form#search2 .searchbutton:before,
 .searchresult_noresult form#search2 .searchbutton:before,
 .searchresult_noquery form#search2 .searchbutton:before {
   content: '\e01a';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 20px;
   height: 20px;
   padding: 0;
   margin: 0;
   margin-top: -10px;
   margin-left: -10px;
   font-family: 'BASF_Iconfont';
   font-size: 25px;
   -webkit-font-smoothing: antialiased;
 }
 .win.firefox .searchresult_success form#search2 .searchbutton:before,
 .win.firefox .searchresult_noresult form#search2 .searchbutton:before,
 .win.firefox .searchresult_noquery form#search2 .searchbutton:before {
   margin-top: -12px;
 }
 .ie8 .searchresult_success form#search2 .searchbutton:before,
 .ie8 .searchresult_noresult form#search2 .searchbutton:before,
 .ie8 .searchresult_noquery form#search2 .searchbutton:before {
   margin-top: -35px;
 }
 .ie1 .searchresult_success form#search2 .searchbutton:before,
 .ie1 .searchresult_noresult form#search2 .searchbutton:before,
 .ie1 .searchresult_noquery form#search2 .searchbutton:before,
 .ie9 .searchresult_success form#search2 .searchbutton:before,
 .ie9 .searchresult_noresult form#search2 .searchbutton:before,
 .ie9 .searchresult_noquery form#search2 .searchbutton:before {
   margin-top: -14px;
 }
 .lt-ie9 .searchresult_success form#search2 .searchbutton,
 .lt-ie9 .searchresult_noresult form#search2 .searchbutton,
 .lt-ie9 .searchresult_noquery form#search2 .searchbutton {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe01a;</i>' + this.innerHTML );
 }
 .searchresult_success .infobox,
 .searchresult_noresult .infobox,
 .searchresult_noquery .infobox {
   padding: 2em 0;
   margin-bottom: 4em;
   border-top: 2px solid #F0F0F0;
   border-bottom: 2px solid #F0F0F0;
 }
 .searchresult_success .se_hilite,
 .searchresult_noresult .se_hilite,
 .searchresult_noquery .se_hilite {
   background: transparent;
   font-weight: bold;
 }
 .searchresult_success .resulturl {
   font-size: 1.4em;
   color: #898989;
 }
 .searchresult_success .content > .resulttext {
   float: left;
 }
 .searchresult_success .content .hits {
   float: right;
   word-wrap: break-word;
 }
 .searchresult_success .result {
   margin-bottom: 3em;
   word-wrap: break-word;
 }
 .searchresult_success .result h2 {
   margin: 0;
 }
 .searchresult_success .result p {
   margin: 0;
 }
 .searchresult_success .result .relevance {
   display: none;
 }
 .searchresult_success #importantTerms ul,
 .searchresult_noresult #importantTerms ul,
 .searchresult_noquery #importantTerms ul {
   list-style: none;
 }
 .searchresult_success #importantTerms a:before,
 .searchresult_noresult #importantTerms a:before,
 .searchresult_noquery #importantTerms a:before {
   content: '\e003';
   display: inline-block;
   margin-right: 0.25em;
   font-family: 'BASF_Iconfont';
   font-size: 1.4em;
   vertical-align: -3px;
 }
 .searchresult_success .flatnav img,
 .searchresult_noresult .flatnav img {
   display: none;
 }
 .searchresult_success .flatnav a,
 .searchresult_noresult .flatnav a,
 .searchresult_noquery .flatnav a,
 .searchresult_success .flatnav strong,
 .searchresult_noresult .flatnav strong,
 .searchresult_noquery .flatnav strong {
   background: transparent;
   line-height: 3.3em;
 }
 .searchresult_success .flatnav.hits strong,
 .searchresult_noresult .flatnav.hits strong,
 .searchresult_noquery .flatnav.hits strong {
   padding: 0.7em 1em;
 }
 .searchresult_success .flatnav .icon,
 .searchresult_noresult .flatnav .icon,
 .searchresult_noquery .flatnav .icon {
   font-family: 'BASF_Iconfont';
   color: #004A96;
 }
 .searchresult_success .flatnav a.right,
 .searchresult_success .flatnav a.left {
   background-color: #DCDCDC;
   line-height: inherit;
 }
 .searchresult_success .flatnav {
   position: relative;
   margin-top: 0;
   text-align: center;
 }
 .searchresult_success .flatnav.first {
   position: relative;
   padding: 0;
   margin: 0;
   margin-bottom: 4em;
   border: 0;
 }
 .searchresult_success .infobox .icon,
 .searchresult_noresult .infobox .icon,
 .searchresult_noquery .infobox .icon {
   float: left;
   margin: 0 0.5em 0 0;
   font-family: 'BASF_Iconfont';
   font-size: 3.5em;
   line-height: 47px;
 }
 .win.chrome .searchresult_success .infobox .icon,
 .win.chrome .searchresult_noresult .infobox .icon,
 .win.chrome .searchresult_noquery .infobox .icon,
 .win.firefox .searchresult_success .infobox .icon,
 .win.firefox .searchresult_noresult .infobox .icon,
 .win.firefox .searchresult_noquery .infobox .icon {
   line-height: 44px;
 }
 .ie7 .searchresult_success .infobox .icon {
   margin-right: 1.5em;
 }
 .searchresult_success .flatnav strong,
 .searchresult_noresult .flatnav strong,
 .searchresult_noquery .flatnav strong {
   font-size: 1.4em;
 }
 .searchresult_success .infobox .resultcounter,
 .searchresult_success .infobox .help,
 .searchresult_noresult .infobox .resultcounter,
 .searchresult_noresult .infobox .help,
 .searchresult_noquery .infobox .resultcounter,
 .searchresult_noquery .infobox .help {
   font-size: 1.4em;
 }
 .searchresult_success .theme-color {
   font-weight: 500;
   color: #21A0D2;
 }
 .searchresult_success #searchheader {
   width: 100%;
 }
 .searchresult_success #searchheader .infobox {
   display: none;
 }
 .searchresult_success #searchheader .searchresult_success #searchheader a.intern {
   display: block;
   margin-bottom: 3em;
   font-size: 1.4em;
 }
 @media screen and (max-width: 768px) {
   .searchresult_success #contentContainer > article,
   .searchresult_noresult #contentContainer > article,
   .searchresult_noquery #contentContainer > article {
     width: 100%;
   }
   .searchresult_success .flatnav a.right,
   .searchresult_success .flatnav a.left {
     display: none;
   }
 }
 .charts-collection {
   position: relative;
 }
 .chapter-wrapper.active {
   display: block;
 }
 .chapter-wrapper.inactive {
   display: none;
 }
 .chart-gallery {
   position: absolute;
   z-index: 10;
   right: 45px;
 }
 .grafiksammlung {
   background-color: #FFFFFF;
 }
 .grafiksammlung #sidepanel2 {
   display: none;
 }
 .grafiksammlung #contentContainer {
   padding-top: 5em;
   margin: 0;
 }
 .grafiksammlung a {
   color: #898989;
 }
 .grafiksammlung .mfp-image-holder .mfp-close,
 .grafiksammlung .mfp-iframe-holder .mfp-close {
   color: #898989;
 }
 .grafiksammlung #contentContainer > article {
   width: 100%;
   padding: 0;
 }
 .grafiksammlung #contentContainer > article .article-wrapper {
   padding: 0 4.5em;
 }
 .lt-ie8 .grafiksammlung #contentContainer > article {
   width: 99.98%;
 }
 .grafiksammlung .slide .image-wrapper {
   padding: 5em;
   margin: 0;
   border: 1px solid #DCDCDC;
   text-align: center;
 }
 .grafiksammlung .slide .image-wrapper:before {
   content: " ";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
 }
 .grafiksammlung .slide .image-wrapper img {
   display: inline-block;
   margin: 0;
   vertical-align: middle;
 }
 .grafiksammlung .slide h5 {
   padding-right: 340px;
   margin-bottom: 30px;
   font-size: 20px;
   min-height: 50px;
 }
 .ie .grafiksammlung .slide h5 {
   padding-right: 370px;
 }
 .grafiksammlung form {
   position: relative;
   display: inline-block;
   margin-bottom: 2em;
   border: 1px solid #DCDCDC;
 }
 .grafiksammlung form:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   display: inline-block;
   width: 35px;
   height: 30px;
   background: url(../img/select-arrow.png), #FFFFFF;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   pointer-events: none;
 }
 .ie .grafiksammlung form:after {
   display: none;
 }
 .grafiksammlung select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #000;
 }
 .grafiksammlung select {
   height: 30px;
   padding: 0.1em 0 0 0.5em;
   border: 0;
   border-radius: 0;
   background: white;
   text-indent: 0.01px;
   text-transform: uppercase;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   text-overflow: '';
   color: #7C7C7C;
   outline: 0;
 }
 .grafiksammlung select option {
   padding: 0.5em;
 }
 .grafiksammlung .content .more {
   float: right;
   margin-top: 1em;
   font-family: "Helvetica Neue LT W06 55 Roman";
   line-height: 1.4;
 }
 .grafiksammlung .content .more:before,
 .grafiksammlung .content .more i {
   line-height: 1.4;
 }
 .grafiksammlung .note {
   display: block;
   font-size: 0.8em;
   color: #7C7C7C;
 }
 .grafiksammlung .bx-controls {
   margin-top: 2em;
 }
 .grafiksammlung .bx-controls-direction a {
   position: absolute;
   z-index: 9999;
   top: 50%;
   width: 30px;
   height: 30px;
   padding: 50px 0;
   margin-top: -65px;
   outline: 0;
 }
 .grafiksammlung .bx-prev {
   left: -30px;
 }
 .grafiksammlung .bx-next {
   right: -30px;
 }
 .grafiksammlung .bx-pager {
   position: relative;
   bottom: auto;
   padding-top: 1em;
   border-top: 3px solid #DCDCDC;
   font-size: 1.4em;
 }
 .grafiksammlung .bx-pager .bx-pager-item {
   display: none;
 }
 .js .grafiksammlung h4 {
   display: none;
 }
 .grafiksammlung h1 {
   position: relative;
   margin-bottom: 1.25em;
   font-weight: 300;
   font-size: 2.4em;
   line-height: 1.25;
   color: #898989;
 }
 .grafiksammlung h1:before {
   content: '\e08c';
   display: inline-block;
   margin-right: 10px;
   font-family: 'BASF_Iconfont';
   font-size: 40px;
   vertical-align: baseline;
   color: #898989;
   vertical-align: -5px;
 }
 html.iframecontent {
   overflow: hidden;
 }
 /* wertvergleich */
 .zielbox,
 .wertvergleich {
   position: relative;
   float: right;
   width: 21.75em;
   padding: 1em;
   margin: 0 0 1em 1em;
   border: 1px solid #CCCCCC;
 }
 .wertvergleich {
   float: left;
   margin: 0 2em 2em 0;
 }
 .wertvergleich .wert {
   padding-top: 1em;
   padding-bottom: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
   border-bottom: 1px solid #CCCCCC;
 }
 .zielbox .ziel {
   padding-top: 1em;
   margin-top: 1em;
 }
 .zielbox .zielmit {
   /* margin-bottom: 1em;*/
   padding-top: 1em;
   padding-bottom: 1em;
   margin-top: 1em;
 }
 .zielbox .zielleft .zielPad {
   padding-top: 2em;
   padding-right: 0.5em;
   padding-bottom: 2em;
 }
 .zielbox .zielmit .zielleft .zielPad {
   padding-top: 0;
   padding-right: 0.5em;
   padding-bottom: 0;
 }
 .wertvergleich .wertleft .wertPad {
   padding-right: 0.5em;
 }
 .zielbox .zielmit .zielright .zielPad,
 .zielbox .zielright .zielPad,
 .wertvergleich .wertright .wertPad {
   padding-left: 0.5em;
 }
 .zielbox .zielmit .zielleft,
 .zielbox .ziel .zielleft,
 .wertvergleich .wert .wertleft {
   float: left;
   width: 10.6em;
   border-right: 1px solid #CCCCCC;
 }
 .zielbox .zielmit .zielright,
 .zielbox .ziel .zielright,
 .wertvergleich .wert .wertright {
   float: right;
   width: 10.6em;
 }
 .wertvergleich p {
   margin: 0;
 }
 .zielbox .zielmit p,
 .zielbox .ziel p,
 .wertvergleich .wert p {
   margin: 0;
   font-weight: bold;
 }
 .zielbox .zielmit p.zielfett,
 .zielbox .ziel p.zielfett,
 .wertvergleich .wert p.wertfett {
   font-size: 4em;
 }
 .zielbox h4,
 .wertvergleich h4 {
   padding: 0;
   margin: 0;
   font-weight: bold;
   font-size: 1.3em;
   font-style: normal;
 }
 .zielbox p.zielText,
 .wertvergleich p.wertText {
   font-weight: normal;
   color: #333333;
 }
 #zielbox1,
 #wertvergleich1 {
   float: none;
   margin: 1em 6.2em 1em 0;
 }
 #zielbox1 .zielboxSize,
 #wertvergleich1 .wertvergleichSize {
   width: 100%;
 }
 #zielbox1 .ziel,
 #wertvergleich1 .wert {
   padding-bottom: 0;
   margin-bottom: 0;
   border-bottom: 0px;
 }
 #zielbox1 .zielleft,
 #wertvergleich1 .wertleft {
   width: 20.7em;
 }
 #zielbox1 .zielright,
 #wertvergleich1 .wertright {
   width: 20.7em;
 }
 #zielbox2 p.zielfett,
 #wertvergleich2 p.wertfett {
   font-size: 3em;
 }
 .kennzahlenbox {
   position: relative;
 }
 .kennzahlenbox i,
 .kennzahlenbox:before {
   position: absolute;
   top: 0;
   right: 15px;
   display: block;
   display: none;
   font-family: 'BASF_Iconfont';
   font-size: 60px;
   color: #21A0D2;
 }
 .kennzahlenbox.iconfont2 > i,
 .kennzahlenbox.iconfont2:before {
   top: 15px;
   right: 0;
   font-family: 'BASF_Iconfont2';
   font-size: 65px !important;
   line-height: 45px !important;
 }
 .win .kennzahlenbox.iconfont2 > i,
 .win .kennzahlenbox.iconfont2:before {
   top: 25px;
 }
 .win.firefox .kennzahlenbox.iconfont2 > i,
 .win.firefox .kennzahlenbox.iconfont2:before,
 .win.chrome .kennzahlenbox.iconfont2 > i,
 .win.chrome .kennzahlenbox.iconfont2:before,
 .win.lt-ie9 .kennzahlenbox.iconfont2 > i,
 .win.lt-ie9 .kennzahlenbox.iconfont2:before {
   top: 15px;
 }
 .teaser-bilanzkennzahlen:before,
 .teaser-bilanzkennzahlen i {
   right: 15px !important;
 }
 .aktienkennzahlen-link:before,
 .teaser-aktienkennzahlen:before {
   content: '\e054';
 }
 .lt-ie9 .teaser-aktienkennzahlen {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe054;</i>' + this.innerHTML );
 }
 .bilanzkennzahlen-link:before,
 .teaser-bilanzkennzahlen:before {
   content: '\e800';
 }
 .lt-ie9 .teaser-bilanzkennzahlen {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe800;</i>' + this.innerHTML );
 }
 .cash-flow-und-abschreibungen-link:before,
 .teaser-cash-flow-und-abschreibungen:before {
   content: '\e802';
 }
 .lt-ie9 .teaser-cash-flow-und-abschreibungen {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe802;</i>' + this.innerHTML );
 }
 .ergebnis-link:before,
 .teaser-ergebnis:before {
   content: '\e803';
 }
 .lt-ie9 .teaser-ergebnis {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe803;</i>' + this.innerHTML );
 }
 .investitionen-und-forschungskosten-link:before,
 .teaser-investitionen-und-forschungskosten:before {
   content: '\e805';
 }
 .lt-ie9 .teaser-investitionen-und-forschungskosten {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe805;</i>' + this.innerHTML );
 }
 .emissionen-in-die-luft-link:before,
 .teaser-emissionen-in-die-luft:before {
   content: '\e10c';
 }
 .lt-ie9 .teaser-emissionen-in-die-luft {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe10c;</i>' + this.innerHTML );
 }
 .mitarbeiter-link:before,
 .teaser-mitarbeiter:before {
   content: '\e804';
 }
 .lt-ie9 .teaser-mitarbeiter {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe804;</i>' + this.innerHTML );
 }
 .rentabilitaetskennzahlen-link:before,
 .teaser-rentabilitaetskennzahlen:before {
   content: '\e046';
 }
 .lt-ie9 .teaser-rentabilitaetskennzahlen {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe046;</i>' + this.innerHTML );
 }
 .sicherheit-und-gesundheit-link:before,
 .teaser-sicherheit-und-gesundheit:before {
   content: '\e110';
 }
 .lt-ie9 .teaser-sicherheit-und-gesundheit {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe110;</i>' + this.innerHTML );
 }
 .emissionen-von-treibhausgasen-link:before,
 .teaser-emissionen-von-treibhausgasen:before {
   content: '\e106';
 }
 .lt-ie9 .teaser-emissionen-von-treibhausgasen {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe106;</i>' + this.innerHTML );
 }
 .umsatz-link:before,
 .teaser-umsatz:before {
   content: '\e108';
 }
 .lt-ie9 .teaser-umsatz {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe108;</i>' + this.innerHTML );
 }
 .emissionen-in-das-wasser-link:before,
 .teaser-emissionen-in-das-wasser:before {
   content: '\e100';
 }
 .lt-ie9 .teaser-emissionen-in-das-wasser {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<i>&#xe100;</i>' + this.innerHTML );
 }
 .kennzahlenvergleich-uebersicht .content > p {
   width: 750px;
 }
 .kennzahlen-uebersicht ul {
   padding: 0;
   margin: 0;
   margin-right: -10px;
   margin-left: -10px;
   list-style: none;
 }
 .kennzahlen-uebersicht li {
   position: relative;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 25%;
   padding: 0 10px;
   margin-bottom: 20px !important;
   font-family: 'Helvetica Neue LT W06 55 Roman' !important;
   vertical-align: top;
 }
 .kennzahlen-uebersicht li a {
   position: relative;
   display: block;
   padding: 15px;
   background: #f0f0f0;
   min-height: 120px;
   color: #5C5C5C;
 }
 .kennzahlen-uebersicht li a:hover,
 .kennzahlen-uebersicht li a:hover:before {
   background: #F9F9F9;
   color: #898989;
 }
 .kennzahlen-uebersicht li a:before {
   position: absolute;
   top: 20px;
   left: 15px;
   display: block;
   height: 45px;
   margin-bottom: 20px;
   font-family: 'BASF_Iconfont';
   font-size: 60px;
   line-height: normal;
   color: #21A0D2;
 }
 .kennzahlen-uebersicht .ergebnis-link:before,
 .kennzahlen-uebersicht .cash-flow-und-abschreibungen-link:before,
 .kennzahlen-uebersicht .investitionen-und-forschungskosten-link:before,
 .kennzahlen-uebersicht .bilanzkennzahlen-link:before,
 .kennzahlen-uebersicht .mitarbeiter-link:before {
   top: 10px;
   left: 5px;
   font-family: 'BASF_Iconfont2';
 }
 .kennzahlen-uebersicht .bilanzkennzahlen-link:before {
   left: 15px;
 }
 .kennzahlen-uebersicht li span {
   position: absolute;
   bottom: 15px;
   left: 0;
   padding: 0 15px;
   margin: 0;
   font-size: 17px;
   word-break: break-word;
   word-wrap: break-word;
 }
 .kennzahlenvergleich #sidepanel2 {
   display: none;
 }
 .kennzahlenvergleich #contentContainer > article {
   width: 100%;
 }
 @media screen and (max-width: 768px) {
   .kennzahlen-uebersicht li {
     width: 49%;
   }
 }
 .magazinbox {
   background: #21A0D2;
   color: #FFFFFF;
 }
 .magazinbox a {
   color: #FFFFFF;
 }
 #sidepanel2 .magazinbox a:hover {
   color: #FFFFFF;
 }
 .magazinbox h2 {
   margin-bottom: 1em;
 }
 /* keep this below the others */
 /**
  * Default lightbox styles
  * =======================
  * this is to work with magnific popup
  * @source: https://github.com/dimsemenov/Magnific-Popup/blob/master/dist/magnific-popup.css
  */
 /* Magnific Popup CSS */
 .mfp-bg {
   position: fixed;
   z-index: 1042;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 100%;
   height: 100%;
   background: #0b0b0b;
   opacity: 0.8;
   filter: alpha(opacity=80);
 }
 .mfp-wrap {
   position: fixed;
   z-index: 1043;
   top: 0;
   left: 0;
   -webkit-backface-visibility: hidden;
   width: 100%;
   height: 100%;
   outline: none !important;
 }
 .mfp-container {
   position: absolute;
   top: 0;
   left: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   padding: 0 8px;
   text-align: center;
 }
 .mfp-container:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
 }
 .mfp-align-top .mfp-container:before {
   display: none;
 }
 .mfp-content {
   position: relative;
   z-index: 1045;
   display: inline-block;
   margin: 0 auto;
   text-align: left;
   vertical-align: middle;
 }
 .mfp-inline-holder .mfp-content,
 .mfp-ajax-holder .mfp-content {
   width: 100%;
   cursor: auto;
 }
 .mfp-ajax-cur {
   cursor: progress;
 }
 .mfp-zoom-out-cur,
 .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: -moz-zoom-out;
   cursor: -webkit-zoom-out;
   cursor: zoom-out;
 }
 .mfp-zoom {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
   cursor: zoom-in;
 }
 .mfp-auto-cursor .mfp-content {
   cursor: auto;
 }
 .mfp-close,
 .mfp-arrow,
 .mfp-preloader,
 .mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }
 .mfp-loading.mfp-figure {
   display: none;
 }
 .mfp-hide {
   display: none !important;
 }
 .mfp-preloader {
   position: absolute;
   z-index: 1044;
   top: 50%;
   right: 8px;
   left: 8px;
   width: auto;
   margin-top: -0.8em;
   text-align: center;
   color: #cccccc;
 }
 .mfp-preloader a {
   color: #cccccc;
 }
 .mfp-preloader a:hover {
   color: white;
 }
 .mfp-s-ready .mfp-preloader {
   display: none;
 }
 .mfp-s-error .mfp-content {
   display: none;
 }
 button.mfp-close,
 button.mfp-arrow {
   z-index: 1046;
   display: block;
   overflow: visible;
   padding: 0;
   border: 0;
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   cursor: pointer;
   -webkit-appearance: none;
   outline: none;
 }
 button::-moz-focus-inner {
   padding: 0;
   border: 0;
 }
 .mfp-close {
   position: absolute;
   top: 0;
   right: 0;
   width: 44px;
   height: 44px;
   padding: 0 0 18px 10px;
   font-family: Arial, Baskerville, monospace;
   font-size: 28px;
   line-height: 44px;
   font-style: normal;
   text-align: center;
   text-decoration: none;
   opacity: 0.65;
   filter: alpha(opacity=65);
   color: white;
 }
 .mfp-close:hover,
 .mfp-close:focus {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .mfp-close:active {
   top: 1px;
 }
 .mfp-close-btn-in .mfp-close {
   color: #333333;
 }
 .mfp-image-holder .mfp-close,
 .mfp-iframe-holder .mfp-close {
   right: -6px;
   width: 100%;
   padding-right: 6px;
   text-align: right;
   color: white;
 }
 .mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 12px;
   line-height: 18px;
   color: #cccccc;
 }
 .mfp-arrow {
   position: absolute;
   top: 50%;
   width: 90px;
   height: 110px;
   padding: 0;
   margin: 0;
   margin-top: -55px;
   opacity: 0.65;
   filter: alpha(opacity=65);
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .mfp-arrow:active {
   margin-top: -54px;
 }
 .mfp-arrow:hover,
 .mfp-arrow:focus {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .mfp-arrow:before,
 .mfp-arrow:after,
 .mfp-arrow .mfp-b,
 .mfp-arrow .mfp-a {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 0;
   height: 0;
   margin-top: 35px;
   margin-left: 35px;
   border: medium inset transparent;
 }
 .mfp-arrow:after,
 .mfp-arrow .mfp-a {
   top: 8px;
   border-top-width: 13px;
   border-bottom-width: 13px;
 }
 .mfp-arrow:before,
 .mfp-arrow .mfp-b {
   border-top-width: 21px;
   border-bottom-width: 21px;
   opacity: 0.7;
 }
 .mfp-arrow-left {
   left: 0;
 }
 .mfp-arrow-left:after,
 .mfp-arrow-left .mfp-a {
   margin-left: 31px;
   border-right: 17px solid white;
 }
 .mfp-arrow-left:before,
 .mfp-arrow-left .mfp-b {
   margin-left: 25px;
   border-right: 27px solid #3f3f3f;
 }
 .mfp-arrow-right {
   right: 0;
 }
 .mfp-arrow-right:after,
 .mfp-arrow-right .mfp-a {
   margin-left: 39px;
   border-left: 17px solid white;
 }
 .mfp-arrow-right:before,
 .mfp-arrow-right .mfp-b {
   border-left: 27px solid #3f3f3f;
 }
 .mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .mfp-iframe-holder .mfp-content {
   width: 100%;
   line-height: 0;
   max-width: 900px;
 }
 .mfp-iframe-holder .mfp-close {
   top: -40px;
 }
 .mfp-iframe-scaler {
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 56.25%;
 }
 .mfp-iframe-scaler iframe {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background: black;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 }
 /* Main image in popup */
 img.mfp-img {
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: auto;
   height: auto;
   padding: 40px 0 40px;
   margin: 0 auto;
   line-height: 0;
   max-width: 100%;
 }
 /* The shadow behind the image */
 .mfp-figure {
   line-height: 0;
 }
 .mfp-figure:after {
   content: '';
   position: absolute;
   z-index: -1;
   top: 40px;
   right: 0;
   bottom: 40px;
   left: 0;
   display: block;
   width: auto;
   height: auto;
   background: #444444;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 }
 .mfp-figure small {
   display: block;
   font-size: 12px;
   line-height: 14px;
   color: #bdbdbd;
 }
 .mfp-figure figure {
   margin: 0;
 }
 .mfp-bottom-bar {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   margin-top: -36px;
   cursor: auto;
 }
 .mfp-title {
   padding-right: 36px;
   line-height: 18px;
   text-align: left;
   color: #f3f3f3;
   word-wrap: break-word;
 }
 .mfp-image-holder .mfp-content {
   max-width: 100%;
 }
 .mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer;
 }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
   /**
        * Remove all paddings around the image on small screen
        */
   .mfp-img-mobile .mfp-image-holder {
     padding-right: 0;
     padding-left: 0;
   }
   .mfp-img-mobile img.mfp-img {
     padding: 0;
   }
   .mfp-img-mobile .mfp-figure:after {
     top: 0;
     bottom: 0;
   }
   .mfp-img-mobile .mfp-figure small {
     display: inline;
     margin-left: 5px;
   }
   .mfp-img-mobile .mfp-bottom-bar {
     position: fixed;
     top: auto;
     bottom: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 3px 5px;
     margin: 0;
     background: rgba(0, 0, 0, 0.6);
   }
   .mfp-img-mobile .mfp-bottom-bar:empty {
     padding: 0;
   }
   .mfp-img-mobile .mfp-counter {
     top: 3px;
     right: 5px;
   }
   .mfp-img-mobile .mfp-close {
     position: fixed;
     top: 0;
     right: 0;
     width: 35px;
     height: 35px;
     padding: 0;
     background: rgba(0, 0, 0, 0.6);
     line-height: 35px;
     text-align: center;
   }
 }
 @media all and (max-width: 900px) {
   .mfp-arrow {
     -webkit-transform: scale(0.75);
     transform: scale(0.75);
   }
   .mfp-arrow-left {
     -webkit-transform-origin: 0;
     transform-origin: 0;
   }
   .mfp-arrow-right {
     -webkit-transform-origin: 100%;
     transform-origin: 100%;
   }
   .mfp-container {
     padding-right: 6px;
     padding-left: 6px;
   }
 }
 .mfp-ie7 .mfp-img {
   padding: 0;
 }
 .mfp-ie7 .mfp-bottom-bar {
   left: 50%;
   width: 600px;
   padding-bottom: 5px;
   margin-top: 5px;
   margin-left: -300px;
 }
 .mfp-ie7 .mfp-container {
   padding: 0;
 }
 .mfp-ie7 .mfp-content {
   padding-top: 44px;
 }
 .mfp-ie7 .mfp-close {
   top: 0;
   right: 0;
   padding-top: 0;
 }
 /* overlay at start */
 .popup-images.mfp-bg {
   -webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
   opacity: 0;
 }
 /* overlay animate in */
 .popup-images.mfp-bg.mfp-ready {
   opacity: 0.8;
 }
 /* overlay animate out */
 .popup-images.mfp-bg.mfp-removing {
   opacity: 0;
 }
 /* content at start */
 .popup-images.mfp-wrap .mfp-content {
   -webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
   opacity: 0;
 }
 /* content animate it */
 .popup-images.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1;
 }
 /* content animate out */
 .popup-images.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
 }
 .mfp-figure:after {
   background: transparent;
   box-shadow: none;
 }
 .mfp-figure {
   padding: 3em;
 }
 .mfp-figure figure {
   margin-bottom: 3em;
   background-color: #FFFFFF;
 }
 .mfp-figure .mfp-top-bar {
   margin-right: 100px;
 }
 .mfp-figure .mfp-top-bar h2 {
   z-index: 11;
 }
 img.mfp-img {
   padding: 2em 0;
 }
 .mfp-iframe-holder {
   padding: 0;
 }
 .mfp-image-holder .mfp-content,
 .mfp-iframe-holder .mfp-content {
   width: 100%;
   margin-left: -15px;
   max-width: 1200px;
 }
 .mfp-iframe-holder .mfp-content {
   height: 100%;
 }
 .mfp-image-holder .mfp-close,
 .mfp-iframe-holder .mfp-close {
   position: relative;
   top: 0;
   right: 0;
   float: right;
   width: auto;
   padding-right: 0;
   font-size: 1.4em;
   color: #898989;
 }
 .close-button-wrapper {
   position: absolute;
   z-index: 10;
   top: 0;
   right: 0;
   left: 0;
   display: block;
   padding: 0;
   margin: 0 25px 0 0;
   background: white;
 }
 .mfp-zoom-out-cur,
 .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   width: auto;
   cursor: pointer;
 }
 .lt-ie8 .mfp-image-holder .mfp-close,
 .lt-ie8 .mfp-iframe-holder .mfp-close {
   zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = this.innerHTML + '<i>&#xe013;</i>' );
 }
 .mfp-image-holder .mfp-close i,
 .mfp-image-holder .mfp-close:after,
 .mfp-iframe-holder .mfp-close i,
 .mfp-iframe-holder .mfp-close:after {
   content: '\e013';
   display: inline-block;
   margin-left: 0.3em;
   font-family: 'BASF_Iconfont';
   font-size: 2em;
   vertical-align: -6px;
 }
 .mfp-content {
   background: white;
 }
 .mfp-preloader {
   z-index: 10000;
   width: 15px;
   height: 15px;
   margin: 0 auto;
   background: url(../img/hslide_loader_white.gif);
 }
 .mfp-bottom-bar {
   position: relative;
   margin: 0;
 }
 .mfp-bottom-bar p {
   font-family: "Helvetica Neue LT W06 45 Light";
   font-size: 1.4em;
   color: #333;
 }
 .mfp-container {
   padding: 0 !important;
 }
 
 
 .nowrap {white-space: nowrap;} 
 

/* added for preview page */

#contentContainer {
  padding-top: 40px;
}

.willkommen h2.introtext {
  margin-bottom: 1em
}

.willkommen-head {
  margin-bottom: 35px;
}

.willkommen-head .more {
  margin-bottom: 3em !important
}

.willkommen .teaser .more {
  color: #004a96
}

.teaser-wrapper {
  display: table;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 6em;
  height: 100%
}

.teaser {
  color: #666;
  display: table-cell;
  float: none;
  vertical-align: top;
  height: 100%
}

.teaser .teaser-inner {
  height: 100%;
  background-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  margin: 0 15px
}

.teaser img {
  width: 100%;
  height: auto
}

.col-50 {
  width: 50%
}

.col-33 {
  width: 33.333%
}

.ie1 .teaser .teaser-inner,
.ie9 .teaser .teaser-inner,
.lt-ie9 .teaser .teaser-inner {
  min-height: 554px
}

.ie1 .vorstand .teaser .teaser-inner,
.ie9 .vorstand .teaser .teaser-inner,
.lt-ie9 .vorstand .teaser .teaser-inner {
  min-height: 361px
}

.lt-ie8 .teaser-wrapper {
  margin: 0
}

.lt-ie8 .col-33,
.lt-ie8 .col-50 {
  float: left;
  display: block;
  margin: 0
}

.teaser .more {
  word-break: break-word;
  word-wrap: break-word
}

.teaser-color .teaser-inner {
  background-color: #004a96;
  color: #fff
}

.teaser-color .teaser-inner .more,
.teaser-color .teaser-inner a {
  color: #fff
}

.teaser .more:hover,
.teaser-color .teaser-inner .more:hover,
.teaser-color .teaser-inner a:hover {
  color: #666
}

.teaser-content {
  padding: 1em 1.5em
}

.teaser-content h2 {
  margin-bottom: .7em
}

.teaser-content p {
  margin-bottom: .8em
}

a.anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}