@import url(/fonts/fontello/css/fontello.css);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import https://code.highcharts.com/css/highcharts.css;
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

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

.clearfix:after, .arrow:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: auto; } }
  @media (min-width: 992px) {
    .container {
      width: auto; } }
  @media (min-width: 1200px) {
    .container {
      width: 1150px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -5px;
  margin-right: -5px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* PRODUCT COLOR PALETTE */
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  color: #626262; }

.text-size-small, .header-phone {
  font-size: 12px; }

.headline, h1, h2, h3, h4, h5, h6, .investment-rating__headline h3, .benefits__value--text, .content-block__headline > *, .cta h1,
.cta h2,
.cta h3,
.cta h4,
.cta h5,
.cta h6, .quotes__signature__headline, .faq__headline, .image-text h2, .image-text__headline, .headline-subline--headline, .kpis__headline, .stage__headline, .infobar-content .infobar__headline, .blog .teaser--tags__headline,
.subline,
.content-block__subline,
.faq__subline,
.headline-subline--subline,
.kpis__subline {
  color: #626262;
  font-family: 'Oswald', sans-serif;
  font-size: 44px;
  line-height: 56px;
  margin: 0;
  margin-bottom: 5px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left; }
  @media screen and (max-width: 992px) {
    .headline, h1, h2, h3, h4, h5, h6, .investment-rating__headline h3, .benefits__value--text, .content-block__headline > *, .cta h1,
    .cta h2,
    .cta h3,
    .cta h4,
    .cta h5,
    .cta h6, .quotes__signature__headline, .faq__headline, .image-text h2, .image-text__headline, .headline-subline--headline, .kpis__headline, .stage__headline, .infobar-content .infobar__headline, .blog .teaser--tags__headline,
    .subline,
    .content-block__subline,
    .faq__subline,
    .headline-subline--subline,
    .kpis__subline {
      font-size: 30px;
      line-height: 50px;
      max-width: 100%;
      word-break: break-word; } }
  @media screen and (max-width: 480px) {
    .headline, h1, h2, h3, h4, h5, h6, .investment-rating__headline h3, .benefits__value--text, .content-block__headline > *, .cta h1,
    .cta h2,
    .cta h3,
    .cta h4,
    .cta h5,
    .cta h6, .quotes__signature__headline, .faq__headline, .image-text h2, .image-text__headline, .headline-subline--headline, .kpis__headline, .stage__headline, .infobar-content .infobar__headline, .blog .teaser--tags__headline,
    .subline,
    .content-block__subline,
    .faq__subline,
    .headline-subline--subline,
    .kpis__subline {
      font-size: 9vw;
      line-height: 40px;
      letter-spacing: -1px;
      max-width: 100%;
      word-break: break-word; } }


.subline,
.content-block__subline,
.faq__subline,
.headline-subline--subline,
.kpis__subline {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  line-height: 50px;
  text-transform: none; }

h1, h2, h3, h4, h5, h6 {
  hyphens: auto; }
  h1.space-top, h2.space-top, h3.space-top, h4.space-top, h5.space-top, h6.space-top {
    margin-top: 140px; }

.text-center {
  text-align: center; }

blockquote,
cite {
  color: #626262;
  padding-left: 25px;
  margin-left: 0;
  font-style: italic;
  position: relative; }
  blockquote:before,
  cite:before {
    content: '\e61d';
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    opacity: 0.4;
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0; }

a {
  color: #274a7f; }

p:empty {
  margin: 0; }

.scroll-text {
  transform: translateY(-35px);
  opacity: 0;
  transition: all 1s ease; }
  @media screen and (max-width: 480px) {
    .scroll-text {
      transform: translateY(0px);
      opacity: 1; } }
  @media print {
    .scroll-text {
      transform: translateY(0px);
      transition: none; } }

b,
strong {
  font-weight: 600; }

/* ####### FADE IN AND OUT ANIMATION GALLERY ######## */
.fade-animation.number_elements_1 a img.hiddenanimation {
  opacity: 1; }

.fade-animation.number_elements_2 a img:nth-of-type(3) {
  animation-name: fadeInAndOutGalF2;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate; }

/* Animation for 3 images until 10 */
/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF3 {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  33.33333333% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF3 {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  33.33333333% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF3 {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  33.33333333% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF3 {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  33.33333333% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF3 {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  33.33333333% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_3 a img {
  animation-name: fadeInAndOutGalF3;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_3 a img:nth-of-type(2) {
    animation-delay: 5.33333333s; }
  .fade-animation.number_elements_3 a img:nth-of-type(3) {
    animation-delay: 2.66666667s; }
  .fade-animation.number_elements_3 a img:nth-of-type(4) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF4 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF4 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF4 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF4 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF4 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_4 a img {
  animation-name: fadeInAndOutGalF4;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_4 a img:nth-of-type(2) {
    animation-delay: 7.5s; }
  .fade-animation.number_elements_4 a img:nth-of-type(3) {
    animation-delay: 5s; }
  .fade-animation.number_elements_4 a img:nth-of-type(4) {
    animation-delay: 2.5s; }
  .fade-animation.number_elements_4 a img:nth-of-type(5) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF5 {
  0% {
    opacity: 1; }
  16.66666667% {
    opacity: 1; }
  20% {
    opacity: 0; }
  83.33333333% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF5 {
  0% {
    opacity: 1; }
  16.66666667% {
    opacity: 1; }
  20% {
    opacity: 0; }
  83.33333333% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF5 {
  0% {
    opacity: 1; }
  16.66666667% {
    opacity: 1; }
  20% {
    opacity: 0; }
  83.33333333% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF5 {
  0% {
    opacity: 1; }
  16.66666667% {
    opacity: 1; }
  20% {
    opacity: 0; }
  83.33333333% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF5 {
  0% {
    opacity: 1; }
  16.66666667% {
    opacity: 1; }
  20% {
    opacity: 0; }
  83.33333333% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_5 a img {
  animation-name: fadeInAndOutGalF5;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_5 a img:nth-of-type(2) {
    animation-delay: 9.6s; }
  .fade-animation.number_elements_5 a img:nth-of-type(3) {
    animation-delay: 7.2s; }
  .fade-animation.number_elements_5 a img:nth-of-type(4) {
    animation-delay: 4.8s; }
  .fade-animation.number_elements_5 a img:nth-of-type(5) {
    animation-delay: 2.4s; }
  .fade-animation.number_elements_5 a img:nth-of-type(6) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF6 {
  0% {
    opacity: 1; }
  14.28571429% {
    opacity: 1; }
  16.66666667% {
    opacity: 0; }
  85.71428571% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF6 {
  0% {
    opacity: 1; }
  14.28571429% {
    opacity: 1; }
  16.66666667% {
    opacity: 0; }
  85.71428571% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF6 {
  0% {
    opacity: 1; }
  14.28571429% {
    opacity: 1; }
  16.66666667% {
    opacity: 0; }
  85.71428571% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF6 {
  0% {
    opacity: 1; }
  14.28571429% {
    opacity: 1; }
  16.66666667% {
    opacity: 0; }
  85.71428571% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF6 {
  0% {
    opacity: 1; }
  14.28571429% {
    opacity: 1; }
  16.66666667% {
    opacity: 0; }
  85.71428571% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_6 a img {
  animation-name: fadeInAndOutGalF6;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 14s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_6 a img:nth-of-type(2) {
    animation-delay: 11.66666667s; }
  .fade-animation.number_elements_6 a img:nth-of-type(3) {
    animation-delay: 9.33333333s; }
  .fade-animation.number_elements_6 a img:nth-of-type(4) {
    animation-delay: 7s; }
  .fade-animation.number_elements_6 a img:nth-of-type(5) {
    animation-delay: 4.66666667s; }
  .fade-animation.number_elements_6 a img:nth-of-type(6) {
    animation-delay: 2.33333333s; }
  .fade-animation.number_elements_6 a img:nth-of-type(7) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF7 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  14.28571429% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF7 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  14.28571429% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF7 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  14.28571429% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF7 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  14.28571429% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF7 {
  0% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  14.28571429% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_7 a img {
  animation-name: fadeInAndOutGalF7;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_7 a img:nth-of-type(2) {
    animation-delay: 13.71428571s; }
  .fade-animation.number_elements_7 a img:nth-of-type(3) {
    animation-delay: 11.42857143s; }
  .fade-animation.number_elements_7 a img:nth-of-type(4) {
    animation-delay: 9.14285714s; }
  .fade-animation.number_elements_7 a img:nth-of-type(5) {
    animation-delay: 6.85714286s; }
  .fade-animation.number_elements_7 a img:nth-of-type(6) {
    animation-delay: 4.57142857s; }
  .fade-animation.number_elements_7 a img:nth-of-type(7) {
    animation-delay: 2.28571429s; }
  .fade-animation.number_elements_7 a img:nth-of-type(8) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF8 {
  0% {
    opacity: 1; }
  11.11111111% {
    opacity: 1; }
  12.5% {
    opacity: 0; }
  88.88888889% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF8 {
  0% {
    opacity: 1; }
  11.11111111% {
    opacity: 1; }
  12.5% {
    opacity: 0; }
  88.88888889% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF8 {
  0% {
    opacity: 1; }
  11.11111111% {
    opacity: 1; }
  12.5% {
    opacity: 0; }
  88.88888889% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF8 {
  0% {
    opacity: 1; }
  11.11111111% {
    opacity: 1; }
  12.5% {
    opacity: 0; }
  88.88888889% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF8 {
  0% {
    opacity: 1; }
  11.11111111% {
    opacity: 1; }
  12.5% {
    opacity: 0; }
  88.88888889% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_8 a img {
  animation-name: fadeInAndOutGalF8;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 18s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_8 a img:nth-of-type(2) {
    animation-delay: 15.75s; }
  .fade-animation.number_elements_8 a img:nth-of-type(3) {
    animation-delay: 13.5s; }
  .fade-animation.number_elements_8 a img:nth-of-type(4) {
    animation-delay: 11.25s; }
  .fade-animation.number_elements_8 a img:nth-of-type(5) {
    animation-delay: 9s; }
  .fade-animation.number_elements_8 a img:nth-of-type(6) {
    animation-delay: 6.75s; }
  .fade-animation.number_elements_8 a img:nth-of-type(7) {
    animation-delay: 4.5s; }
  .fade-animation.number_elements_8 a img:nth-of-type(8) {
    animation-delay: 2.25s; }
  .fade-animation.number_elements_8 a img:nth-of-type(9) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF9 {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11.11111111% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF9 {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11.11111111% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF9 {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11.11111111% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF9 {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11.11111111% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF9 {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11.11111111% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_9 a img {
  animation-name: fadeInAndOutGalF9;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_9 a img:nth-of-type(2) {
    animation-delay: 17.77777778s; }
  .fade-animation.number_elements_9 a img:nth-of-type(3) {
    animation-delay: 15.55555556s; }
  .fade-animation.number_elements_9 a img:nth-of-type(4) {
    animation-delay: 13.33333333s; }
  .fade-animation.number_elements_9 a img:nth-of-type(5) {
    animation-delay: 11.11111111s; }
  .fade-animation.number_elements_9 a img:nth-of-type(6) {
    animation-delay: 8.88888889s; }
  .fade-animation.number_elements_9 a img:nth-of-type(7) {
    animation-delay: 6.66666667s; }
  .fade-animation.number_elements_9 a img:nth-of-type(8) {
    animation-delay: 4.44444444s; }
  .fade-animation.number_elements_9 a img:nth-of-type(9) {
    animation-delay: 2.22222222s; }
  .fade-animation.number_elements_9 a img:nth-of-type(10) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* presentation time for one image */
/* duration for cross fading */
/* total animation-duration */
/* steps for animation-delay */
/* percentage no 1 */
/* percentage no 2 */
/* percentage no 3 */
@-webkit-keyframes fadeInAndOutGalF10 {
  0% {
    opacity: 1; }
  9.09090909% {
    opacity: 1; }
  10% {
    opacity: 0; }
  90.90909091% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInAndOutGalF10 {
  0% {
    opacity: 1; }
  9.09090909% {
    opacity: 1; }
  10% {
    opacity: 0; }
  90.90909091% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeInAndOutGalF10 {
  0% {
    opacity: 1; }
  9.09090909% {
    opacity: 1; }
  10% {
    opacity: 0; }
  90.90909091% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeInAndOutGalF10 {
  0% {
    opacity: 1; }
  9.09090909% {
    opacity: 1; }
  10% {
    opacity: 0; }
  90.90909091% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndOutGalF10 {
  0% {
    opacity: 1; }
  9.09090909% {
    opacity: 1; }
  10% {
    opacity: 0; }
  90.90909091% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-animation.number_elements_10 a img {
  animation-name: fadeInAndOutGalF10;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 22s;
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */
  /* steps */ }
  .fade-animation.number_elements_10 a img:nth-of-type(2) {
    animation-delay: 19.8s; }
  .fade-animation.number_elements_10 a img:nth-of-type(3) {
    animation-delay: 17.6s; }
  .fade-animation.number_elements_10 a img:nth-of-type(4) {
    animation-delay: 15.4s; }
  .fade-animation.number_elements_10 a img:nth-of-type(5) {
    animation-delay: 13.2s; }
  .fade-animation.number_elements_10 a img:nth-of-type(6) {
    animation-delay: 11s; }
  .fade-animation.number_elements_10 a img:nth-of-type(7) {
    animation-delay: 8.8s; }
  .fade-animation.number_elements_10 a img:nth-of-type(8) {
    animation-delay: 6.6s; }
  .fade-animation.number_elements_10 a img:nth-of-type(9) {
    animation-delay: 4.4s; }
  .fade-animation.number_elements_10 a img:nth-of-type(10) {
    animation-delay: 2.2s; }
  .fade-animation.number_elements_10 a img:nth-of-type(11) {
    animation-delay: 0s; }

@-webkit-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInAndOutGalF2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.accordion {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden; }
  .accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s; }
    .accordion-content p {
      margin: 1em; }
  .accordion label {
    position: relative;
    display: block;
    font-weight: bold;
    line-height: 3;
    cursor: pointer; }
    .accordion label::after {
      font-family: fontello;
      font-style: normal;
      font-weight: 400;
      box-shadow: none;
      speak: none;
      text-decoration: inherit;
      text-align: center;
      margin-left: .5em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: none;
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      font-size: 0.7em;
      line-height: 1;
      padding: 1.6em 0.5em 0.5em;
      height: 100%;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s; }
  .accordion input:checked ~ .accordion-content {
    max-height: 100%; }
  .accordion input[type=checkbox] + label::after,
  .accordion input[type=radio] + label::after {
    content: "\e805"; }
  .accordion input[type=checkbox]:checked + label::after {
    transform: rotate(-180deg); }
    .dropdown .accordion input[type=checkbox]:checked + label::after {
      animation-play-state: paused; }
  .accordion input[type=radio]:checked + label::after {
    transform: rotateX(180deg); }
  .accordion.up label::before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    box-shadow: none;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    margin-left: .5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 0.7em;
    line-height: 1;
    padding: 1.6em 0.5em 0.5em;
    height: 100%;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s; }
  .accordion.up input[type=checkbox] + label::after,
  .accordion.up input[type=radio] + label::after {
    content: ""; }
  .accordion.up input[type=checkbox] + label::before,
  .accordion.up input[type=radio] + label::before {
    content: "\e805"; }
  .accordion.up input[type=checkbox]:checked + label::before {
    transform: rotate(-180deg); }
    .dropdown .accordion.up input[type=checkbox]:checked + label::before {
      animation-play-state: paused; }
  .accordion.up input[type=radio]:checked + label::before {
    transform: rotateX(180deg); }

.accordion-mobile input {
  display: none; }

@media screen and (max-width: 767px) {
  .accordion-mobile {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #274a7f;
    overflow: hidden; }
    .accordion-mobile input {
      position: absolute;
      opacity: 0;
      z-index: -1; }
    .accordion-mobile-content {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height .35s;
      -o-transition: max-height .35s;
      transition: max-height .35s; }
    .accordion-mobile label {
      position: relative;
      display: block;
      font-weight: 600;
      line-height: 3;
      cursor: pointer; }
      .accordion-mobile label::after {
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        box-shadow: none;
        speak: none;
        text-decoration: inherit;
        text-align: center;
        margin-left: .5em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: none;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        font-size: 0.5em;
        line-height: 1;
        padding: 2.5em 2.5em 0;
        height: 100%;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s; }
    .accordion-mobile input:checked ~ .accordion-mobile-content {
      max-height: 100%; }
    .accordion-mobile input[type=checkbox] + label::after,
    .accordion-mobile input[type=radio] + label::after {
      content: "\e805"; }
    .accordion-mobile input[type=checkbox]:checked + label::after {
      transform: rotate(-180deg); }
    .accordion-mobile input[type=radio]:checked + label::after {
      transform: rotateX(180deg); } }

.arrow {
  text-align: center;
  padding-top: 60px; }
  .arrow.bottom {
    padding-top: 0;
    padding-bottom: 60px; }
  .arrow.gray .arrow-down {
    background-color: #ededf3; }
  .arrow .arrow-down {
    background-color: #274a7f;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-top: -10px;
    margin-left: -15px;
    z-index: -1;
    left: 50%; }
    .arrow .arrow-down.big {
      padding-top: 30px;
      width: 70px;
      height: 70px;
      margin-top: -35px;
      margin-left: -37px; }

.btn, .btn--small, .blog .teaser--tags a, .blog_categories .box,
.auth-btn {
  display: inline-block;
  background: #274a7f;
  position: relative;
  border-radius: 50px;
  border: 0;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 10px;
  padding: 16px 30px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease-out; }
  @media screen and (max-width: 767px) {
    .btn, .btn--small, .blog .teaser--tags a, .blog_categories .box,
    .auth-btn {
      line-height: 20px;
      max-width: max-content;
      padding: 10px 30px; } }
  @media print {
    .btn, .btn--small, .blog .teaser--tags a, .blog_categories .box,
    .auth-btn {
      display: none; } }
  .btn:hover, .btn--small:hover, .blog .teaser--tags a:hover, .blog_categories .box:hover,
  .auth-btn:hover {
    color: white;
    opacity: 0.8;
    text-decoration: none; }
  .btn:focus, .btn--small:focus, .blog .teaser--tags a:focus, .blog_categories .box:focus, .btn.active, .active.btn--small, .blog .teaser--tags a.active, .blog_categories .active.box,
  .auth-btn:focus,
  .auth-btn.active {
    transform: scale(0.95);
    color: white;
    outline: none; }

a.btn, a.btn--small, .blog .teaser--tags a, .blog_categories a.box {
  text-transform: uppercase;
  text-align: center; }
  a.btn:hover, a.btn--small:hover, .blog .teaser--tags a:hover, .blog_categories a.box:hover {
    opacity: 0.8; }
  a.btn:hover, a.btn--small:hover, .blog .teaser--tags a:hover, .blog_categories a.box:hover, a.btn:focus, a.btn--small:focus, .blog .teaser--tags a:focus, .blog_categories a.box:focus {
    text-decoration: none; }

.btn--small, .blog .teaser--tags a {
  background: #274a7f;
  border: 1px solid #274a7f;
  color: white;
  font-size: 9px;
  padding: 7px 15px; }
  .btn--small:hover, .blog .teaser--tags a:hover {
    color: white;
    border: 1px solid white; }

a[href^="tel:"],
a[href^="mailto:"] {
  background: #274a7f;
  border: 1px solid #274a7f;
  border-radius: 50px;
  color: white !important;
  display: inline-block;
  margin-right: 30px;
  margin-top: 60px;
  font-size: 12px;
  font-weight: 400 !important;
  letter-spacing: 1px;
  line-height: 10px;
  padding: 16px 30px 16px 45px;
  position: relative;
  text-decoration: none !important;
  transition: all 0.5s ease-out; }
  @media screen and (max-width: 767px) {
    a[href^="tel:"],
    a[href^="mailto:"] {
      display: block;
      line-height: 20px;
      margin: 30px 0 30px; } }
  a[href^="tel:"]:before,
  a[href^="mailto:"]:before {
    position: absolute;
    left: 5px;
    top: 13px;
    transition: all 0.5s ease-out;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    box-shadow: none;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 2em;
    margin-right: 0;
    text-align: center;
    line-height: 1em;
    margin-left: .5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e812';
    text-shadow: none; }
    @media screen and (max-width: 767px) {
      a[href^="tel:"]:before,
      a[href^="mailto:"]:before {
        top: calc(54px - 70%); } }
  a[href^="tel:"]:hover,
  a[href^="mailto:"]:hover {
    color: white;
    opacity: 0.8; }
    a[href^="tel:"]:hover:before,
    a[href^="mailto:"]:hover:before {
      color: white; }
  a[href^="tel:"]:focus, a[href^="tel:"].active,
  a[href^="mailto:"]:focus,
  a[href^="mailto:"].active {
    transform: scale(0.95); }
  @media print {
    a[href^="tel:"],
    a[href^="mailto:"] {
      display: none; } }

a[href^="mailto:"] {
  background: white;
  border-color: #91908f;
  color: #91908f !important; }
  a[href^="mailto:"]:before {
    content: "\e813";
    color: #91908f; }
  a[href^="mailto:"]:hover {
    color: #91908f; }
    a[href^="mailto:"]:hover:before {
      color: #91908f; }

a:focus, a:active,
button:focus,
button:active {
  outline: none; }

body {
  background-color: white; }
  body:not(.firstStage) main {
    margin-top: 200px; }
    body:not(.firstStage) main.plain {
      margin-top: 0; }
    @media screen and (max-width: 480px) {
      body:not(.firstStage) main {
        margin-top: 0;
        padding-top: 60px; }
        body:not(.firstStage) main.plain {
          padding-top: 0; } }

@media screen and (max-width: 480px) {
  a {
    word-wrap: break-word; } }

.raw-html {
  max-width: 100%; }
  .raw-html iframe {
    max-width: 100vw;
    min-height: auto; }

main {
  width: 100%;
  overflow-x: hidden; }
  @media screen and (max-width: 992px) {
    main {
      margin-top: 0; } }

.embeddedServiceHelpButton .helpButton {
  right: initial !important; }

.exporo-not-scrollable main {
  position: relative; }

.exporo-not-scrollable .embeddedServiceHelpButton,
.exporo-not-scrollable .embeddedServiceSidebar {
  display: none; }

.exporo-not-scrollable .ub-emb-bar-frame {
  bottom: -140px !important; }

img.lazy {
  opacity: 0;
  animation: opacity 100ms; }

img.lazy.complete {
  opacity: 1; }

.container {
  margin: 0 auto;
  width: auto;
  max-width: 1080px; }

section {
  position: relative; }

.wrap {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 25px; }

[ui-view] {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease-out; }

#scroll-top-button {
  opacity: 0;
  font-size: 27px;
  bottom: 1em;
  left: 5%;
  position: fixed;
  transition: 0.5s ease-in-out;
  transform: rotate(-90deg); }
  #scroll-top-button:after {
    content: "";
    background: white;
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    left: 11px;
    top: 12px;
    z-index: -1; }

.notfound h1,
.notfound h2 {
  font-size: 32px;
  max-width: 100%;
  width: 100%;
  text-align: center; }
  .notfound h1 strong,
  .notfound h2 strong {
    color: #274a7f; }
  @media screen and (max-width: 480px) {
    .notfound h1,
    .notfound h2 {
      font-size: 26px;
      line-height: 1.3; } }

.notfound h1 {
  font-size: 120px;
  line-height: 1;
  margin-bottom: 15px; }
  .notfound h1 span:nth-child(2) {
    color: #5774BA; }
  .notfound h1 span:nth-child(3) {
    color: #D3E6F9; }

.notfound .btn-container {
  text-align: center;
  margin-bottom: 1em;
  padding: 1em 0; }

.notfound .wrap {
  background: #f9f9f9;
  padding: 3em;
  border-radius: 5em;
  margin-bottom: 5em; }

.exporo-spinner-page {
  width: 300px;
  height: 300px;
  max-width: 100%;
  margin: 5% auto;
  margin: 5vh auto;
  display: block; }
  @media screen and (max-width: 480px) {
    .exporo-spinner-page {
      width: 150px;
      height: 150px;
      margin: 3vh auto; } }
  .exporo-spinner-page:before {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 300px;
    animation: load8 1s infinite linear;
    position: absolute;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff; }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.exporo-spinner-page .path {
  stroke-width: 0.3;
  fill-opacity: 0;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-animation-name: dashIn;
  animation-name: dashIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.alternate .path {
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

.even .path {
  -webkit-animation-direction: normal;
  animation-direction: normal; }

.even .path:nth-child(even) {
  animation-direction: reverse; }

.mix .path {
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

.mix .path:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(2) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.mix .path:nth-child(3) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(4) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.mix .path:nth-child(5) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(6) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.mix .path:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(8) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.mix .path:nth-child(9) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.mix .path:nth-child(11) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(12) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s; }

.mix .path:nth-child(13) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.mix .path:nth-child(14) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.mix .path:nth-child(15) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

@-webkit-keyframes dashIn {
  0% {
    stroke-dashoffset: 100;
    fill-opacity: 0;
    stroke-width: 0.3; }
  15% {
    stroke-dashoffset: 100;
    fill-opacity: 0; }
  20% {
    fill-opacity: 0; }
  30% {
    fill-opacity: 0; }
  40% {
    fill-opacity: 0.6; }
  60% {
    fill-opacity: 0.8;
    stroke-width: 0; }
  80% {
    fill-opacity: 0.9; }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0; } }

@keyframes dashIn {
  0% {
    stroke-dashoffset: 100;
    fill-opacity: 0;
    stroke-width: 0.3; }
  15% {
    stroke-dashoffset: 100;
    fill-opacity: 0; }
  20% {
    fill-opacity: 0; }
  30% {
    fill-opacity: 0; }
  40% {
    fill-opacity: 0.6; }
  60% {
    fill-opacity: 0.8;
    stroke-width: 0; }
  80% {
    fill-opacity: 0.9; }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0; } }

.plain section:first-child {
  padding-top: 0; }

footer {
  background-color: #f9f9f9;
  color: #b9b9b9;
  font-size: 0.8em;
  line-height: 25px;
  text-align: left; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 0 0 20px; } }
  footer small,
  footer p {
    display: block;
    margin: 10px 0;
    padding: 5px 10px; }
  footer h4 {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    padding: 5px 10px 0; }
  footer .footer_siegel {
    background: #f9f9f9;
    max-width: 100%;
    overflow: hidden; }
    footer .footer_siegel ul {
      align-items: center;
      border-top: 1px solid #b6c1cf;
      display: flex;
      margin: 0 25px 0 25px;
      padding: 0; }
      @media screen and (max-width: 767px) {
        footer .footer_siegel ul {
          flex-wrap: wrap;
          justify-content: space-around; } }
      footer .footer_siegel ul li {
        list-style: none;
        width: calc(100% / 6);
        padding: 2em; }
        @media screen and (max-width: 767px) {
          footer .footer_siegel ul li {
            width: calc(190% / 6);
            padding: 1em;
            display: inline-block; } }
    footer .footer_siegel img {
      width: 100%; }
  footer .footer_links {
    background: #b8c1ce; }
    footer .footer_links__links.project-footer {
      text-align: center; }
    footer .footer_links__links .copyright {
      display: block; }
    footer .footer_links__links a {
      color: white;
      display: inline-block;
      padding: 15px 20px;
      font-size: 14px;
      text-align: center; }
      @media screen and (max-width: 992px) {
        footer .footer_links__links a {
          border-bottom: 1px solid #274a7f;
          width: 50%; } }
      @media screen and (max-width: 992px) {
        footer .footer_links__links a {
          border-radius: 3px;
          border-bottom: 0;
          background: #b6c1cf;
          font-weight: 600;
          margin-bottom: 5px;
          text-transform: uppercase;
          width: 100%; } }
      footer .footer_links__links a:focus, footer .footer_links__links a:hover {
        color: white;
        text-decoration: none; }
      footer .footer_links__links a:first-child {
        font-weight: bold;
        padding-left: 10px; }
        @media screen and (max-width: 767px) {
          footer .footer_links__links a:first-child {
            font-weight: 600; } }
    @media screen and (max-width: 767px) {
      footer .footer_links__links {
        background: white;
        text-align: center; } }
    footer .footer_links__overview {
      background-color: #f9f9f9;
      color: #274a7f;
      padding-top: 30px; }
      footer .footer_links__overview .container {
        padding-bottom: 20px; }
        @media screen and (max-width: 767px) {
          footer .footer_links__overview .container {
            padding-bottom: 0; } }
      footer .footer_links__overview input#accordion-1 ~ .accordion-mobile-content {
        max-height: 100%; }
      footer .footer_links__overview input#accordion-1 + label:after {
        content: ''; }
      footer .footer_links__overview ul {
        margin: 0;
        padding: 1em 0 0 0; }
        footer .footer_links__overview ul li {
          list-style: none; }
          footer .footer_links__overview ul li a {
            color: #274a7f; }
      footer .footer_links__overview p {
        padding: 0; }
      footer .footer_links__overview label {
        display: block;
        border-bottom: 1px solid #b6c1cf;
        width: 100%;
        line-height: 3;
        text-transform: uppercase;
        font-weight: 600; }
      footer .footer_links__overview--column:first-child {
        padding-left: 25px; }
      footer .footer_links__overview--column:last-child {
        padding-right: 25px; }
      footer .footer_links__overview--column:first-child > * {
        padding-left: 0; }
      @media screen and (max-width: 992px) {
        footer .footer_links__overview--column {
          padding: 0 25px 0 25px; }
          footer .footer_links__overview--column:last-child label {
            border-bottom: 0;
            margin-bottom: 5px; } }
      @media screen and (min-width: 992px) {
        footer .footer_links__overview .container {
          display: flex; }
          footer .footer_links__overview .container > :first-child {
            flex: 1; }
        footer .footer_links__overview--column > * {
          padding: 1em; }
        footer .footer_links__overview label {
          display: block;
          line-height: 30px;
          padding-bottom: 0.5em;
          width: 100%; } }

#openSidebarMenu,
.sidebarIconToggle,
.nav__mobile {
  display: none; }

@media screen and (max-width: 992px) {
  .sidebarIconToggle {
    display: block; }
  .nav__mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    margin: 0 0 0 -250px;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; }
  .header-nav {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    position: fixed;
    height: 60px !important;
    z-index: 10; }
    .header-nav .nav {
      text-align: left; }
      .header-nav .nav--mobile {
        display: block !important; }
        .header-nav .nav--mobile .exporo-auth-button-logout {
          display: none; }
        .header-nav .nav--mobile__logout .exporo-auth-button-logout {
          display: block;
          padding: 17px 10px 17px 30px; }
        .header-nav .nav--mobile .auth-btn-text {
          display: inline-block; }
      .header-nav .nav ul {
        display: block;
        height: calc(100% - 60px);
        position: relative; }
      .header-nav .nav__navigation {
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
        color: #626262;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        .header-nav .nav__navigation li {
          list-style: none;
          color: #626262;
          text-transform: uppercase;
          padding: 0;
          cursor: pointer;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          display: block;
          line-height: 1; }
          .header-nav .nav__navigation li.nav--mobile {
            padding: 10px 15px 25px 15px;
            text-align: center; }
            .header-nav .nav__navigation li.nav--mobile .auth-btn {
              font-size: 14px;
              border-width: 1px;
              width: 100%;
              padding: 10px; }
            .header-nav .nav__navigation li.nav--mobile .sidebar__logo {
              padding: 0 0 2em;
              width: 60%; }
            .header-nav .nav__navigation li.nav--mobile .exporo-auth-button {
              display: block; }
          .collapse .header-nav .nav__navigation li {
            line-height: 1; }
          .header-nav .nav__navigation li a {
            color: #626262;
            text-transform: uppercase;
            cursor: pointer;
            text-decoration: none;
            line-height: 1;
            padding: 17px 10px 17px 35px;
            width: 100%; }
            .header-nav .nav__navigation li a span {
              font-size: 14px; }
            .firstStage .header-nav .nav__navigation li a {
              color: #626262; }
            .collapse .header-nav .nav__navigation li a {
              line-height: 1; }
  #sidebarMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    height: 100vh;
    margin: 0 0 0 -260px;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    /*height: 100%;
    position: fixed;
    left: 0;
    width: 250px;
    margin-top: 60px;
    transform: translateX(-253px);
    transition: transform 250ms ease-in-out;*/ }
    #sidebarMenu ul {
      height: 100%; }
    #sidebarMenu ~ .header-logo {
      left: calc(50% - 4em); }
      .collapse #sidebarMenu ~ .header-logo {
        margin: 0;
        top: 16px; }
    #sidebarMenu .auth-btn {
      color: #626262;
      border-color: #626262; }
  /*input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
  }*/
  input.openSidebarMenu[type=checkbox] {
    transition: all 0.3s;
    display: none; }
  input.openSidebarMenu[type="checkbox"]:checked ~ nav {
    margin: 0; }
  /*input.openSidebarMenu[type="checkbox"]:checked ~ label.sidebarIconToggle{
    left:260px;
  }*/
  .wrapper {
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 300ms ease-in; }
  input.openSidebarMenu[type="checkbox"]:checked ~ .wrapper {
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
    position: fixed; }
    input.openSidebarMenu[type="checkbox"]:checked ~ .wrapper .exporo-overlay {
      -webkit-transform: translate3d(-260px, 0, 0);
      -moz-transform: translate3d(-260px, 0, 0);
      -o-transform: translate3d(-260px, 0, 0);
      transform: translate3d(-260px, 0, 0);
      overflow: auto; }
  .sidebarIconToggle {
    transition: all 0.3s;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px; }
    .sidebarIconToggle:before {
      content: "";
      transition: all 0.3s; }
  .nav-burger {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #626262; }
    .firstStage .nav-burger {
      background-color: #fff; }
    .collapse .nav-burger {
      background-color: #626262; }
  .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
    width: 80%; }
  .diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left; }
  .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
    width: 60%; }
  input.openSidebarMenu[type=checkbox]:checked ~ .wrapper .sidebarIconToggle:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0; }
  input.openSidebarMenu[type=checkbox]:checked ~ .wrapper .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    background-color: #fff;
    opacity: 0; }
  input.openSidebarMenu[type=checkbox]:checked ~ .wrapper .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    background-color: #fff;
    transform: rotate(135deg);
    margin-top: 8px;
    width: 100%; }
  input.openSidebarMenu[type=checkbox]:checked ~ .wrapper .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    background-color: #fff;
    transform: rotate(-135deg);
    margin-top: -9px;
    width: 100%; } }

.header-partner {
  margin: 0 5px; }

.header-partner-image {
  max-height: 20px; }

body .header-nav {
  position: relative;
  /*@media screen and (max-width: $screen-md-min) {
      opacity: 0.99;
      z-index: 0;
    }*/ }

@supports (-webkit-overflow-scrolling: touch) {
  .exporo-not-scrollable header {
    display: none; } }

header {
  top: 0;
  position: fixed;
  color: #333333;
  line-height: 20px;
  width: 100%;
  transition: 0.5s ease;
  z-index: 999999;
  /*@media screen and (max-width: $screen-md-min){
    .header-toggle-container,
    nav{
      position: fixed;
    }
  }*/ }
  @media screen and (min-width: 992px) {
    header {
      padding: 0 0 30px 0;
      position: fixed; } }
  header .text-right {
    color: #fff; }
  header.collapse {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    /*@media screen and (max-width: $screen-md-min){
      background: transparent;
      box-shadow: unset;
    }*/ }
    header.collapse a {
      color: #626262; }
      .firstStage header.collapse a {
        color: #626262; }
        .firstStage header.collapse a:hover {
          color: #274a7f; }
    header.collapse .auth-btn {
      color: #626262;
      border-color: #626262; }
  .firstStage header {
    color: white; }
  @media screen and (min-width: 992px) {
    header {
      line-height: 50px; }
      header.collapse {
        line-height: 1;
        color: #626262;
        padding-bottom: 0; } }

.header-phone {
  padding: 5px 7px;
  text-align: right;
  display: none;
  transition: 0.4s;
  text-transform: uppercase;
  margin-top: 0;
  display: block; }
  .collapse .header-phone {
    margin-top: 0;
    padding: 0;
    display: none; }
  .collapse .header-phone > div {
    line-height: 0; }
  .header-phone .logo-container {
    margin-top: -5px;
    margin-right: 2em; }
  @media screen and (min-width: 992px) {
    .header-phone {
      display: block; }
      .collapse .header-phone {
        margin-top: 0;
        padding: 0;
        display: none; }
      .collapse .header-phone > div {
        line-height: 0; } }
  @media screen and (max-width: 992px) {
    .header-phone {
      display: none; } }

.header-logo {
  position: absolute;
  text-align: center;
  display: block;
  width: 100%;
  position: absolute;
  left: 15px;
  display: inline-block;
  width: auto;
  /*@media screen and (max-width: $screen-md-min) {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: -1;
  }*/ }
  .header-logo a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: block;
    /*@media screen and (max-width: $screen-md-min) {
      display: none;
    }*/ }
  @media screen and (min-width: 992px) {
    .header-logo {
      position: absolute;
      left: 15px;
      display: inline-block;
      width: auto; } }

.header-logo--img {
  display: block;
  display: inline-block;
  height: 40px;
  /*@media screen and (min-width: $screen-md-min) {
    display: inline-block;
    height: 40px;
    margin: -5px 80px 0 0;
    top: -19px;
    .collapse & {
      margin: 10px 80px 10px 0;
    }
  }*/ }
  .header-logo--img.mobile {
    display: none;
    /*@media screen and (max-width: $screen-md-min) {
      display: inline-block;
      position: absolute;
      top:15px;
      right:-180px;
      left: auto;
      z-index:10;
    }*/ }
  @media screen and (min-width: 992px) {
    .header-logo--img {
      margin: -5px 80px 0 0;
      top: -19px; }
      .collapse .header-logo--img {
        margin: 10px 80px 10px 0; } }
  .header-logo--img svg {
    display: block;
    height: 60px;
    line-height: 60px;
    width: 10em; }
    .header-logo--img svg .logo-text {
      fill: #333333 !important; }
    @media screen and (max-width: 767px) {
      .header-logo--img svg {
        width: 7em;
        /*.logo-text{
        display: none;
      }*/ } }

.firstStage svg .logo-text {
  fill: white !important; }

.firstStage .auth-btn {
  border: 1px solid white;
  color: white; }
  .firstStage .auth-btn:hover {
    color: white; }

.collapse svg {
  height: auto; }
  .collapse svg .logo-text {
    fill: #626262 !important; }

.collapse .auth-btn:hover {
  color: #626262; }

.plain-header {
  padding-top: 1em; }
  .plain-header svg {
    width: 20em; }
  .plain-header .logo-text {
    fill: #333333 !important; }

.auth-btn,
.exporo-auth-button,
.exporo-auth-button-logout {
  background: transparent;
  color: #626262;
  display: inline-block;
  line-height: 1 !important;
  /*@media screen and (max-width: $screen-md-min) {
    display: block;
  }*/ }

.auth-btn {
  border: 1px solid #626262;
  border-radius: 50px;
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  transition: 0.2s; }
  @media screen and (max-width: 992px) {
    .login .auth-btn {
      padding: 7px; } }
  @media screen and (max-width: 992px) {
    .cockpit .auth-btn {
      padding: 0 7px;
      font-size: 22px;
      border-width: 0; } }
  @media screen and (min-width: 992px) {
    .logout .auth-btn {
      padding: 10px 13px; } }
  @media screen and (max-width: 992px) {
    .cockpit .auth-btn-text {
      display: none; } }
  .logout .auth-btn-text {
    display: none; }
    @media screen and (max-width: 992px) {
      .logout .auth-btn-text {
        display: block; } }
  .auth-btn .exporo-icon:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    font-size: inherit;
    box-shadow: none;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    content: '\e830';
    border-radius: 100%; }
    .cockpit .auth-btn .exporo-icon:before {
      content: "\f200"; }
    .logout .auth-btn .exporo-icon:before {
      content: "\e82f";
      margin-right: -5px; }
  .auth-btn .exporo-icon ~ .auth-btn-text {
    margin-left: 7px; }
  .auth-btn:hover {
    color: #626262;
    opacity: 0.7; }
  @media screen and (max-width: 992px) {
    .auth-btn {
      font-size: 9px;
      padding: 10px; } }

.nav {
  display: inline;
  float: right;
  max-width: 75%;
  text-align: right; }
  @media screen and (max-width: 992px) {
    .nav {
      max-width: 100%; } }
  .nav--mobile {
    display: none !important; }
  .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block; }
  .nav li {
    display: inline-block;
    padding-right: 20px;
    line-height: 50px;
    position: relative;
    transition: all 0.2s; }
  .nav a {
    display: inline-block;
    font-size: 16px;
    color: #626262;
    position: relative;
    text-transform: uppercase;
    transition: all 0.2s;
    /*@media screen and (min-width: $screen-md-min) {
      padding-right: 20px;
      line-height: 50px;
      &:last-of-type {
        padding: 0;
      }
      .collapse & {
        line-height: 60px;
      }
      .firstStage & {
        color: white;
      }
    }*/ }
    .collapse .nav a {
      line-height: 60px; }
    .firstStage .nav a {
      color: white; }
    .nav a:hover {
      color: #274a7f; }
    .nav a:active, .nav a:focus, .nav a:hover {
      text-decoration: none; }
    .nav a li:last-of-type {
      padding: 0; }
  .nav .nav-additional a:last-child {
    padding-right: 0; }

@media screen and (max-width: 992px) {
  .nav__btn-container {
    display: none !important; }
    .nav__btn-container.mobile {
      display: block !important;
      position: absolute;
      right: 15px;
      width: auto;
      top: 17px; } }

@media screen and (min-width: 992px) {
  .nav__btn-container {
    display: inline-block; }
    .nav .nav__btn-container {
      padding-right: 0; }
    .nav__btn-container.mobile {
      display: none !important; } }

.nav-additional {
  float: right; }

/*@media screen and (min-width: $screen-md-min) {
  .nav-additional {
    float: right;
  }
}

.nav .nav-home-mobile{
  display:none;
  @media screen and (max-width: $screen-md-min) {
    display: block;
  }
}*/
.firstStage .breadcrumb {
  margin-top: 0; }
  .firstStage .breadcrumb .container {
    margin-top: 200px;
    position: absolute;
    width: 100%;
    z-index: 100; }
    @media screen and (max-width: 480px) {
      .firstStage .breadcrumb .container {
        margin-top: 70px; } }
    .firstStage .breadcrumb .container .breadcrumb__link--active,
    .firstStage .breadcrumb .container .breadcrumb__link--mobile-back {
      color: white !important; }
      .firstStage .breadcrumb .container .breadcrumb__link--active:before,
      .firstStage .breadcrumb .container .breadcrumb__link--mobile-back:before {
        color: white; }
    .firstStage .breadcrumb .container a {
      color: white; }

.breadcrumb .container {
  text-align: left;
  width: 100%; }
  .breadcrumb .container .breadcrumb__link--active,
  .breadcrumb .container a {
    color: #626262;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    display: inline-block; }
  .breadcrumb .container .breadcrumb__link--active {
    color: #274a7f;
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .breadcrumb .container .breadcrumb__link--active {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        white-space: unset;
        max-height: 70px;
        color: #b6c1cf; }
        .breadcrumb .container .breadcrumb__link--active:before {
          color: #b6c1cf; } }
  .breadcrumb .container:empty {
    display: none; }

.breadcrumb__link {
  display: inline-block;
  position: relative; }
  .breadcrumb__link ~ .breadcrumb__link {
    padding-left: 2em; }
    .breadcrumb__link ~ .breadcrumb__link:before {
      content: '\0003C';
      font-size: 20px;
      font-weight: 700;
      margin-left: -1.2em;
      margin-top: -2px;
      position: absolute; }
  .breadcrumb__link--mobile-back,
  .breadcrumb__link a {
    transition: all 0.2s; }
    .breadcrumb__link--mobile-back:hover,
    .breadcrumb__link a:hover {
      text-decoration: none; }
      .breadcrumb__link--mobile-back:hover:after,
      .breadcrumb__link a:hover:after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        border-bottom: 1px solid #626262; }
        .firstStage .breadcrumb__link--mobile-back:hover:after, .firstStage
        .breadcrumb__link a:hover:after {
          border-color: white; }
  .breadcrumb__link--mobile-back {
    color: #b6c1cf !important;
    display: inline-block !important;
    height: 100%;
    vertical-align: top; }
    @media screen and (min-width: 767px) {
      .breadcrumb__link--mobile-back {
        display: none !important; } }
  @media screen and (max-width: 480px) {
    .breadcrumb__link {
      display: none; }
      .breadcrumb__link--active {
        display: block;
        max-width: 80% !important;
        padding-left: 0 !important; }
        .breadcrumb__link--active:before {
          content: "" !important; } }

.investment-rating {
  padding: 75px 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .investment-rating {
      padding: 55px 0; } }
  .investment-rating__headline h3 {
    display: inline-block;
    padding-right: 25px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline; }
    @media (max-width: 992px) {
      .investment-rating__headline h3 {
        display: block; } }
  .investment-rating__result {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    display: inline; }
    @media (max-width: 992px) {
      .investment-rating__result {
        display: block;
        margin-top: 20px; } }
    .investment-rating__result-icons {
      border-radius: 100%;
      background: #f9f9f9;
      color: white;
      display: inline-block;
      height: 2em;
      line-height: 2em;
      margin-left: 2%;
      text-transform: uppercase;
      vertical-align: middle;
      width: 2em; }
      .investment-rating__result-icons:first-child {
        margin-left: 0; }
  .investment-rating__content {
    background: #f9f9f9; }
    .investment-rating__content ~ .investment-rating__text {
      margin-top: 35px; }
  .investment-rating__description {
    display: block;
    font-size: 70%;
    line-height: 1.5;
    text-align: left;
    padding: 30px 0; }
    @media print {
      .investment-rating__description {
        font-size: 80%;
        line-height: 1.3; } }
  .investment-rating__text {
    margin-bottom: 35px; }
    .investment-rating__text h4 {
      font-size: 25px; }
  .investment-rating .rating-1 {
    background-color: #b6c1cf;
    text-align: center; }
  .investment-rating.rating-result-1 .investment-rating__result .rating-1 {
    font-size: 3em; }
  .investment-rating .rating-2 {
    background-color: #274a7f;
    text-align: center; }
  .investment-rating.rating-result-2 .investment-rating__result .rating-2 {
    font-size: 3em; }
  .investment-rating .rating-3 {
    background-color: #1e73be;
    text-align: center; }
  .investment-rating.rating-result-3 .investment-rating__result .rating-3 {
    font-size: 3em; }
  .investment-rating .rating-4 {
    background-color: #82bc24;
    text-align: center; }
  .investment-rating.rating-result-4 .investment-rating__result .rating-4 {
    font-size: 3em; }
  .investment-rating .rating-5 {
    background-color: #c1da00;
    text-align: center; }
  .investment-rating.rating-result-5 .investment-rating__result .rating-5 {
    font-size: 3em; }
  .investment-rating .rating-6 {
    background-color: #fae100;
    text-align: center; }
  .investment-rating.rating-result-6 .investment-rating__result .rating-6 {
    font-size: 3em; }
  .investment-rating .rating-7 {
    background-color: #fba609;
    text-align: center; }
  .investment-rating.rating-result-7 .investment-rating__result .rating-7 {
    font-size: 3em; }
  .investment-rating__example ul {
    display: flex;
    margin: 0;
    padding: 0; }
    .investment-rating__example ul li {
      display: flex;
      flex: 3;
      flex-direction: column;
      list-style: none;
      line-height: 45px;
      padding-left: 10px;
      padding-right: 10px; }
      .investment-rating__example ul li:first-child {
        flex: 2; }
      .investment-rating__example ul li:last-child {
        flex: 1; }
    .investment-rating__example ul:nth-child(odd) {
      background: white; }
  .investment-rating__example .investment-rating__result-icons {
    margin-top: 2px; }
  .investment-rating__example .table-head {
    background: #274a7f;
    color: white;
    position: relative;
    text-transform: uppercase;
    z-index: 0; }
    .investment-rating__example .table-head:nth-child(odd) {
      background: #274a7f;
      color: white; }
    .investment-rating__example .table-head:before {
      content: '';
      position: absolute;
      left: -500px;
      top: 0;
      bottom: 0;
      right: 50%;
      display: block;
      background: #274a7f;
      z-index: -1; }
    .investment-rating__example .table-head li ~ li {
      border-left: 2px solid white; }
  @media (max-width: 992px) {
    .investment-rating__example .table-head {
      display: none; }
    .investment-rating__example ul {
      font-size: 15px;
      background: #FFFFFF;
      border-width: 0 0 1px 0;
      border-color: #000000;
      border-style: solid;
      display: block; }
      .investment-rating__example ul:nth-child(odd) {
        background: #f9f9f9; }
      .investment-rating__example ul:first-child {
        border-top-width: 2px; }
      .investment-rating__example ul:last-child {
        border-bottom-width: 2px; }
      .investment-rating__example ul li {
        display: block;
        line-height: 30px;
        width: 100%;
        padding: 0 5px;
        padding-left: 50%;
        position: relative;
        text-align: right; }
        .investment-rating__example ul li:before {
          content: attr(data-line);
          position: absolute;
          left: 5px;
          font-weight: bold; } }
  .investment-rating__howwerate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center; }
    .investment-rating__howwerate__left, .investment-rating__howwerate__right {
      display: none; }
    @media screen and (max-width: 767px) {
      .investment-rating__howwerate {
        height: 75px;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: unset;
        justify-content: unset; }
        .investment-rating__howwerate__container {
          position: relative; }
        .investment-rating__howwerate__left, .investment-rating__howwerate__right {
          background: linear-gradient(to right, white, transparent);
          display: block;
          height: 100%;
          left: 0;
          top: 0;
          position: absolute;
          width: 50px; }
        .investment-rating__howwerate__right {
          background: linear-gradient(to left, white, transparent);
          left: auto;
          right: 0; }
        .investment-rating__howwerate::-webkit-scrollbar {
          display: none; } }
    .investment-rating__howwerate__result-icons {
      background: #f9f9f9;
      color: white;
      display: inline-block;
      height: 4em;
      line-height: 2em;
      text-transform: uppercase;
      vertical-align: middle;
      width: 2em; }
      .investment-rating__howwerate__result-icons:first-child {
        margin-left: 0; }
      .investment-rating__howwerate__result-icons:empty {
        display: none; }
      @media screen and (max-width: 767px) {
        .investment-rating__howwerate__result-icons {
          flex: 0 0 45px;
          height: auto;
          width: 45px; } }

.logo-stage {
  margin-top: 200px;
  margin-bottom: 50px; }
  @media screen and (max-width: 992px) {
    .logo-stage {
      margin-top: 4em; } }
  @media screen and (max-width: 992px) and (max-width: 480px) {
    .logo-stage {
      margin-top: 60px; } }

.logo-stage__image {
  display: block;
  width: 45px;
  height: 45px;
  background: url("../../../static/images/exporo_icon.svg");
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -22px; }

.masonry {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  min-height: 50em;
  max-width: 100%; }
  .masonry .masonry-brick {
    width: calc(33.33333% - 10px);
    margin: 0.2em; }
    @media screen and (max-width: 992px) {
      .masonry .masonry-brick {
        width: calc(50% - 10px); } }
    @media screen and (max-width: 767px) {
      .masonry .masonry-brick {
        width: calc(100% - 10px); } }

.masonry-grid {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(3, 32%);
  grid-gap: 25px;
  padding-bottom: 85px;
  padding-top: 5px; }
  @media screen and (max-width: 992px) {
    .masonry-grid {
      grid-template-columns: repeat(2, 45%); } }
  @media screen and (max-width: 767px) {
    .masonry-grid {
      grid-template-columns: repeat(1, 100%); } }
  .glossar .masonry-grid {
    grid-auto-rows: 255px; }
  .blog .masonry-grid {
    grid-auto-rows: 500px; }
  .products .masonry-grid {
    grid-template-columns: repeat(2, 48%);
    grid-auto-rows: 660px;
    grid-gap: 50px; }
    @media screen and (max-width: 767px) {
      .products .masonry-grid {
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 100%); } }
  .project__overview .masonry-grid {
    grid-auto-rows: minmax(500px, auto); }
    @media screen and (max-width: 767px) {
      .project__overview .masonry-grid {
        grid-auto-rows: auto; } }
  .location .masonry-grid {
    grid-auto-rows: 200px;
    grid-template-columns: repeat(2, 50%); }
    @media screen and (max-width: 992px) {
      .location .masonry-grid {
        grid-template-columns: repeat(2, 49%); } }
    @media screen and (max-width: 767px) {
      .location .masonry-grid {
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 100%); } }
  .network .masonry-grid {
    grid-auto-rows: 250px; }

.plain-overview .project__overview .masonry-grid {
  grid-auto-rows: minmax(300px, auto); }
  @media screen and (max-width: 767px) {
    .plain-overview .project__overview .masonry-grid {
      grid-auto-rows: auto; } }

.plain-overview .project__overview .teaser--container {
  height: calc(100% + 50px); }
  @media screen and (max-width: 767px) {
    .plain-overview .project__overview .teaser--container {
      height: auto; } }

.plain-overview .project__overview .teaser--link {
  position: initial;
  margin-bottom: 1em; }

.modal__content {
  padding: 2em; }

.page--kpis {
  background-color: black;
  text-align: center; }
  .page--kpis__item {
    display: inline-block;
    margin: 20px 50px; }
  .page--kpis__value, .page--kpis__key {
    color: white; }
  .page--kpis__value {
    font-size: 44px;
    line-height: 1;
    font-family: 'Oswald', sans-serif;
    font-weight: 400; }

.page--stage {
  position: relative;
  display: block;
  height: 500px;
  width: 100%;
  overflow: hidden; }

.page--stage__image {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  height: 500px;
  z-index: -1; }

.page--stage__btn,
.page--stage__textarea {
  margin-top: 3%;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  padding-top: 10px;
  padding-bottom: 10px; }
  .page--stage__btn h1,
  .page--stage__textarea h1 {
    color: #274a7f;
    font-size: 56px;
    font-weight: 500;
    margin: 0;
    margin-bottom: -8px;
    padding: 0; }
  .page--stage__btn p,
  .page--stage__textarea p {
    font-size: 27px;
    color: #274a7f;
    text-transform: uppercase;
    padding: 0;
    margin: 0; }

.page--stage__btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 10px;
  padding-top: 38px;
  padding-bottom: 32px; }

.pagination,
.pagination-sm {
  padding: 1em;
  margin: 0;
  text-align: center; }
  .pagination li,
  .pagination-sm li {
    display: inline-block;
    list-style: none;
    padding: 0.5em;
    background: #f9f9f9;
    color: #565656; }
    .pagination li.active,
    .pagination-sm li.active {
      font-weight: bold; }
    .pagination li.disabled,
    .pagination-sm li.disabled {
      color: #aeadad; }
    .pagination li a,
    .pagination-sm li a {
      color: #626262;
      transition: all 0.4s; }
      .pagination li a:hover,
      .pagination-sm li a:hover {
        color: #333333;
        text-decoration: none; }

@page {
  margin: 0;
  size: 8.5in 11in;
  position: relative;
  counter-reset: page; }

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important; }
  body {
    font-size: 12px; }
  main {
    margin: 0; }
  .content-block,
  .container-block {
    page-break-before: always;
    margin-top: 50px;
    padding-top: 0 !important; }
  .faq,
  .investment-rating,
  .print_footer {
    page-break-before: always; }
  .stage__link,
  .mapboxgl-control-container,
  .cta__btn, .btn, .btn--small, .blog .teaser--tags a, .blog_categories .box,
  .hide-in-pdf {
    display: none !important; }
  .faq__content-text__body {
    max-height: 50em !important; }
  .faq__content-text__head {
    background: #333333 !important;
    color: white !important; }
  .investment-rating,
  .gallery {
    background: white !important;
    color: #333333 !important; }
    .investment-rating .gallery__headline,
    .gallery .gallery__headline {
      color: #333333 !important; }
  .container-block__left,
  .container-block__right,
  .investment-rating__content,
  .faq__content-text__body {
    background: white !important; } }

.social-media-buttons {
  font-size: 30px;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 0; }
  @media screen and (max-width: 767px) {
    .social-media-buttons {
      left: auto;
      top: auto;
      margin: 0 auto 50px;
      position: relative; } }
  .social-media-buttons a {
    display: block;
    padding-right: 5px;
    border: none; }
    @media screen and (max-width: 767px) {
      .social-media-buttons a {
        display: inline-block; } }
    .social-media-buttons a:hover, .social-media-buttons a:focus {
      text-decoration: none; }
    .social-media-buttons a [class^="icon-"]:before {
      font-size: 20px;
      color: #626262;
      opacity: 0.8;
      transition: all 0.2s ease-out; }
    .social-media-buttons a [class^="icon-"]:hover:before {
      background: white;
      color: #274a7f;
      transform: scale(1.2); }

.table-block__headline {
  padding-top: 75px; }
  @media screen and (max-width: 767px) {
    .table-block__headline {
      padding-top: 55px; } }

.table-block__subline {
  margin-bottom: 15px; }

.table-block__content {
  margin-top: 15px; }

.table-block ul {
  display: flex;
  margin: 0;
  padding: 0; }
  .table-block ul li {
    display: flex;
    flex: 3;
    flex-direction: column;
    list-style: none;
    line-height: 30px;
    padding: 0.5em;
    padding-left: 10px;
    padding-right: 10px; }
  .table-block ul:nth-child(odd) {
    background: white; }

.table-block .table-head {
  background: #274a7f;
  color: white;
  position: relative;
  text-transform: uppercase;
  z-index: 0; }
  .table-block .table-head:nth-child(odd) {
    background: #274a7f;
    color: white; }
  .table-block .table-head:before {
    content: '';
    position: absolute;
    left: -500px;
    top: 0;
    bottom: 0;
    right: 50%;
    display: block;
    background: #274a7f;
    z-index: -1; }
  .table-block .table-head li ~ li {
    border-left: 2px solid white; }

.table-block .table-body {
  background: #f9f9f9; }

.table-block .table-footer {
  border-top: 1px solid #333333; }

@media (min-width: 992px) {
  .table-block.table .table-head li:first-child:nth-last-child(1),
  .table-block.table .table-body li:first-child:nth-last-child(1),
  .table-block.table .table-footer li:first-child:nth-last-child(1) {
    width: 100%; }
  .table-block.table .table-head li:first-child:nth-last-child(2),
  .table-block.table .table-head li:first-child:nth-last-child(2) ~ li,
  .table-block.table .table-body li:first-child:nth-last-child(2),
  .table-block.table .table-body li:first-child:nth-last-child(2) ~ li,
  .table-block.table .table-footer li:first-child:nth-last-child(2),
  .table-block.table .table-footer li:first-child:nth-last-child(2) ~ li {
    width: 50%; }
  .table-block.table .table-head li:first-child:nth-last-child(3),
  .table-block.table .table-head li:first-child:nth-last-child(3) ~ li,
  .table-block.table .table-body li:first-child:nth-last-child(3),
  .table-block.table .table-body li:first-child:nth-last-child(3) ~ li,
  .table-block.table .table-footer li:first-child:nth-last-child(3),
  .table-block.table .table-footer li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%; }
  .table-block.table .table-head li:first-child:nth-last-child(4),
  .table-block.table .table-head li:first-child:nth-last-child(4) ~ li,
  .table-block.table .table-body li:first-child:nth-last-child(4),
  .table-block.table .table-body li:first-child:nth-last-child(4) ~ li,
  .table-block.table .table-footer li:first-child:nth-last-child(4),
  .table-block.table .table-footer li:first-child:nth-last-child(4) ~ li {
    width: 25%; }
  .table-block.table .table-head li:first-child:nth-last-child(5),
  .table-block.table .table-head li:first-child:nth-last-child(5) ~ li,
  .table-block.table .table-body li:first-child:nth-last-child(5),
  .table-block.table .table-body li:first-child:nth-last-child(5) ~ li,
  .table-block.table .table-footer li:first-child:nth-last-child(5),
  .table-block.table .table-footer li:first-child:nth-last-child(5) ~ li {
    width: 20%; }
  .table-block.table .table-head li:first-child:nth-last-child(6),
  .table-block.table .table-head li:first-child:nth-last-child(6) ~ li,
  .table-block.table .table-body li:first-child:nth-last-child(6),
  .table-block.table .table-body li:first-child:nth-last-child(6) ~ li,
  .table-block.table .table-footer li:first-child:nth-last-child(6),
  .table-block.table .table-footer li:first-child:nth-last-child(6) ~ li {
    width: 16.6%; } }

@media (max-width: 992px) {
  .table-block.table ul {
    font-size: 15px;
    background: white;
    border-width: 0 0 1px 0;
    border-color: #000000;
    border-style: solid;
    display: block; }
    .table-block.table ul:nth-child(odd) {
      background: #f9f9f9; }
    .table-block.table ul:first-child {
      border-top-width: 2px; }
    .table-block.table ul:last-child {
      border-bottom-width: 2px; }
    .table-block.table ul li {
      display: block;
      line-height: 30px;
      width: 100%;
      padding: 0 5px;
      padding-left: 50%;
      position: relative;
      text-align: right; }
      .table-block.table ul li:before {
        content: attr(data-line);
        position: absolute;
        left: 5px;
        font-weight: bold;
        max-width: 50%;
        text-align: left; } }

@media (max-width: 992px) {
  .table-block.compare ul {
    font-size: 15px;
    background: white;
    border-width: 0 0 1px 0;
    border-color: #000000;
    border-style: solid;
    display: block; }
    .table-block.compare ul:nth-child(odd) {
      background: #f9f9f9; }
    .table-block.compare ul:first-child {
      border-top-width: 2px; }
    .table-block.compare ul:last-child {
      border-bottom-width: 2px; }
    .table-block.compare ul li {
      display: block;
      line-height: 25px;
      width: 100%;
      padding: 0 5px;
      position: relative; }
      .table-block.compare ul li:before {
        content: attr(data-line);
        display: block;
        font-weight: bold;
        width: 100%;
        text-align: left; } }

@media (max-width: 992px) {
  .table-block.key-value .table-head {
    background: unset;
    display: flex; }
  .table-block.key-value ul {
    font-size: 15px;
    background: white;
    border-width: 0 0 1px 0;
    border-color: #000000;
    border-style: solid;
    display: flex; }
    .table-block.key-value ul:first-child {
      border-top-width: 0; }
    .table-block.key-value ul:last-child {
      border-bottom-width: 2px; }
    .table-block.key-value ul li {
      display: block;
      line-height: 25px;
      width: 100%;
      padding: 0 5px;
      text-align: right; }
      .table-block.key-value ul li:first-child {
        text-align: left; }
  .table-block.key-value .table-head:before {
    left: 0; } }

.table-block.bestand .table-head:before,
.table-block.bestand .table-head {
  background: #86AC48; }

.table-block.bestand.compare .table-head {
  display: none; }

.table-block.finanzierung .table-head:before,
.table-block.finanzierung .table-head {
  background: #3968AF; }

@media (max-width: 992px) {
  .table-block.finanzierung .table-head {
    display: none; } }

/* PRODUCT COLOR PALETTE */
.blog_categories {
  padding: 0 0 75px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .blog_categories {
      padding: 55px 0; } }
  .blog_categories .box {
    color: white;
    border-radius: 50px;
    position: absolute;
    height: 45px;
    line-height: 30px;
    padding: 8px 50px 16px 2em;
    text-transform: unset;
    overflow: hidden;
    z-index: 10; }
    .blog_categories .box:after {
      font-family: fontello;
      font-style: normal;
      font-size: 6px;
      font-weight: 400;
      box-shadow: none;
      speak: none;
      text-decoration: inherit;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: none;
      position: absolute;
      right: 16px;
      top: 19px;
      display: block;
      line-height: 1;
      text-align: center;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s;
      pointer-events: none;
      content: "\e805"; }
    .blog_categories .box:hover {
      border-radius: 10px;
      height: auto;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .blog_categories .box:hover {
          max-height: 15em;
          overflow-y: scroll; } }
    .blog_categories .box__label {
      display: block;
      text-transform: capitalize; }
    .blog_categories .box input {
      display: none; }
      .blog_categories .box input:checked ~ label {
        font-weight: bold; }
    .blog_categories .box label {
      cursor: pointer; }

#blog-container {
  width: 100%; }

.blog-date {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  text-align: center;
  height: 0px;
  line-height: 0px; }

.anchor__wrapper {
  position: relative; }

.anchor {
  position: absolute; }

.benefits {
  font-family: 'Oswald', sans-serif;
  padding: 25px 0 20px 0;
  position: relative; }
  .benefits .wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 992px) {
      .benefits .wrap {
        display: block;
        height: 100%; } }
  @media screen and (max-width: 480px) {
    .benefits {
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); } }
  .benefits__background-blue {
    background: #274a7f;
    color: white; }
    .benefits__background-blue .benefits__value--text,
    .benefits__background-blue .benefits__desc {
      color: white; }
  .benefits__background-grey {
    background: #626262;
    color: white; }
    .benefits__background-grey .benefits__value--text,
    .benefits__background-grey .benefits__desc {
      color: white; }
  .benefits__background-white {
    background: white; }
    .benefits__background-white .benefits__value--text {
      color: #626262; }
    .benefits__background-white .benefits__desc {
      color: #626262; }
  .benefits .stage__scrolldown {
    display: none;
    position: absolute;
    bottom: 0;
    height: 110px;
    width: 145px;
    left: auto;
    right: -13vw; }
    .benefits .stage__scrolldown #scrolldown-circle {
      animation: bounce 1s infinite alternate; }
    @media screen and (max-width: 767px) {
      .benefits .stage__scrolldown {
        display: none; } }

.benefits__item {
  flex: 1;
  text-align: left;
  padding-right: 40px; }
  @media screen and (max-width: 767px) {
    .benefits__item {
      margin-top: 2em; }
      .benefits__item:first-child {
        margin-top: -10px; } }
  .benefits__item .inner {
    position: relative;
    padding: 0;
    display: inline-block;
    text-align: left; }

.benefits__value {
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .benefits__value {
      padding: 0; } }
  .benefits__value span {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    text-transform: none; }
    .benefits__value span p {
      margin: 0 0; }

.benefits__value--text {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 50px;
  color: white;
  max-width: 100%; }
  @media screen and (max-width: 767px) {
    .benefits__value--text {
      font-size: 9vw;
      line-height: 10vw;
      word-break: break-word; } }

.benefits__font-size-icons-large .benefits__value--text {
  font-size: 19px; }

.benefits__font-size-icons-normal .benefits__value--text {
  font-size: 38px; }
  @media print {
    .benefits__font-size-icons-normal .benefits__value--text {
      font-size: 19px; } }

.benefits__desc {
  font-size: 14px;
  font-weight: 400;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase; }
  @media print {
    .benefits__desc {
      font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .benefits__desc {
      font-size: 0.7em; } }
  .benefits__desc a {
    color: white; }
    .benefits__desc a:hover {
      color: white;
      text-decoration: underline; }

.stage + .benefits {
  height: 125px;
  max-width: 1080px;
  margin: -125px auto 0;
  z-index: 50; }
  @media screen and (max-width: 992px) {
    .stage + .benefits {
      height: auto;
      margin: -92px 0 0;
      width: 80%; }
      .stage + .benefits .benefits__value span {
        text-align: left; } }
  .stage + .benefits:before {
    content: '';
    position: absolute;
    left: -1500px;
    top: 0;
    bottom: 0;
    right: 50%;
    background: white; }
    @media screen and (max-width: 992px) {
      .stage + .benefits:before {
        left: 0;
        background: transparent; } }
  .stage + .benefits .benefits__item {
    text-align: left; }
  .stage + .benefits .benefits__value:first-child {
    padding-left: 0; }
  .stage + .benefits .stage__scrolldown {
    display: block; }

.stage.product + .benefits {
  display: none; }

.stage + .benefits__background-grey:before {
  background: #626262; }

.stage + .benefits__background-blue:before {
  background: #274a7f; }

@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-3px); } }

@-moz-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-3px); } }

@-ms-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-3px); } }

@-o-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-3px); } }

@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-3px); } }

.carousel {
  border-radius: 5px;
  height: 35em;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 0;
  list-style: none; }
  .gallery-stage .carousel {
    height: 100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel {
      height: 20em; } }

.carousel__controls,
.carousel__activator {
  display: none; }

.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(6):checked ~ .carousel__slide:nth-of-type(6) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(8):checked ~ .carousel__slide:nth-of-type(8) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(9):checked ~ .carousel__slide:nth-of-type(9) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(10):checked ~ .carousel__slide:nth-of-type(10) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(11):checked ~ .carousel__slide:nth-of-type(11) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(12):checked ~ .carousel__slide:nth-of-type(12) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(13):checked ~ .carousel__slide:nth-of-type(13) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(14):checked ~ .carousel__slide:nth-of-type(14) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(15):checked ~ .carousel__slide:nth-of-type(15) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(16):checked ~ .carousel__slide:nth-of-type(16) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(17):checked ~ .carousel__slide:nth-of-type(17) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(18):checked ~ .carousel__slide:nth-of-type(18) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(19):checked ~ .carousel__slide:nth-of-type(19) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(20):checked ~ .carousel__slide:nth-of-type(20) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(6):checked ~ .carousel__controls:nth-of-type(6) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(7):checked ~ .carousel__controls:nth-of-type(7) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(8):checked ~ .carousel__controls:nth-of-type(8) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(9):checked ~ .carousel__controls:nth-of-type(9) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(10):checked ~ .carousel__controls:nth-of-type(10) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(11):checked ~ .carousel__controls:nth-of-type(11) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(12):checked ~ .carousel__controls:nth-of-type(12) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(13):checked ~ .carousel__controls:nth-of-type(13) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(14):checked ~ .carousel__controls:nth-of-type(14) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(15):checked ~ .carousel__controls:nth-of-type(15) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(16):checked ~ .carousel__controls:nth-of-type(16) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(17):checked ~ .carousel__controls:nth-of-type(17) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(18):checked ~ .carousel__controls:nth-of-type(18) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(19):checked ~ .carousel__controls:nth-of-type(19) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(20):checked ~ .carousel__controls:nth-of-type(20) {
  display: block;
  opacity: 1; }

.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(8):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(8) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(9):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(9) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(10):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(10) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(11):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(11) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(12):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(12) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(13):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(13) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(14):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(14) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(15):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(15) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(16):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(16) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(17):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(17) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(18):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(18) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(19):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(19) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(20):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(20) {
  opacity: 1;
  transform: scale(1.2); }

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%); }

.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%); }

.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%); }

.carousel__activator:nth-of-type(6):checked ~ .carousel__track {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%); }

.carousel__activator:nth-of-type(7):checked ~ .carousel__track {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%); }

.carousel__activator:nth-of-type(8):checked ~ .carousel__track {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%); }

.carousel__activator:nth-of-type(9):checked ~ .carousel__track {
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%); }

.carousel__activator:nth-of-type(10):checked ~ .carousel__track {
  -webkit-transform: translateX(-900%);
  transform: translateX(-900%); }

.carousel__activator:nth-of-type(11):checked ~ .carousel__track {
  -webkit-transform: translateX(-1000%);
  transform: translateX(-1000%); }

.carousel__activator:nth-of-type(12):checked ~ .carousel__track {
  -webkit-transform: translateX(-1100%);
  transform: translateX(-1100%); }

.carousel__activator:nth-of-type(13):checked ~ .carousel__track {
  -webkit-transform: translateX(-1200%);
  transform: translateX(-1200%); }

.carousel__activator:nth-of-type(14):checked ~ .carousel__track {
  -webkit-transform: translateX(-1300%);
  transform: translateX(-1300%); }

.carousel__activator:nth-of-type(15):checked ~ .carousel__track {
  -webkit-transform: translateX(-1400%);
  transform: translateX(-1400%); }

.carousel__activator:nth-of-type(16):checked ~ .carousel__track {
  -webkit-transform: translateX(-1500%);
  transform: translateX(-1500%); }

.carousel__activator:nth-of-type(17):checked ~ .carousel__track {
  -webkit-transform: translateX(-1600%);
  transform: translateX(-1600%); }

.carousel__activator:nth-of-type(18):checked ~ .carousel__track {
  -webkit-transform: translateX(-1700%);
  transform: translateX(-1700%); }

.carousel__activator:nth-of-type(19):checked ~ .carousel__track {
  -webkit-transform: translateX(-1800%);
  transform: translateX(-1800%); }

.carousel__activator:nth-of-type(20):checked ~ .carousel__track {
  -webkit-transform: translateX(-1900%);
  transform: translateX(-1900%); }

.carousel__control,
.arrow {
  display: block;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  font-weight: 600;
  cursor: pointer;
  color: white;
  position: absolute;
  padding-top: 0;
  width: 30px;
  height: 30px;
  top: 45%;
  z-index: 3; }
  .carousel__control:hover .arrow-border,
  .arrow:hover .arrow-border {
    transform: scale(1.2); }
  .carousel__control::after,
  .arrow::after {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    box-shadow: none;
    text-align: center;
    speak: none;
    display: inline-block;
    width: 30px;
    padding-top: 30%;
    transform-origin: center;
    height: 3.2em;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    content: "\e805"; }
  .carousel__control .arrow-border,
  .arrow .arrow-border {
    border-radius: 100%;
    border: 1px solid white;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    transition: all 0.3s; }
  .carousel__control.left,
  .arrow.left {
    left: 1em; }
    .carousel__control.left:after,
    .arrow.left:after {
      transform: rotate(90deg); }
  .carousel__control.right,
  .arrow.right {
    right: 1em; }
    .carousel__control.right:after,
    .arrow.right:after {
      transform: rotate(-90deg); }

.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center; }

.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px; }

.carousel__indicator:hover {
  opacity: 0.75; }

.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }

.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1; }

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(1),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(2) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(2) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(2),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(3) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(3) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(3),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(4) {
  -webkit-transform: translateX(300%);
  transform: translateX(300%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(4) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(4) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(4),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(4),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(5) {
  -webkit-transform: translateX(400%);
  transform: translateX(400%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(5) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(5) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(5),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(5),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(6) {
  -webkit-transform: translateX(500%);
  transform: translateX(500%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(6) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(6) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(6),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(6),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(7) {
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(7) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(7) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(7),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(7),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(8) {
  -webkit-transform: translateX(700%);
  transform: translateX(700%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(8) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(8) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(8),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(8),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(9) {
  -webkit-transform: translateX(800%);
  transform: translateX(800%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(9) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(9) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(9),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(9) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(9),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(9) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(10) {
  -webkit-transform: translateX(900%);
  transform: translateX(900%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(10) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(10) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(10),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(10) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(10),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(10) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(11) {
  -webkit-transform: translateX(1000%);
  transform: translateX(1000%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(11) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(11) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(11),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(11) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(11),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(11) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(12) {
  -webkit-transform: translateX(1100%);
  transform: translateX(1100%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(12) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(12) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(12),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(12) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(12),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(12) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(13) {
  -webkit-transform: translateX(1200%);
  transform: translateX(1200%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(13) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(13) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(13),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(13) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(13),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(13) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(14) {
  -webkit-transform: translateX(1300%);
  transform: translateX(1300%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(14) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(14) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(14),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(14) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(14),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(14) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(15) {
  -webkit-transform: translateX(1400%);
  transform: translateX(1400%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(15) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(15) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(15),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(15) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(15),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(15) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(16) {
  -webkit-transform: translateX(1500%);
  transform: translateX(1500%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(16) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(16) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(16),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(16) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(16),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(16) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(17) {
  -webkit-transform: translateX(1600%);
  transform: translateX(1600%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(17) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(17) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(17),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(17) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(17),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(17) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(18) {
  -webkit-transform: translateX(1700%);
  transform: translateX(1700%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(18) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(18) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(18),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(18) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(18),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(18) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(19) {
  -webkit-transform: translateX(1800%);
  transform: translateX(1800%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(19) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(19) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(19),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(19) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(19),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(19) {
      background-size: contain; } }

.carousel__track .carousel__slide:nth-of-type(20) {
  -webkit-transform: translateX(1900%);
  transform: translateX(1900%);
  margin-top: -35em; }
  .gallery-stage .carousel__track .carousel__slide:nth-of-type(20) {
    margin-top: -100vh; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__track .carousel__slide:nth-of-type(20) {
      margin-top: -20em; } }

.carousel__slide:nth-of-type(20),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(20) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 992px) {
    .carousel__slide:nth-of-type(20),
    .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(20) {
      background-size: contain; } }

.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
  transform: scale(0); }

.carousel__slide {
  height: 100%;
  overflow-y: auto;
  opacity: 0; }
  @media screen and (max-width: 992px) {
    .gallery-stage .carousel__slide {
      background-size: cover; } }

.carousel__slide {
  overflow: hidden; }

.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px; }

.carousel__indicator {
  background-color: #fafafa; }

.container-block {
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .container-block {
      padding: 55px 0; } }
  .container-block .wrap {
    /*display flex*/ }
    .container-block .wrap [class$="additional-block"],
    .container-block .wrap [class$="-content"] {
      padding: 20px; }
    .container-block .wrap > div:not(:first-child) {
      padding-top: 30px; }
  .container-block h4 {
    border-bottom: 2px solid #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    padding-left: 15px;
    max-width: 100%; }
    @media print {
      .container-block h4 {
        font-size: 16px; } }
  .container-block table {
    font-size: 15px;
    margin: 0;
    table-layout: fixed;
    width: 100% !important; }
    @media print {
      .container-block table {
        font-size: 14px; } }
    .container-block table th {
      font-weight: bold;
      text-transform: uppercase; }
      .container-block table th:first-child {
        text-align: left; }
    .container-block table th ~ th,
    .container-block table td ~ td {
      text-align: right;
      white-space: nowrap;
      line-height: 3; }
    .container-block table td,
    .container-block table th {
      padding: 0 10px; }
    .container-block table tbody tr:nth-child(odd) {
      background: #f9f9f9; }
    .container-block table:nth-child(1) thead {
      border-width: 2px 0 1px 0;
      border-color: #333333;
      border-style: solid; }
    .container-block table:nth-child(2) thead, .container-block table:nth-child(3) thead {
      border-width: 2px 0 0 0;
      border-color: #333333;
      border-style: solid; }
    .container-block table:nth-child(3) {
      margin-top: 10px;
      padding-top: 15px;
      padding-bottom: 15px; }
      .container-block table:nth-child(3) thead {
        border-color: #82bc24;
        color: #82bc24; }
    .container-block table + p {
      margin-top: 15px; }
  .container-block p {
    line-height: 1;
    margin: 0; }
    .container-block p + table {
      margin-top: 15px; }
    .container-block p em {
      font-size: 14px; }
  .container-block--piechart-content {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 992px) {
      .container-block--piechart-content {
        display: block; } }
    .container-block--piechart-content .pie-chart__description {
      padding: 2em; }
  .container-block .pie-chart__description,
  .container-block .bullet-chart_description {
    font-size: 14px; }
    .container-block .pie-chart__description ul,
    .container-block .bullet-chart_description ul {
      list-style: none;
      padding-left: 0; }
      .container-block .pie-chart__description ul ul,
      .container-block .bullet-chart_description ul ul {
        padding-left: 20px; }
      .container-block .pie-chart__description ul > li,
      .container-block .bullet-chart_description ul > li {
        font-weight: bold; }
        .container-block .pie-chart__description ul > li li,
        .container-block .bullet-chart_description ul > li li {
          font-weight: normal; }
  .container-block .pie-chart__container {
    height: 100% !important;
    max-width: 800px;
    min-width: 320px;
    margin: 0 auto; }
  .container-block svg {
    max-width: 100%; }
  .container-block .bullet-chart_container {
    display: flex;
    margin: 1em auto; }
    .container-block .bullet-chart_container > div {
      color: white;
      font-size: 16px;
      hyphens: auto;
      padding: 1em;
      text-align: center;
      width: 50%; }
    .container-block .bullet-chart_container .bullet-chart-value {
      font-weight: bold; }
    .container-block .bullet-chart_container .highcharts-grid-line {
      stroke: none; }
  .container-block .highcharts-plot-band-label {
    fill: #565656; }
    .container-block .highcharts-plot-band-label .bullet-chart-value {
      font-weight: bold; }
    .container-block .highcharts-plot-band-label .bullet-chart-text {
      margin-top: 50px; }
      @media screen and (max-width: 480px) {
        .container-block .highcharts-plot-band-label .bullet-chart-text {
          display: none; } }
  .container-block .highcharts-background {
    fill: transparent; }
  .container-block .highcharts-pie-series .highcharts-point {
    stroke: transparent;
    stroke-width: 2px; }
  .container-block .highcharts-container {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px; }
  .container-block.colorful-theme .highcharts-color-0 {
    fill: #b6c1cf;
    stroke: #b6c1cf; }
  .container-block.colorful-theme .highcharts-color-1 {
    fill: #274a7f;
    stroke: #274a7f; }
  .container-block.colorful-theme .highcharts-color-2 {
    fill: #1e73be;
    stroke: #1e73be; }
  .container-block.colorful-theme .highcharts-color-3 {
    fill: #82bc24;
    stroke: #82bc24; }
  .container-block.colorful-theme .highcharts-color-4 {
    fill: #c1da00;
    stroke: #c1da00; }
  .container-block.colorful-theme .highcharts-color-5 {
    fill: #fae100;
    stroke: #fae100; }
  .container-block.colorful-theme .highcharts-color-6 {
    fill: #fba609;
    stroke: #fba609; }
  .container-block.colorful-theme .highcharts-plot-band {
    fill-opacity: 1; }
    .container-block.colorful-theme .highcharts-plot-band:nth-child(1) {
      fill: #b6c1cf; }
    .container-block.colorful-theme .highcharts-plot-band:nth-child(2) {
      fill: #565656; }
  .container-block.colorful-theme .highcharts-plot-band-label:first-of-type {
    fill: #b6c1cf; }
  .container-block.colorful-theme .pie-chart__description ul > li:first-child,
  .container-block.colorful-theme .bullet-chart_description ul > li:first-child {
    color: #b6c1cf; }
  .container-block.colorful-theme .pie-chart__description ul > li li:first-child,
  .container-block.colorful-theme .bullet-chart_description ul > li li:first-child {
    color: #333333; }
  .container-block.colorful-theme .pie-chart__description table tr:first-child,
  .container-block.colorful-theme .bullet-chart_description table tr:first-child {
    color: #5774BA; }
  .container-block.colorful-theme .bullet-chart_container > div:nth-child(1) {
    background: #b6c1cf; }
  .container-block.colorful-theme .bullet-chart_container > div:nth-child(2) {
    background: #274a7f; }
  .container-block.exporo-theme .highcharts-color-0 {
    fill: #5774BA;
    stroke: #5774BA; }
  .container-block.exporo-theme .highcharts-color-1 {
    fill: #274a7f;
    stroke: #274a7f; }
  .container-block.exporo-theme .highcharts-color-2 {
    fill: #5fa8d5;
    stroke: #5fa8d5; }
  .container-block.exporo-theme .highcharts-color-3 {
    fill: #ededf3;
    stroke: #ededf3; }
  .container-block.exporo-theme .highcharts-color-4 {
    fill: #9099ba;
    stroke: #9099ba; }
  .container-block.exporo-theme .highcharts-color-5 {
    fill: #6d73a0;
    stroke: #6d73a0; }
  .container-block.exporo-theme .highcharts-color-6 {
    fill: #99D4F1;
    stroke: #99D4F1; }
  .container-block.exporo-theme .highcharts-plot-band {
    fill-opacity: 1; }
    .container-block.exporo-theme .highcharts-plot-band:nth-child(1) {
      fill: #5774BA; }
    .container-block.exporo-theme .highcharts-plot-band:nth-child(2) {
      fill: #565656; }
  .container-block.exporo-theme .highcharts-plot-band-label:first-of-type {
    fill: #5774BA; }
  .container-block.exporo-theme .pie-chart__description ul > li:first-child,
  .container-block.exporo-theme .bullet-chart_description ul > li:first-child {
    color: #5774BA; }
  .container-block.exporo-theme .pie-chart__description ul > li li:first-child,
  .container-block.exporo-theme .bullet-chart_description ul > li li:first-child {
    color: #333333; }
  .container-block.exporo-theme .pie-chart__description table tr:first-child,
  .container-block.exporo-theme .bullet-chart_description table tr:first-child {
    color: #5774BA; }
  .container-block.exporo-theme .bullet-chart_container > div:nth-child(1) {
    background: #5774BA; }
  .container-block.exporo-theme .bullet-chart_container > div:nth-child(2) {
    background: #274a7f; }
  .container-block.equity-theme .highcharts-color-0 {
    fill: #82bb21;
    stroke: #82bb21; }
  .container-block.equity-theme .highcharts-color-1 {
    fill: #c1da00;
    stroke: #c1da00; }
  .container-block.equity-theme .highcharts-color-2 {
    fill: #66A402;
    stroke: #66A402; }
  .container-block.equity-theme .highcharts-color-3 {
    fill: #dbe9be;
    stroke: #dbe9be; }
  .container-block.equity-theme .highcharts-color-4 {
    fill: #53b200;
    stroke: #53b200; }
  .container-block.equity-theme .highcharts-color-5 {
    fill: #82bb21;
    stroke: #82bb21; }
  .container-block.equity-theme .highcharts-color-6 {
    fill: #c1da00;
    stroke: #c1da00; }
  .container-block.equity-theme .highcharts-plot-band {
    fill-opacity: 1; }
    .container-block.equity-theme .highcharts-plot-band:nth-child(1) {
      fill: #82bb21; }
    .container-block.equity-theme .highcharts-plot-band:nth-child(2) {
      fill: #565656; }
  .container-block.equity-theme .highcharts-plot-band-label:first-of-type {
    fill: #82bb21; }
  .container-block.equity-theme .pie-chart__description ul > li:first-child,
  .container-block.equity-theme .bullet-chart_description ul > li:first-child {
    color: #82bb21; }
  .container-block.equity-theme .pie-chart__description ul > li li:first-child,
  .container-block.equity-theme .bullet-chart_description ul > li li:first-child {
    color: #333333; }
  .container-block.equity-theme .pie-chart__description table tr:first-child,
  .container-block.equity-theme .bullet-chart_description table tr:first-child {
    color: #82bb21; }
  .container-block.equity-theme .bullet-chart_container > div:nth-child(1) {
    background: #82bb21; }
  .container-block.equity-theme .bullet-chart_container > div:nth-child(2) {
    background: #c1da00; }
  .container-block .highcharts-pie-series .highcharts-data-label-connector {
    fill: transparent;
    stroke: silver;
    stroke-dasharray: 2, 2;
    stroke-width: 2px; }
  .container-block .highcharts-title {
    text-transform: uppercase; }
    .container-block .highcharts-title .pie-chart-title {
      fill: #91908f;
      font-weight: bold;
      font-size: 30px; }
      @media screen and (max-width: 992px) {
        .container-block .highcharts-title .pie-chart-title {
          font-size: 20px; } }
    .container-block .highcharts-title .pie-chart-subline {
      font-size: 16px;
      word-break: break-word;
      max-width: 50px; }
      @media screen and (max-width: 992px) {
        .container-block .highcharts-title .pie-chart-subline {
          font-size: 13px; } }
  @media screen and (max-width: 992px) {
    .container-block .wrap {
      display: block;
      padding: 0; }
    .container-block__left, .container-block__right {
      float: left;
      width: 100%; } }

.investment-rating + .container-block {
  margin-top: 50px; }

.content-block {
  padding: 75px 0 50px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .content-block {
      padding: 55px 0 35px; }
      .content-block--iscentered {
        padding: 55px 0 35px; } }
  .content-block .wrap {
    display: flex;
    flex-direction: column;
    padding: 0 10%; }
    @media screen and (max-width: 767px) {
      .content-block .wrap {
        padding: 0 25px; } }
    .home .content-block .wrap {
      padding: 0 25px; }
  .content-block.dtp-margins .wrap {
    padding: 0 25px; }
    .content-block.dtp-margins .wrap .file_info {
      padding-left: 0; }
  .content-block__image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
    .content-block__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
  .content-block__subline {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    margin-top: 10px; }
    @media screen and (max-width: 992px) {
      .content-block__subline {
        font-size: 20px;
        max-width: 100%; } }
  .content-block__headline {
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .content-block__headline {
        word-break: break-word; } }
    .firstBlock .content-block__headline > * {
      font-size: 60px;
      font-weight: 400;
      line-height: 75px;
      margin: 0;
      margin-bottom: 15px;
      position: relative;
      text-align: left; }
      @media screen and (max-width: 992px) {
        .firstBlock .content-block__headline > * {
          font-size: 30px;
          line-height: 50px;
          max-width: 100%;
          word-break: break-word; } }
      @media screen and (max-width: 480px) {
        .firstBlock .content-block__headline > * {
          font-size: 10vw;
          line-height: 50px;
          max-width: 100%;
          word-break: break-word; } }
  .content-block__text {
    margin: 30px auto 0;
    position: relative; }
    .content-block__text br {
      display: none; }
    .content-block__text .raw-html br {
      display: block; }
    @media screen and (max-width: 767px) {
      .content-block__text .raw-html a[href^="tel:"],
      .content-block__text .raw-html a[href^="mailto:"] {
        max-width: 80%;
        margin: 5px auto; } }
    .content-block__text.columns_one {
      width: 100%; }
      @media print {
        .content-block__text.columns_one {
          columns: 2;
          column-gap: 60px; } }
      .content-block__text.columns_one ol li,
      .content-block__text.columns_one ul li {
        display: block;
        padding-right: 36px;
        width: 100%;
        vertical-align: top; }
        @media screen and (max-width: 767px) {
          .content-block__text.columns_one ol li,
          .content-block__text.columns_one ul li {
            width: 100%; } }
    .content-block__text img {
      max-width: 100%; }
    .content-block__text.columns_two {
      columns: 2;
      column-gap: 60px; }
    .content-block__text.columns_three {
      columns: 3;
      column-gap: 30px; }
    @media screen and (max-width: 1000px) {
      .content-block__text {
        columns: 1 !important;
        max-width: 100%; } }
    .content-block__text p {
      line-height: 30px;
      margin-bottom: 1em;
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .content-block__text p:empty,
        .content-block__text p br:only-child {
          display: none; } }
      .content-block__text p + h1,
      .content-block__text p + h2,
      .content-block__text p + h3,
      .content-block__text p + h4,
      .content-block__text p + h5,
      .content-block__text p + h6 {
        margin-top: 70px; }
    .content-block__text a {
      font-weight: 600;
      color: #274a7f; }
      .content-block__text a.btn, .content-block__text a.btn--small, .content-block__text .blog .teaser--tags a, .blog .teaser--tags .content-block__text a, .content-block__text .blog_categories a.box, .blog_categories .content-block__text a.box {
        color: white;
        margin-bottom: 30px; }
    .content-block__text h1,
    .content-block__text h2 {
      text-align: left; }
    .content-block__text h1,
    .content-block__text h2,
    .content-block__text h3,
    .content-block__text h4,
    .content-block__text h5,
    .content-block__text h6 {
      line-height: 34px;
      font-size: 24px;
      margin: 0;
      margin-bottom: 18px; }
    .content-block__text table {
      table-layout: fixed;
      margin: 0;
      width: 100%; }
      .content-block__text table tr {
        line-height: 1.4; }
        @media screen and (max-width: 767px) {
          .content-block__text table tr {
            line-height: 1.8; } }
      .content-block__text table th {
        background: #f9f9f9;
        font-weight: bold;
        padding: 5px;
        text-transform: uppercase; }
        .content-block__text table th:first-child {
          text-align: left; }
      .content-block__text table th ~ th,
      .content-block__text table td ~ td {
        text-align: right; }
      .content-block__text table thead {
        border-width: 1px 0 1px 0;
        border-color: #000;
        border-style: solid; }
      .content-block__text table tbody tr {
        background: #FFFFFF;
        border-width: 0;
        border-color: #000000;
        border-style: solid;
        line-height: 2; }
        .content-block__text table tbody tr:nth-child(even) {
          background: #f9f9f9; }
        .content-block__text table tbody tr:first-child {
          border-top-width: 2px; }
        .content-block__text table tbody tr:last-child {
          border-bottom-width: 2px; }
      .content-block__text table tbody td {
        padding: 0 5px;
        position: relative; }
    .content-block__text hr {
      display: none !important; }
  .content-block ol,
  .content-block ul {
    padding: 0 10px 0 15px;
    margin: 30px 0; }
    .content-block ol li,
    .content-block ul li {
      align-items: center;
      font-size: 16px;
      margin-left: 0;
      list-style: none;
      margin-bottom: 40px;
      padding-left: 10px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .content-block ol li,
        .content-block ul li {
          margin-bottom: 10px; } }
      .content-block ol li:before,
      .content-block ul li:before {
        content: '\25CF';
        color: #d8d8d8;
        font-size: 20px;
        display: inline-block;
        left: -15px;
        margin-top: -3px;
        padding-right: 20px;
        position: absolute; }
  .content-block ol {
    counter-reset: counter-number; }
    .content-block ol li:before {
      content: counter(counter-number);
      counter-increment: counter-number; }
  @media (max-width: 992px) {
    .content-block table thead {
      display: none; }
    .content-block table tbody tr {
      background: #FFFFFF;
      border-width: 0 0 1px 0;
      border-color: #000000;
      border-style: solid; }
      .content-block table tbody tr:nth-child(even) {
        background: #f9f9f9; }
      .content-block table tbody tr:first-child {
        border-top-width: 2px; }
      .content-block table tbody tr:last-child {
        border-bottom-width: 2px; }
    .content-block table tbody td {
      display: block;
      width: 100%;
      padding: 0 5px;
      padding-left: 50%;
      position: relative;
      text-align: right; }
    .content-block table tbody td:before {
      content: attr(data-line);
      position: absolute;
      left: 5px; } }
  .content-block ~ .content-block .raw-html {
    display: block;
    margin-top: -30px; }
    .content-block ~ .content-block .raw-html a[href^="tel:"],
    .content-block ~ .content-block .raw-html a[href^="mailto:"] {
      margin: 0; }
      @media screen and (max-width: 767px) {
        .content-block ~ .content-block .raw-html a[href^="tel:"],
        .content-block ~ .content-block .raw-html a[href^="mailto:"] {
          max-width: max-content;
          margin: 5px auto; } }
    .content-block ~ .content-block .raw-html table td {
      padding-left: 1em; }

a.content-block__file {
  display: block;
  color: #5774BA;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  transition: all 0.2s ease-out; }
  a.content-block__file:hover .file_info,
  a.content-block__file:hover .file_download {
    text-decoration: none;
    background: #5774BA;
    color: #fff; }
    a.content-block__file:hover .file_info i:before,
    a.content-block__file:hover .file_download i:before {
      color: #fff; }
  a.content-block__file .file_info {
    padding: 10px;
    transition: all 0.2s ease-out; }
    a.content-block__file .file_info i {
      font-size: 40px;
      line-height: 1;
      color: #5774BA; }
      a.content-block__file .file_info i:before {
        color: #5774BA; }
    a.content-block__file .file_info span {
      display: inline-block;
      font-size: 15px;
      vertical-align: super;
      word-break: break-all; }
      @media screen and (max-width: 767px) {
        a.content-block__file .file_info span {
          max-width: 70%;
          vertical-align: top;
          padding-top: 5px; } }
  a.content-block__file .file_download {
    display: block;
    border: 1px solid #5774BA;
    padding: 5px 10px;
    margin-top: 3px;
    letter-spacing: 1px;
    transition: all 0.2s ease-out; }

.video-container {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .video-container iframe {
      width: calc(100vw - 50px) !important;
      height: 56.25vw !important; } }

.content-block--iscentered .wrap {
  align-items: center; }

.content-block--iscentered .content-block__headline > * {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.content-block--iscentered .content-block__headline h2, .content-block--iscentered .content-block__headline h3, .content-block--iscentered .content-block__headline h4, .content-block--iscentered .content-block__headline h5, .content-block--iscentered .content-block__headline h6,
.content-block--iscentered .content-block__text h2,
.content-block--iscentered .content-block__text h3,
.content-block--iscentered .content-block__text h4,
.content-block--iscentered .content-block__text h5,
.content-block--iscentered .content-block__text h6 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.content-block--iscentered .content-block__subline {
  text-align: center; }

.content-block--iscentered .content-block__text {
  text-align: center; }

.project {
  padding: 75px 0 0; }
  @media screen and (max-width: 767px) {
    .project {
      padding: 55px 0 0; }
      .project:before {
        content: '';
        background: #f9f9f9;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0; } }
  .project__overview {
    background: white;
    padding: 15px 0;
    position: relative;
    overflow: hidden; }
    .project__overview:before {
      content: '';
      background: #f9f9f9;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 140px;
      left: 0;
      right: 0; }
      @media screen and (max-width: 767px) {
        .project__overview:before {
          top: 0; } }
    .project__overview .teaser {
      background: white;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      color: #626262;
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      text-align: left;
      transition: all 0.4s;
      order: 2; }
      .project__overview .teaser a {
        color: #626262;
        display: block;
        height: 100%;
        text-decoration: none; }
        @media screen and (min-width: 767px) {
          .project__overview .teaser a.teaser--container {
            height: 510px; } }
      .project__overview .teaser--image {
        height: 200px;
        transition: all 0.4s;
        position: relative;
        overflow: hidden; }
        .project__overview .teaser--image img {
          height: 100%;
          min-width: 100%;
          transition: all 0.4s;
          object-fit: cover;
          object-position: center center; }
        .project__overview .teaser--image .miles_and_more {
          display: block;
          cursor: pointer;
          right: -6px;
          bottom: -1px;
          position: absolute; }
          .project__overview .teaser--image .miles_and_more img {
            width: 100%;
            height: 8em; }
        .project__overview .teaser--image .ribbon_text {
          color: white;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          border-radius: 0 0 5px 0;
          font-size: 12px;
          font-weight: bold;
          display: block;
          left: 0;
          top: 0;
          padding: 0.5em 1.5em;
          position: absolute; }
      .project__overview .teaser--container {
        height: 500px;
        position: relative; }
        @media screen and (max-width: 767px) {
          .project__overview .teaser--container {
            height: auto; } }
        .project__overview .teaser--container__headline {
          font-size: 18px;
          font-weight: bold;
          padding: 1em 0.8em 0;
          text-transform: uppercase;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          white-space: unset;
          max-height: 3em;
          -webkit-line-clamp: 1;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          white-space: unset; }
        .project__overview .teaser--container__subline {
          color: #a2a2a2;
          font-size: 10px;
          font-weight: bold;
          padding: 0 0 1em 1.5em; }
        .project__overview .teaser--container > p {
          margin: 0;
          padding: 1em; }
        .project__overview .teaser--container ul {
          margin: 0;
          padding: 0; }
          .project__overview .teaser--container ul li {
            list-style: none;
            text-align: left; }
      .project__overview .teaser--summary > * {
        border-bottom: 1px solid #ededf3;
        display: block;
        font-size: 14px;
        line-height: 1.5em;
        height: auto;
        padding: 0.5em 1em; }
        .project__overview .teaser--summary > *:last-child {
          border-bottom: 0; }
      .project__overview .teaser--summary__onerow {
        height: auto;
        padding: 0.5em 1em; }
        @media screen and (max-width: 767px) {
          .project__overview .teaser--summary__onerow:last-child {
            padding: 0.5em 1em 1em; } }
        .project__overview .teaser--summary__onerow.warning {
          text-align: center; }
      .project__overview .teaser--summary .left,
      .project__overview .teaser--summary .right {
        display: inline-block;
        vertical-align: bottom;
        width: 49%; }
      .project__overview .teaser--summary .right {
        text-align: right; }
      .project__overview .teaser--summary .value,
      .project__overview .teaser--summary .desc {
        display: block; }
      .project__overview .teaser--summary .value {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2; }
        .project__overview .teaser--summary .value.big {
          font-size: 24px; }
      .project__overview .teaser--summary .teaser--process-bar {
        width: 100%;
        height: 20px; }
      .project__overview .teaser--summary .desc {
        color: #a2a2a2;
        font-size: 10px;
        font-weight: bold; }
      .project__overview .teaser--link {
        position: absolute;
        bottom: 1em;
        text-align: center;
        padding: 0;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .project__overview .teaser--link {
            position: static;
            margin-bottom: 1em; } }
        .project__overview .teaser--link .btn, .project__overview .teaser--link .btn--small, .project__overview .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project__overview .teaser--link a, .project__overview .teaser--link .blog_categories .box, .blog_categories .project__overview .teaser--link .box {
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          font-weight: bold;
          padding: 13px 20px;
          width: 90%; }
          @media screen and (max-width: 767px) {
            .project__overview .teaser--link .btn, .project__overview .teaser--link .btn--small, .project__overview .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project__overview .teaser--link a, .project__overview .teaser--link .blog_categories .box, .blog_categories .project__overview .teaser--link .box {
              font-weight: 600;
              padding: 10px 20px; } }
    @media screen and (min-width: 991px) {
      .project__overview-content {
        grid-column-start: 1;
        grid-column-end: 4;
        order: 1; } }
    .project__overview-content .teaser {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 991px) {
        .project__overview-content .teaser {
          display: block; } }
      @media screen and (min-width: 767px) {
        .project__overview-content .teaser--image {
          width: 100%;
          flex: 2;
          height: 510px; }
          .project__overview-content .teaser--image img {
            width: 100%; }
        .project__overview-content .teaser--container {
          height: 100%;
          height: 500px;
          padding-bottom: 4em;
          flex: 1; }
          .project__overview-content .teaser--container__headline {
            height: 2.5em;
            padding: 1em 1em 0 1em;
            margin-top: 0;
            max-height: 100%; }
          .project__overview-content .teaser--container__subline {
            border-bottom: 1px solid #ededf3;
            padding: 0 0 1em 1.8em; }
        .project__overview-content .teaser--summary__onerow .left,
        .project__overview-content .teaser--summary__onerow .right {
          border-bottom: 1px solid #ededf3;
          font-size: 14px;
          height: 4em;
          padding: 1.2em 1em 1em;
          text-align: left;
          width: 100%;
          line-height: 1.3em; }
        .project__overview-content .teaser--summary__three .right {
          border-bottom: 0; }
        .project__overview-content .teaser--summary:after {
          content: "";
          clear: none;
          display: table; } }
      @media screen and (min-width: 767px) and (max-width: 992px) {
        .project__overview-content .teaser--image {
          height: 200px; }
        .project__overview-content .teaser--container {
          height: 500px; } }
    .project__overview-content ~ .wrap.masonry-grid {
      margin-top: -50px; }
  .project-special {
    padding-bottom: 45px; }
    .project-special__headline {
      background: #86AC48;
      border-radius: 5px 5px 0 0;
      color: white;
      font-size: 12px;
      font-weight: bold;
      padding: .8em 1em .7em;
      text-align: center;
      text-transform: uppercase; }
    .project-special__table {
      display: table;
      font-size: 12px;
      border-collapse: collapse;
      text-transform: uppercase;
      width: 100%; }
      .project-special__table-heading {
        display: table-header-group; }
      .project-special__table-head {
        display: table-cell;
        font-weight: bold;
        padding: 1em; }
        .project-special__table-head:nth-child(2) {
          background: #f6f6f6; }
      .project-special__table-body {
        display: table-row-group; }
      .project-special__table-row {
        display: table-row; }
        .project-special__table-heading .project-special__table-row, .project-special__table-row:nth-child(even) {
          background: #ccdeaf; }
          .project-special__table-heading .project-special__table-row .project-special__table-cell:nth-child(2), .project-special__table-row:nth-child(even) .project-special__table-cell:nth-child(2) {
            background: #d8e5c1; }
      .project-special__table-cell {
        display: table-cell;
        padding: 1em; }
        .project-special__table-cell:nth-child(2) {
          background: #f6f6f6; }
      .project-special__table .btn, .project-special__table .btn--small, .project-special__table .blog .teaser--tags a, .blog .teaser--tags .project-special__table a, .project-special__table .blog_categories .box, .blog_categories .project-special__table .box {
        background: #86AC48;
        border-color: #86AC48;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        padding: 13px 30px; }
        @media screen and (max-width: 767px) {
          .project-special__table .btn, .project-special__table .btn--small, .project-special__table .blog .teaser--tags a, .blog .teaser--tags .project-special__table a, .project-special__table .blog_categories .box, .blog_categories .project-special__table .box {
            font-weight: 600;
            padding: 10px; } }
  .project .teaser__progress {
    border-bottom: 1px solid #ededf3;
    padding: 1em; }
    .project .teaser__progress-text {
      line-height: 1;
      color: #626262;
      font-size: 15px;
      font-weight: 600; }
      .project .teaser__progress-text--absolute {
        margin-left: 5px;
        font-size: 10px;
        font-weight: bold; }
    .project .teaser__progress-bar {
      width: 100%; }
  .project .teaser .exporo-progress .exporo-progress-root {
    padding: 0 !important; }
  .project .teaser .exporo-progress .info > * {
    display: inline-block;
    vertical-align: top;
    width: 49%; }
  .project .teaser .exporo-progress .info span {
    font-size: 16px;
    font-weight: 600; }
  .project .teaser .exporo-progress .info p {
    font-size: 10px;
    font-weight: 700;
    margin-block-end: 0;
    margin-block-start: 0;
    color: #a2a2a2;
    text-align: right; }
  .project .teaser .exporo-progress .meter {
    background-color: #ededf3;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px; }
    .project .teaser .exporo-progress .meter span {
      width: 53%;
      background: #626262;
      height: 7px;
      display: block;
      background-image: linear-gradient(-45deg, transparent, transparent 40%, rgba(255, 255, 255, 0.25) 48%, rgba(255, 255, 255, 0.25) 52%, transparent 60%);
      background-size: 500px 14px;
      animation: 20s infinite linear progressbar; }
  .project .project_bestand .ribbon_text {
    background: rgba(171, 202, 121, 0.9); }
  .project .project_bestand .teaser--link .btn, .project .project_bestand .teaser--link .btn--small, .project .project_bestand .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project .project_bestand .teaser--link a, .project .project_bestand .teaser--link .blog_categories .box, .blog_categories .project .project_bestand .teaser--link .box {
    background: #86AC48; }
  .project .project_bestand .teaser--link .btn, .project .project_bestand .teaser--link .btn--small, .project .project_bestand .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project .project_bestand .teaser--link a, .project .project_bestand .teaser--link .blog_categories .box, .blog_categories .project .project_bestand .teaser--link .box {
    border-color: #86AC48; }
  .project .project_bestand .exporo-progress .meter span {
    background-color: #86AC48; }
  .project .project_finanzierung .ribbon_text {
    background: rgba(66, 106, 168, 0.8); }
  .project .project_finanzierung .teaser--link .btn, .project .project_finanzierung .teaser--link .btn--small, .project .project_finanzierung .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project .project_finanzierung .teaser--link a, .project .project_finanzierung .teaser--link .blog_categories .box, .blog_categories .project .project_finanzierung .teaser--link .box {
    background: #3968AF; }
  .project .project_finanzierung .teaser--link .btn, .project .project_finanzierung .teaser--link .btn--small, .project .project_finanzierung .teaser--link .blog .teaser--tags a, .blog .teaser--tags .project .project_finanzierung .teaser--link a, .project .project_finanzierung .teaser--link .blog_categories .box, .blog_categories .project .project_finanzierung .teaser--link .box {
    border-color: #3968AF; }
  .project .project_finanzierung .exporo-progress .meter span {
    background-color: #3968AF; }

.iframe-link:focus, .iframe-link:hover {
  text-decoration: none !important; }

.iframe-link .keyfacts__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px; }
  .iframe-link .keyfacts__ratings--selected-AA .keyfacts__rating--aa,
  .iframe-link .keyfacts__ratings--selected-A .keyfacts__rating--a,
  .iframe-link .keyfacts__ratings--selected-B .keyfacts__rating--b,
  .iframe-link .keyfacts__ratings--selected-C .keyfacts__rating--c,
  .iframe-link .keyfacts__ratings--selected-D .keyfacts__rating--d,
  .iframe-link .keyfacts__ratings--selected-E .keyfacts__rating--e,
  .iframe-link .keyfacts__ratings--selected-F .keyfacts__rating--f {
    font-size: 1.6em; }

.iframe-link .keyfacts__rating {
  color: white;
  font-size: 0.8em;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
  font-weight: 400; }
  .iframe-link .keyfacts__rating--aa {
    background-color: #b6c1cf; }
  .iframe-link .keyfacts__rating--a {
    background-color: #274a7f; }
  .iframe-link .keyfacts__rating--b {
    background-color: #1e73be; }
  .iframe-link .keyfacts__rating--c {
    background-color: #82bc24; }
  .iframe-link .keyfacts__rating--d {
    background-color: #c1da00; }
  .iframe-link .keyfacts__rating--e {
    background-color: #fae100; }
  .iframe-link .keyfacts__rating--f {
    background-color: #fba609; }

@keyframes progressbar {
  from {
    background-position: 0 0; }
  to {
    background-position: 2000px 0; } }

.related_articles {
  padding: 0 0 75px; }
  @media screen and (max-width: 767px) {
    .related_articles {
      padding: 0 0 55px; } }
  .related_articles .wrap {
    padding: 0 10%; }
  .related_articles__headline {
    color: #274a7f;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px; }
  .related_articles ul {
    margin: 0;
    padding: 0; }
    .related_articles ul li {
      background: #f9f9f9;
      border-bottom: 1px solid #626262;
      border-top: 1px solid #626262;
      cursor: pointer;
      display: block;
      list-style: none;
      padding: 20px;
      position: relative; }
      .related_articles ul li ~ li {
        border-top: none; }
      .related_articles ul li:after {
        content: "\2304";
        position: absolute;
        display: block;
        font-size: 35px;
        top: 10px;
        right: 20px;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
        transform: rotate(-90deg); }
      .related_articles ul li a {
        color: #626262;
        line-height: 30px; }
        @media screen and (max-width: 767px) {
          .related_articles ul li a {
            display: inline-block;
            max-width: 90%; } }
      .related_articles ul li:hover:after,
      .related_articles ul li:hover a {
        color: #274a7f;
        text-decoration: none; }

.cta {
  color: white;
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .cta {
      padding: 55px 0; } }
  @media print {
    .cta {
      font-size: 1em; } }
  .cta h1,
  .cta h2,
  .cta h3,
  .cta h4,
  .cta h5,
  .cta h6 {
    color: white; }
  .cta__background-blue, .cta__background-grey {
    background: #b6c1cf;
    color: white; }
    .cta__background-blue h1,
    .cta__background-blue h2,
    .cta__background-blue h3,
    .cta__background-blue h4,
    .cta__background-blue h5,
    .cta__background-blue h6, .cta__background-grey h1,
    .cta__background-grey h2,
    .cta__background-grey h3,
    .cta__background-grey h4,
    .cta__background-grey h5,
    .cta__background-grey h6 {
      color: white; }
    .cta__background-blue .btn, .cta__background-blue .btn--small, .cta__background-blue .blog .teaser--tags a, .blog .teaser--tags .cta__background-blue a, .cta__background-blue .blog_categories .box, .blog_categories .cta__background-blue .box, .cta__background-grey .btn, .cta__background-grey .btn--small, .cta__background-grey .blog .teaser--tags a, .blog .teaser--tags .cta__background-grey a, .cta__background-grey .blog_categories .box, .blog_categories .cta__background-grey .box {
      color: white;
      background: transparent;
      border: 1px solid white; }
  .cta__background-blue {
    background: #274a7f; }
  .cta__background-white {
    background: white;
    color: #626262; }
    .cta__background-white h1,
    .cta__background-white h2,
    .cta__background-white h3,
    .cta__background-white h4,
    .cta__background-white h5,
    .cta__background-white h6 {
      color: #626262; }
  .cta p {
    margin: 5px 0; }
    .cta p a {
      border: none;
      display: inline;
      color: white;
      float: none;
      font-size: inherit;
      letter-spacing: initial;
      padding: 1px;
      text-transform: inherit; }
  .cta__btn {
    display: block;
    float: right;
    position: relative;
    padding-right: 3em;
    margin-top: 10px; }
    .cta__btn:after {
      content: "\e805";
      font-family: fontello;
      font-style: normal;
      font-weight: 400;
      box-shadow: none;
      speak: none;
      text-decoration: inherit;
      text-align: center;
      margin-left: .5em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: none;
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      font-size: 0.5em;
      line-height: 1;
      padding: 2em 0.5em 0.5em;
      height: 100%;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s;
      font-style: normal;
      font-variant: normal;
      -webkit-font-smoothing: antialiased;
      transform: rotate(-90deg); }

.default-text.module-margin {
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .default-text.module-margin {
      padding: 55px 0; } }

.default-text__subline {
  font-size: 22px; }

.default-text p {
  margin-bottom: 10px; }

.default-text ol,
.default-text ul {
  padding: 0 10px 0 0;
  margin: 30px 0; }
  .default-text ol li,
  .default-text ul li {
    align-items: center;
    font-size: 16px;
    margin-left: 0;
    list-style: none;
    margin-bottom: 25px;
    padding-left: 5px;
    position: relative; }
    .default-text ol li:before,
    .default-text ul li:before {
      content: '\e810';
      font-size: 17px;
      font-family: 'fontello';
      color: #5774BA;
      speak: none;
      font-style: normal;
      font-weight: bold;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      padding-right: 10px; }
    .default-text ol li p,
    .default-text ul li p {
      display: inline-block;
      max-width: 80%;
      vertical-align: top;
      margin: 0; }

.default-text img {
  max-width: 100%; }

.default-text.bestand li:before {
  color: #86AC48; }

.default-text.finanzierung li:before {
  color: #3968AF; }

.default-text em {
  color: #91908f;
  font-size: 12px; }

.dropdown {
  padding: 0 0 50px;
  position: relative; }
  .dropdown__content {
    margin: 25px 0;
    padding: 5px 0; }
    .dropdown__content > * {
      padding: 0 25px; }
    .dropdown__content-text {
      cursor: pointer;
      display: block;
      list-style: none;
      padding: 20px 25px;
      position: relative; }
      .dropdown__content-text ~ .faq__content-text {
        border-top: 0; }
    .dropdown__content label {
      font-size: 18px;
      display: block;
      line-height: 1;
      padding-right: 30px;
      width: 100%; }
      .dropdown__content label:after {
        padding: 0.4em; }
    .dropdown__content p {
      margin-left: 0; }
  .dropdown .accordion label {
    text-align: center;
    transition: all 0.2s ease-out;
    line-height: 1; }
    .dropdown .accordion label:before {
      position: relative;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      -webkit-animation: fade_move_down 3s ease-in-out infinite;
      -moz-animation: fade_move_down 3s ease-in-out infinite;
      animation: fade_move_down 3s ease-in-out infinite; }
    .dropdown .accordion label:hover {
      color: #626262;
      opacity: 0.8; }
  .dropdown .accordion input:checked ~ .accordion-content {
    max-height: 300em; }
  .dropdown-text-area ol,
  .dropdown-text-area ul {
    padding: 0 10px 0 15px;
    margin: 30px 0; }
    .dropdown-text-area ol li,
    .dropdown-text-area ul li {
      align-items: center;
      font-size: 16px;
      margin-left: 0;
      list-style: none;
      margin-bottom: 40px;
      padding-left: 10px;
      position: relative; }
      .dropdown-text-area ol li:before,
      .dropdown-text-area ul li:before {
        content: '\25CF';
        color: #d8d8d8;
        font-size: 20px;
        display: inline-block;
        left: -15px;
        margin-top: -3px;
        padding-right: 20px;
        position: absolute; }

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -3px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 3px);
    opacity: 0; } }

@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -3px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -moz-transform: translate(0, 3px);
    opacity: 0; } }

@keyframes fade_move_down {
  0% {
    transform: translate(0, -3px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 3px);
    opacity: 0; } }

.quotes {
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .quotes {
      padding: 55px 0; } }
  .quotes__background-blue {
    background: #b6c1cf; }
  .quotes__background-green {
    background: #eff4e5; }
  .quotes__background-white {
    background: white; }
    .quotes__background-white .wrap {
      border-bottom: 3px solid #ededf3;
      border-top: 3px solid #ededf3; }
      .quotes .quotes__background-white .wrap {
        padding: 75px 0; }
  .quotes .wrap {
    padding: 75px 25px;
    position: relative; }
  .quotes__image {
    border: 5px solid white;
    border-radius: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    height: 5em;
    position: absolute;
    top: -2.5em;
    overflow: hidden;
    width: 5em;
    filter: grayscale(100%);
    transition: all 0.5s ease; }
    .quotes__image img {
      height: 100%;
      width: 100%; }
    .quotes__image:hover {
      filter: none; }
  .quotes__text {
    color: #626262;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: auto;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    max-width: 80%;
    margin: 10px 0 50px; }
    .quotes__text p {
      margin: 0;
      hyphens: initial;
      font-size: 24px; }
  .quotes__signature__headline {
    display: block;
    color: #274a7f;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1; }
  .quotes__signature__subline {
    display: block;
    font-size: 12px;
    line-height: 1; }

.faq {
  padding: 50px 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .faq {
      padding: 55px 0; } }
  .faq__headline {
    padding: 0 25px; }
  .faq__subline {
    padding: 0 25px; }
  .faq__content {
    margin: 25px 0;
    padding: 5px 0; }
    .faq__content > * {
      padding: 0 25px; }
    .faq__content-headline {
      color: #274a7f;
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 20px;
      text-transform: uppercase; }
    .faq__content-text {
      background: #f9f9f9;
      border-bottom: 1px solid #626262;
      border-top: 1px solid #626262;
      cursor: pointer;
      display: block;
      list-style: none;
      padding: 20px 25px;
      position: relative; }
      .faq__content-text ~ .faq__content-text {
        border-top: 0; }
    .faq__content label {
      font-size: 18px;
      display: block;
      line-height: 1;
      padding-right: 30px;
      width: 100%; }
      .faq__content label:after {
        padding: 0.4em;
        display: flex;
        align-items: center; }
    .faq__content p {
      margin-left: 0; }

.image-text {
  background-color: #f9f9f9;
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .image-text {
      padding: 55px 0; } }
  .image-text ul {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    padding-left: 0; }
    .image-text ul li {
      display: flex;
      align-items: center;
      margin-left: 0;
      list-style: none;
      line-height: 40px; }
      .image-text ul li:before {
        content: '\e810';
        font-size: 17px;
        font-family: 'fontello';
        color: #5774BA;
        speak: none;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        padding-right: 10px; }
  @media print {
    .image-text table {
      margin: 20px 0; } }
  .image-text > div {
    display: flex;
    align-items: flex-start; }
    @media print {
      .image-text > div {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 992px) {
      .image-text > div {
        flex-direction: column;
        width: 100%; } }
  .image-text img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px; }
    .image-text img[src$=".png"], .image-text img[src*=".png"] {
      box-shadow: none;
      padding-top: 30px; }
      @media screen and (max-width: 992px) {
        .image-text img[src$=".png"], .image-text img[src*=".png"] {
          padding-top: 0; } }
  .image-text__background-white {
    background-color: white; }
  .image-text__background-blue {
    background-color: #274a7f;
    color: white; }
    .image-text__background-blue .image-text__headline {
      color: white; }
      .image-text__background-blue .image-text__headline > * {
        color: white; }
  .image-text__background-green {
    background-color: #86AC48;
    color: white; }
    .image-text__background-green .image-text__headline {
      color: white; }
      .image-text__background-green .image-text__headline > * {
        color: white; }
  .image-text__imagecolor-black-white .image-text__item {
    filter: grayscale(100%);
    transition: all 0.5s ease; }
    .image-text__imagecolor-black-white .image-text__item:hover {
      filter: none; }
  .image-text__imagecolor-black-white .image-text__item--text {
    filter: none; }
  .image-text__imagecolor-black-white img {
    box-shadow: none; }
  .image-text h2, .image-text__headline {
    margin-bottom: 10px; }
  .image-text__cta {
    text-align: left;
    margin-top: 30px; }
    @media print {
      .image-text__cta {
        font-size: 23px;
        margin-top: 10px; } }
    @media screen and (max-width: 992px) {
      .image-text__cta {
        margin-top: 0.8em; }
        .image-text__cta a {
          font-size: 0.8em; } }
    .image-text__cta .btn, .image-text__cta .btn--small, .image-text__cta .blog .teaser--tags a, .blog .teaser--tags .image-text__cta a, .image-text__cta .blog_categories .box, .blog_categories .image-text__cta .box {
      border: 1px solid white; }
  .image-text__border-with {
    padding: 75px 0; }
    @media screen and (max-width: 767px) {
      .image-text__border-with {
        padding: 2em 1em; } }
  .image-text__item {
    vertical-align: top;
    display: inline-block;
    width: 45%; }
    @media screen and (max-width: 767px) {
      .image-text__item {
        width: 100%; }
        .image-text__item.image-text__item--image {
          order: 1;
          margin-bottom: 2em; }
        .image-text__item.image-text__item--text {
          order: 2; } }
    .image-text__item--text {
      text-align: left;
      width: 55%; }
      .image-text__item--text h1,
      .image-text__item--text h2,
      .image-text__item--text h3,
      .image-text__item--text h4,
      .image-text__item--text h5,
      .image-text__item--text h6 {
        max-width: 100%;
        text-align: left; }
      @media screen and (max-width: 992px) {
        .image-text__item--text {
          padding: 0;
          width: 100%; } }
      .image-text__item--text p {
        margin: 0;
        padding-bottom: 1em; }
        .image-text__item--text p ~ p {
          margin-bottom: 0; }
      .image-text__item--text table td,
      .image-text__item--text table th {
        padding: 0 5px; }
        .image-text__item--text table td ~ td,
        .image-text__item--text table td ~ th,
        .image-text__item--text table th ~ td,
        .image-text__item--text table th ~ th {
          word-break: break-word; }
      @media screen and (max-width: 767px) {
        .image-text__item--text table {
          margin-left: -22px; } }
      .image-text__item--text + .image-text__item--image {
        padding-left: 20px; }
        @media screen and (max-width: 767px) {
          .image-text__item--text + .image-text__item--image {
            padding-left: 0; } }
    .image-text__item + .image-text__item--text {
      padding-left: 20px; }
      @media screen and (max-width: 767px) {
        .image-text__item + .image-text__item--text {
          padding-left: 0; } }

.image__view {
  padding: 75px 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .image__view {
      padding: 55px 0; } }
  .image__view img {
    width: 100%; }
    .image__view img[src$=".jpg"] {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      border-radius: 5px; }
  .image__view-subline {
    font-size: 22px; }
    .image__view-subline + .image__view-text,
    .image__view-subline + .image__view-imagecontent {
      margin-top: 20px; }
  .image__view-text + .image__view-imagecontent {
    margin-top: 20px; }
  .image__view ol,
  .image__view ul {
    padding: 0 10px 0 0;
    margin: 30px 0; }
    .image__view ol li,
    .image__view ul li {
      align-items: center;
      font-size: 16px;
      margin-left: 0;
      list-style: none;
      margin-bottom: 25px;
      padding-left: 5px;
      position: relative; }
      .image__view ol li:before,
      .image__view ul li:before {
        content: '\e810';
        font-size: 17px;
        font-family: 'fontello';
        color: #5774BA;
        speak: none;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        padding-right: 10px; }
      .image__view ol li p,
      .image__view ul li p {
        display: inline-block;
        max-width: 80%;
        vertical-align: top;
        margin: 0; }

.gallery-three-six {
  position: relative;
  overflow: hidden; }
  .gallery-three-six:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .gallery-three-six__content {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    padding-bottom: 30px;
    padding-top: 5px; }
    .gallery-three-six__content:last-child {
      padding-bottom: 85px; }
    @media screen and (max-width: 992px) {
      .gallery-three-six__content {
        grid-template-columns: auto auto; } }
    @media screen and (max-width: 480px) {
      .gallery-three-six__content {
        grid-template-columns: auto; } }
  .gallery-three-six img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    height: 300px; }
    @media screen and (max-width: 992px) {
      .gallery-three-six img {
        height: auto;
        width: 100%; } }

.gallery {
  position: relative;
  overflow: hidden; }
  .gallery:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .gallery__content {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto auto;
    grid-gap: 20px;
    padding-bottom: 20px; }
    .gallery__content:last-child {
      padding-bottom: 85px; }
    @media screen and (max-width: 992px) {
      .gallery__content {
        grid-template-columns: auto; } }
    .gallery__content--image {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      max-height: 300px;
      overflow: hidden; }

.video-gallery {
  padding: 75px 0 0;
  position: relative;
  overflow: hidden; }
  .video-gallery:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 205px;
    left: 0;
    right: 0; }
  .video-gallery .gallery__content--image {
    background-size: cover;
    display: block;
    height: 300px;
    position: relative;
    width: 100%; }
    .video-gallery .gallery__content--image:hover .video__btn {
      opacity: 1;
      transform: scale(1.1); }
  .video-gallery .gallery__content--description {
    color: white;
    bottom: 1em;
    left: 1em;
    position: absolute;
    -moz-transform-style: preserve-3d; }
    .video-gallery .gallery__content--description__header, .video-gallery .gallery__content--description__subheader {
      display: block; }
    .video-gallery .gallery__content--description__subheader {
      font-size: 14px; }
  .video-gallery .gallery__content .video__btn {
    transition: all 0.4s;
    opacity: 0.4; }
  .video-gallery .video__btn {
    text-align: center;
    top: 45%;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .video-gallery .video__btn a {
      color: white;
      display: inline-block; }
      .video-gallery .video__btn a:before {
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        box-shadow: none;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 2em;
        text-align: center;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: none;
        content: '\e801';
        border: 1px solid white;
        border-radius: 100%;
        padding: 0.4em 0.3em 0.4em 0.4em;
        margin-right: 5px; }
      .video-gallery .video__btn a:hover {
        text-decoration: none; }
  .video-gallery .video__content {
    margin: 0 auto;
    left: 17%;
    display: none;
    position: fixed;
    top: 20%;
    width: 70%;
    transition: all 0.4s;
    z-index: 1000; }

#gallery-overlay {
  margin: 0 auto;
  left: 17%;
  display: none;
  position: fixed;
  top: 7vh;
  width: 70%;
  z-index: 1000; }
  @media screen and (max-width: 992px) {
    #gallery-overlay {
      left: 0;
      width: 100%; } }

#gallery-mask,
#gallery-overlay-mask,
.gallery-overlay-mask {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  transition: all 0.4s;
  width: 100%;
  z-index: 500; }

.gallery-three-six.bestand:before,
.gallery.bestand:before {
  background: #eff4e5; }

.gallery-three-six.finanzierung:before,
.gallery.finanzierung:before {
  background: #dae4f3; }

.headline-subline {
  position: relative;
  z-index: 20;
  text-align: center;
  max-width: 1080px;
  margin: 0 auto; }

.headline-subline--content {
  position: relative;
  margin: 0 auto; }

.headline-subline--headline {
  font-size: 95px;
  line-height: 98px;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .headline-subline--headline {
      word-break: break-word; } }

.headline-subline--subline p:first-child {
  margin-top: 0; }

.headline-subline--subline p:last-child {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .headline-subline--subline {
    word-break: break-word; } }

.headline-subline--description {
  text-align: left; }

.highchart {
  padding: 75px 0;
  position: relative;
  overflow: hidden; }
  .highchart:before {
    content: '';
    background: #f9f9f9;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 200px;
    left: 0;
    right: 0; }
  .highchart + .highchart:before {
    top: 0;
    height: 70%; }
  .highchart-subline {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 20px; }
  .highchart-chart {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    height: 400px;
    margin: 0 auto;
    margin-top: 10px;
    width: 100%; }
  .highchart-footnote {
    margin-top: 20px;
    margin-bottom: -10px;
    font-size: 14px; }
  .highchart-contextbutton {
    display: none; }
  .highchart-background {
    fill: none; }

.kpis {
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .kpis {
      padding: 55px 0; } }
  .kpis__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 45px; }
    @media screen and (max-width: 992px) {
      .kpis__content {
        display: block; } }
  .kpis__background-blue {
    background: #274a7f;
    color: white; }
    .kpis__background-blue .kpis__headline > *,
    .kpis__background-blue .kpis__subline {
      color: white; }
  .kpis__background-grey {
    background: #f9f9f9;
    color: #626262; }
    .kpis__background-grey .kpis__item .inner i:before {
      color: #b6c1cf; }
    .kpis__background-grey .kpis__value--text,
    .kpis__background-grey .kpis__desc {
      color: #626262; }
  .kpis__background-grey.not-fullwidth:before, .kpis__background-blue.not-fullwidth:before {
    content: '';
    position: absolute;
    left: -1500px;
    top: 0;
    bottom: 0;
    right: 50%;
    background: #f9f9f9; }
    @media screen and (max-width: 992px) {
      .kpis__background-grey.not-fullwidth:before, .kpis__background-blue.not-fullwidth:before {
        left: 0;
        background: transparent; } }
  .kpis__background-blue.not-fullwidth:before {
    background: #274a7f; }
    @media screen and (max-width: 992px) {
      .kpis__background-blue.not-fullwidth:before {
        background: transparent; } }
  .kpis__background-white {
    background: white;
    color: #626262; }
    .kpis__background-white .kpis__item .inner i:before {
      color: #b6c1cf; }
    .kpis__background-white .kpis__value--text,
    .kpis__background-white .kpis__desc {
      color: #626262; }
  .kpis__subline {
    font-size: 21px;
    line-height: 50px; }

.kpis__item {
  flex: 1;
  min-width: 25%;
  text-align: center;
  padding-right: 40px; }
  @media screen and (max-width: 767px) {
    .kpis__item {
      margin-bottom: 1em;
      padding-right: 0; } }
  .kpis__item .inner {
    position: relative;
    padding: 0;
    display: inline-block;
    text-align: left; }
    .kpis__item .inner i {
      display: block;
      text-align: center; }
      .kpis__item .inner i:before {
        display: block;
        margin-bottom: 15px; }
      .kpis__item .inner i.kpis__icon-size-normal:before {
        font-size: 60px; }
      .kpis__item .inner i.kpis__icon-size-large:before {
        font-size: 120px;
        margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .kpis__item .inner i {
          display: block;
          margin-right: 0; }
          .kpis__item .inner i:before {
            font-size: 3.5em !important; } }

.kpis__items_alignment-baseline .kpis__item {
  align-self: baseline; }

.kpis__value {
  display: inline-block;
  font-weight: 300; }
  .kpis__value span {
    display: block;
    margin-top: 0;
    text-align: center; }
    .kpis__value span p {
      margin: 0 0; }

.kpis__value--text {
  font-size: 21px;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
  line-height: 50px;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .kpis__value--text {
      word-break: break-word; } }

.kpis__desc {
  font-size: 16px;
  padding-bottom: 20px; }
  .kpis__desc p {
    line-height: 26px; }
  @media print {
    .kpis__desc {
      font-size: 12px; } }
  .kpis__desc a {
    color: #626262; }
    .kpis__desc a:hover {
      text-decoration: underline; }

.legal {
  padding: 0; }
  .legal__content {
    color: #333333;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 1em 5em;
    text-align: center;
    font-size: 14.5px; }
    @media screen and (max-width: 767px) {
      .legal__content {
        padding: 1em; } }
    .legal__content b {
      display: block;
      text-transform: uppercase; }

.maps-to-png {
  margin: 0;
  padding: 0; }
  .maps-to-png .maps {
    width: 100%;
    height: 100%;
    padding: 0; }
    .maps-to-png .maps .wrap {
      height: 100% !important;
      width: 100%;
      max-width: 100%;
      padding: 0;
      margin: 0; }
  .maps-to-png .marker {
    font-size: 14px; }
  .maps-to-png .mapboxgl-control-container {
    display: none !important; }

.maps {
  padding: 75px 0;
  position: relative; }
  @media screen and (max-width: 480px) {
    .maps {
      padding: 55px 0; } }
  .maps #map {
    width: 100%;
    height: 100%; }
    @media print {
      .maps #map {
        max-width: 7.5in; } }
  .maps_content-loupe {
    border-radius: 100%;
    border: 5px solid #fff;
    box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.3);
    display: none;
    height: 250px;
    right: 5em;
    overflow: hidden;
    position: absolute;
    top: 5em;
    transition: 0.3s ease-out;
    width: 250px; }
    @media screen and (max-width: 992px) {
      .maps_content-loupe {
        height: 250px;
        width: 250px; } }
    @media screen and (max-width: 480px) {
      .maps_content-loupe {
        height: 200px;
        width: 200px;
        right: 2em;
        top: 2em; } }
    .maps_content-loupe__content {
      width: 100%;
      height: 100%; }
      .maps_content-loupe__content img {
        width: 100%;
        height: 100%; }
    .maps_content-loupe__container {
      position: absolute;
      width: auto;
      height: 30px;
      left: 0;
      right: 0;
      margin: auto;
      top: calc(50% - 35px);
      text-align: center; }
      @media screen and (max-width: 480px) {
        .maps_content-loupe__container {
          top: calc(50% - 30px); } }
    .maps_content-loupe__marker {
      background-color: #23497f;
      color: white;
      font-weight: bold;
      font-size: 15px;
      display: inline-block;
      height: 20px;
      line-height: 20px;
      text-transform: uppercase;
      width: auto;
      padding: 0 20px; }
      @media screen and (max-width: 480px) {
        .maps_content-loupe__marker {
          font-size: 15px;
          height: 25px;
          line-height: 25px; } }
      .maps_content-loupe__marker:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #23497f;
        content: '';
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: 22px;
        width: 0; }
        @media screen and (max-width: 480px) {
          .maps_content-loupe__marker:after {
            top: 25px; } }
  .maps__container {
    position: relative; }
    .maps__container:before {
      content: '';
      background: #274a7f;
      display: block;
      height: 710px;
      position: absolute;
      width: 100%;
      max-width: 1080px;
      top: -30px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 480px) {
        .maps__container:before {
          display: none; } }
    .maps__container.bestand:before {
      background: #eff4e5; }
    .maps__container.bestand .marker,
    .maps__container.bestand .maps_content-loupe__marker {
      background: #86AC48; }
    .maps__container.bestand .marker:after,
    .maps__container.bestand .maps_content-loupe__marker:after {
      border-top-color: #86AC48; }
    .maps__container.finanzierung:before {
      background: #dae4f3; }
    .maps__container.finanzierung .marker,
    .maps__container.finanzierung .maps_content-loupe__marker {
      background: #3968AF; }
    .maps__container.finanzierung .marker:after,
    .maps__container.finanzierung .maps_content-loupe__marker:after {
      border-top-color: #3968AF; }

.marker {
  background-size: cover;
  background-color: #23497f;
  cursor: pointer;
  color: white;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 20px;
  width: auto; }
  @media screen and (max-width: 480px) {
    .marker {
      font-size: 12px;
      height: 24px;
      line-height: 24px; } }
  @media print {
    .marker {
      font-size: 12px; } }
  .marker:empty {
    display: none !important; }
  .marker:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #23497f;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 30px;
    width: 0; }
    @media screen and (max-width: 480px) {
      .marker:after {
        top: 24px; } }

.products {
  background: #f9f9f9;
  padding: 75px 0;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .products {
      padding: 55px 0; } }
  .products .wrap.masonry-grid {
    margin-top: 30px;
    padding: 0 5%; }
    @media screen and (max-width: 767px) {
      .products .wrap.masonry-grid {
        padding: 0 25px; } }
  .products:before {
    content: '';
    background: white;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 550px;
    left: 0;
    right: 0; }
  .products .teaser {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #626262;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.4s; }
    .products .teaser a {
      color: #626262;
      text-decoration: none; }
    .products .teaser--image {
      text-align: center;
      height: 130px; }
      .products .teaser--image img {
        border-radius: 100%;
        margin-top: 30px;
        height: 130px;
        width: 130px; }
    .products .teaser--container {
      padding-top: 40px; }
      .products .teaser--container__headline {
        font-size: 27px; }
      .products .teaser--container p {
        font-size: 16px;
        margin: 0;
        padding: 0.4em 1.5em 1em; }
        @media screen and (min-width: 767px) {
          .products .teaser--container p {
            height: 8em; } }
      .products .teaser--container ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center; }
        .products .teaser--container ul li {
          font-size: 14px;
          font-weight: bold;
          border-bottom: 1px solid #ededf3;
          text-align: left;
          padding-left: 5em;
          padding-right: 0.5em;
          height: 5em;
          display: flex;
          align-items: center;
          position: relative; }
          .products .teaser--container ul li:first-child {
            border-top: 1px solid #ededf3; }
          .products .teaser--container ul li:last-child {
            border-bottom: 0; }
          .products .teaser--container ul li:before {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            font-size: 25px;
            box-shadow: none;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            margin-right: 0;
            text-align: center;
            margin-left: .5em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e810';
            text-shadow: none;
            position: absolute;
            left: 10px;
            top: 27%; }
          @media screen and (max-width: 767px) {
            .products .teaser--container ul li {
              height: auto;
              padding: 0.7em 1em 0.7em 5em; } }
    .products .teaser--content {
      padding: 25px 15px;
      position: relative;
      overflow: hidden;
      transition: all 0.4s; }
    .products .teaser--link {
      position: absolute;
      bottom: 25px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .products .teaser--link {
          bottom: 0;
          margin: 20px 0;
          position: relative; } }
      .products .teaser--link .btn, .products .teaser--link .btn--small, .products .teaser--link .blog .teaser--tags a, .blog .teaser--tags .products .teaser--link a, .products .teaser--link .blog_categories .box, .blog_categories .products .teaser--link .box {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        font-weight: bold;
        padding: 20px 80px; }
        @media screen and (max-width: 767px) {
          .products .teaser--link .btn, .products .teaser--link .btn--small, .products .teaser--link .blog .teaser--tags a, .blog .teaser--tags .products .teaser--link a, .products .teaser--link .blog_categories .box, .blog_categories .products .teaser--link .box {
            padding: 13px 50px;
            width: 90%; } }

.product_finanzierung .teaser--image {
  background: #dae4f3; }

.product_finanzierung .teaser--link .btn, .product_finanzierung .teaser--link .btn--small, .product_finanzierung .teaser--link .blog .teaser--tags a, .blog .teaser--tags .product_finanzierung .teaser--link a, .product_finanzierung .teaser--link .blog_categories .box, .blog_categories .product_finanzierung .teaser--link .box {
  background: #3968AF; }

.product_finanzierung .teaser--container__headline,
.product_finanzierung li:before {
  color: #3968AF; }

.product_finanzierung .teaser--link .btn, .product_finanzierung .teaser--link .btn--small, .product_finanzierung .teaser--link .blog .teaser--tags a, .blog .teaser--tags .product_finanzierung .teaser--link a, .product_finanzierung .teaser--link .blog_categories .box, .blog_categories .product_finanzierung .teaser--link .box {
  border-color: #3968AF; }

.product_bestand .teaser--image {
  background: #eff4e5; }

.product_bestand .teaser--link .btn, .product_bestand .teaser--link .btn--small, .product_bestand .teaser--link .blog .teaser--tags a, .blog .teaser--tags .product_bestand .teaser--link a, .product_bestand .teaser--link .blog_categories .box, .blog_categories .product_bestand .teaser--link .box {
  background: #86AC48; }

.product_bestand .teaser--container__headline,
.product_bestand li:before {
  color: #86AC48; }

.product_bestand .teaser--link .btn, .product_bestand .teaser--link .btn--small, .product_bestand .teaser--link .blog .teaser--tags a, .blog .teaser--tags .product_bestand .teaser--link a, .product_bestand .teaser--link .blog_categories .box, .blog_categories .product_bestand .teaser--link .box {
  border-color: #86AC48; }

.stage {
  overflow: hidden;
  position: relative; }
  .stage .btn.primary, .stage .primary.btn--small, .stage .blog .teaser--tags a.primary, .blog .teaser--tags .stage a.primary, .stage .blog_categories .primary.box, .blog_categories .stage .primary.box {
    background: #264A7E;
    color: white; }
  .stage .btn.primary::after, .stage .primary.btn--small::after, .stage .blog .teaser--tags a.primary::after, .blog .teaser--tags .stage a.primary::after, .stage .blog_categories .primary.box::after, .blog_categories .stage .primary.box::after {
    color: white; }
  .stage .btn.secondary::after, .stage .secondary.btn--small::after, .stage .blog .teaser--tags a.secondary::after, .blog .teaser--tags .stage a.secondary::after, .stage .blog_categories .secondary.box::after, .blog_categories .stage .secondary.box::after {
    color: #264A7E;
    content: "\e801";
    font-size: 18px;
    top: 12px; }
  .stage__image {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*@media screen and (max-width: $screen-xs) {*/ }
    @supports (-webkit-overflow-scrolling: touch) {
      .stage__image {
        background-attachment: scroll !important;
        /* fix for IOS */ } }
    @media screen and (max-width: 992px) {
      .product .stage__image {
        height: 40em; } }
  .stage:before {
    content: '';
    background: linear-gradient(to bottom, rgba(90, 91, 92, 0.5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
  .stage.gallery-stage:before {
    background: none; }
  .stage.gallery-stage .carousel__track .carousel__slide:before {
    content: '';
    background: linear-gradient(to bottom, rgba(90, 91, 92, 0.5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
  .stage > div {
    text-align: left; }
  .stage__content {
    margin: 0 auto;
    max-width: 1080px;
    min-height: 100vh;
    padding: 280px 0 200px 100px;
    position: relative;
    text-align: center;
    z-index: 20; }
    @media screen and (max-width: 992px) {
      .stage__content {
        padding: 30vh 20px 25vh; }
        .gallery-stage .stage__content {
          padding: 15vh 10vh 0 10vh; } }
    .product .stage__content {
      padding: 200px 0 100px 100px;
      min-height: 100%; }
      .product .stage__content:after {
        content: "";
        float: none;
        display: table; }
      .product .stage__content .stage__headline {
        font-size: 60px;
        line-height: 1;
        margin-bottom: 7px;
        max-width: 100%; }
        @media screen and (max-width: 992px) {
          .product .stage__content .stage__headline {
            font-size: 8.9vw; } }
      .product .stage__content .stage__subline {
        margin-bottom: 2em; }
      .product .stage__content .stage__button {
        color: white;
        cursor: pointer;
        display: inline-block;
        margin-right: 1em; }
      .product .stage__content .stage__contentbox {
        float: left;
        padding: 7em 1em 7em 0;
        width: 55%; }
        @media screen and (max-width: 992px) {
          .product .stage__content .stage__contentbox {
            padding: 3em 2em 1em 0; } }
      .product .stage__content .stage__keyfacts {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 5px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        float: right;
        width: 350px; }
        .product .stage__content .stage__keyfacts small {
          font-size: 70%; }
        .product .stage__content .stage__keyfacts__title {
          border-radius: 5px 5px 0 0;
          color: white;
          font-size: 16px;
          padding: 0.5em;
          text-align: center;
          text-transform: uppercase;
          background: #274a7f; }
        .product .stage__content .stage__keyfacts__content-highlights {
          padding: 1em 1em 0.5em 1em; }
          .product .stage__content .stage__keyfacts__content-highlights > div {
            display: inline-block;
            width: 49%;
            padding: 0 0.5em;
            text-align: center;
            vertical-align: top; }
          .product .stage__content .stage__keyfacts__content-highlights small:first-child {
            min-height: 1.3em; }
          .product .stage__content .stage__keyfacts__content-highlights small,
          .product .stage__content .stage__keyfacts__content-highlights strong {
            display: block;
            text-transform: uppercase; }
          .product .stage__content .stage__keyfacts__content-highlights strong {
            font-size: 20px; }
            .product .stage__content .stage__keyfacts__content-highlights strong + small {
              line-height: 1.2;
              margin-top: 5px;
              text-transform: unset; }
          .product .stage__content .stage__keyfacts__content-highlights .left {
            border-right: 1px solid #c7c7c7; }
        .product .stage__content .stage__keyfacts__content ul {
          margin: 0;
          list-style: none;
          padding: 0; }
          .product .stage__content .stage__keyfacts__content ul li {
            border-bottom: 1px solid #c7c7c7;
            display: flex;
            padding: 0.5em 1em; }
            .product .stage__content .stage__keyfacts__content ul li span {
              font-size: 12px; }
              .product .stage__content .stage__keyfacts__content ul li span:last-child {
                flex: 1;
                text-align: right; }
              .product .stage__content .stage__keyfacts__content ul li span.value {
                font-weight: bold; }
        .product .stage__content .stage__keyfacts .exporo-progress {
          padding: calc(0.5em - 10px) calc(1em - 10px); }
        .product .stage__content .stage__keyfacts__ratings {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px; }
          .product .stage__content .stage__keyfacts__ratings--selected-AA .stage__keyfacts__rating--aa,
          .product .stage__content .stage__keyfacts__ratings--selected-A .stage__keyfacts__rating--a,
          .product .stage__content .stage__keyfacts__ratings--selected-B .stage__keyfacts__rating--b,
          .product .stage__content .stage__keyfacts__ratings--selected-C .stage__keyfacts__rating--c,
          .product .stage__content .stage__keyfacts__ratings--selected-D .stage__keyfacts__rating--d,
          .product .stage__content .stage__keyfacts__ratings--selected-E .stage__keyfacts__rating--e,
          .product .stage__content .stage__keyfacts__ratings--selected-F .stage__keyfacts__rating--f {
            font-size: 1.6em; }
        .product .stage__content .stage__keyfacts__rating {
          color: white;
          font-size: 0.8em;
          border-radius: 100%;
          width: 2em;
          height: 2em;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 2px;
          font-weight: 400; }
          .product .stage__content .stage__keyfacts__rating--link {
            display: block;
            transition: all 0.5s ease-out; }
            .product .stage__content .stage__keyfacts__rating--link:focus, .product .stage__content .stage__keyfacts__rating--link:hover {
              opacity: 0.8;
              text-decoration: none; }
              .product .stage__content .stage__keyfacts__rating--link:focus > *, .product .stage__content .stage__keyfacts__rating--link:hover > * {
                text-decoration: none; }
          .product .stage__content .stage__keyfacts__rating--aa {
            background-color: #b6c1cf; }
          .product .stage__content .stage__keyfacts__rating--a {
            background-color: #274a7f; }
          .product .stage__content .stage__keyfacts__rating--b {
            background-color: #1e73be; }
          .product .stage__content .stage__keyfacts__rating--c {
            background-color: #82bc24; }
          .product .stage__content .stage__keyfacts__rating--d {
            background-color: #c1da00; }
          .product .stage__content .stage__keyfacts__rating--e {
            background-color: #fae100; }
          .product .stage__content .stage__keyfacts__rating--f {
            background-color: #fba609; }
        .product .stage__content .stage__keyfacts__button {
          text-align: center;
          padding: 1em;
          padding-top: calc(1em - 10px); }
          .product .stage__content .stage__keyfacts__button .btn, .product .stage__content .stage__keyfacts__button .btn--small, .product .stage__content .stage__keyfacts__button .blog .teaser--tags a, .blog .teaser--tags .product .stage__content .stage__keyfacts__button a, .product .stage__content .stage__keyfacts__button .blog_categories .box, .blog_categories .product .stage__content .stage__keyfacts__button .box {
            color: white;
            background: #274a7f;
            margin-top: 0;
            padding: 10px 20px;
            width: 100%;
            text-align: center; }
            .product .stage__content .stage__keyfacts__button .btn:after, .product .stage__content .stage__keyfacts__button .btn--small:after, .product .stage__content .stage__keyfacts__button .blog .teaser--tags a:after, .blog .teaser--tags .product .stage__content .stage__keyfacts__button a:after, .product .stage__content .stage__keyfacts__button .blog_categories .box:after, .blog_categories .product .stage__content .stage__keyfacts__button .box:after {
              content: "";
              width: 0; }
        .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__title,
        .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .btn,
        .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .btn--small,
        .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog .teaser--tags a,
        .blog .teaser--tags .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button a,
        .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog_categories .box,
        .blog_categories .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .box {
          background: #86AC48; }
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__title.coming-soon,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .btn.coming-soon,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .coming-soon.btn--small,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog .teaser--tags a.coming-soon,
          .blog .teaser--tags .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button a.coming-soon,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog_categories .coming-soon.box,
          .blog_categories .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .coming-soon.box {
            background: #f0ad4e; }
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__title.funded,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .btn.funded,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .funded.btn--small,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog .teaser--tags a.funded,
          .blog .teaser--tags .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button a.funded,
          .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .blog_categories .funded.box,
          .blog_categories .product .stage__content .stage__keyfacts.bestand .stage__keyfacts__button .funded.box {
            background: #91908f;
            cursor: not-allowed; }
        .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__title,
        .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .btn,
        .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .btn--small,
        .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog .teaser--tags a,
        .blog .teaser--tags .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button a,
        .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog_categories .box,
        .blog_categories .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .box {
          background: #3968AF; }
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__title.coming-soon,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .btn.coming-soon,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .coming-soon.btn--small,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog .teaser--tags a.coming-soon,
          .blog .teaser--tags .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button a.coming-soon,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog_categories .coming-soon.box,
          .blog_categories .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .coming-soon.box {
            background: #f0ad4e; }
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__title.funded,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .btn.funded,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .funded.btn--small,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog .teaser--tags a.funded,
          .blog .teaser--tags .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button a.funded,
          .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .blog_categories .funded.box,
          .blog_categories .product .stage__content .stage__keyfacts.finanzierung .stage__keyfacts__button .funded.box {
            background: #91908f;
            cursor: not-allowed; }
      @media screen and (max-width: 992px) {
        .product .stage__content {
          display: block;
          padding: 10vh 20px 1vh;
          overflow: auto;
          min-height: auto; }
          .product .stage__content .stage__contentbox,
          .product .stage__content .stage__keyfacts {
            display: block;
            float: none;
            width: 100%; } }
  .stage__headline {
    color: white;
    font-size: 95px;
    font-weight: 400;
    line-height: 98px;
    letter-spacing: -2px;
    margin: 0;
    margin-bottom: 15px;
    max-width: 95%;
    position: relative;
    text-align: left; }
    @media screen and (max-width: 992px) {
      .stage__headline {
        font-size: 40px;
        line-height: 70px;
        max-width: 100%;
        word-break: break-word; } }
    @media screen and (max-width: 480px) {
      .stage__headline {
        font-size: 8.9vw;
        line-height: 35px;
        letter-spacing: -1px;
        max-width: 90%;
        margin-bottom: 10px;
        word-break: break-word; } }
  .stage__subline {
    color: white;
    text-align: left;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    max-width: 60%;
    text-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2); }
    .product .stage__subline {
      max-width: 100%; }
    @media screen and (max-width: 992px) {
      .stage__subline {
        font-size: 20px;
        max-width: 100%; } }
    @media screen and (max-width: 480px) {
      .stage__subline {
        line-height: 23px;
        font-size: 18px; } }
  .stage .btn, .stage .btn--small, .stage .blog .teaser--tags a, .blog .teaser--tags .stage a, .stage .blog_categories .box, .blog_categories .stage .box {
    background: white;
    color: #626262;
    font-size: 12px;
    margin-top: 55px;
    margin-right: 20px;
    line-height: 21px;
    padding: 10px 50px 10px 30px;
    position: relative;
    text-align: left; }
    @media screen and (max-width: 480px) {
      .stage .btn, .stage .btn--small, .stage .blog .teaser--tags a, .blog .teaser--tags .stage a, .stage .blog_categories .box, .blog_categories .stage .box {
        margin-top: 45px;
        margin-bottom: 10px; }
        .stage .btn.secondary, .stage .secondary.btn--small, .stage .blog .teaser--tags a.secondary, .blog .teaser--tags .stage a.secondary, .stage .blog_categories .secondary.box, .blog_categories .stage .secondary.box {
          margin-top: 10px; } }
    .stage .btn ~ .btn, .stage .btn--small ~ .btn, .stage .blog .teaser--tags a ~ .btn, .blog .teaser--tags .stage a ~ .btn, .stage .blog_categories .box ~ .btn, .blog_categories .stage .box ~ .btn, .stage .btn ~ .btn--small, .stage .btn--small ~ .btn--small, .stage .blog .teaser--tags a ~ .btn--small, .blog .teaser--tags .stage a ~ .btn--small, .stage .blog_categories .box ~ .btn--small, .blog_categories .stage .box ~ .btn--small, .stage .blog .teaser--tags .btn ~ a, .blog .teaser--tags .stage .btn ~ a, .stage .blog .teaser--tags .btn--small ~ a, .blog .teaser--tags .stage .btn--small ~ a, .stage .blog .teaser--tags a ~ a, .blog .teaser--tags .stage a ~ a, .stage .blog_categories .blog .teaser--tags .box ~ a, .blog .teaser--tags .stage .blog_categories .box ~ a, .blog_categories .stage .blog .teaser--tags .box ~ a, .blog .teaser--tags .blog_categories .stage .box ~ a, .stage .blog_categories .btn ~ .box, .blog_categories .stage .btn ~ .box, .stage .blog_categories .btn--small ~ .box, .blog_categories .stage .btn--small ~ .box, .stage .blog .teaser--tags .blog_categories a ~ .box, .blog_categories .stage .blog .teaser--tags a ~ .box, .blog .teaser--tags .stage .blog_categories a ~ .box, .blog_categories .blog .teaser--tags .stage a ~ .box, .stage .blog_categories .box ~ .box, .blog_categories .stage .box ~ .box {
      margin-left: 20px;
      margin-top: 15px; }
      @media screen and (max-width: 480px) {
        .stage .btn ~ .btn, .stage .btn--small ~ .btn, .stage .blog .teaser--tags a ~ .btn, .blog .teaser--tags .stage a ~ .btn, .stage .blog_categories .box ~ .btn, .blog_categories .stage .box ~ .btn, .stage .btn ~ .btn--small, .stage .btn--small ~ .btn--small, .stage .blog .teaser--tags a ~ .btn--small, .blog .teaser--tags .stage a ~ .btn--small, .stage .blog_categories .box ~ .btn--small, .blog_categories .stage .box ~ .btn--small, .stage .blog .teaser--tags .btn ~ a, .blog .teaser--tags .stage .btn ~ a, .stage .blog .teaser--tags .btn--small ~ a, .blog .teaser--tags .stage .btn--small ~ a, .stage .blog .teaser--tags a ~ a, .blog .teaser--tags .stage a ~ a, .stage .blog_categories .blog .teaser--tags .box ~ a, .blog .teaser--tags .stage .blog_categories .box ~ a, .blog_categories .stage .blog .teaser--tags .box ~ a, .blog .teaser--tags .blog_categories .stage .box ~ a, .stage .blog_categories .btn ~ .box, .blog_categories .stage .btn ~ .box, .stage .blog_categories .btn--small ~ .box, .blog_categories .stage .btn--small ~ .box, .stage .blog .teaser--tags .blog_categories a ~ .box, .blog_categories .stage .blog .teaser--tags a ~ .box, .blog .teaser--tags .stage .blog_categories a ~ .box, .blog_categories .blog .teaser--tags .stage a ~ .box, .stage .blog_categories .box ~ .box, .blog_categories .stage .box ~ .box {
          margin-left: 0; } }
    .stage .btn:after, .stage .btn--small:after, .stage .blog .teaser--tags a:after, .blog .teaser--tags .stage a:after, .stage .blog_categories .box:after, .blog_categories .stage .box:after {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      box-shadow: none;
      color: #274a7f;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 2em;
      margin-right: 0;
      text-align: center;
      line-height: 1em;
      margin-left: .5em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\e803';
      text-shadow: none;
      position: absolute;
      right: 0;
      top: 25%; }
  .stage__link {
    margin-top: 40px;
    max-width: 70%; }
    @media screen and (max-width: 992px) {
      .stage__link {
        line-height: 1.2;
        max-width: 100%; } }
  .stage__image {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
  .stage .stage__scrolldown {
    position: absolute;
    bottom: 0;
    height: 130px;
    width: 145px;
    left: auto;
    right: -13vw; }
    .stage .stage__scrolldown #scrolldown-circle {
      animation: bounce 1s infinite alternate; }
    @media screen and (max-width: 767px) {
      .stage .stage__scrolldown {
        display: none; } }
  .stage.stage--slim:before {
    background-color: rgba(0, 0, 0, 0.5); }
  .stage.stage--slim .stage__content {
    min-height: 50vh;
    padding: 180px 60px 120px 60px; }
  .stage.stage--slim .stage__headline {
    font-size: 60px;
    margin-bottom: 5px; }
  .stage.stage--slim .stage__subline {
    max-width: 100%; }
  @media screen and (max-width: 480px) {
    .stage.stage--slim:before {
      background-color: rgba(0, 0, 0, 0.65); }
    .stage.stage--slim .stage__content {
      padding: 120px 30px 80px 30px; }
    .stage.stage--slim .stage__headline {
      font-size: 32px; }
    .stage.stage--slim .stage__subline {
      font-size: 14px; } }
  .stage #open-video,
  .stage #open-gallery {
    color: white;
    cursor: pointer;
    display: inline-block;
    margin-right: 1em; }
    .stage #open-video:before,
    .stage #open-gallery:before {
      font-family: fontello;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      box-shadow: none;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 2em;
      text-align: center;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: none;
      content: '\e801';
      border: 1px solid white;
      border-radius: 100%;
      padding: 0.4em 0.3em 0.4em 0.6em;
      margin-right: 5px; }
    .stage #open-video:hover, .stage #open-video:focus,
    .stage #open-gallery:hover,
    .stage #open-gallery:focus {
      text-decoration: none; }
    @media screen and (max-width: 992px) {
      .stage #open-video,
      .stage #open-gallery {
        display: block;
        margin-bottom: 15px; } }
  .stage #open-gallery:before {
    content: '\e82D';
    padding: 0.4em 1.4em 0.4em 0.5em; }
  .stage #stage-video,
  .stage #stage-gallery {
    margin: 0 auto;
    left: 17%;
    display: none;
    position: fixed;
    top: 7vh;
    width: 70%;
    z-index: 1000001; }
    .stage #stage-video:target,
    .stage #stage-video:target ~ #stage-mask,
    .stage #stage-gallery:target,
    .stage #stage-gallery:target ~ #stage-mask {
      display: block; }
    @media screen and (max-width: 992px) {
      .stage #stage-video,
      .stage #stage-gallery {
        left: 0;
        width: 100%; } }
  @media screen and (max-width: 992px) {
    .stage .gallery__content .carousel {
      display: none; } }
  .stage .gallery__content .gallery-stage.mobile {
    display: none; }
    @media screen and (max-width: 992px) {
      .stage .gallery__content .gallery-stage.mobile {
        display: block;
        height: 100%;
        cursor: grab;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: unset;
        justify-content: unset; }
        .stage .gallery__content .gallery-stage.mobile img {
          flex: 0 0 45px;
          height: auto;
          width: 100%; } }

.stage__subheader {
  /*display: none;*/
  background-color: rgba(255, 255, 255, 0);
  height: 0;
  transition: 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white; }
  @media screen and (max-width: 992px) {
    .stage__subheader {
      white-space: nowrap;
      -ms-overflow-style: none;
      overflow-x: scroll; } }
  .stage__subheader::-webkit-scrollbar {
    display: none; }
  .stage__subheader.subheader__fix {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    height: 3em;
    /*display: block;*/
    top: 60px;
    z-index: 30; }
    .stage__subheader.subheader__fix .underbar {
      width: 0;
      height: 3px;
      background: rgba(100, 100, 200, 0);
      top: calc(100% - 3px);
      position: absolute;
      -webkit-transition: 0.5s ease; }
    .stage__subheader.subheader__fix a {
      display: inline-block;
      font-size: 16px;
      padding-right: 2em;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 100%;
      vertical-align: top;
      -webkit-transition: 0.5s ease;
      cursor: pointer;
      position: relative; }
      .stage__subheader.subheader__fix a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        height: 3px;
        width: 0;
        transition: width 0.4s ease-out;
        background: white;
        top: calc(100% - 3px); }
      .stage__subheader.subheader__fix a:hover, .stage__subheader.subheader__fix a:active, .stage__subheader.subheader__fix a.active, .stage__subheader.subheader__fix a:focus {
        text-decoration: none; }
        .stage__subheader.subheader__fix a:hover:after, .stage__subheader.subheader__fix a:active:after, .stage__subheader.subheader__fix a.active:after, .stage__subheader.subheader__fix a:focus:after {
          width: calc(100% - 2em);
          right: auto;
          left: 0; }
    .stage__subheader.subheader__fix.right a:after {
      right: auto;
      left: 0; }
    .stage__subheader.subheader__fix.right a:hover:after, .stage__subheader.subheader__fix.right a:active:after, .stage__subheader.subheader__fix.right a.active:after, .stage__subheader.subheader__fix.right a:focus:after {
      width: 100%;
      right: 0;
      left: auto; }
    .stage__subheader.subheader__fix.bestand, .stage__subheader.subheader__fix.finanzierung {
      background: #86AC48;
      opacity: 0.9; }
      .stage__subheader.subheader__fix.bestand a, .stage__subheader.subheader__fix.finanzierung a {
        color: white; }
    .stage__subheader.subheader__fix.finanzierung {
      background: #3968AF; }

.close {
  display: block;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 1%;
  right: 1%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  color: white;
  font-weight: 700;
  border: 1px solid white;
  border-radius: 100%;
  z-index: 1; }
  .close:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    box-shadow: none;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    content: '\e81e';
    transition: all 0.15s;
    vertical-align: super; }
  .close:hover:before {
    color: white;
    transform: rotate(180deg); }
  @media screen and (max-width: 992px) {
    .close {
      right: 5px;
      top: -35px; } }

.scroll-offset {
  padding-top: 150px !important;
  transition: all 0.4s; }
  .scroll-offset .table-block__headline {
    padding-top: 0; }

#subheader-container {
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
  height: 100%;
  line-height: 3em;
  padding-left: 25px;
  position: relative; }
  @media screen and (min-width: 992px) {
    #subheader-container {
      overflow: hidden; } }

#stage-mask {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  transition: all 0.4s;
  width: 100%;
  z-index: 999999; }

.bestand .btn, .bestand .btn--small, .bestand .blog .teaser--tags a, .blog .teaser--tags .bestand a, .bestand .blog_categories .box, .blog_categories .bestand .box,
.btn[href*="bestand"],
.btn--small[href*="bestand"],
.blog .teaser--tags a[href*="bestand"],
.blog_categories .box[href*="bestand"] {
  background: white;
  color: #626262; }
  .bestand .btn:after, .bestand .btn--small:after, .bestand .blog .teaser--tags a:after, .blog .teaser--tags .bestand a:after, .bestand .blog_categories .box:after, .blog_categories .bestand .box:after,
  .btn[href*="bestand"]:after,
  .btn--small[href*="bestand"]:after,
  .blog .teaser--tags a[href*="bestand"]:after,
  .blog_categories .box[href*="bestand"]:after {
    color: #86AC48; }

.finanzierung .btn, .finanzierung .btn--small, .finanzierung .blog .teaser--tags a, .blog .teaser--tags .finanzierung a, .finanzierung .blog_categories .box, .blog_categories .finanzierung .box,
.btn[href*="finanzierung"],
.btn--small[href*="finanzierung"],
.blog .teaser--tags a[href*="finanzierung"],
.blog_categories .box[href*="finanzierung"] {
  background: white;
  color: #626262; }
  .finanzierung .btn:after, .finanzierung .btn--small:after, .finanzierung .blog .teaser--tags a:after, .blog .teaser--tags .finanzierung a:after, .finanzierung .blog_categories .box:after, .blog_categories .finanzierung .box:after,
  .btn[href*="finanzierung"]:after,
  .btn--small[href*="finanzierung"]:after,
  .blog .teaser--tags a[href*="finanzierung"]:after,
  .blog_categories .box[href*="finanzierung"]:after {
    color: #3968AF; }

@-webkit-keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }

@-moz-keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }

@-ms-keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }

@-o-keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }

@keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }

#wistia-rz2thsodqy-1_popover {
  z-index: 1000000 !important; }

#wistia-rz2thsodqy-1_popover_popover_close_button {
  z-index: 1000001 !important; }

.usp {
  padding: 25px 0 20px 0; }
  .usp .wrap {
    display: flex; }
    @media screen and (max-width: 992px) {
      .usp .wrap {
        display: block; } }
  .usp__background-blue {
    background: #274a7f;
    color: white; }
  .usp__background-grey {
    background: #f9f9f9;
    color: #333333; }
  .usp__background-white {
    background: white;
    color: #333333; }
  .usp__item {
    flex: 2;
    text-align: center; }
    .usp__item:last-child {
      align-self: flex-end;
      flex: 1; }
      @media print {
        .usp__item:last-child {
          display: none; } }
    .usp__item .btn, .usp__item .btn--small, .usp__item .blog .teaser--tags a, .blog .teaser--tags .usp__item a, .usp__item .blog_categories .box, .blog_categories .usp__item .box {
      display: inline-block; }
      @media screen and (max-width: 992px) {
        .usp__item .btn, .usp__item .btn--small, .usp__item .blog .teaser--tags a, .blog .teaser--tags .usp__item a, .usp__item .blog_categories .box, .blog_categories .usp__item .box {
          margin-top: 30px;
          margin-bottom: 20px; } }
  .usp ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left; }
    .usp ul li {
      list-style: none;
      padding: 0 1em 1em 1em; }

.container-block + .usp {
  margin-top: 50px; }

.benefits + .usp {
  margin-top: 0 !important; }

.video {
  padding: 75px 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .video {
      padding: 55px 0; } }
  .video .wistia_responsive_wrapper,
  .video .video__container {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
  .video .video__iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden; }
    .video .video__iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video.centered {
    background: #b6c1cf;
    overflow: hidden; }
    .video.centered:before {
      content: '';
      background: white;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 450px;
      left: 0;
      right: 0; }
      @media screen and (max-width: 767px) {
        .video.centered:before {
          display: none; } }
    .video.centered .video__content {
      padding: 0 20%;
      margin-top: 3em; }
      @media screen and (max-width: 767px) {
        .video.centered .video__content {
          padding: 0; } }
    .video.centered.bestand {
      background: #eff4e5; }
    .video.centered.finanzierung {
      background: #dae4f3; }
  .video.fullwidth {
    background: black;
    height: 100%;
    overflow: hidden;
    padding: 0; }
    @media screen and (max-width: 767px) {
      .video.fullwidth {
        padding: 0; } }
    .video.fullwidth .video__text {
      display: none; }
    .video.fullwidth #video {
      margin: 0 auto;
      left: 17%;
      display: none;
      position: fixed;
      top: 20%;
      width: 70%;
      z-index: 1000; }
      .video.fullwidth #video:target,
      .video.fullwidth #video:target + #mask {
        display: block; }
    .video.fullwidth .close {
      display: block;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 1%;
      right: 1%;
      height: 30px;
      width: 30px;
      line-height: 30px;
      text-decoration: none;
      text-align: center;
      color: white;
      font-weight: 700;
      border: 1px solid white;
      border-radius: 100%;
      z-index: 1; }
      .video.fullwidth .close:before {
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        box-shadow: none;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        line-height: 30px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: none;
        content: '\e81e';
        transition: all 0.15s;
        vertical-align: super; }
    .video.fullwidth .video__image {
      background-attachment: fixed !important;
      background-color: black !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      height: 500px;
      opacity: 0.7;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .video.fullwidth .video__image {
          height: 450px;
          background-attachment: scroll !important; } }
      @media screen and (max-width: 991px) {
        .video.fullwidth .video__image {
          height: 350px; } }
      @media screen and (max-width: 767px) {
        .video.fullwidth .video__image {
          height: 250px; } }
    .video.fullwidth .video__btn {
      width: 100%;
      text-align: center;
      top: 45%;
      position: absolute;
      z-index: 2; }
      .video.fullwidth .video__btn a:hover {
        text-decoration: none; }
    .video.fullwidth #open-overlay {
      color: white;
      display: inline-block; }
      .video.fullwidth #open-overlay:before {
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        box-shadow: none;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 2em;
        text-align: center;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: none;
        content: '\e801';
        border: 1px solid white;
        border-radius: 100%;
        padding: 0.4em 0.3em 0.4em 0.4em;
        margin-right: 5px; }
  .video.left {
    background: #b6c1cf; }
    .video.left:after {
      content: '';
      clear: both;
      display: table; }
    .video.left .video__text {
      float: right;
      padding-left: 1em;
      width: 45%; }
      @media screen and (max-width: 767px) {
        .video.left .video__text {
          padding-left: 0;
          padding-top: 1em;
          width: 100%; } }
    .video.left .video__content {
      float: left;
      width: 55%; }
      @media screen and (max-width: 767px) {
        .video.left .video__content {
          width: 100%; } }
    .video.left.bestand {
      background: #eff4e5; }
    .video.left.finanzierung {
      background: #dae4f3; }

#mask {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  transition: all 0.4s;
  width: 100%;
  z-index: 500; }

.project + .project .blog:before {
  background-color: white; }

.project:last-child .project__overview::before {
  background-color: white; }

.list-items {
  padding-bottom: 50px; }
  .list-items ul {
    list-style: none;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0px;
    font-size: 16px;
    justify-content: center; }
  .list-items li {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 50%;
    padding: 0 20px 40px;
    font-weight: 700;
    line-height: 1.5; }
    .list-items li span {
      color: #626262; }
    @media screen and (max-width: 480px) {
      .list-items li {
        flex-basis: 100%; } }
  .list-items li:before {
    content: '\e810';
    font-family: "fontello";
    color: inherit;
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center; }
  .list-items.bestand .list-items__list {
    color: #86AC48; }
  .list-items.finanzierung .list-items__list {
    color: #3968AF; }

.video-quote {
  padding-top: 40px;
  margin-bottom: 60px; }
  .video-quote__background {
    position: absolute;
    height: calc(100% - 125px);
    width: 100%;
    z-index: -1;
    bottom: 0; }
  .video-quote__container {
    margin: 0 auto;
    max-width: 800px; }
    .video-quote__container--video {
      max-width: 700px; }
    .video-quote__container--video {
      overflow: hidden;
      border-radius: 5px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
      .video-quote__container--video img {
        max-width: 100%;
        display: block; }
      @media screen and (max-width: 767px) {
        .video-quote__container--video {
          margin: 0 1em; } }
    .video-quote__container--quote blockquote {
      font-family: "Oswald", sans-serif;
      font-size: 30px;
      font-weight: 500;
      font-style: normal;
      line-height: 1.6;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .video-quote__container--quote blockquote {
          font-size: 22px; } }
      .video-quote__container--quote blockquote:before {
        display: none; }
    .video-quote__container--label {
      color: white;
      font-family: "Oswald", sans-serif;
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      max-width: 600px;
      margin-top: 50px;
      text-transform: uppercase;
      padding: 15px 0;
      position: relative;
      transform: translateY(50%); }
      .video-quote__container--label .video-quote__arrow {
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 25px solid;
        margin: 0 auto;
        left: 0;
        right: 0;
        position: absolute;
        bottom: -24px; }
    .video-quote__container .icon {
      font-size: 30px; }
  .video-quote__photo {
    margin: 0 auto;
    display: block;
    border: 5px solid #fff;
    border-radius: 120px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: center center;
    margin-top: 100px; }
  .video-quote__person {
    margin: 40px auto 0;
    text-align: center;
    font-weight: 700; }
    .video-quote__person img {
      display: block;
      width: 32px;
      height: 32px;
      border-radius: 60px;
      overflow: hidden;
      margin: 0 auto; }
    .video-quote__person-name {
      margin-top: 10px;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase; }
    .video-quote__person-role {
      margin-top: 5px;
      font-size: 12px; }

.bestand .video-quote__background {
  background: #eff4e5; }

.bestand .video-quote__container--label {
  background: #86AC48; }

.bestand .icon,
.bestand .video-quote__person-name {
  color: #86AC48; }

.bestand .video-quote__arrow {
  border-top-color: #86AC48; }

.finanzierung .video-quote__background {
  background: #dae4f3; }

.finanzierung .video-quote__container--label {
  background: #3968AF; }

.finanzierung .icon,
.finanzierung .video-quote__person-name {
  color: #3968AF; }

.finanzierung .video-quote__arrow {
  border-top-color: #3968AF; }

.infobar-content {
  position: relative;
  z-index: 50; }
  @media screen and (min-width: 768px) {
    .infobar-content ~ section .wrap {
      padding-left: 25px;
      padding-right: 360px; } }
  @media screen and (max-width: 767px) {
    .infobar-content .wrap {
      padding: 0; } }
  .infobar-content .infobar {
    position: absolute;
    margin-top: -150px;
    right: 25px;
    left: auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 315px; }
    @media screen and (max-width: 767px) {
      .infobar-content .infobar {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        right: auto; } }
    .infobar-content .infobar__headline {
      font-size: 28px;
      margin: 0;
      padding: 10px; }
    .infobar-content .infobar__list {
      list-style: none;
      margin: 0;
      padding: 0; }
    .infobar-content .infobar__point {
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      line-height: 1;
      padding: 10px; }
      .infobar-content .infobar__point > span {
        display: block; }
    .infobar-content .infobar__description {
      color: #a2a2a2;
      font-size: 10px;
      font-weight: bold; }
    .infobar-content .infobar__value {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5;
      margin-top: 20px;
      text-align: right; }

.closed-projects .wrap {
  max-width: 1060px;
  padding: 90px 30px; }

.closed-projects__filters {
  display: flex;
  flex-wrap: wrap; }

.closed-projects__filter {
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative; }
  .closed-projects__filter:after {
    right: 15px;
    top: 18px;
    position: absolute;
    display: block;
    content: "\25BC";
    font-size: 8px;
    color: #fff; }
  .closed-projects__filter select {
    background: #274a7f;
    color: #fff;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 40px 10px 20px;
    border-radius: 100px;
    transition: border .3s ease; }
    .closed-projects__filter select:focus {
      outline: none; }

.closed-projects__grid {
  margin-top: 25px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 18px;
  grid-column-gap: 16px; }

.closed-projects__project {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  max-width: 316px;
  overflow: hidden;
  transition: all .3s ease; }
  .closed-projects__project:hover, .closed-projects__project:focus {
    text-decoration: none; }
  .closed-projects__project:focus {
    box-shadow: 0 0 10px rgba(39, 74, 127, 0.7); }
  .closed-projects__project--Finanzierung .closed-projects__state {
    background-color: #3968AF; }
  .closed-projects__project--Bestand .closed-projects__state {
    background-color: #86AC48; }

.closed-projects__state {
  background-color: #274a7f;
  padding: 5px 15px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase; }

.closed-projects__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center center;
  background-color: lightgrey; }

.closed-projects__kpis {
  list-style: none;
  padding: 5px 0;
  margin: 0; }

.closed-projects__kpi {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 20px;
  font-weight: bold; }
  .closed-projects__kpi-key {
    color: #a0a0a0; }
  .closed-projects__kpi-value {
    color: #626262; }
  .closed-projects__kpi:first-child {
    flex-direction: column-reverse;
    position: relative;
    min-height: 52px; }
    .closed-projects__kpi:first-child .closed-projects__kpi-value {
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .closed-projects__kpi:last-child {
    border-bottom: none; }

.closed-projects__badge {
  position: absolute;
  top: 9px;
  right: 10px;
  border-radius: 20px;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  font-weight: 400;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  font-size: 15px;
  text-transform: uppercase; }
  .closed-projects__badge ~ div {
    width: calc(100% - 30px); }

.closed-projects__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 15px; }
  .closed-projects__ratings--selected- {
    padding: 20px 10px 25px; }
  .closed-projects__ratings--selected-AA .closed-projects__rating--aa,
  .closed-projects__ratings--selected-A .closed-projects__rating--a,
  .closed-projects__ratings--selected-B .closed-projects__rating--b,
  .closed-projects__ratings--selected-C .closed-projects__rating--c,
  .closed-projects__ratings--selected-D .closed-projects__rating--d,
  .closed-projects__ratings--selected-E .closed-projects__rating--e,
  .closed-projects__ratings--selected-F .closed-projects__rating--f {
    font-size: 30px;
    width: 50px;
    height: 50px; }

.closed-projects__rating {
  color: #fff;
  font-size: 15px;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
  font-weight: 400;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
  .closed-projects__rating--active {
    font-size: 30px;
    width: 50px;
    height: 50px; }
  .closed-projects__rating--aa {
    background-color: #b6c1cf; }
  .closed-projects__rating--a {
    background-color: #274a7f; }
  .closed-projects__rating--b {
    background-color: #1e73be; }
  .closed-projects__rating--c {
    background-color: #82bc24; }
  .closed-projects__rating--d {
    background-color: #c1da00; }
  .closed-projects__rating--e {
    background-color: #fae100; }
  .closed-projects__rating--f {
    background-color: #fba609; }

@media screen and (max-width: 992px) {
  .closed-projects__filters {
    justify-content: center; }
  .closed-projects__grid {
    grid-template-columns: 320px 320px;
    justify-content: center; } }

@media screen and (max-width: 768px) {
  .closed-projects__grid {
    grid-template-columns: 316px; } }

@media screen and (max-width: 480px) {
  .closed-projects .wrap {
    padding: 90px 10px; }
  .closed-projects__grid {
    grid-template-columns: 100%; }
  .closed-projects__project {
    max-width: 100%; } }

.blog {
  position: relative;
  overflow: hidden; }
  .blog:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .blog .teaser {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #626262;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.4s; }
    .blog .teaser a {
      text-decoration: none; }
    .blog .teaser--headline {
      font-size: 17px;
      line-height: 22px;
      margin: 0;
      max-width: 80%;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      @media screen and (max-width: 767px) {
        .blog .teaser--headline {
          font-size: 5vw; } }
    .blog .teaser--summary {
      color: #626262;
      font-size: 14px;
      margin-top: 6px;
      padding-right: 21px;
      max-height: 4.3em;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      .blog .teaser--summary p {
        margin: 0; }
      .blog .teaser--summary ul {
        margin: 0;
        padding: 0; }
        .blog .teaser--summary ul li {
          display: inline;
          list-style: none; }
    .blog .teaser--date {
      color: #afaeae;
      font-size: 11px;
      font-weight: 700; }
      .blog .teaser--date i {
        font-size: 14px;
        margin-left: -3px; }
    .blog .teaser--link {
      position: absolute;
      bottom: 25px;
      width: 100%;
      text-align: center; }
      .blog .teaser--link .btn, .blog .teaser--link .btn--small, .blog .teaser--link .teaser--tags a, .blog .teaser--tags .teaser--link a, .blog .teaser--link .blog_categories .box, .blog_categories .blog .teaser--link .box {
        background: white;
        border: 1px solid #afaeae;
        color: #afaeae;
        font-weight: bold;
        width: 90%; }
    .blog .teaser--image {
      transition: all 0.4s;
      position: relative;
      overflow: hidden;
      /*&:before{
        content: '';
        background: linear-gradient(to top, rgba(90, 91, 92, 0.5), transparent);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
      }*/ }
      .blog .teaser--image img {
        width: 100%;
        min-height: 100%;
        height: auto;
        transition: all 0.4s; }
      .blog .teaser--image + .blog-teaser--container {
        margin-top: 0.4em; }
    .blog .teaser--tags {
      margin: 0 15px;
      padding: 10px 0; }
      .blog .teaser--tags a {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 5px;
        font-size: 10px;
        margin-right: 10px;
        text-transform: unset;
        padding: 3px 12px; }
        .blog .teaser--tags a i {
          font-style: normal; }
      .blog .teaser--tags__headline {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6);
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: none;
        max-width: 100%; }
    .blog .teaser--content {
      padding: 25px 15px;
      position: relative;
      overflow: hidden;
      transition: all 0.4s; }
    .blog .teaser--container, .blog .teaser--content {
      height: 270px;
      transition: all 0.4s; }
    .blog .teaser--container {
      overflow: hidden; }
    .blog .teaser--tags {
      height: 200px; }
    .blog .teaser--image {
      height: 230px; }
    .blog .teaser:hover .teaser--image {
      height: 0; }
    .blog .teaser:hover .teaser--container {
      height: 100%;
      background: #274a7f;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
      color: white; }
      .blog .teaser:hover .teaser--container .teaser--content {
        height: 250px;
        padding-top: 60px; }
      .blog .teaser:hover .teaser--container--tags {
        height: 250px; }
      .blog .teaser:hover .teaser--container .teaser--headline,
      .blog .teaser:hover .teaser--container .teaser--summary,
      .blog .teaser:hover .teaser--container .teaser--date,
      .blog .teaser:hover .teaser--container .teaser--link .btn,
      .blog .teaser:hover .teaser--container .teaser--link .btn--small,
      .blog .teaser:hover .teaser--container .teaser--link .teaser--tags a,
      .blog .teaser--tags .teaser:hover .teaser--container .teaser--link a,
      .blog .teaser:hover .teaser--container .teaser--link .blog_categories .box,
      .blog_categories .blog .teaser:hover .teaser--container .teaser--link .box {
        color: white; }
      
      .blog .teaser:hover .teaser--container .teaser--link .btn,
      .blog .teaser:hover .teaser--container .teaser--link .btn--small,
      .blog .teaser:hover .teaser--container .teaser--link .teaser--tags a,
      .blog .teaser--tags .teaser:hover .teaser--container .teaser--link a,
      .blog .teaser:hover .teaser--container .teaser--link .blog_categories .box,
      .blog_categories .blog .teaser:hover .teaser--container .teaser--link .box {
        border-color: white;
        background: white;
        color: #274a7f; }
        .blog .teaser:hover .teaser--container .teaser--link .btn:hover, .blog .teaser:hover .teaser--container .teaser--link .btn--small:hover, .blog .teaser:hover .teaser--container .teaser--link .teaser--tags a:hover, .blog .teaser--tags .teaser:hover .teaser--container .teaser--link a:hover, .blog .teaser:hover .teaser--container .teaser--link .blog_categories .box:hover, .blog_categories .blog .teaser:hover .teaser--container .teaser--link .box:hover {
          background: #274a7f;
          color: white;
          border-color: white; }
  .blog.press__img_fix img {
    width: 162%;
    margin-left: -29%;
    margin-top: -38%;
    min-height: 100%;
    height: auto;
    transition: all 0.4s; }

.glossar-submenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 60px;
  text-align: center; }
  .glossar-submenu__left, .glossar-submenu__right {
    display: none; }
  @media screen and (max-width: 767px) {
    .glossar-submenu {
      height: 60px;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
      flex-wrap: unset;
      justify-content: unset; }
      .glossar-submenu__container {
        position: relative; }
      .glossar-submenu__left, .glossar-submenu__right {
        background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 50px; }
      .glossar-submenu__right {
        background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
        left: auto;
        right: 0; }
      .glossar-submenu::-webkit-scrollbar {
        display: none; } }

.glossar-submenu--link {
  align-items: center;
  border-radius: 100%;
  border: 1px solid #626262;
  color: #626262;
  cursor: pointer;
  display: flex;
  font-size: 30px;
  height: 60px;
  justify-content: center;
  margin: 0 10px 20px;
  transition: all 0.5s ease-out;
  width: 60px; }
  .glossar-submenu--link:hover, .glossar-submenu--link.active-filter {
    background: #274a7f;
    color: #fff;
    text-decoration: none;
    outline: none; }
  .glossar-submenu--link:empty {
    display: none; }
  @media screen and (max-width: 767px) {
    .glossar-submenu--link {
      flex: 0 0 45px;
      height: 45px;
      width: 45px;
      margin: 0 7px 20px; }
      .glossar-submenu--link:first-child {
        margin-left: 25px; }
        .glossar-submenu--link:first-child:empty + .glossar-submenu--link {
          margin-left: 25px; } }

.glossar {
  position: relative;
  overflow: hidden; }
  .glossar:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .glossar .teaser {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #626262;
    height: 100%;
    width: 100%;
    padding: 25px 15px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s; }
    .glossar .teaser:hover {
      background: #274a7f;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
      color: white; }
      .glossar .teaser:hover .teaser--headline,
      .glossar .teaser:hover .teaser--summary,
      .glossar .teaser:hover .teaser--link .btn--small,
      .glossar .teaser:hover .teaser--link .blog .teaser--tags a,
      .blog .teaser--tags .glossar .teaser:hover .teaser--link a {
        color: white; }
      
      .glossar .teaser:hover .teaser--link .btn--small,
      .glossar .teaser:hover .teaser--link .blog .teaser--tags a,
      .blog .teaser--tags .glossar .teaser:hover .teaser--link a {
        border-color: white; }
    .glossar .teaser a {
      text-decoration: none; }
    .glossar .teaser--headline {
      margin: 0;
      font-size: 20px;
      line-height: 26px;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .glossar .teaser--headline {
          font-size: 5vw; } }
    .glossar .teaser--summary {
      color: #626262;
      margin-top: 10px;
      padding-right: 21px;
      max-height: 4.3em;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      .glossar .teaser--summary p {
        margin: 0; }
    .glossar .teaser--link {
      position: absolute;
      bottom: 25px; }

.location .wrap {
  padding-bottom: 75px; }

.location .teaser {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #626262;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.4s;
  display: flex; }
  @media screen and (max-width: 767px) {
    .location .teaser {
      flex-direction: column; } }
  .location .teaser--image {
    display: block;
    width: 50%;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
    .location .teaser--image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
    @media screen and (max-width: 767px) {
      .location .teaser--image {
        width: 100%; } }
  .location .teaser__tag {
    position: absolute;
    top: 0;
    text-align: center;
    width: calc(100% - 20px);
    background-color: rgba(255, 255, 255, 0.9);
    color: #274a7f;
    border-radius: 50px;
    margin: 10px;
    font-size: 13px;
    padding: 5px; }
  .location .teaser .icon-location {
    border-radius: 50px;
    background-color: #274a7f;
    color: white;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 4px;
    left: 5px; }
  .location .teaser__text {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .location .teaser__text {
        width: 100%; } }
  .location .teaser__kpis {
    display: flex;
    padding: 15px 20px 10px;
    border-bottom: 1px solid #d0d0d0; }
    @media screen and (max-width: 480px) {
      .location .teaser__kpis {
        flex-direction: column; } }
    .location .teaser__kpis-item {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .location .teaser__kpis-item {
          width: 100%;
          display: flex;
          flex-direction: row-reverse;
          align-items: center;
          justify-content: space-between;
          padding: 5px 0; } }
    .location .teaser__kpis-value {
      font-size: 20px;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset;
      max-height: 1.5em; }
    .location .teaser__kpis-description {
      font-size: 13px; }
  .location .teaser__content {
    overflow: hidden;
    height: 65px;
    padding: 15px 18px 15px;
    font-size: 13px;
    position: relative; }
    .location .teaser__content ul,
    .location .teaser__content p {
      margin: 0; }
    .location .teaser__content:before {
      content: "";
      display: block;
      position: absolute;
      height: 20px;
      width: calc(100% - 36px);
      bottom: 0;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
  .location .teaser__more {
    background-color: #fff;
    color: #555555;
    border-color: #555555;
    margin: 10px 20px 0;
    display: block; }
    .location .teaser__more:hover {
      background-color: #274a7f;
      border-color: #274a7f;
      color: #fff; }
    @media screen and (max-width: 767px) {
      .location .teaser__more {
        margin-bottom: 20px; } }

.network {
  position: relative;
  overflow: hidden; }
  .network:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .network .teaser {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #626262;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.4s; }
    .network .teaser:hover {
      background: #274a7f;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
      color: white; }
      .network .teaser:hover .teaser--headline,
      .network .teaser:hover .teaser--summary,
      .network .teaser:hover .teaser--link .btn--small,
      .network .teaser:hover .teaser--link .blog .teaser--tags a,
      .blog .teaser--tags .network .teaser:hover .teaser--link a {
        color: white; }
      
      .network .teaser:hover .teaser--link .btn--small,
      .network .teaser:hover .teaser--link .blog .teaser--tags a,
      .blog .teaser--tags .network .teaser:hover .teaser--link a {
        border-color: white; }
    .network .teaser a {
      text-decoration: none; }
    .network .teaser--image {
      height: 140px;
      transition: all 0.4s;
      position: relative;
      overflow: hidden; }
      .network .teaser--image img {
        width: 100%;
        min-height: 100%;
        height: auto;
        transition: all 0.4s; }
    .network .teaser--container {
      height: 110px; }
    .network .teaser--headline {
      margin: 0;
      font-size: 20px;
      line-height: 26px;
      text-align: left;
      padding-right: 0.5em;
      width: 70%; }
      @media screen and (max-width: 767px) {
        .network .teaser--headline {
          font-size: 5vw; } }
    .network .teaser--content {
      height: 100%;
      padding: 15px;
      position: relative;
      overflow: hidden;
      transition: all 0.4s;
      display: flex; }
    .network .teaser--summary {
      color: #626262;
      margin-top: 10px;
      padding-right: 21px;
      max-height: 4.3em;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      .network .teaser--summary p {
        margin: 0; }
    .network .teaser--link {
      position: absolute;
      bottom: 25px; }
    .network .teaser--logo {
      align-self: flex-end;
      max-width: 100%;
      width: 30%; }
      .network .teaser--logo img {
        display: block;
        max-width: 100%;
        transition: all 0.4s;
        object-fit: cover; }

.team {
  position: relative;
  overflow: hidden; }
  .team:before {
    content: '';
    background: #b6c1cf;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 130px;
    left: 0;
    right: 0; }
  .team .teaser {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #626262;
    height: 370px;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.4s; }
    .team .teaser a {
      text-decoration: none; }
    .team .teaser--headline {
      font-size: 17px;
      line-height: 22px;
      margin: 0;
      max-width: 80%;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      @media screen and (max-width: 767px) {
        .team .teaser--headline {
          font-size: 5vw; } }
    .team .teaser--subline {
      margin-top: 6px;
      color: #626262;
      font-size: 11px;
      font-weight: 700; }
    .team .teaser--summary {
      color: #626262;
      font-size: 14px;
      margin-top: 6px;
      padding-right: 21px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: unset; }
      .team .teaser--summary p {
        margin: 0; }
      .team .teaser--summary ul {
        margin: 0;
        padding: 0; }
        .team .teaser--summary ul li {
          display: inline;
          list-style: none; }
    .team .teaser--image {
      transition: all 0.4s;
      position: relative;
      overflow: hidden; }
      .team .teaser--image img {
        width: 100%;
        min-height: 100%;
        height: auto;
        transition: all 0.4s; }
      .team .teaser--image + .blog-teaser--container {
        margin-top: 0.4em; }
    .team .teaser--content {
      padding: 15px 15px;
      position: relative;
      overflow: hidden;
      transition: all 0.4s; }
    .team .teaser--container, .team .teaser--container {
      overflow: hidden; }
    .team .teaser--tags {
      height: 200px; }
    .team .teaser--image {
      height: 320px; }
  .team.press__img_fix img {
    width: 162%;
    margin-left: -29%;
    margin-top: -38%;
    min-height: 100%;
    height: auto;
    transition: all 0.4s; }

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