@charset "UTF-8";
* {
  box-sizing: border-box;
  outline: 0; }

html, body {
  -webkit-font-smoothing: antialiased; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*FONTS*/
@font-face {
  font-family: "RobotoCondensed-Bold";
  src: url("../fonts/RobotoCondensed-Bold.eot");
  src: url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold.svg#Roboto-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoCondensed-Light";
  src: url("../fonts/RobotoCondensed-Light.eot");
  src: url("../fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light.woff") format("woff"), url("../fonts/RobotoCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light.svg#Roboto-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoCondensed-Regular";
  src: url("../fonts/RobotoCondensed-Regular.eot");
  src: url("../fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular.svg#Roboto-Reg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*COLORS*/
/* Schriftgrößen */
/* Seitenumbruch */
/* Variabeln */
/* Transitions */
/* Hover */
/* Paths */
/* Retina */
/*
 * PREFIXES FOR TRANSFORM, TRANSTION, ANIMATION, KEYFRAMES
 */
/*
*   MIXINS
*/
/* Placeholder */
/* Clearfix */
/* Desktop Hover */
/* 
*   Images, Retina Images 
*/
.toggle-menu .action-close,
.toggle-menu .icon.action-close {
  display: none !important; }
.toggle-menu.active .action-open,
.toggle-menu.active .icon.active-open {
  display: none !important; }
.toggle-menu.active .action-close,
.toggle-menu.active .icon.action-close {
  display: block !important; }

.row {
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  .row:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .row:before {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .row .row {
    margin: 0 -20px; }
  .row.row-no-padding {
    padding: 0 20px; }
    .row.row-no-padding .row {
      margin: 0; }
    .row.row-no-padding .columns {
      padding: 0; }
  .row.header {
    margin-top: 30px;
    margin-bottom: 30px; }
    .row.header:first-child {
      margin-top: 0; }

.columns {
  width: 100%;
  float: left;
  padding: 0 20px; }
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both; }
  .columns.small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: none; }
  .columns.small-1 {
    width: 6.25%; }
  .columns.small-2 {
    width: 12.5%; }
  .columns.small-3 {
    width: 18.75%; }
  .columns.small-4 {
    width: 25%; }
  .columns.small-5 {
    width: 31.25%; }
  .columns.small-6 {
    width: 37.5%; }
  .columns.small-7 {
    width: 43.75%; }
  .columns.small-8 {
    width: 50%; }
  .columns.small-9 {
    width: 56.25%; }
  .columns.small-10 {
    width: 62.5%; }
  .columns.small-11 {
    width: 68.75%; }
  .columns.small-12 {
    width: 75%; }
  .columns.small-13 {
    width: 81.25%; }
  .columns.small-14 {
    width: 87.5%; }
  .columns.small-15 {
    width: 93.75%; }
  .columns.small-16 {
    width: 100%; }
  @media screen and (min-width: 600px) {
    .columns.medium-1 {
      width: 6.25%; }
    .columns.medium-2 {
      width: 12.5%; }
    .columns.medium-3 {
      width: 18.75%; }
    .columns.medium-4 {
      width: 25%; }
    .columns.medium-5 {
      width: 31.25%; }
    .columns.medium-6 {
      width: 37.5%; }
    .columns.medium-7 {
      width: 43.75%; }
    .columns.medium-8 {
      width: 50%; }
    .columns.medium-9 {
      width: 56.25%; }
    .columns.medium-10 {
      width: 62.5%; }
    .columns.medium-11 {
      width: 68.75%; }
    .columns.medium-12 {
      width: 75%; }
    .columns.medium-13 {
      width: 81.25%; }
    .columns.medium-14 {
      width: 87.5%; }
    .columns.medium-15 {
      width: 93.75%; }
    .columns.medium-16 {
      width: 100%; }
    .columns.medium-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
      clear: both; }
    .columns.medium-uncentered {
      position: static;
      margin-left: 0;
      margin-right: 0;
      float: left;
      clear: none; } }
  @media screen and (min-width: 768px) {
    .columns.tablet-1 {
      width: 6.25%; }
    .columns.tablet-2 {
      width: 12.5%; }
    .columns.tablet-3 {
      width: 18.75%; }
    .columns.tablet-4 {
      width: 25%; }
    .columns.tablet-5 {
      width: 31.25%; }
    .columns.tablet-6 {
      width: 37.5%; }
    .columns.tablet-7 {
      width: 43.75%; }
    .columns.tablet-8 {
      width: 50%; }
    .columns.tablet-9 {
      width: 56.25%; }
    .columns.tablet-10 {
      width: 62.5%; }
    .columns.tablet-11 {
      width: 68.75%; }
    .columns.tablet-12 {
      width: 75%; }
    .columns.tablet-13 {
      width: 81.25%; }
    .columns.tablet-14 {
      width: 87.5%; }
    .columns.tablet-15 {
      width: 93.75%; }
    .columns.tablet-16 {
      width: 100%; }
    .columns.tablet-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
      clear: both; }
    .columns.tablet-uncentered {
      position: static;
      margin-left: 0;
      margin-right: 0;
      float: left;
      clear: none; } }
  @media screen and (min-width: 980px) {
    .columns.large-1 {
      width: 6.25%; }
    .columns.large-2 {
      width: 12.5%; }
    .columns.large-3 {
      width: 18.75%; }
    .columns.large-4 {
      width: 25%; }
    .columns.large-5 {
      width: 31.25%; }
    .columns.large-6 {
      width: 37.5%; }
    .columns.large-7 {
      width: 43.75%; }
    .columns.large-8 {
      width: 50%; }
    .columns.large-9 {
      width: 56.25%; }
    .columns.large-10 {
      width: 62.5%; }
    .columns.large-11 {
      width: 68.75%; }
    .columns.large-12 {
      width: 75%; }
    .columns.large-13 {
      width: 81.25%; }
    .columns.large-14 {
      width: 87.5%; }
    .columns.large-15 {
      width: 93.75%; }
    .columns.large-16 {
      width: 100%; }
    .columns.large-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
      clear: both; }
    .columns.large-uncentered {
      position: static;
      margin-left: 0;
      margin-right: 0;
      float: left;
      clear: none; } }

/*
*   TEST
*/
.test_pink {
  background-color: #f600ff; }

.test_green {
  background-color: #78c67f; }

/*
*   HTML, BODY
*/
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden; }

body {
  background-color: #484947;
  box-sizing: border-box; }

@media screen and (max-width: 1300px) {
  html {
    font-size: 80%; } }
@media screen and (max-height: 1023px) {
  html {
    font-size: 80%; } }

/*
*   BACKGROUNDS
*/
.bg_white {
  background-color: #ffffff; }

.bg_grey_dark {
  background-color: #838582; }

.bg_grey_ultralight {
  background-color: #edefec; }

.bg_lightening {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 0;
  left: 0; }

/*
*   BORDERS
*/
.border_white {
  border: 1px solid #ffffff; }

.border-bottom {
  border-bottom: 1px solid #dce0dc; }

.border-top {
  border-top: 1px solid #dce0dc; }

.bg_blue_light .border-top,
.bg_blue_light .border-bottom,
.bg_blue .border-top,
.bg_blue .border-bottom,
.bg_grey .border-top,
.bg_grey .border-bottom {
  border-color: #ffffff; }

/*
*   FLOAT
*/
.float-left {
  float: left; }

.float-right {
  float: right; }

.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }
.clearfix:before {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

/* 
*   HIDDEN CONTENT
*/
.hidden {
  display: none; }

/*
*   IMAGES
*/
img {
  max-width: 100%; }

.img-center {
  margin: 0 auto;
  text-align: center;
  margin-top: 60px; }

.caption {
  display: inline-block;
  font-family: "RobotoCondensed-Regular";
  /*    font-size: $font_24;*/
  font-size: 1.25rem;
  /*    line-height: $font_24;*/
  line-height: 1.25rem;
  padding-top: 15px;
  padding-bottom: 30px; }

.caption .subtitle,
.subtitle {
  font-size: 1.125rem;
  /*    line-height: $font_24; */
  line-height: 1.25rem; }

/*
*   LANGUAGE
*/
.site_language_de .txt-de {
  display: block; }
.site_language_de .txt-en {
  display: none; }
.site_language_de .caption.txt-de {
  display: block; }
.site_language_de .caption.txt-en {
  display: none; }
.site_language_de .geschichte .img_fix .caption.txt-de {
  display: block; }
.site_language_de .geschichte .img_fix .caption.txt-en {
  display: none; }

.site_language_en .txt-de {
  display: none; }
.site_language_en .txt-en {
  display: block; }
.site_language_en .caption.txt-de {
  display: none; }
.site_language_en .caption.txt-en {
  display: block; }
.site_language_en .geschichte .img_fix .caption.txt-de {
  display: none; }
.site_language_en .geschichte .img_fix .caption.txt-en {
  display: block; }

/*
*   LINE
*/
.line {
  width: 100%;
  height: 1px;
  display: block; }
  .line.white {
    border-top: 1px solid #ffffff; }
  .line.orange {
    border-top: 1px solid #eb6328; }

/*
*   LISTS
*/
ul.inline:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }
ul.inline:before {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }
ul.inline > li {
  float: left; }

ul {
  list-style-type: inherit;
  padding: 0 0 0 15px;
  margin: 0.5rem 0; }

/*
*   PADDINGS / MARGINS
*/
.padding20 {
  padding: 20px 0; }

.padding30 {
  padding: 30px 0; }

.padding40 {
  padding: 40px; }

.inner-padding {
  padding: 70px 40px; }

.inner-padding-more-height {
  padding: 25px 20px; }

.padding-large {
  padding-top: 100px;
  padding-bottom: 130px; }

.padding-bottom10 {
  padding-bottom: 10px; }

.padding-bottom20 {
  padding-bottom: 20px; }

.padding-bottom30 {
  padding-bottom: 30px; }

.padding-left20 {
  padding-left: 20px; }

.margin-bottom10 {
  margin-bottom: 10px; }

.margin-bottom15 {
  margin-bottom: 15px; }

.margin-bottom20 {
  margin-bottom: 20px; }

.margin-bottom30 {
  margin-bottom: 30px; }

.margin-bottom40 {
  margin-bottom: 40px; }

.margin-top15 {
  margin-top: 15px; }

.margin-top70 {
  margin-top: 70px; }

.margin-30 {
  margin: 30px 0; }

/*
*   TABLE
*/
.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

/*
*   TOGGLE MENU
*/
.toggle-menu .icon.action-close {
  display: none; }
.toggle-menu.active .icon.action-open {
  display: none; }
.toggle-menu.active .icon.action-close {
  display: inline-block; }

/*
*   Z-INDEX
*/
.z-index_primary {
  z-index: 0;
  position: relative; }

.z-index_secondary {
  z-index: 0;
  position: relative; }

/*
*   WRAPPER
*/
.wrapper_bottom_half {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: none;
  top: 0; }

.startscreen-layer .wrapper_bottom_half {
  top: inherit;
  position: inherit;
  transform: inherit;
  max-width: 730px;
  height: inherit !important;
  top: inherit !important;
  padding-top: inherit !important;
  padding-bottom: inherit !important; }
  @media screen and (min-width: 980px) {
    .startscreen-layer .wrapper_bottom_half {
      margin-top: 60px; } }

.screen_wrapper {
  width: 100%;
  height: 100%;
  max-width: 1920px;
  max-height: 1080px;
  position: absolute; }
  .screen_wrapper.inner {
    width: 100%;
    height: 100%;
    max-width: 1820px;
    max-height: 1080px; }

.outer_wrapper-y {
  position: relative;
  width: 100%;
  height: 100%; }
  .outer_wrapper-y.top100 {
    height: calc(100% - 100px); }
  .outer_wrapper-y.top170 {
    height: calc(100% - 170px); }
  .outer_wrapper-y.top240 {
    height: calc(100% - 240px); }
  .outer_wrapper-y.top80 {
    height: calc(100% - 80px); }

.inner_wrapper-y {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }
  .inner_wrapper-y:after {
    content: "";
    height: 70px;
    width: 100%;
    display: block; }

.gradient-bottom {
  pointer-events: none; }
  .gradient-bottom.white {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .gradient-bottom.orange {
    background: -moz-linear-gradient(top, rgba(235, 99, 40, 0) 0%, #eb6328 70%, #eb6328 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(235, 99, 40, 0) 0%, #eb6328 70%, #eb6328 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(235, 99, 40, 0) 0%, #eb6328 70%, #eb6328 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eb6328', endColorstr='#eb6328',GradientType=0 );
    /* IE6-9 */ }
  .gradient-bottom.grey {
    background: -moz-linear-gradient(top, rgba(72, 73, 71, 0) 0%, #484947 70%, #484947 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(72, 73, 71, 0) 0%, #484947 70%, #484947 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(72, 73, 71, 0) 0%, #484947 70%, #484947 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00484947', endColorstr='#484947',GradientType=0 );
    /* IE6-9 */ }
  .gradient-bottom.green_light {
    background: -moz-linear-gradient(top, rgba(74, 173, 116, 0) 0%, #4aad74 70%, #4aad74 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(74, 173, 116, 0) 0%, #4aad74 70%, #4aad74 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(74, 173, 116, 0) 0%, #4aad74 70%, #4aad74 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aad74', endColorstr='#4aad74',GradientType=0 );
    /* IE6-9 */ }
  .gradient-bottom.green_dark {
    background: -moz-linear-gradient(top, rgba(76, 129, 108, 0) 0%, #4c816c 70%, #4c816c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(76, 129, 108, 0) 0%, #4c816c 70%, #4c816c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(76, 129, 108, 0) 0%, #4c816c 70%, #4c816c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c816c', endColorstr='#4c816c',GradientType=0 );
    /* IE6-9 */ }
  .gradient-bottom.height20 {
    height: 20px; }
  .gradient-bottom.height90 {
    height: 90px; }
  .gradient-bottom.height160 {
    height: 160px; }

.gradient-left,
.gradient-right {
  pointer-events: none;
  height: 100%;
  position: absolute;
  top: 0; }
  .gradient-left.width120,
  .gradient-right.width120 {
    width: 120px; }

.gradient-left {
  left: 0; }
  .gradient-left.white {
    background: white;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    border-left: 60px solid #ffffff; }
  .gradient-left.grey {
    background: #ecefeb;
    background: -moz-linear-gradient(left, #ecefeb 0%, rgba(236, 239, 235, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ecefeb), color-stop(100%, rgba(236, 239, 235, 0)));
    background: -webkit-linear-gradient(left, #ecefeb 0%, rgba(236, 239, 235, 0) 100%);
    background: -o-linear-gradient(left, #ecefeb 0%, rgba(236, 239, 235, 0) 100%);
    background: -ms-linear-gradient(left, #ecefeb 0%, rgba(236, 239, 235, 0) 100%);
    background: linear-gradient(to right, #ecefeb 0%, rgba(236, 239, 235, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecefeb', endColorstr='#ecefeb', GradientType=1 );
    border-left: 60px solid #ecefeb; }

.gradient-right {
  right: 0; }
  .gradient-right.white {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    border-right: 60px solid #ffffff; }
  .gradient-right.grey {
    background: rgba(236, 239, 235, 0);
    background: -moz-linear-gradient(left, rgba(236, 239, 235, 0) 0%, #ecefeb 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236, 239, 235, 0)), color-stop(100%, #ecefeb));
    background: -webkit-linear-gradient(left, rgba(236, 239, 235, 0) 0%, #ecefeb 100%);
    background: -o-linear-gradient(left, rgba(236, 239, 235, 0) 0%, #ecefeb 100%);
    background: -ms-linear-gradient(left, rgba(236, 239, 235, 0) 0%, #ecefeb 100%);
    background: linear-gradient(to right, rgba(236, 239, 235, 0) 0%, #ecefeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecefeb', endColorstr='#ecefeb', GradientType=1 );
    border-right: 60px solid #ecefeb; }

/*
*   OTHER
*/
.info-line {
  font-family: "RobotoCondensed-Light";
  font-size: 1rem;
  line-height: 1.5rem;
  color: #adafac;
  display: inline-block;
  margin-right: 20px; }
  .info-line .title {
    color: #adafac; }
  .info-line .value {
    color: #eb6328; }

.gradient-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100px; }

.rotate_minus90 {
  transform-origin: 0 0%;
  transform: rotate(-90deg);
  width: auto;
  display: inline-block; }

.no-pointer-event {
  pointer-events: none; }

.width-1 {
  width: 1px !important; }

.width-2 {
  width: 2px !important; }

.width-3 {
  width: 3px !important; }

.width-4 {
  width: 4px !important; }

.width-5 {
  width: 5px !important; }

.width-6 {
  width: 6px !important; }

.width-7 {
  width: 7px !important; }

.width-8 {
  width: 8px !important; }

.width-9 {
  width: 9px !important; }

.width-10 {
  width: 10px !important; }

.width-11 {
  width: 11px !important; }

.width-12 {
  width: 12px !important; }

.width-13 {
  width: 13px !important; }

.width-14 {
  width: 14px !important; }

.width-15 {
  width: 15px !important; }

.width-16 {
  width: 16px !important; }

.width-17 {
  width: 17px !important; }

.width-18 {
  width: 18px !important; }

.width-19 {
  width: 19px !important; }

.width-20 {
  width: 20px !important; }

.width-21 {
  width: 21px !important; }

.width-22 {
  width: 22px !important; }

.width-23 {
  width: 23px !important; }

.width-24 {
  width: 24px !important; }

.width-25 {
  width: 25px !important; }

.width-26 {
  width: 26px !important; }

.width-27 {
  width: 27px !important; }

.width-28 {
  width: 28px !important; }

.width-29 {
  width: 29px !important; }

.width-30 {
  width: 30px !important; }

.width-31 {
  width: 31px !important; }

.width-32 {
  width: 32px !important; }

.width-33 {
  width: 33px !important; }

.width-34 {
  width: 34px !important; }

.width-35 {
  width: 35px !important; }

.width-36 {
  width: 36px !important; }

.width-37 {
  width: 37px !important; }

.width-38 {
  width: 38px !important; }

.width-39 {
  width: 39px !important; }

.width-40 {
  width: 40px !important; }

.width-41 {
  width: 41px !important; }

.width-42 {
  width: 42px !important; }

.width-43 {
  width: 43px !important; }

.width-44 {
  width: 44px !important; }

.width-45 {
  width: 45px !important; }

.width-46 {
  width: 46px !important; }

.width-47 {
  width: 47px !important; }

.width-48 {
  width: 48px !important; }

.width-49 {
  width: 49px !important; }

.width-50 {
  width: 50px !important; }

.width-51 {
  width: 51px !important; }

.width-52 {
  width: 52px !important; }

.width-53 {
  width: 53px !important; }

.width-54 {
  width: 54px !important; }

.width-55 {
  width: 55px !important; }

.width-56 {
  width: 56px !important; }

.width-57 {
  width: 57px !important; }

.width-58 {
  width: 58px !important; }

.width-59 {
  width: 59px !important; }

.width-60 {
  width: 60px !important; }

.width-61 {
  width: 61px !important; }

.width-62 {
  width: 62px !important; }

.width-63 {
  width: 63px !important; }

.width-64 {
  width: 64px !important; }

.width-65 {
  width: 65px !important; }

.width-66 {
  width: 66px !important; }

.width-67 {
  width: 67px !important; }

.width-68 {
  width: 68px !important; }

.width-69 {
  width: 69px !important; }

.width-70 {
  width: 70px !important; }

.width-71 {
  width: 71px !important; }

.width-72 {
  width: 72px !important; }

.width-73 {
  width: 73px !important; }

.width-74 {
  width: 74px !important; }

.width-75 {
  width: 75px !important; }

.width-76 {
  width: 76px !important; }

.width-77 {
  width: 77px !important; }

.width-78 {
  width: 78px !important; }

.width-79 {
  width: 79px !important; }

.width-80 {
  width: 80px !important; }

.width-81 {
  width: 81px !important; }

.width-82 {
  width: 82px !important; }

.width-83 {
  width: 83px !important; }

.width-84 {
  width: 84px !important; }

.width-85 {
  width: 85px !important; }

.width-86 {
  width: 86px !important; }

.width-87 {
  width: 87px !important; }

.width-88 {
  width: 88px !important; }

.width-89 {
  width: 89px !important; }

.width-90 {
  width: 90px !important; }

.width-91 {
  width: 91px !important; }

.width-92 {
  width: 92px !important; }

.width-93 {
  width: 93px !important; }

.width-94 {
  width: 94px !important; }

.width-95 {
  width: 95px !important; }

.width-96 {
  width: 96px !important; }

.width-97 {
  width: 97px !important; }

.width-98 {
  width: 98px !important; }

.width-99 {
  width: 99px !important; }

.width-100 {
  width: 100px !important; }

.height-1 {
  height: 1px !important; }

.height-2 {
  height: 2px !important; }

.height-3 {
  height: 3px !important; }

.height-4 {
  height: 4px !important; }

.height-5 {
  height: 5px !important; }

.height-6 {
  height: 6px !important; }

.height-7 {
  height: 7px !important; }

.height-8 {
  height: 8px !important; }

.height-9 {
  height: 9px !important; }

.height-10 {
  height: 10px !important; }

.height-11 {
  height: 11px !important; }

.height-12 {
  height: 12px !important; }

.height-13 {
  height: 13px !important; }

.height-14 {
  height: 14px !important; }

.height-15 {
  height: 15px !important; }

.height-16 {
  height: 16px !important; }

.height-17 {
  height: 17px !important; }

.height-18 {
  height: 18px !important; }

.height-19 {
  height: 19px !important; }

.height-20 {
  height: 20px !important; }

.height-21 {
  height: 21px !important; }

.height-22 {
  height: 22px !important; }

.height-23 {
  height: 23px !important; }

.height-24 {
  height: 24px !important; }

.height-25 {
  height: 25px !important; }

.height-26 {
  height: 26px !important; }

.height-27 {
  height: 27px !important; }

.height-28 {
  height: 28px !important; }

.height-29 {
  height: 29px !important; }

.height-30 {
  height: 30px !important; }

.height-31 {
  height: 31px !important; }

.height-32 {
  height: 32px !important; }

.height-33 {
  height: 33px !important; }

.height-34 {
  height: 34px !important; }

.height-35 {
  height: 35px !important; }

.height-36 {
  height: 36px !important; }

.height-37 {
  height: 37px !important; }

.height-38 {
  height: 38px !important; }

.height-39 {
  height: 39px !important; }

.height-40 {
  height: 40px !important; }

.height-41 {
  height: 41px !important; }

.height-42 {
  height: 42px !important; }

.height-43 {
  height: 43px !important; }

.height-44 {
  height: 44px !important; }

.height-45 {
  height: 45px !important; }

.height-46 {
  height: 46px !important; }

.height-47 {
  height: 47px !important; }

.height-48 {
  height: 48px !important; }

.height-49 {
  height: 49px !important; }

.height-50 {
  height: 50px !important; }

.height-51 {
  height: 51px !important; }

.height-52 {
  height: 52px !important; }

.height-53 {
  height: 53px !important; }

.height-54 {
  height: 54px !important; }

.height-55 {
  height: 55px !important; }

.height-56 {
  height: 56px !important; }

.height-57 {
  height: 57px !important; }

.height-58 {
  height: 58px !important; }

.height-59 {
  height: 59px !important; }

.height-60 {
  height: 60px !important; }

.height-61 {
  height: 61px !important; }

.height-62 {
  height: 62px !important; }

.height-63 {
  height: 63px !important; }

.height-64 {
  height: 64px !important; }

.height-65 {
  height: 65px !important; }

.height-66 {
  height: 66px !important; }

.height-67 {
  height: 67px !important; }

.height-68 {
  height: 68px !important; }

.height-69 {
  height: 69px !important; }

.height-70 {
  height: 70px !important; }

.height-71 {
  height: 71px !important; }

.height-72 {
  height: 72px !important; }

.height-73 {
  height: 73px !important; }

.height-74 {
  height: 74px !important; }

.height-75 {
  height: 75px !important; }

.height-76 {
  height: 76px !important; }

.height-77 {
  height: 77px !important; }

.height-78 {
  height: 78px !important; }

.height-79 {
  height: 79px !important; }

.height-80 {
  height: 80px !important; }

.height-81 {
  height: 81px !important; }

.height-82 {
  height: 82px !important; }

.height-83 {
  height: 83px !important; }

.height-84 {
  height: 84px !important; }

.height-85 {
  height: 85px !important; }

.height-86 {
  height: 86px !important; }

.height-87 {
  height: 87px !important; }

.height-88 {
  height: 88px !important; }

.height-89 {
  height: 89px !important; }

.height-90 {
  height: 90px !important; }

.height-91 {
  height: 91px !important; }

.height-92 {
  height: 92px !important; }

.height-93 {
  height: 93px !important; }

.height-94 {
  height: 94px !important; }

.height-95 {
  height: 95px !important; }

.height-96 {
  height: 96px !important; }

.height-97 {
  height: 97px !important; }

.height-98 {
  height: 98px !important; }

.height-99 {
  height: 99px !important; }

.height-100 {
  height: 100px !important; }

/*
*   LIB
*
*   Enthält Stile, die von Plugins etc. mitgeliefert werden
*   Anpassungen werden in "Components" vorgenommen
*/
/*
*   PLUGIN: Slick Slider
*/
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.autoplay {
  opacity: 0.6; }
  .autoplay .slide {
    margin-left: 100px;
    margin-right: 100px; }
  .autoplay .slick-list {
    overflow: inherit; }

.slick-list {
  position: relative;
  /*    overflow: hidden;*/
  overflow: hidden !important;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    display: block; }
  to {
    opacity: 1;
    display: block; } }
@keyframes fadeIn {
  from {
    opacity: 0;
    display: block; }
  to {
    opacity: 1;
    display: block; } }
@-webkit-keyframes slideFromLeft {
  from {
    left: -900px;
    opacity: 0;
    display: block; }
  to {
    left: 460px;
    opacity: 1;
    display: block; } }
@keyframes slideFromLeft {
  from {
    left: -900px;
    opacity: 0;
    display: block; }
  to {
    left: 460px;
    opacity: 1;
    display: block; } }
@-webkit-keyframes slideToLeft {
  from {
    left: 460px;
    opacity: 1;
    display: block; }
  to {
    left: -900px;
    opacity: 0;
    display: block; } }
@keyframes slideToLeft {
  from {
    left: 460px;
    opacity: 1;
    display: block; }
  to {
    left: -900px;
    opacity: 0;
    display: block; } }
@-webkit-keyframes toggleElement {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(-400px, 0px);
    z-index: 10; }
  100% {
    transform: translate(0px, 0px);
    z-index: 10; } }
@keyframes toggleElement {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(-400px, 0px);
    z-index: 10; }
  100% {
    transform: translate(0px, 0px);
    z-index: 10; } }
body .info_layer_container {
  transition: all 0.3s ease-in-out; }
body .animate {
  animation: fadeIn 0.3s ease-in-out both; }
body .animateFromLeft {
  display: block;
  opacity: 1;
  z-index: inherit; }
  body .animateFromLeft .info_layer {
    -webkit-animation: slideFromLeft 0.5s ease-in-out both;
    /* Safari 4.0 - 8.0 */
    animation: slideFromLeft 0.5s ease-in-out both; }
body .animateToLeft {
  display: block;
  opacity: 0; }
  body .animateToLeft .info_layer {
    -webkit-animation: slideToLeft 0.5s ease-in-out both;
    /* Safari 4.0 - 8.0 */
    animation: slideToLeft 0.5s ease-in-out both; }
body .tooltip_detail {
  transition: all 0.3s ease-in-out; }
  body .tooltip_detail.active {
    -webkit-animation: toggleElement 0.5s ease-in-out both;
    /* Safari 4.0 - 8.0 */
    animation: toggleElement 0.5s ease-in-out both; }
body .tooltip_detail_switch .tooltip_detail .tooltip_detail.toggleanimate {
  z-index: 9; }

/*
*   SITE
*
*/
/*
*   SITE HEADER
*
*   Header der Seite mit Navigation und Breadcrumbs
*/
.site-header {
  position: absolute;
  /*    z-index: 99999; */
  z-index: 15; }
  .site-header.active .navigation-container {
    transform: translateX(0px); }
    .site-header.active .navigation-container.startscreen, .site-header.active .navigation-container.menu-open {
      transform: translateX(0px); }
  .site-header .navigation-container {
    background: #eb6328;
    height: 100vh;
    max-height: 1080px;
    width: 100px;
    position: relative;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100px); }
    .site-header .navigation-container.menu-open .startscreen-layer, .site-header .navigation-container.startscreen .startscreen-layer {
      opacity: 1; }
    .site-header .navigation-container .open-info {
      position: absolute;
      top: 70px;
      left: 0px; }
      @media screen and (max-height: 1023px) {
        .site-header .navigation-container .open-info {
          top: 20px; } }
      .site-header .navigation-container .open-info .icon {
        position: relative;
        left: calc(50% - 12px);
        top: calc(50% - 25px); }
    @media screen and (max-width: 1300px) {
      .site-header .navigation-container .wrapper_bottom_half {
        min-height: 100%;
        top: 0;
        transform: none;
        padding-top: 220px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 40px; } }
    .site-header .navigation-container .startscreen-layer {
      display: block;
      position: absolute;
      top: 0px;
      left: 100px;
      background: rgba(235, 99, 40, 0.9);
      /* width: 1800px;*/
      width: calc(100vw - 100px - 60px);
      max-width: 1400px;
      height: 100%;
      padding-right: 60px;
      transform: translateX(-1570px);
      transition: transform 0.3s ease-in-out;
      opacity: 0; }
      @media screen and (max-width: 980px) {
        .site-header .navigation-container .startscreen-layer {
          padding-right: 10px;
          padding-left: 0; } }
      .site-header .navigation-container .startscreen-layer a {
        width: 100%;
        display: inline-block; }
      .site-header .navigation-container .startscreen-layer .close_startscreen-layer {
        width: 61px;
        position: absolute;
        top: calc(50% - 80px);
        right: -61px;
        background: rgba(235, 99, 40, 0.9);
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
        box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5); }
        .site-header .navigation-container .startscreen-layer .close_startscreen-layer .icon {
          position: relative;
          left: calc(50% - 10px);
          top: calc(50% - 25px); }
      .site-header .navigation-container .startscreen-layer .shadow-top {
        background: url("../img/shadow_right.png") repeat-y;
        background-size: 40px 1px;
        width: 40px;
        position: absolute;
        right: -40px;
        top: 0;
        height: calc(50% - 80px); }
      .site-header .navigation-container .startscreen-layer .shadow-bottom {
        background: url("../img/shadow_right.png") repeat-y;
        background-size: 40px 1px;
        width: 40px;
        position: absolute;
        right: -40px;
        bottom: 0px;
        height: calc(50% - 80px); }
      .site-header .navigation-container .startscreen-layer li {
        width: 100%;
        border-top: 1px solid #ffffff;
        padding-top: 20px;
        padding-bottom: 50px; }
        @media screen and (max-height: 830px) {
          .site-header .navigation-container .startscreen-layer li {
            padding-bottom: 10px;
            padding-top: 10px; }
            .site-header .navigation-container .startscreen-layer li .navi-txt-subline .h3 {
              font-size: 3rem; }
            .site-header .navigation-container .startscreen-layer li .icon {
              transform: scale(0.7); } }
        .site-header .navigation-container .startscreen-layer li a {
          font-size: 3.375rem;
          color: #ffffff; }
      .site-header .navigation-container .startscreen-layer .language_switch {
        /* height: 100vh;*/
        height: 1080px;
        top: 420px; }
        @media screen and (min-width: 980px) {
          .site-header .navigation-container .startscreen-layer .language_switch {
            display: flex;
            flex-direction: column;
            justify-content: stretch;
            height: 100vh;
            width: 160px;
            position: absolute;
            height: inherit;
            top: 255px; }
            .site-header .navigation-container .startscreen-layer .language_switch ul {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              height: 100%; } }
        @media screen and (min-width: 1300px) {
          .site-header .navigation-container .startscreen-layer .language_switch {
            top: 460px;
            width: 190px; } }
        @media screen and (max-width: 980px) {
          .site-header .navigation-container .startscreen-layer .language_switch {
            display: inherit;
            height: inherit; }
            .site-header .navigation-container .startscreen-layer .language_switch ul {
              display: flex;
              padding: 0 20px;
              margin-top: 20px; } }
        .site-header .navigation-container .startscreen-layer .language_switch li {
          padding-top: 15px;
          padding-bottom: 30px;
          border-top: 1px solid #aa3c00; }
          .site-header .navigation-container .startscreen-layer .language_switch li a {
            font-family: "RobotoCondensed-Light";
            color: #aa3c00;
            font-size: 1.875rem; }
          .site-header .navigation-container .startscreen-layer .language_switch li.active {
            border-top: 1px solid #ffffff; }
            .site-header .navigation-container .startscreen-layer .language_switch li.active a {
              font-family: "RobotoCondensed-Bold";
              color: #ffffff; }
          .site-header .navigation-container .startscreen-layer .language_switch li:hover {
            border-top: 1px solid #ffffff; }
            .site-header .navigation-container .startscreen-layer .language_switch li:hover a {
              color: #ffffff; }
      .site-header .navigation-container .startscreen-layer .startscreen-navi .wrapper_icons {
        width: 127px;
        margin-right: 20px; }
      @media screen and (max-width: 980px) {
        .site-header .navigation-container .startscreen-layer .startscreen-navi {
          margin-top: 60px; }
          .site-header .navigation-container .startscreen-layer .startscreen-navi .navi-txt-subline {
            max-width: 300px; } }
    .site-header .navigation-container.startscreen, .site-header .navigation-container.menu-open {
      -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
      transform: translateX(-1980px); }
      .site-header .navigation-container.startscreen .startscreen-layer, .site-header .navigation-container.menu-open .startscreen-layer {
        transform: translateX(0px); }
    .site-header .navigation-container.startscreen {
      background: #aa3c00; }
      .site-header .navigation-container.startscreen .wrapper_main-navi {
        display: none; }
    .site-header .navigation-container .wrapper_main-navi {
      /* margin-top: -80px;   */
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .site-header .navigation-container .wrapper_main-navi li {
        border-bottom: 1px solid #ffffff; }
        .site-header .navigation-container .wrapper_main-navi li:nth-last-of-type(1) {
          border-bottom: none; }
      .site-header .navigation-container .wrapper_main-navi a {
        width: 100%;
        height: 160px;
        padding-top: 55px;
        display: block;
        background-color: #eb6328; }
        .site-header .navigation-container .wrapper_main-navi a:hover, .site-header .navigation-container .wrapper_main-navi a.active {
          background-color: #aa3c00; }
        @media screen and (max-height: 1023px) {
          .site-header .navigation-container .wrapper_main-navi a {
            height: 120px;
            padding-top: 34px; } }
  @media screen and (min-width: 980px) {
    .site-header .wrapper-startscreen-navi {
      padding-left: 26.5%; } }
  @media screen and (max-height: 700px) {
    .site-header .wrapper-startscreen-navi.inner-padding {
      padding-top: 20px; }
    .site-header .wrapper-startscreen-navi h2 {
      font-size: 3.375rem;
      line-height: 3.75rem; } }
  .site-header .wrapper-startscreen-navi .max-width-750 {
    max-width: 750px; }
  .site-header ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }

/*
*   SITE FOOTER
*/
.site-footer {
  position: relative; }
  .site-footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .site-footer .socials ul.socials-menu {
    display: inline-block; }
    .site-footer .socials ul.socials-menu li {
      height: 20px;
      padding: 0 5px; }
  .site-footer .socials span.text {
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: -4px; }
  .site-footer .footer-main {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff; }
    .site-footer .footer-main h3 {
      font-family: "RobotoCondensed-Light";
      color: #ffffff; }
    .site-footer .footer-main p {
      margin: 0.5em 0;
      color: #ffffff; }
      .site-footer .footer-main p a:not(.textlink) {
        text-decoration: underline; }
    .site-footer .footer-main .top-container {
      margin-bottom: 20px;
      text-align: center; }
      .site-footer .footer-main .top-container .search {
        display: inline-block;
        margin-right: 20px; }
        .site-footer .footer-main .top-container .search .toggle-menu.active {
          position: relative; }
          .site-footer .footer-main .top-container .search .toggle-menu.active::before {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #adafac;
            border-left: 1px solid #eb6328;
            border-top: 1px solid #eb6328;
            transform: rotate(45deg);
            position: absolute;
            content: '';
            left: 12px;
            top: -38px; }
      .site-footer .footer-main .top-container .socials {
        display: inline-block;
        position: relative;
        top: -5px; }
    .site-footer .footer-main .sitemap {
      margin-top: 40px; }
      .site-footer .footer-main .sitemap > ul > li {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ffffff; }
        .site-footer .footer-main .sitemap > ul > li:last-child {
          padding-bottom: 0;
          border-bottom: none; }
        .site-footer .footer-main .sitemap > ul > li > a {
          font-family: "RobotoCondensed-Light"; }
        .site-footer .footer-main .sitemap > ul > li ul {
          padding-left: 10px; }
          .site-footer .footer-main .sitemap > ul > li ul li {
            font-family: "RobotoCondensed-Light";
            margin: 15px 0; }
            .site-footer .footer-main .sitemap > ul > li ul li:last-child {
              margin-bottom: 0; }
  .site-footer .bottom-container {
    font-family: "RobotoCondensed-Light";
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
    color: #adafac;
    text-align: center; }
    .site-footer .bottom-container .meta-navigation {
      margin-top: 10px; }
      .site-footer .bottom-container .meta-navigation ul {
        display: inline-block; }
        .site-footer .bottom-container .meta-navigation ul li {
          padding: 0 7px;
          border-right: 1px solid #adafac; }
          .site-footer .bottom-container .meta-navigation ul li:last-child {
            border-right: 0; }
          .site-footer .bottom-container .meta-navigation ul li a {
            color: #adafac; }
            .site-footer .bottom-container .meta-navigation ul li a:hover {
              color: #adafac; }
    .site-footer .bottom-container .copyright {
      margin-top: 10px;
      text-align: center; }
  .site-footer .search-bar {
    top: -70px; }
  @media screen and (min-width: 600px) {
    .site-footer .footer-main {
      padding-top: 60px;
      padding-bottom: 60px; }
      .site-footer .footer-main .top-container {
        margin-bottom: 0;
        text-align: right;
        position: absolute;
        right: 0; }
      .site-footer .footer-main .sitemap {
        margin-top: 0; }
        .site-footer .footer-main .sitemap > ul > li:after {
          visibility: hidden;
          display: block;
          content: "";
          clear: both;
          height: 0; }
        .site-footer .footer-main .sitemap > ul > li:before {
          visibility: hidden;
          display: block;
          content: "";
          clear: both;
          height: 0; }
        .site-footer .footer-main .sitemap > ul > li:first-child {
          padding-top: 10px; }
        .site-footer .footer-main .sitemap > ul > li > a {
          width: 25%;
          float: left; }
        .site-footer .footer-main .sitemap > ul > li ul {
          width: 75%;
          margin-bottom: -4px;
          padding-left: 0;
          float: right;
          text-align: right;
          position: relative;
          top: -1px; }
          .site-footer .footer-main .sitemap > ul > li ul li {
            display: inline-block;
            margin: 0 0 4px -4px;
            padding: 0 7px;
            border-right: 1px solid #ffffff; }
            .site-footer .footer-main .sitemap > ul > li ul li:last-child {
              border-right: none; }
    .site-footer .bottom-container {
      padding-top: 15px;
      padding-bottom: 15px; }
      .site-footer .bottom-container .socials {
        position: relative;
        left: 33.3333333333%; }
      .site-footer .bottom-container .meta-navigation {
        margin-top: 0;
        line-height: 20px;
        text-align: right;
        position: relative;
        left: 33.3333333333%; }
      .site-footer .bottom-container .copyright {
        margin-top: 0;
        line-height: 20px;
        text-align: left;
        position: relative;
        left: -66.6666666667%; }
    .site-footer .search-bar {
      top: -30px; } }
  @media screen and (min-width: 1200px) {
    .site-footer .search-bar .inner {
      margin-right: 200px; } }

/*
*   SITE CONTAINER
*/
.main-container {
  /*    min-height:100%;*/
  height: 100%; }

.w100 {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }

.content-block-padding {
  padding-top: 30px;
  padding-bottom: 30px; }

.page-wrap {
  height: 100vh;
  max-height: 1080px;
  width: 100%;
  max-width: 1820px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-color: #edefec; }

section {
  position: relative;
  height: 100%; }
  section .pages {
    position: relative;
    width: calc(100% - 100px);
    background-color: #edefec;
    height: 100%;
    margin-left: 100px;
    /*     overflow: hidden;
    width: 100vw;
    height: 100vh;
    max-width: 1820px;
    max-height: 1080px; */ }

/*
*   COMPONENTS
*   
*   Enthält Stile für Seitenelemente
*   z.B. Boxen, Teaser etc.
*/
/*
*   BUTTONS
*/
button {
  border: 0;
  background-color: transparent; }

.cta, form input[type="submit"],
form button[type="submit"] {
  background-color: #eb6328;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "RobotoCondensed-Bold";
  font-size: 2rem;
  line-height: 2rem;
  color: #ffffff;
  padding: 20px;
  display: inline-block; }
  .cta:hover, form input[type="submit"]:hover,
  form button[type="submit"]:hover {
    background-color: #adafac;
    color: #ffffff; }
  .cta .icon, form input[type="submit"] .icon,
  form button[type="submit"] .icon {
    margin-left: 40px; }

.button_layer {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 61px;
  height: 160px;
  display: inline-block; }
  @media screen and (max-width: 1300px) {
    .button_layer {
      height: 120px; } }
  .button_layer.grey_ultradark {
    background: #484947; }
  .button_layer.orange {
    background: #eb6328; }

/*
*   BOXES
*/
.content-box .columns {
  margin-top: 10px; }
.content-box .row.header-row .columns {
  margin-top: 0; }
.content-box.bg_grey h2, .content-box.bg_grey h3 {
  color: #adafac; }
.content-box.bg_grey .h1, .content-box.bg_grey blockquote, .content-box.bg_grey h1 {
  color: #adafac; }
.content-box .h1.text-center, .content-box blockquote.text-center, .content-box h1.text-center {
  margin: 0 auto;
  max-width: 750px; }
.content-box blockquote {
  margin: 0 auto;
  max-width: 750px; }
.content-box .follow_us_socials ul {
  width: 100%;
  height: auto;
  margin: 10px auto;
  padding: 0;
  display: inline-block;
  text-align: center; }
  .content-box .follow_us_socials ul li {
    width: 50%;
    min-width: 100px;
    height: auto;
    display: inline-block;
    margin: 15px 0; }
    .content-box .follow_us_socials ul li a {
      display: block; }
    .content-box .follow_us_socials ul li:last-child {
      margin-bottom: 0; }
    .content-box .follow_us_socials ul li span {
      display: block;
      margin: 0 auto;
      margin-bottom: 15px; }
@media screen and (min-width: 480px) {
  .content-box .follow_us_socials ul li {
    width: 33.3333333333%; } }
@media screen and (min-width: 660px) {
  .content-box .follow_us_socials ul li {
    width: 19%; } }
@media screen and (min-width: 660px) {
  .content-box .follow_us_socials ul li {
    padding: 0 40px; } }

/*
*   FORM
*
*   Stile für Formularelemente wie Inputfelder, Checkboxen, Radio Buttons etc.
*   Sonstige Stile, die in Formularen verwendet werden
*/
form label {
  font-family: "RobotoCondensed-Light";
  font-size: 1rem;
  line-height: 1.5rem;
  color: #adafac;
  display: block; }
  form label.error {
    color: #aa3c00; }
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea,
form select {
  border: 1px solid #dce0dc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea {
  width: 100%;
  color: #adafac; }
  form input[type="text"]::-webkit-input-placeholder,
  form input[type="email"]::-webkit-input-placeholder,
  form input[type="password"]::-webkit-input-placeholder,
  form textarea::-webkit-input-placeholder {
    font-family: "RobotoCondensed-Light";
    color: #adafac;
    opacity: 1; }
  form input[type="text"]:-moz-placeholder,
  form input[type="email"]:-moz-placeholder,
  form input[type="password"]:-moz-placeholder,
  form textarea:-moz-placeholder {
    font-family: "RobotoCondensed-Light";
    color: #adafac;
    opacity: 1; }
  form input[type="text"]::-moz-placeholder,
  form input[type="email"]::-moz-placeholder,
  form input[type="password"]::-moz-placeholder,
  form textarea::-moz-placeholder {
    font-family: "RobotoCondensed-Light";
    color: #adafac;
    opacity: 1; }
  form input[type="text"]:-ms-input-placeholder,
  form input[type="email"]:-ms-input-placeholder,
  form input[type="password"]:-ms-input-placeholder,
  form textarea:-ms-input-placeholder {
    font-family: "RobotoCondensed-Light";
    color: #adafac;
    opacity: 1; }
  form input[type="text"].error,
  form input[type="email"].error,
  form input[type="password"].error,
  form textarea.error {
    border: 1px solid #aa3c00; }
  form input[type="text"]:focus,
  form input[type="email"]:focus,
  form input[type="password"]:focus,
  form textarea:focus {
    outline: none; }
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="submit"],
form select,
form button[type="submit"] {
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }
form .prev-input-password {
  /* @extend input,[type=password];
  background-color: transparent;
  border-color: transparent;
  width: auto; !!!!!!!*/ }
form .icheckbox {
  background-image: url("../img/check.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    form .icheckbox {
      background-image: url("../img/2x/check_2x.png");
      background-size: 40px 160px;
      background-repeat: no-repeat; } }
form .iradio {
  background-image: url("../img/radiobutton.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    form .iradio {
      background-image: url("../img/2x/radiobutton_2x.png");
      background-size: 20px 100px;
      background-repeat: no-repeat; } }
form .icheckbox,
form .iradio {
  width: 50px; }
  form .icheckbox.hover,
  form .iradio.hover {
    background-position: 0 -40px; }
  form .icheckbox.checked,
  form .iradio.checked {
    background-position: 0 -80px; }
  form .icheckbox.checked.hover,
  form .iradio.checked.hover {
    background-position: 0 -120px; }
form .input-container {
  display: inline-block;
  overflow: hidden; }
form .check-radio-input,
form .check-radio-label {
  display: inline-block; }
form .check-radio-input {
  width: 30px;
  float: left;
  margin-top: 2px; }
form .check-radio-label {
  width: calc(100% - 30px);
  float: right; }
form .captcha-image,
form .captcha-reload {
  display: inline-block; }
form .captcha-image {
  width: 245px;
  height: 90px; }
form .captcha-reload {
  height: 90px;
  vertical-align: top;
  /*        margin-left: 5px;*/ }
  form .captcha-reload .icon {
    position: relative;
    top: 35px;
    cursor: pointer; }
form .captcha-inputfield {
  margin-top: 0; }

.bg_blue_light form label {
  color: #adafac; }

.form-row {
  /* overflow: hidden; */ }
  .form-row:not(:first-child) {
    margin-top: 15px; }
    .form-row:not(:first-child).margin-small {
      margin-top: 20px; }
  .form-row .form-column {
    width: 100%; }
    .form-row .form-column.right {
      margin-top: 15px; }

@media screen and (min-width: 600px) {
  form .captcha-inputfield {
    margin-top: 30px; } }
@media screen and (min-width: 660px) {
  .form-row {
    /* overflow: hidden; */ }
    .form-row:not(:first-child) {
      margin-top: 25px; }
    .form-row.captcha-row {
      height: 90px; }
      .form-row.captcha-row .form-column.right {
        padding-top: 30px; }
    .form-row .form-column {
      width: 50%; }
      .form-row .form-column.left {
        float: left;
        padding-right: 15px; }
      .form-row .form-column.right {
        float: right;
        padding-left: 15px;
        margin-top: 0; } }
/*
*   ICONS
*/
.icon.icon-info {
  background-image: url("../img/icn_info.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 50px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-info {
      background-image: url("../img/2x/icn_info_2x.png");
      background-size: 48px 50px;
      background-repeat: no-repeat; } }
  .icon.icon-info.orange {
    background-position: -24px 0; }
.icon.icon-info-big {
  background-image: url("../img/icn_info_big.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 80px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-info-big {
      background-image: url("../img/2x/icn_info_big_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-close {
  background-image: url("../img/icn_close.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-close {
      background-image: url("../img/2x/icn_close_2x.png");
      background-size: 80px 40px;
      background-repeat: no-repeat; } }
  .icon.icon-close.orange {
    background-position: -40px 0; }
.icon.icon-nav-menu {
  background-image: url("../img/icn_nav_menu.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 34px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-nav-menu {
      background-image: url("../img/2x/icn_nav_menu_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-nav-bauten {
  background-image: url("../img/icn_nav_bauten.png");
  background-repeat: no-repeat;
  width: 127px;
  height: 80px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-nav-bauten {
      background-image: url("../img/2x/icn_nav_bauten_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  .icon.icon-nav-bauten.main-navi {
    width: 80px;
    height: 50px;
    background-size: 80px 50px; }
.icon.icon-nav-zeitspruenge {
  background-image: url("../img/icn_nav_zeitsrpuenge.png");
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-nav-zeitspruenge {
      background-image: url("../img/2x/icn_nav_zeitsrpuenge_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  .icon.icon-nav-zeitspruenge.main-navi {
    width: 50px;
    height: 50px;
    background-size: 50px 50px; }
.icon.icon-nav-geschichte {
  background-image: url("../img/icn_nav_geschichte.png");
  background-repeat: no-repeat;
  width: 103px;
  height: 80px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-nav-geschichte {
      background-image: url("../img/2x/icn_nav_geschichte_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  .icon.icon-nav-geschichte.main-navi {
    width: 64px;
    height: 50px;
    background-size: 64px 50px; }
.icon.icon-luftbilder {
  background-image: url("../img/icn-luftbilder.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-position: -40px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-luftbilder {
      background-image: url("../img/2x/icn-luftbilder_2x.png");
      background-size: 80px 40px;
      background-repeat: no-repeat; } }
.icon.icon-rundflug {
  background-image: url("../img/icn-rundflug.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-position: -40px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-rundflug {
      background-image: url("../img/2x/icn-rundflug_2x.png");
      background-size: 80px 40px;
      background-repeat: no-repeat; } }
.icon.icon-zoom-in {
  background-image: url("../img/icn_zoom.png");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-zoom-in {
      background-image: url("../img/2x/icn_zoom_2x.png");
      background-size: 50px 50px;
      background-repeat: no-repeat; } }
.icon.icon-zoom-out {
  background-image: url("../img/icn_zoom.png");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: 0 -25px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-zoom-out {
      background-image: url("../img/2x/icn_zoom_2x.png");
      background-size: 50px 50px;
      background-repeat: no-repeat; } }
.icon.icon-move-up {
  background-image: url("../img/icn_move_down_up.png");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: -25px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-move-up {
      background-image: url("../img/2x/icn_move_down_up_2x.png");
      background-size: 50px 50px;
      background-repeat: no-repeat; } }
.icon.icon-move-down {
  background-image: url("../img/icn_move_down_up.png");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-move-down {
      background-image: url("../img/2x/icn_move_down_up_2x.png");
      background-size: 50px 50px;
      background-repeat: no-repeat; } }
.icon.icon-arrow-left {
  background-image: url("../img/icn_arrow_left.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 30px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-left {
      background-image: url("../img/2x/icn_arrow_left_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-right {
  background-image: url("../img/icn_arrow_right.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 25px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-right {
      background-image: url("../img/2x/icn_arrow_right_2x.png");
      background-size: 44px 25px;
      background-repeat: no-repeat; } }
  .icon.icon-arrow-right.orange {
    background-position: -11px 0; }
  .icon.icon-arrow-right.white {
    background-position: -22px 0; }
  .icon.icon-arrow-right.red {
    background-position: -33px 0; }
.icon.icon-arrow-right-small {
  background-image: url("../img/icn_arrow_right_small.png");
  background-repeat: no-repeat;
  width: 8px;
  height: 25px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-right-small {
      background-image: url("../img/2x/icn_arrow_right_small_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  .icon.icon-arrow-right-small.orange {
    background-position: -8px 0; }
  .icon.icon-arrow-right-small.white {
    background-position: -16px 0; }
.icon.icon-arrow-left-40 {
  background-image: url("../img/icn-arrow-40.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 40px;
  display: inline-block;
  background-position: 0 -40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-left-40 {
      background-image: url("../img/2x/icn-arrow-40_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-right-40 {
  background-image: url("../img/icn-arrow-40.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-right-40 {
      background-image: url("../img/2x/icn-arrow-40_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-left-25 {
  background-image: url("../img/icn-arrow-25.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 25px;
  display: inline-block;
  background-position: 0 -25px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-left-25 {
      background-image: url("../img/2x/icn-arrow-25_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-right-25 {
  background-image: url("../img/icn-arrow-25.png");
  background-repeat: no-repeat;
  width: 11px;
  height: 25px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-right-25 {
      background-image: url("../img/2x/icn-arrow-25_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-right-big {
  background-image: url("../img/icn_arrow_right_big.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 50px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-right-big {
      background-image: url("../img/2x/icn_arrow_right_big_2x.png");
      background-size: 60px 50px;
      background-repeat: no-repeat; } }
  .icon.icon-arrow-right-big.grey {
    background-position: -20px 0; }
  .icon.icon-arrow-right-big.orange {
    background-position: -40px 0; }
.icon.icon-nav-arrow {
  background-image: url("../img/icn_nav_arrow.png");
  background-repeat: no-repeat;
  width: 28px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-nav-arrow {
      background-image: url("../img/2x/icn_nav_arrow_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-no-fullscreen {
  background-image: url("../img/icn-fullscreen.png");
  background-repeat: no-repeat;
  width: 65px;
  height: 44px;
  display: inline-block;
  background-position: 0 -44px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-no-fullscreen {
      background-image: url("../img/2x/icn-fullscreen_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-fullscreen {
  background-image: url("../img/icn-fullscreen.png");
  background-repeat: no-repeat;
  width: 65px;
  height: 44px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-fullscreen {
      background-image: url("../img/2x/icn-fullscreen_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-play {
  background-image: url("../img/icn-videoplayer.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-play {
      background-image: url("../img/2x/icn-videoplayer_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-pause {
  background-image: url("../img/icn-videoplayer.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-position: 0 -40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-pause {
      background-image: url("../img/2x/icn-videoplayer_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.red-circle, .bg_blue a.textlink:hover .icon, .bg_blue button.textlink:hover .icon {
  background-color: #aa3c00;
  border-radius: 50%; }
.icon.white-circle, .bg_blue a.textlink .icon, .bg_blue button.textlink .icon {
  background-color: #ffffff;
  border-radius: 50%; }
.icon.white-quad {
  float: left;
  margin-right: 20px;
  border: 1px solid white; }
.icon.icon-arrow-accordion {
  background-image: url("../img/icn_arrow_accordion.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 5px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-accordion {
      background-image: url("../img/2x/icn_arrow_accordion_2x.png");
      background-size: 40px 10px;
      background-repeat: no-repeat; } }
  .icon.icon-arrow-accordion.open {
    background-position: 0 -5px; }
.icon.icon-arrow-breadcrumb {
  background-image: url("../img/icn_arrow_breadcrumb.png");
  background-repeat: no-repeat;
  width: 5px;
  height: 10px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-breadcrumb {
      background-image: url("../img/2x/icn_arrow_breadcrumb_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-arrow-slider {
  background-image: url("../img/icn_slider.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-arrow-slider {
      background-image: url("../img/2x/icn_slider_2x.png");
      background-size: 10px 40px;
      background-repeat: no-repeat; } }
  .icon.icon-arrow-slider.left {
    background-position: 0 0; }
  .icon.icon-arrow-slider.right {
    background-position: -20px 0; }
.icon.icon-filter {
  background-image: url("../img/icn_filter.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-filter {
      background-image: url("../img/2x/icn_filter_2x.png");
      background-size: 40px 20px;
      background-repeat: no-repeat; } }
  .icon.icon-filter.blue, .bg_blue a.textlink .icon.icon-filter, .bg_blue button.textlink .icon.icon-filter {
    background-position: -20px 0; }
.icon.icon-calendar-plus {
  background-image: url("../img/icn_calendar_plus.png");
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-calendar-plus {
      background-image: url("../img/2x/icn_calendar_plus_2x.png");
      background-size: 95px 19px;
      background-repeat: no-repeat; } }
  .icon.icon-calendar-plus.blue, .bg_blue a.textlink .icon.icon-calendar-plus, .bg_blue button.textlink .icon.icon-calendar-plus {
    background-position: -19px 0; }
.icon.icon-calendar-big {
  background-image: url("../img/icn_calendar_big.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-calendar-big {
      background-image: url("../img/2x/icn_calendar_big_2x.png");
      background-size: 200px 40px;
      background-repeat: no-repeat; } }
  .icon.icon-calendar-big.blue, .bg_blue a.textlink .icon.icon-calendar-big, .bg_blue button.textlink .icon.icon-calendar-big {
    background-position: -40px 0; }
.icon.icon-calendar-plus-big {
  background-image: url("../img/icn_calendar_plus_big.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-calendar-plus-big {
      background-image: url("../img/2x/icn_calendar_plus_big_2x.png");
      background-size: 200px 40px;
      background-repeat: no-repeat; } }
  .icon.icon-calendar-plus-big.blue, .bg_blue a.textlink .icon.icon-calendar-plus-big, .bg_blue button.textlink .icon.icon-calendar-plus-big {
    background-position: -40px 0; }
.icon.icon-fachverbaende {
  background-image: url("../img/icn_fachverbaende.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-fachverbaende {
      background-image: url("../img/2x/icn_fachverbaende_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-meinzvei {
  background-image: url("../img/icn_meinzvei.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-meinzvei {
      background-image: url("../img/2x/icn_meinzvei_2x.png");
      background-size: 40px 20px;
      background-repeat: no-repeat; } }
  .icon.icon-meinzvei.blue, .bg_blue a.textlink .icon.icon-meinzvei, .bg_blue button.textlink .icon.icon-meinzvei {
    background-position: -20px 0; }
.icon.icon-meinzvei-big {
  background-image: url("../img/icn_meinzvei_big.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-meinzvei-big {
      background-image: url("../img/2x/icn_meinzvei_big_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-meinzvei-big {
  background-image: url("../img/icn_meinzvei_big.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-meinzvei-big {
      background-image: url("../img/2x/icn_meinzvei_big_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-menu {
  background-image: url("../img/icn_menu_mobile.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-menu {
      background-image: url("../img/2x/icn_menu_mobile_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-more-less {
  background-image: url("../img/icn_more.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-more-less {
      background-image: url("../img/2x/icn_more_2x.png");
      background-size: 60px 40px;
      background-repeat: no-repeat; } }
  .icon.icon-more-less.more.blue, .bg_blue a.textlink .icon.icon-more-less.more, .bg_blue button.textlink .icon.icon-more-less.more {
    background-position: -20px 0; }
  .icon.icon-more-less.less {
    background-position: 0px -20px; }
    .icon.icon-more-less.less.blue, .bg_blue a.textlink .icon.icon-more-less.less, .bg_blue button.textlink .icon.icon-more-less.less {
      background-position: -20px -20px; }
.icon.icon-repeat {
  background-image: url("../img/icn_repeat.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-repeat {
      background-image: url("../img/2x/icn_repeat_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-search {
  background-image: url("../img/icn_search.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-search {
      background-image: url("../img/2x/icn_search_2x.png");
      background-size: 60px 30px;
      background-repeat: no-repeat; } }
  .icon.icon-search.blue, .bg_blue a.textlink .icon.icon-search, .bg_blue button.textlink .icon.icon-search {
    background-position: -30px 0; }
.icon.icon-download {
  background-image: url("../img/icn_download.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-download {
      background-image: url("../img/2x/icn_download_2x.png");
      background-size: 60px 20px;
      background-repeat: no-repeat; } }
  .icon.icon-download.blue, .bg_blue a.textlink .icon.icon-download, .bg_blue button.textlink .icon.icon-download {
    background-position: -20px 0; }
.icon.icon-download-big {
  background-image: url("../img/icn_download_big.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 34px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-download-big {
      background-image: url("../img/2x/icn_download_big_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  .icon.icon-download-big.blue, .bg_blue a.textlink .icon.icon-download-big, .bg_blue button.textlink .icon.icon-download-big {
    background-position: -40px 0; }
.icon.icon-socials {
  background-image: url("../img/icn_socials.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-socials {
      background-image: url("../img/2x/icn_socials_2x.png");
      background-size: 40px 140px;
      background-repeat: no-repeat; } }
  .icon.icon-socials.tw {
    background-position: 0 -20px; }
  .icon.icon-socials.fb {
    background-position: 0 -40px; }
  .icon.icon-socials.mail {
    background-position: 0 0; }
  .icon.icon-socials.yt {
    background-position: 0 -100px; }
  .icon.icon-socials.flickr {
    background-position: 0 -80px; }
  .icon.icon-socials.rss {
    background-position: 0 -60px; }
  .icon.icon-socials.share {
    background-position: 0 -120px; }
.icon.icon-socials-medium {
  background-image: url("../img/icn_socials_medium.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-socials-medium {
      background-image: url("../img/2x/icn_socials_medium_2x.png");
      background-size: 160px 280px;
      background-repeat: no-repeat; } }
  .icon.icon-socials-medium.grey.mail {
    background-position: 0 0; }
  .icon.icon-socials-medium.grey.tw {
    background-position: 0 -40px; }
  .icon.icon-socials-medium.grey.fb {
    background-position: 0 -80px; }
  .icon.icon-socials-medium.grey.rss {
    background-position: 0 -120px; }
  .icon.icon-socials-medium.grey.flickr {
    background-position: 0 -160px; }
  .icon.icon-socials-medium.grey.yt {
    background-position: 0 -200px; }
  .icon.icon-socials-medium.grey.meinzvei {
    background-position: 0 -240px; }
.icon.icon-socials-big {
  background-image: url("../img/icn_socials_big.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-socials-big {
      background-image: url("../img/2x/icn_socials_big_2x.png");
      background-size: 240px 420px;
      background-repeat: no-repeat; } }
  .icon.icon-socials-big.grey.mail {
    background-position: 0 0; }
  .icon.icon-socials-big.grey.tw {
    background-position: 0 -60px; }
  .icon.icon-socials-big.grey.fb {
    background-position: 0 -120px; }
  .icon.icon-socials-big.grey.rss {
    background-position: 0 -180px; }
  .icon.icon-socials-big.grey.flickr {
    background-position: 0 -240px; }
  .icon.icon-socials-big.grey.yt {
    background-position: 0 -300px; }
  .icon.icon-socials-big.grey.meinzvei {
    background-position: 0 -360px; }
.icon.icon-statistic-graph {
  background-image: url("../img/icn_statistic_graph.png");
  background-repeat: no-repeat;
  width: 100px;
  height: 25px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-statistic-graph {
      background-image: url("../img/2x/icn_statistic_graph_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-statistic-socials {
  background-image: url("../img/icn_statistic_socials.png");
  background-repeat: no-repeat;
  width: 52px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-statistic-socials {
      background-image: url("../img/2x/icn_statistic_socials_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-statistic-socials-big {
  background-image: url("../img/icn_statistic_socials_big.png");
  background-repeat: no-repeat;
  width: 88px;
  height: 101px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-statistic-socials-big {
      background-image: url("../img/2x/icn_statistic_socials_big_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-statistic-torte {
  background-image: url("../img/icn_statistic_torte.png");
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-statistic-torte {
      background-image: url("../img/2x/icn_statistic_torte_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-placeholder_counter {
  background-image: url("../img/icn_placeholder_duf_counter.png");
  background-repeat: no-repeat;
  width: 140px;
  height: 85px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-placeholder_counter {
      background-image: url("../img/2x/icn_placeholder_duf_counter_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-bildung {
  background-image: url("../img/icn_themen_bildung.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-bildung {
      background-image: url("../img/2x/icn_themen_bildung_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-cybersicherheit {
  background-image: url("../img/icn_themen_cybersicherheit.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-cybersicherheit {
      background-image: url("../img/2x/icn_themen_cybersicherheit_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-energie {
  background-image: url("../img/icn_themen_energie.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-energie {
      background-image: url("../img/2x/icn_themen_energie_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-gebaeude {
  background-image: url("../img/icn_themen_gebaeude.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-gebaeude {
      background-image: url("../img/2x/icn_themen_gebaeude_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-gesellschaft {
  background-image: url("../img/icn_themen_gesellschaft.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-gesellschaft {
      background-image: url("../img/2x/icn_themen_gesellschaft_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-gesundheit {
  background-image: url("../img/icn_themen_gesundheit.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-gesundheit {
      background-image: url("../img/2x/icn_themen_gesundheit_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-industrie {
  background-image: url("../img/icn_themen_industrie.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-industrie {
      background-image: url("../img/2x/icn_themen_industrie_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-maerkte {
  background-image: url("../img/icn_themen_maerkte.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-maerkte {
      background-image: url("../img/2x/icn_themen_maerkte_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-themen-mobilitaet {
  background-image: url("../img/icn_themen_mobilitaet.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-themen-mobilitaet {
      background-image: url("../img/2x/icn_themen_mobilitaet_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-phone {
  background-image: url("../img/icn_phone.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
    .icon.icon-phone {
      background-image: url("../img/2x/icn_phone_2x.png");
      background-size: 100% auto;
      background-repeat: no-repeat; } }
.icon.icon-tooltip {
  width: 15px;
  height: 15px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 15px;
  font-size: 0.75rem;
  vertical-align: top;
  position: relative; }

.bg_blue_light .icon.icon-tooltip {
  color: #adafac; }

a:hover > .icon {
  /*        &.icon-arrow-right-big{
                  background-position: -40px 0;
              }*/ }
  a:hover > .icon.icon-info {
    background-position: -24px 0; }
  a:hover > .icon.icon-arrow-right {
    background-position: -11px 0px; }
    a:hover > .icon.icon-arrow-right.red {
      background-position: -22px 0; }
  a:hover > .icon.icon-close {
    background-position: -40px 0; }
  a:hover > .icon.icon-luftbilder {
    background-position: 0 0; }
  a:hover > .icon.icon-rundflug {
    background-position: 0 0; }
  a:hover > .icon.icon-zoom-in {
    background-position: -25px 0; }
  a:hover > .icon.icon-zoom-out {
    background-position: -25px -25px; }
  a:hover > .icon.icon-move-up {
    background-position: -25px -25px; }
  a:hover > .icon.icon-move-down {
    background-position: 0 -25px; }

a.active > .icon.icon-arrow-right {
  background-position: -11px 0px; }

/*
*   SLIDER
*/
.slick-slider {
  display: block;
  margin: 0 auto;
  position: relative; }
  .slick-slider:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .slick-slider:before {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .slick-slider .slick-dots {
    padding: 0;
    font-size: 0;
    text-align: center;
    margin-top: 20px; }
    .slick-slider .slick-dots li {
      background-color: #dce0dc;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      margin: 0 5px; }
      .slick-slider .slick-dots li button {
        background-color: transparent; }
      .slick-slider .slick-dots li.slick-active {
        background-color: #adafac; }
      @media screen and (min-width: 1025px) {
        .slick-slider .slick-dots li:hover {
          background-color: #adafac; } }
  .slick-slider .slick-arrow {
    font-size: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    z-index: 0;
    position: absolute;
    background-color: transparent;
    background-position: center;
    cursor: pointer;
    padding: 0; }
    .slick-slider .slick-arrow.slick-prev {
      left: -50px;
      display: block;
      background-image: url("../img/icn_slider_left.png");
      background-repeat: no-repeat;
      width: 10px;
      height: 20px;
      display: inline-block;
      height: calc(100% - 40px);
      width: 20px;
      background-position: right center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
        .slick-slider .slick-arrow.slick-prev {
          background-image: url("../img/2x/icn_slider_left_2x.png");
          background-size: 100% auto;
          background-repeat: no-repeat; } }
    .slick-slider .slick-arrow.slick-next {
      right: -50px;
      display: block;
      background-image: url("../img/icn_slider_right.png");
      background-repeat: no-repeat;
      width: 10px;
      height: 20px;
      display: inline-block;
      height: calc(100% - 30px);
      width: 20px;
      background-position: left center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
        .slick-slider .slick-arrow.slick-next {
          background-image: url("../img/2x/icn_slider_right_2x.png");
          background-size: 100% auto;
          background-repeat: no-repeat; } }
  .slick-slider .slider-block {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .slick-slider .slider-block:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .slick-slider .slider-block:before {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .slick-slider .slider-block .img-link {
      text-decoration: none;
      background-color: transparent;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      cursor: pointer;
      display: block;
      overflow: hidden; }
      .slick-slider .slider-block .img-link img {
        width: 100%;
        height: auto;
        display: block; }
    .slick-slider .slider-block .text-box {
      padding: 15px 20px;
      width: 100%; }
      .slick-slider .slider-block .text-box .txt {
        margin-top: 20px;
        margin-bottom: 5px; }
    .slick-slider .slider-block .headline {
      margin-bottom: 5px; }
    .slick-slider .slider-block .thema {
      margin-bottom: 7px; }
    .slick-slider .slider-block .cta, .slick-slider .slider-block form input[type="submit"], form .slick-slider .slider-block input[type="submit"],
    .slick-slider .slider-block form button[type="submit"],
    form .slick-slider .slider-block button[type="submit"] {
      margin-top: 10px;
      margin-bottom: 5px; }
  .slick-slider.slider {
    margin: 30px 0; }
  .slick-slider.single-element-full {
    width: 100%; }
    .slick-slider.single-element-full .slick-list {
      background-color: #dce0dc; }
    .slick-slider.single-element-full .slider-block {
      background-color: #dce0dc; }
    .slick-slider.single-element-full .img-link {
      position: relative; }
  .slick-slider.two-elements-full .slider-block {
    height: 380px; }
    .slick-slider.two-elements-full .slider-block .img-link {
      height: 100%; }
      .slick-slider.two-elements-full .slider-block .img-link img {
        display: none; }
    .slick-slider.two-elements-full .slider-block .img-1 {
      background-image: url("../img/news1.jpg"); }
    .slick-slider.two-elements-full .slider-block .text-box {
      position: absolute;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.9);
      min-height: 128px; }
    .slick-slider.two-elements-full .slider-block .thema, .slick-slider.two-elements-full .slider-block .headline {
      margin-bottom: 0; }
  .slick-slider.three-elements-full .img-link {
    position: relative; }
  .slick-slider.three-elements-full .slider-block {
    background-color: transparent; }
    .slick-slider.three-elements-full .slider-block .thema, .slick-slider.three-elements-full .slider-block .headline {
      margin-bottom: 0; }
    .slick-slider.three-elements-full .slider-block .text-box {
      padding-left: 0;
      padding-right: 0; }
  .slick-slider.three-elements-full .slick-dots {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #dce0dc;
    max-width: 1140px; }
  .slick-slider.single-txt-full .slider-block .thema, .slick-slider.single-txt-full .slider-block .headline {
    margin-bottom: 0; }
  .slick-slider.single-txt-full .slider-block .txt {
    margin-bottom: 0;
    margin-top: 10px; }
  .slick-slider.slider-small {
    margin-top: 0;
    margin-bottom: 0; }
    .slick-slider.slider-small .textlink {
      margin-bottom: 0;
      margin-top: 5px; }

@media screen and (min-width: 600px) {
  .slick-slider.single-element-full .slider-block {
    min-height: 380px; }
    .slick-slider.single-element-full .slider-block .img-link {
      min-height: 300px; }
      .slick-slider.single-element-full .slider-block .img-link img {
        display: none; }
    .slick-slider.single-element-full .slider-block .img-1 {
      background-image: url("../img/news1.jpg"); }
  .slick-slider.three-elements-full {
    margin-left: -15px;
    margin-right: -15px; }
    .slick-slider.three-elements-full .slider-block .img-link {
      min-height: 240px; }
      .slick-slider.three-elements-full .slider-block .img-link img {
        display: none; }
    .slick-slider.three-elements-full .slider-block .img-1 {
      background-image: url("../img/news1.jpg"); }
    .slick-slider.three-elements-full .slick-slide {
      margin-left: 15px;
      margin-right: 15px; }
    .slick-slider.three-elements-full .slick-arrow.slick-prev {
      left: -35px; }
    .slick-slider.three-elements-full .slick-arrow.slick-next {
      right: -35px; } }
@media screen and (min-width: 768px) {
  .slick-slider.single-element-full .slider-block:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .slick-slider.single-element-full .slider-block:before {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .slick-slider.single-element-full .slider-block .img-link {
    width: 50%;
    height: 100%;
    position: absolute; }
  .slick-slider.single-element-full .slider-block .text-box {
    width: 50%;
    float: right;
    padding-left: 30px; }
  .slick-slider.single-element-full .img-link {
    position: absolute; }
  .slick-slider.single-element-full .slick-list {
    background-color: transparent; } }
/*
*   DROPDOWN => CHOSEN
*
*/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
select {
  width: 100%; }

.chosen-container {
  width: 100% !important;
  font-family: "RobotoCondensed-Light";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #dce0dc;
  border-top: 0;
  background: #ffffff;
  box-shadow: 0; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999; }

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 30px;
  border: 1px solid #dce0dc;
  border-radius: 0px;
  background-color: #ffffff;
  /*  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, $whitefff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
  background-clip: padding-box;
  box-shadow: 0;
  color: #adafac;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.875rem; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/chosen-sprite.png") no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #dce0dc;
  background: white url("../img/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #adafac;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: #adafac;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);*/
  color: #ffffff; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #dce0dc;
  background-color: #ffffff;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, $whitefff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: linear-gradient(#eeeeee 1%, $whitefff 15%);*/
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #dce0dc;
  max-width: 100%;
  border-radius: 0px;
  background-color: #eeeeee;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);*/
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0;
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);*/
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #dce0dc;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, $whitefff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: linear-gradient(#eeeeee 20%, $whitefff 80%);*/
  box-shadow: 0; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("../img/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../img/2x/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }
/* @end */
/*
*   TYPE
*   
*   Typografie für Text, Headlines, Paragraphen, Links etc.
*/
h1, h2, h3, h4, h5, h6, p, .h1, blockquote, .h2, .h3, .h4, .h5, .h6, .p, p, a, span {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal; }

/*
*   HEADINGS
*/
h1, h2, h3, h4, h5, h6, .h1, blockquote {
  color: #ffffff; }

.h2, .h3, .h4, .h5, .h6 {
  color: #ffffff; }

h1, .h1, blockquote {
  font-family: "RobotoCondensed-Light";
  font-size: 22.125rem;
  line-height: 22.125rem; }

h2, .h2 {
  font-family: "RobotoCondensed-Light";
  /*    font-size: $font_80;
      line-height: $font_88;*/
  font-size: 4.375rem;
  line-height: 4.875rem; }

h3, .h3 {
  font-family: "RobotoCondensed-Light";
  font-size: 3.375rem;
  line-height: 3.75rem; }

h4, .h4 {
  font-family: "RobotoCondensed-Light";
  font-size: 3.375rem;
  line-height: 3.75rem; }

h5, .h5 {
  font-family: "RobotoCondensed-Light";
  font-size: 1.875rem;
  line-height: 2.25rem; }

h6, .h6 {
  font-family: "RobotoCondensed-Light";
  font-size: 1.75rem;
  line-height: 2.188rem; }

/*
*   PARAGRAPHS
*/
p, .p1 {
  font-family: "RobotoCondensed-Light";
  /*    font-size: $font_28;*/
  font-size: 1.5rem;
  /*    line-height: $font_35;*/
  line-height: 2rem;
  color: #adafac;
  margin-bottom: 40px; }
  p:nth-last-of-type(1), .p1:nth-last-of-type(1) {
    margin-bottom: 0px; }

.p2 {
  font-family: "RobotoCondensed-Light";
  /*    font-size: $font_24;*/
  font-size: 1.25rem;
  /*    line-height: $font_32;*/
  line-height: 1.75rem;
  color: #adafac; }

/*
*   LINKS
*/
nav a, nav button {
  color: #ffffff; }

a, button {
  font-family: "RobotoCondensed-Bold";
  text-decoration: none;
  cursor: pointer;
  color: #adafac; }
  a:hover, button:hover {
    color: #adafac; }
  a.textlink, button.textlink {
    color: #adafac;
    font-size: 1.5rem;
    line-height: 2rem;
    display: inline-block;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: none; }
    a.textlink:before, button.textlink:before {
      content: "";
      border-top: 1px solid #adafac;
      width: calc(100% + 50px);
      display: inline-block; }
    a.textlink.no-icon, button.textlink.no-icon {
      padding-left: 0; }
    a.textlink:hover, button.textlink:hover {
      color: #eb6328; }
      a.textlink:hover:before, button.textlink:hover:before {
        content: "";
        border-top: 1px solid #eb6328; }

.bg_blue a:hover, .bg_blue button:hover {
  color: #adafac; }

.txt-normal {
  font-style: normal !important; }

/*
*   STRONG/ITALIC
*/
strong, b {
  font-family: "RobotoCondensed-Bold";
  font-weight: normal; }

/*
*   BLOCKQUOTE
*/
blockquote {
  text-align: center; }
  blockquote p {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  blockquote + p {
    margin-top: 10px; }

.indent {
  /*    margin-left: 70px;*/
  margin-left: 40px; }

/*
*   COLORS
*/
.txt-red {
  color: #aa3c00; }

.txt-white {
  color: #ffffff; }

.txt-grey_ultradark {
  color: #484947; }

.txt-grey_primary {
  color: #adafac; }

.txt-grey_dark {
  color: #838582; }

/*
*   TEXT-ALIGN
*/
.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

/*
*   TEXT-TRANSFORM 
*/
.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.txt-bold {
  font-family: "RobotoCondensed-Bold"; }

.txt-reg {
  font-family: "RobotoCondensed-Regular"; }

.txt-light {
  font-family: "RobotoCondensed-Light"; }

/*
*   PAGE-HEADER
*/
.page-header {
  min-height: 100px;
  /*    background-image: url('../img/bg_tile2.png');*/
  background-repeat: no-repeat;
  background-position: center top;
  padding: 20px 0;
  text-align: center; }
  .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header p {
    color: #ffffff; }
  .page-header h1 {
    text-transform: uppercase;
    /*        margin-top: 12px;*/ }
  .page-header .thema {
    margin-top: -6px;
    margin-bottom: 4px; }
  .page-header .icon.white-quad {
    text-align: center;
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px; }
  .page-header .txt-right {
    text-align: center; }
  .page-header .wrapper-buttons {
    /*        position: relative;*/
    width: 100%;
    height: auto;
    min-height: 30px;
    display: inline-block; }
  .page-header .link-page-header {
    margin-bottom: -5px;
    margin-top: 15px; }
    .page-header .link-page-header a {
      margin-right: 15px; }
  .page-header .wrapper_headlines {
    display: inline-block; }
  .page-header .headline-column {
    display: table;
    height: 60px; }
    .page-header .headline-column .headline-container {
      display: table-cell;
      vertical-align: middle; }

@media screen and (min-width: 600px) {
  .page-header {
    text-align: left; }
    .page-header .icon.white-quad {
      float: left;
      display: inline-block;
      margin: 0 20px 0 0; }
    .page-header .txt-right {
      text-align: right; }
    .page-header .wrapper_headlines {
      width: calc(100% - 110px); } }
@media screen and (min-width: 768px) {
  .page-header .link-page-header {
    position: absolute;
    right: 0;
    bottom: 0; } }
/*
*   TABLE
*/
.table-view {
  width: 100%;
  height: auto;
  text-align: left; }
  .table-view tr {
    padding: 10px 0;
    vertical-align: top; }
  .table-view th {
    font-family: "RobotoCondensed-Light";
    color: #aa3c00;
    font-size: 1rem;
    line-height: 1.5rem; }
  .table-view td {
    font-family: "RobotoCondensed-Light";
    color: #adafac;
    font-size: 1rem;
    line-height: 1.5rem; }

/*
*   TABS
*/
.tab-container {
  font-size: 0; }
  .tab-container .tab {
    font-family: "RobotoCondensed-Bold";
    font-size: 1.5rem;
    line-height: 2rem;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #adafac;
    padding-top: 5px;
    padding-bottom: 20px; }
    .tab-container .tab.active {
      color: #eb6328;
      border-top: 1px solid #eb6328; }
    .tab-container .tab:hover {
      color: #eb6328;
      border-top: 1px solid #eb6328; }
    .tab-container .tab.last {
      margin-top: 100px; }
    .tab-container .tab .icon.icon-arrow-right {
      position: relative;
      top: 4px; }

.tab-content {
  display: none; }
  .tab-content.active {
    display: block; }

/*
*   DROPDOWN => CHOSEN
*
*/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
select {
  width: 100%; }

.chosen-container {
  width: 100% !important;
  font-family: "RobotoCondensed-Light";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #dce0dc;
  border-top: 0;
  background: #ffffff;
  box-shadow: 0; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999; }

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 30px;
  border: 1px solid #dce0dc;
  border-radius: 0px;
  background-color: #ffffff;
  /*  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, $whitefff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient($whitefff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
  background-clip: padding-box;
  box-shadow: 0;
  color: #adafac;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.875rem; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/chosen-sprite.png") no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #dce0dc;
  background: white url("../img/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #adafac;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: #adafac;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);*/
  color: #ffffff; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #dce0dc;
  background-color: #ffffff;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, $whitefff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, $whitefff 15%);
    background-image: linear-gradient(#eeeeee 1%, $whitefff 15%);*/
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #dce0dc;
  max-width: 100%;
  border-radius: 0px;
  background-color: #eeeeee;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);*/
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0;
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);*/
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #dce0dc;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  /*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, $whitefff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, $whitefff 80%);
    background-image: linear-gradient(#eeeeee 20%, $whitefff 80%);*/
  box-shadow: 0; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("../img/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../img/2x/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }
/* @end */
#accordion, .accordion {
  margin-bottom: 40px;
  margin-top: 0;
  padding: 0;
  color: #adafac; }
  #accordion p, .accordion p {
    color: #484947; }
    #accordion p.caption, .accordion p.caption {
      color: #adafac; }
  #accordion h3, .accordion h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #484947;
    width: 100%;
    cursor: pointer;
    position: relative;
    padding-right: 42px; }
    #accordion h3:after, .accordion h3:after {
      content: '';
      background: transparent url("../img/icn_accordion.png") top left no-repeat;
      display: block;
      width: 25px;
      height: 11px;
      position: absolute;
      right: 0;
      top: 10px; }
    #accordion h3.open, .accordion h3.open {
      background-position: top right; }
    #accordion h3:hover, .accordion h3:hover {
      color: #eb6328;
      border-color: #adafac; }
      #accordion h3:hover:after, .accordion h3:hover:after {
        background-position: bottom left; }
      #accordion h3:hover.open:after, .accordion h3:hover.open:after {
        background-position: bottom right; }
  #accordion li, .accordion li {
    border-bottom: 1px solid #adafac;
    list-style: outside none none;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
    #accordion li:nth-of-type(1), .accordion li:nth-of-type(1) {
      border-top: 1px solid #adafac; }
  #accordion .content, .accordion .content {
    display: none;
    padding: 20px 0px; }

@media screen and (max-width: 1300px) {
  .tooltip_detail_switch {
    padding-left: 150px; }
    .tooltip_detail_switch .tooltip_detail,
    .tooltip_detail_switch .tooltip_detail-secondlevel {
      transform: inherit; } }

/*
*   TOOLTIP
*/
.tooltip_detail,
.tooltip_detail-secondlevel {
  position: relative;
  width: 530px;
  height: 600px;
  display: block;
  padding: 20px;
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .tooltip_detail,
    .tooltip_detail-secondlevel {
      width: 380px;
      transform: translateX(150px); } }
  .tooltip_detail.orange,
  .tooltip_detail-secondlevel.orange {
    background: rgba(235, 99, 40, 0.9); }
  .tooltip_detail.orange_dark,
  .tooltip_detail-secondlevel.orange_dark {
    background: rgba(170, 60, 0, 0.9); }
  .tooltip_detail.green_light,
  .tooltip_detail-secondlevel.green_light {
    background: rgba(74, 173, 116, 0.9); }
  .tooltip_detail.green_dark,
  .tooltip_detail-secondlevel.green_dark {
    background: rgba(76, 129, 108, 0.9); }
  .tooltip_detail.grey_ultradark,
  .tooltip_detail-secondlevel.grey_ultradark {
    background: rgba(72, 73, 71, 0.9); }
  .tooltip_detail .line,
  .tooltip_detail-secondlevel .line {
    margin-bottom: 20px; }
  .tooltip_detail p,
  .tooltip_detail-secondlevel p {
    margin-bottom: 0; }
  .tooltip_detail .caption,
  .tooltip_detail-secondlevel .caption {
    padding-bottom: 20px; }
  .tooltip_detail .inner_wrapper-y:after,
  .tooltip_detail-secondlevel .inner_wrapper-y:after {
    height: 50px; }
  .tooltip_detail .close-tooltip,
  .tooltip_detail .close-overlay,
  .tooltip_detail .close-multi-tooltip,
  .tooltip_detail-secondlevel .close-tooltip,
  .tooltip_detail-secondlevel .close-overlay,
  .tooltip_detail-secondlevel .close-multi-tooltip {
    background-color: #484947;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    top: -70px;
    right: -70px; }
  .tooltip_detail .close-multi-tooltip,
  .tooltip_detail-secondlevel .close-multi-tooltip {
    top: -70px;
    right: -70px; }

a.textlink.no-icon .icon-tooltip,
button.textlink.no-icon .icon-tooltip {
  margin-left: 0;
  margin-right: 0; }

a.tooltip,
.bg-eyewitness {
  position: relative;
  text-decoration: none;
  padding: 6px 10px;
  display: inline-block;
  font-family: "RobotoCondensed-Light";
  color: #ffffff;
  /*    font-size: $font_24;*/
  font-size: 1rem;
  /*    line-height: $font_24;*/
  line-height: 1rem; }
  a.tooltip.txt-smaller,
  .bg-eyewitness.txt-smaller {
    font-size: 0.875rem; }
  a.tooltip.orange,
  .bg-eyewitness.orange {
    background: rgba(235, 99, 40, 0.9); }
  a.tooltip.green_light,
  .bg-eyewitness.green_light {
    background: rgba(74, 173, 116, 0.9); }
    a.tooltip.green_light .second-layer,
    .bg-eyewitness.green_light .second-layer {
      background: rgba(76, 129, 108, 0.9); }
  a.tooltip.green_dark,
  .bg-eyewitness.green_dark {
    background: rgba(76, 129, 108, 0.9); }
  a.tooltip.grey_ultradark,
  .bg-eyewitness.grey_ultradark {
    background: rgba(72, 73, 71, 0.9); }
  a.tooltip .second-layer,
  .bg-eyewitness .second-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 5px;
    z-index: -1; }
  a.tooltip > b,
  .bg-eyewitness > b {
    pointer-events: none; }
  a.tooltip > i,
  .bg-eyewitness > i {
    pointer-events: none; }

.bg-eyewitness {
  position: absolute;
  width: 100%;
  left: 5px;
  top: -5px;
  z-index: -1; }
  .bg-eyewitness.bottom-right {
    bottom: -5px;
    top: 5px; }
  .bg-eyewitness.bottom-left {
    top: 5px;
    left: -5px; }
  .bg-eyewitness.top-left {
    top: -5px;
    left: -5px; }
  .bg-eyewitness.green-eyewitness {
    color: #4c816c;
    background-color: #4c816c; }
  .bg-eyewitness.orange-eyewitness {
    color: #aa3c00;
    background-color: #aa3c00; }

.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
  font-family: "RobotoCondensed-Light";
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  max-width: 490px; }
  .tooltip.grey {
    background-color: #484947; }

.tooltip_detail_switch .tooltip_detail {
  left: 0;
  top: 0;
  padding-bottom: 0; }
  .tooltip_detail_switch .tooltip_detail .tooltip_detail {
    position: absolute;
    z-index: 8;
    transition: all 0.5s ease-in-out; }
  .tooltip_detail_switch .tooltip_detail header,
  .tooltip_detail_switch .tooltip_detail .outer_wrapper-y {
    opacity: 0;
    transition: all 0.5s ease-in-out; }
  .tooltip_detail_switch .tooltip_detail .switch_toggle {
    display: block;
    height: 100px;
    width: 40px;
    position: absolute;
    right: -40px;
    top: calc(50% - 50px);
    border-radius: 0px 10px 10px 0px; }
    .tooltip_detail_switch .tooltip_detail .switch_toggle .icon {
      position: absolute;
      left: calc(50% - 8px);
      top: calc(50% - 20px); }
  .tooltip_detail_switch .tooltip_detail.green_light .switch_toggle {
    background: rgba(74, 173, 116, 0.9); }
  .tooltip_detail_switch .tooltip_detail.green_dark .switch_toggle {
    background: rgba(76, 129, 108, 0.9); }
  .tooltip_detail_switch .tooltip_detail.orange .switch_toggle {
    background: rgba(235, 99, 40, 0.9); }
  .tooltip_detail_switch .tooltip_detail.orange_dark .switch_toggle {
    background: rgba(170, 60, 0, 0.9); }
  .tooltip_detail_switch .tooltip_detail.active, .tooltip_detail_switch .tooltip_detail.default {
    left: -20px;
    top: 20px; }
    .tooltip_detail_switch .tooltip_detail.active header,
    .tooltip_detail_switch .tooltip_detail.active .outer_wrapper-y, .tooltip_detail_switch .tooltip_detail.default header,
    .tooltip_detail_switch .tooltip_detail.default .outer_wrapper-y {
      opacity: 1; }
    .tooltip_detail_switch .tooltip_detail.active .switch_toggle, .tooltip_detail_switch .tooltip_detail.default .switch_toggle {
      display: none; }
  .tooltip_detail_switch .tooltip_detail .caption {
    margin-bottom: 0;
    width: 100%; }
  .tooltip_detail_switch .tooltip_detail .info-line {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.125rem; }
.tooltip_detail_switch .gradient-bottom {
  height: 100px; }

.marker {
  position: absolute;
  text-decoration: none;
  display: inline-block;
  font-family: "RobotoCondensed-Light";
  color: #ffffff; }
  .marker:hover {
    color: #ffffff; }
  .marker.small, .marker.small p {
    font-size: 1.25rem;
    line-height: 1.25rem; }
  .marker.big, .marker.big p {
    font-size: 1.5rem;
    line-height: 1.5rem; }
  .marker p {
    white-space: nowrap; }
  .marker .content-marker {
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
    .marker .content-marker p {
      color: #ffffff; }
  .marker.orange .content-marker {
    background: rgba(235, 99, 40, 0.9); }
  .marker.green p {
    color: transparent; }
  .marker.green .content-marker p {
    color: #ffffff; }
  .marker.green .green_light {
    background: rgba(74, 173, 116, 0.9); }
  .marker.green .green_dark {
    padding: 5px 10px;
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    background: rgba(76, 129, 108, 0.9); }

.tooltip-container,
.tooltip-container-secondlevel {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: auto;
  height: auto;
  z-index: 9; }
  .tooltip-container .tooltip_detail,
  .tooltip-container .tooltip_detail-secondlevel,
  .tooltip-container .bg_back_dark,
  .tooltip-container-secondlevel .tooltip_detail,
  .tooltip-container-secondlevel .tooltip_detail-secondlevel,
  .tooltip-container-secondlevel .bg_back_dark {
    display: none; }
  .tooltip-container .tooltip_detail-secondlevel.active,
  .tooltip-container-secondlevel .tooltip_detail-secondlevel.active {
    display: block; }
  .tooltip-container.active,
  .tooltip-container-secondlevel.active {
    width: 530px;
    height: 600px;
    z-index: 10; }
    .tooltip-container.active .tooltip,
    .tooltip-container-secondlevel.active .tooltip {
      display: none; }
      .tooltip-container.active .tooltip.show_when_open,
      .tooltip-container-secondlevel.active .tooltip.show_when_open {
        display: block;
        width: auto;
        left: -20px;
        top: -20px;
        min-width: 0; }
    .tooltip-container.active .tooltip_detail,
    .tooltip-container.active .bg_back_dark,
    .tooltip-container-secondlevel.active .tooltip_detail,
    .tooltip-container-secondlevel.active .bg_back_dark {
      display: block; }
    .tooltip-container.active#tt_1_38-45_x7a_x7b, .tooltip-container.active#tt_1_73-h_y7a_45-65, .tooltip-container.active#tt_1_73-h_y7a_65-72, .tooltip-container.active#tt_1_73-h_y7a,
    .tooltip-container-secondlevel.active#tt_1_38-45_x7a_x7b,
    .tooltip-container-secondlevel.active#tt_1_73-h_y7a_45-65,
    .tooltip-container-secondlevel.active#tt_1_73-h_y7a_65-72,
    .tooltip-container-secondlevel.active#tt_1_73-h_y7a {
      left: -530px; }
  .tooltip-container.tt_green .tooltip_detail_switch,
  .tooltip-container-secondlevel.tt_green .tooltip_detail_switch {
    width: 0;
    height: 0; }
  .tooltip-container.tt_green .tooltip_detail,
  .tooltip-container-secondlevel.tt_green .tooltip_detail {
    display: block;
    transform: scale(0);
    transition: all 0.3s ease-in-out; }
  .tooltip-container.tt_green.active .tooltip_detail_switch,
  .tooltip-container-secondlevel.tt_green.active .tooltip_detail_switch {
    width: auto;
    height: auto; }
  .tooltip-container.tt_green.active .tooltip_detail,
  .tooltip-container-secondlevel.tt_green.active .tooltip_detail {
    transform: scale(1); }

.tooltip-container.active .tooltip-container-secondlevel.active {
  display: block; }
.tooltip-container.active .tooltip-container-secondlevel .next-multioverlay {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  bottom: -80px;
  right: -80px;
  padding: 20px 30px;
  z-index: 1000;
  background-position: -20px; }

.with-arrow.arrow-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-top-left::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    right: auto;
    bottom: auto;
    left: 0;
    border-style: solid;
    border-width: 40px 0 0 10px;
    border-color: transparent transparent transparent rgba(235, 99, 40, 0.9);
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-top-left.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-top-left.active::before {
      top: -100px;
      right: auto;
      bottom: auto;
      left: 0;
      border-width: 100px 0 0 20px; }
.with-arrow.arrow-top-right {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-top-right::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    right: 0;
    bottom: auto;
    left: auto;
    border-style: solid;
    border-width: 0 0 40px 10px;
    border-color: transparent transparent rgba(235, 99, 40, 0.9) transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-top-right.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-top-right.active::before {
      top: -100px;
      right: 0;
      bottom: auto;
      left: auto;
      border-width: 0 0 100px 20px; }
.with-arrow.arrow-right-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-right-top::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -40px;
    bottom: auto;
    left: auto;
    border-style: solid;
    border-width: 10px 40px 0 0;
    border-color: rgba(235, 99, 40, 0.9) transparent transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-right-top.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-right-top.active::before {
      top: 0;
      right: -100px;
      bottom: auto;
      left: auto;
      border-width: 20px 100px 0 0; }
.with-arrow.arrow-right-bottom {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-right-bottom::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: -40px;
    bottom: 0;
    left: auto;
    border-style: solid;
    border-width: 10px 0 0 40px;
    border-color: transparent transparent transparent rgba(235, 99, 40, 0.9);
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-right-bottom.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-right-bottom.active::before {
      top: auto;
      right: -100px;
      bottom: 0;
      left: auto;
      border-width: 20px 0 0 100px; }
.with-arrow.arrow-bottom-right {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-bottom-right::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -40px;
    left: auto;
    border-style: solid;
    border-width: 0 10px 40px 0;
    border-color: transparent rgba(235, 99, 40, 0.9) transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-bottom-right.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-bottom-right.active::before {
      top: auto;
      right: 0;
      bottom: -100px;
      left: auto;
      border-width: 0 20px 100px 0; }
.with-arrow.arrow-bottom-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-bottom-left::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -40px;
    left: 0;
    border-style: solid;
    border-width: 40px 10px 0 0;
    border-color: rgba(235, 99, 40, 0.9) transparent transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-bottom-left.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-bottom-left.active::before {
      top: auto;
      right: auto;
      bottom: -100px;
      left: 0;
      border-width: 100px 20px 0 0; }
.with-arrow.arrow-left-bottom {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-left-bottom::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: -40px;
    border-style: solid;
    border-width: 0 0 10px 40px;
    border-color: transparent transparent rgba(235, 99, 40, 0.9) transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-left-bottom.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-left-bottom.active::before {
      top: auto;
      right: auto;
      bottom: 0;
      left: -100px;
      border-width: 0 0 20px 100px; }
.with-arrow.arrow-left-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.arrow-left-top::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: -40px;
    border-style: solid;
    border-width: 0 40px 10px 0;
    border-color: transparent rgba(235, 99, 40, 0.9) transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow-left-top.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow-left-top.active::before {
      top: 0;
      right: auto;
      bottom: auto;
      left: -100px;
      border-width: 0 100px 20px 0; }
.with-arrow.orange-dark-arrow.arrow-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-top-left::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    right: auto;
    bottom: auto;
    left: 0;
    border-style: solid;
    border-width: 40px 0 0 10px;
    border-color: transparent transparent transparent rgba(170, 60, 0, 0.9);
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-top-left.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-top-left.active::before {
      top: -100px;
      right: auto;
      bottom: auto;
      left: 0;
      border-width: 100px 0 0 20px; }
.with-arrow.orange-dark-arrow.arrow-top-right {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-top-right::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    right: 0;
    bottom: auto;
    left: auto;
    border-style: solid;
    border-width: 0 0 40px 10px;
    border-color: transparent transparent rgba(170, 60, 0, 0.9) transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-top-right.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-top-right.active::before {
      top: -100px;
      right: 0;
      bottom: auto;
      left: auto;
      border-width: 0 0 100px 20px; }
.with-arrow.orange-dark-arrow.arrow-right-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-right-top::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -40px;
    bottom: auto;
    left: auto;
    border-style: solid;
    border-width: 10px 40px 0 0;
    border-color: rgba(170, 60, 0, 0.9) transparent transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-right-top.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-right-top.active::before {
      top: 0;
      right: -100px;
      bottom: auto;
      left: auto;
      border-width: 20px 100px 0 0; }
.with-arrow.orange-dark-arrow.arrow-right-bottom {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-right-bottom::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: -40px;
    bottom: 0;
    left: auto;
    border-style: solid;
    border-width: 10px 0 0 40px;
    border-color: transparent transparent transparent rgba(170, 60, 0, 0.9);
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-right-bottom.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-right-bottom.active::before {
      top: auto;
      right: -100px;
      bottom: 0;
      left: auto;
      border-width: 20px 0 0 100px; }
.with-arrow.orange-dark-arrow.arrow-bottom-right {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-bottom-right::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -40px;
    left: auto;
    border-style: solid;
    border-width: 0 10px 40px 0;
    border-color: transparent rgba(170, 60, 0, 0.9) transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-bottom-right.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-bottom-right.active::before {
      top: auto;
      right: 0;
      bottom: -100px;
      left: auto;
      border-width: 0 20px 100px 0; }
.with-arrow.orange-dark-arrow.arrow-bottom-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-bottom-left::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -40px;
    left: 0;
    border-style: solid;
    border-width: 40px 10px 0 0;
    border-color: rgba(170, 60, 0, 0.9) transparent transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-bottom-left.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-bottom-left.active::before {
      top: auto;
      right: auto;
      bottom: -100px;
      left: 0;
      border-width: 100px 20px 0 0; }
.with-arrow.orange-dark-arrow.arrow-left-bottom {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-left-bottom::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: -40px;
    border-style: solid;
    border-width: 0 0 10px 40px;
    border-color: transparent transparent rgba(170, 60, 0, 0.9) transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-left-bottom.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-left-bottom.active::before {
      top: auto;
      right: auto;
      bottom: 0;
      left: -100px;
      border-width: 0 0 20px 100px; }
.with-arrow.orange-dark-arrow.arrow-left-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/ }
  .with-arrow.orange-dark-arrow.arrow-left-top::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: -40px;
    border-style: solid;
    border-width: 0 40px 10px 0;
    border-color: transparent rgba(170, 60, 0, 0.9) transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.orange-dark-arrow.arrow-left-top.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.orange-dark-arrow.arrow-left-top.active::before {
      top: 0;
      right: auto;
      bottom: auto;
      left: -100px;
      border-width: 0 100px 20px 0; }
.with-arrow.arrow_zeitspruenge {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/
  background-color: #484947;
  width: 490px;
  height: 130px;
  padding: 15px;
  position: absolute;
  bottom: auto;
  left: auto; }
  .with-arrow.arrow_zeitspruenge::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -40px;
    left: auto;
    border-style: solid;
    border-width: 0 10px 40px 0;
    border-color: transparent #484947 transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow_zeitspruenge.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow_zeitspruenge.active::before {
      top: auto;
      right: 0;
      bottom: -100px;
      left: auto;
      border-width: 0 20px 100px 0; }
  .with-arrow.arrow_zeitspruenge.for_button_1 {
    top: -150px;
    right: 998px; }
  .with-arrow.arrow_zeitspruenge.for_button_2 {
    top: -150px;
    right: 833px; }
  .with-arrow.arrow_zeitspruenge.for_button_3 {
    top: -150px;
    right: 668px; }
  .with-arrow.arrow_zeitspruenge.for_button_4 {
    top: -150px;
    right: 502px; }
  .with-arrow.arrow_zeitspruenge.for_button_5 {
    top: -150px;
    right: 337px; }
  .with-arrow.arrow_zeitspruenge.for_button_6 {
    top: -150px;
    right: 172px; }
.with-arrow.arrow_zeitspruenge_comparison {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  /*    .tooltip_detail {
        display: none;
    }*/
  background-color: #484947;
  width: 419px;
  height: 130px;
  padding: 15px;
  position: absolute; }
  .with-arrow.arrow_zeitspruenge_comparison::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -40px;
    left: auto;
    border-style: solid;
    border-width: 0 10px 40px 0;
    border-color: transparent #484947 transparent transparent;
    -webkit-transition: border-color 0.3s ease-in-out;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transition: border-color 0.3s ease-in-out;
    /* IE 9 */
    transition: border-color 0.3s ease-in-out;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .with-arrow.arrow_zeitspruenge_comparison.active {
    /*        .tooltip {
            display: none;
        }
        .tooltip_detail {
            display: block;
        }*/ }
    .with-arrow.arrow_zeitspruenge_comparison.active::before {
      top: auto;
      right: 0;
      bottom: -100px;
      left: auto;
      border-width: 0 20px 100px 0; }
  .with-arrow.arrow_zeitspruenge_comparison.for_comparison {
    top: 660px;
    right: 10px;
    bottom: auto;
    left: auto; }

.multilink {
  color: #ffffff;
  margin-left: 60px;
  border-top: 1px solid #ffffff;
  padding-top: 5px;
  font-size: 1.25rem;
  margin-bottom: 10px;
  font-weight: normal; }
  .multilink .icon.icon-arrow-right-small {
    margin-left: 20px;
    margin-top: 3px; }
  .multilink:hover {
    color: #aa3c00;
    border-top: 1px solid #aa3c00; }
    .multilink:hover .icon.icon-arrow-right-small.white {
      background-position: -24px 0; }

.tooltip-container-secondlevel {
  background-color: rgba(235, 113, 59, 0.4);
  display: none; }
  .tooltip-container-secondlevel .tooltip_detail-secondlevel {
    left: 80px;
    top: 80px;
    z-index: 10; }
    .tooltip-container-secondlevel .tooltip_detail-secondlevel .close-overlay {
      top: -90px;
      right: -90px; }
  .tooltip-container-secondlevel .bg_back_dark {
    background-color: #aa3c00;
    width: 530px;
    height: 600px;
    position: absolute;
    top: 60px;
    right: -100px;
    z-index: 9; }

/*
*   INFO-LAYER
*/
.info_layer_container {
  display: none; }
  .info_layer_container.active {
    display: block; }
    .info_layer_container.active .info_layer {
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transition: all 0.3s ease-in-out;
      /* IE 9 */
      transition: all 0.3s ease-in-out;
      /* IE 10, Fx 16+, Op 12.1+ */ }

.floating_layer {
  color: #ffffff; }
  .floating_layer .info_layer {
    position: absolute;
    top: 0;
    left: 460px;
    background: rgba(72, 73, 71, 0.95);
    width: 100vw;
    max-width: 790px;
    height: 100%;
    z-index: 17;
    -webkit-box-shadow: -10px 0px 20px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -10px 0px 20px -10px rgba(0, 0, 0, 0.5);
    box-shadow: -10px 0px 20px -10px rgba(0, 0, 0, 0.5);
    opacity: 0; }
    @media screen and (max-width: 1300px) {
      .floating_layer .info_layer {
        width: calc(100vw - 60px); } }
    .floating_layer .info_layer p {
      color: #ffffff; }
  .floating_layer .close-info {
    position: absolute;
    top: 70px;
    right: -61px;
    background: rgba(72, 73, 71, 0.95);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
    box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5); }
    .floating_layer .close-info .icon {
      position: relative;
      left: calc(50% - 20px);
      top: calc(50% - 20px); }
  .floating_layer .shadow-top {
    background: url("../img/shadow_right.png") repeat-y;
    background-size: 40px 1px;
    width: 40px;
    position: absolute;
    right: -40px;
    top: 0;
    height: 70px; }
  .floating_layer .shadow-bottom {
    background: url("../img/shadow_right.png") repeat-y;
    background-size: 40px 1px;
    width: 40px;
    position: absolute;
    right: -40px;
    bottom: 0px;
    height: calc(100% - 230px); }
    @media screen and (max-width: 1300px) {
      .floating_layer .shadow-bottom {
        height: calc(100% - 190px); } }

/*
*   STARTSCREEN
*/
.bg_startscreen {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("../img/bg_startscreen.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  /*    .image_shadow-right{
        @include shadow_image-right;
    }   */ }
  .bg_startscreen .wrapper_bottom_half {
    max-width: none;
    position: absolute;
    width: 100%;
    height: auto;
    top: 65%;
    transform: translateY(-50%); }

/*
*   LANGUAGE-CHOICE
*/
.language_choice {
  display: none;
  position: absolute;
  top: 0;
  left: 460px;
  background: rgba(255, 255, 255, 0.95);
  width: 790px;
  height: 100%;
  z-index: 16;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 1820px) {
    .language_choice {
      left: 0; } }
  @media screen and (max-width: 1300px) {
    .language_choice {
      max-width: 790px;
      width: 80%; } }
  .language_choice.active {
    display: block; }
  .language_choice .inner-padding {
    background-color: #ffffff; }
  .language_choice .wrapper_headline {
    /*        margin-bottom: 195px;*/
    margin-bottom: 65px; }
    .language_choice .wrapper_headline h2 {
      margin-bottom: 20px; }
      .language_choice .wrapper_headline h2:nth-last-of-type(1) {
        margin-bottom: 0px; }
  .language_choice .wrapper_language_buttons {
    margin-top: 40px;
    max-width: 200px;
    margin-left: auto;
    margin-right: -80px; }
    @media screen and (max-width: 1300px) {
      .language_choice .wrapper_language_buttons {
        max-width: 180px; } }
    @media screen and (max-height: 875px) {
      .language_choice .wrapper_language_buttons {
        position: absolute;
        right: -70px;
        bottom: 50%;
        transform: translateY(50%); } }
    .language_choice .wrapper_language_buttons .cta, .language_choice .wrapper_language_buttons form input[type="submit"], form .language_choice .wrapper_language_buttons input[type="submit"],
    .language_choice .wrapper_language_buttons form button[type="submit"],
    form .language_choice .wrapper_language_buttons button[type="submit"] {
      display: block;
      margin-bottom: 15px; }
      .language_choice .wrapper_language_buttons .cta:nth-last-of-type(1), .language_choice .wrapper_language_buttons form input[type="submit"]:nth-last-of-type(1), form .language_choice .wrapper_language_buttons input[type="submit"]:nth-last-of-type(1),
      .language_choice .wrapper_language_buttons form button[type="submit"]:nth-last-of-type(1),
      form .language_choice .wrapper_language_buttons button[type="submit"]:nth-last-of-type(1) {
        margin-bottom: 0px; }
      @media screen and (max-width: 1300px) {
        .language_choice .wrapper_language_buttons .cta .icon, .language_choice .wrapper_language_buttons form input[type="submit"] .icon, form .language_choice .wrapper_language_buttons input[type="submit"] .icon,
        .language_choice .wrapper_language_buttons form button[type="submit"] .icon,
        form .language_choice .wrapper_language_buttons button[type="submit"] .icon {
          transform: scale(0.8);
          margin-bottom: -3px; } }
  .language_choice .intro {
    border-top: 1px solid #adafac;
    border-bottom: 1px solid #adafac; }

/*
*   BAUTEN
*/
#page_bauten.active .first_level {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0; }
  #page_bauten.active .first_level.active {
    transform: translateX(0px);
    opacity: 1; }
  #page_bauten.active .first_level.waiting {
    transform: translateX(-580px);
    opacity: 1; }
    #page_bauten.active .first_level.waiting .close_first_level .icon {
      transform: rotate3d(0, 1, 0, 180deg); }

.bauten {
  background-color: #dce0dc; }
  .bauten .bg_placeholder_bauten {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("../img/bg_placeholder_bauten.jpg");
    width: 100%;
    /*        height: 100vh;*/
    height: 1080px;
    display: block;
    /*        .image_shadow-right{
            @include shadow_image-right;
        }   */ }
  .bauten .interaction-elements {
    bottom: 10px;
    display: flex;
    justify-content: flex-end; }
    .bauten .interaction-elements .bottom-tools:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .bauten .interaction-elements .bottom-tools:before {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .bauten .interaction-elements .bottom-tools > ul {
      margin-bottom: 20px;
      float: right; }

/*
*   ADDITIONAL LAYER
*/
.first_level,
.second_level {
  height: 100vh;
  max-height: 1080px;
  background: rgba(255, 255, 255, 0.95);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }

.first_level {
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  left: 0px;
  top: 0px;
  /*    width: 710px;*/
  width: 620px;
  z-index: 14;
  /*    transform: translateX(-750px);*/
  transform: translateX(-620px); }
  .first_level .close_first_level {
    width: 61px;
    position: absolute;
    top: calc(50% - 80px);
    right: -61px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
    box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease-in-out; }
    .first_level .close_first_level .icon {
      position: relative;
      left: calc(50% - 10px);
      top: calc(50% - 25px);
      transform: rotate3d(0, 1, 0, 0deg);
      transition: transform 0.6s ease-in-out; }
  .first_level.hide-firstlevel-toggle .close_first_level {
    opacity: 0;
    pointer-events: none; }

.second_level {
  position: absolute;
  /*    left: 710px;*/
  top: 0px;
  /*    width: 710px;*/
  width: 620px;
  z-index: 13;
  /*    transform: translateX(-710px);*/
  transform: translateX(-620px);
  opacity: 0; }
  .second_level.active {
    transform: translateX(620px);
    opacity: 1; }

.additional_layer .close_additional_layer {
  width: 61px;
  position: absolute;
  top: calc(50% - 80px);
  right: -61px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 20px 0px 20px -20px rgba(0, 0, 0, 0.5); }
  .additional_layer .close_additional_layer .icon {
    position: relative;
    left: calc(50% - 10px);
    top: calc(50% - 25px); }
.additional_layer .shadow-top {
  background: url("../img/shadow_right.png") repeat-y;
  background-size: 40px 1px;
  width: 40px;
  position: absolute;
  right: -40px;
  top: 0;
  height: calc(50% - 80px); }
.additional_layer .shadow-bottom {
  background: url("../img/shadow_right.png") repeat-y;
  background-size: 40px 1px;
  width: 40px;
  position: absolute;
  right: -40px;
  bottom: 0px;
  height: calc(50% - 80px); }

/*
*   GESCHICHTE
*/
#page_geschichte .test {
  display: block; }

.geschichte {
  position: relative; }
  .geschichte h2 {
    font-size: 16rem;
    line-height: 16rem;
    white-space: initial; }
  .geschichte h3 {
    white-space: initial; }
  .geschichte p {
    font-family: "RobotoCondensed-Regular";
    font-size: 1.5rem;
    line-height: 2rem;
    color: #484947;
    white-space: initial;
    margin-bottom: 0; }
  .geschichte .single-year {
    margin-top: -20px; }
  .geschichte .area {
    position: absolute;
    width: 100%;
    height: auto; }
    .geschichte .area.top {
      top: 0px;
      height: 594px;
      z-index: 8; }
    .geschichte .area.middle {
      top: 594px;
      height: 360px;
      z-index: 8; }
      .geschichte .area.middle.bg_white {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
      .geschichte .area.middle.inner-padding {
        padding-top: 50px; }
    .geschichte .area.bottom {
      bottom: 0px;
      height: 126px;
      z-index: 7; }
  .geschichte .zeitstrahl {
    width: 100%;
    height: 100%;
    background-color: #edefec;
    z-index: 1; }
    .geschichte .zeitstrahl .content-year .area {
      position: inherit; }
    .geschichte .zeitstrahl .area.middle, .geschichte .zeitstrahl .area.top {
      width: inherit; }
    .geschichte .zeitstrahl .row {
      max-width: inherit; }
  @media screen and (max-width: 1300px), (max-height: 1023px) {
    .geschichte .interaction-elements ul {
      margin-left: 150px; } }
  .geschichte .reposition_1 {
    position: relative;
    top: 373px;
    left: 30px;
    z-index: 10;
    text-align: right;
    top: 535px;
    width: 300px; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .geschichte .reposition_1 {
        top: 450px; } }
  .geschichte .reposition_2 {
    position: relative;
    top: 305px;
    left: 30px;
    z-index: 10; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .geschichte .reposition_2 {
        top: 7vh; } }
  .geschichte .line_seperator_top {
    position: relative; }
    .geschichte .line_seperator_top:before {
      content: "";
      position: absolute;
      width: 1px;
      height: 594px;
      border-left: 1px solid #adafac;
      top: -70px;
      left: 0px; }
  .geschichte .line_seperator_middle {
    position: relative; }
    .geschichte .line_seperator_middle:before {
      content: "";
      position: absolute;
      width: 1px;
      height: 360px;
      border-left: 1px solid #adafac;
      top: -50px;
      left: 0px; }
  .geschichte .img_fix {
    position: relative;
    z-index: 3; }
    .geschichte .img_fix.top_area {
      width: 100%;
      height: auto;
      max-height: 700px; }
      .geschichte .img_fix.top_area.top {
        top: -70px; }
      .geschichte .img_fix.top_area img {
        max-height: 700px; }
    .geschichte .img_fix.middle_area {
      width: auto;
      height: 440px;
      max-height: 270px; }
      .geschichte .img_fix.middle_area.top {
        top: -50px; }
        .geschichte .img_fix.middle_area.top img {
          max-height: 270px; }
      .geschichte .img_fix.middle_area img {
        max-height: 270px; }
    .geschichte .img_fix .caption {
      font-size: 1.125rem;
      line-height: 1.5rem;
      width: 100%;
      height: auto;
      display: inherit;
      white-space: initial;
      padding-top: 5px; }
  .geschichte .gradient-left.white:before {
    content: "";
    background-image: url("../img/shadow-gradient.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 20px;
    display: inline-block;
    width: calc(100% + 60px);
    height: 20px;
    position: absolute;
    top: -20px;
    left: -60px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
      .geschichte .gradient-left.white:before {
        background-image: url("../img/2x/shadow-gradient_2x.png");
        background-size: 160px 20px;
        background-repeat: no-repeat; } }
  .geschichte .bg_vertical {
    background-color: #edefec;
    height: 100%;
    width: 150px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .geschichte .bg_vertical {
        width: 120px; } }
  .geschichte .subcontent {
    margin-left: 20px;
    margin-right: 20px; }

.scroll-horizontal-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 0; }
  .scroll-horizontal-wrapper .scroll-horizontal-inner {
    width: 100%;
    height: 100vh;
    max-height: 1100px;
    overflow: hidden;
    white-space: nowrap; }
  .scroll-horizontal-wrapper .scroll-horizontal-content {
    height: 100vh;
    max-height: 1080px;
    width: auto; }
    .scroll-horizontal-wrapper .scroll-horizontal-content:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .scroll-horizontal-wrapper .scroll-horizontal-content:before {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
  .scroll-horizontal-wrapper #sub_1 {
    margin-left: 100px; }
  .scroll-horizontal-wrapper .background img {
    max-width: inherit;
    margin: 0 60px; }
  .scroll-horizontal-wrapper .area {
    position: relative; }

/*
    SLIDE HEADER POSITIONS
*/
#slide_header_1915-33_1_1 {
  left: 270px; }

#slide_header_1915-33_1_2 {
  left: 800px; }

#slide_header_1915-33_1_3 {
  left: 1330px; }

#slide_header_1915-33_1_4 {
  left: 1860px; }

#slide_header_1915-33_2_1 {
  left: 2078px; }

#slide_header_1915-33_2_2 {
  left: 2608px; }

#slide_header_1915-33_2_3 {
  left: 3138px; }

#slide_header_1915-33_2_4 {
  left: 3668px; }

#slide_header_1915-33_3_1 {
  left: 3200px; }

#slide_header_1915-33_3_2 {
  left: 3730px; }

#slide_header_1915-33_3_3 {
  left: 4260px; }

#slide_header_1915-33_3_4 {
  left: 4790px; }

#slide_header_1915-33_4_1 {
  left: 4961px; }

#slide_header_1915-33_4_2 {
  left: 5491px; }

#slide_header_1915-33_4_3 {
  left: 6021px; }

#slide_header_1915-33_4_4 {
  left: 6551px; }

#slide_header_1915-33_5_1 {
  left: 6682px; }

#slide_header_1915-33_5_2 {
  left: 7212px; }

#slide_header_1915-33_5_3 {
  left: 7742px; }

#slide_header_1915-33_5_4 {
  left: 8272px; }

#slide_header_1915-33_6_1 {
  left: 8538px; }

#slide_header_1915-33_6_2 {
  left: 9068px; }

#slide_header_1915-33_6_3 {
  left: 9598px; }

#slide_header_1915-33_6_4 {
  left: 10128px; }

#slide_header_1915-33_7_1 {
  left: 10143px; }

#slide_header_1915-33_7_2 {
  left: 10673px; }

#slide_header_1915-33_7_3 {
  left: 11203px; }

#slide_header_1915-33_7_4 {
  left: 11733px; }

#slide_header_1915-33_8_1 {
  left: 11145px; }

#slide_header_1915-33_8_2 {
  left: 11675px; }

#slide_header_1915-33_8_3 {
  left: 12205px; }

#slide_header_1915-33_8_4 {
  left: 12735px; }

#slide_header_1915-33_9_1 {
  left: 11953px; }

#slide_header_1915-33_9_2 {
  left: 12483px; }

#slide_header_1915-33_9_3 {
  left: 13013px; }

#slide_header_1915-33_9_4 {
  left: 13543px; }

#slide_header_1915-33_10_1 {
  left: 12823px; }

#slide_header_1915-33_10_2 {
  left: 13353px; }

#slide_header_1915-33_10_3 {
  left: 13883px; }

#slide_header_1915-33_10_4 {
  left: 14413px; }

#slide_header_1915-33_11_1 {
  left: 14400px; }

#slide_header_1915-33_11_2 {
  left: 14930px; }

#slide_header_1915-33_11_3 {
  left: 15460px; }

#slide_header_1915-33_11_4 {
  left: 15990px; }

#slide_header_1915-33_12_1 {
  left: 16729px; }

#slide_header_1915-33_12_2 {
  left: 17259px; }

#slide_header_1915-33_12_3 {
  left: 17789px; }

#slide_header_1915-33_12_4 {
  left: 18319px; }

#slide_header_1915-33_13_1 {
  left: 18467px; }

#slide_header_1915-33_13_2 {
  left: 18997px; }

#slide_header_1915-33_13_3 {
  left: 19527px; }

#slide_header_1915-33_13_4 {
  left: 20057px; }

#slide_header_1915-33_14_1 {
  left: 20193px; }

#slide_header_1915-33_14_2 {
  left: 20723px; }

#slide_header_1915-33_14_3 {
  left: 21253px; }

#slide_header_1915-33_14_4 {
  left: 21783px; }

#slide_header_1915-33_15_1 {
  left: 21228px; }

#slide_header_1915-33_15_2 {
  left: 21758px; }

#slide_header_1915-33_15_3 {
  left: 22288px; }

#slide_header_1915-33_15_4 {
  left: 22818px; }

#slide_header_1915-33_16_1 {
  left: 22933px; }

#slide_header_1915-33_16_2 {
  left: 23463px; }

#slide_header_1915-33_16_3 {
  left: 23993px; }

#slide_header_1915-33_16_4 {
  left: 24523px; }

#slide_header_1915-33_17_1 {
  left: 24824px; }

#slide_header_1915-33_17_2 {
  left: 25354px; }

#slide_header_1915-33_17_3 {
  left: 25884px; }

#slide_header_1915-33_17_4 {
  left: 26414px; }

#slide_header_1915-33_18_1 {
  left: 25734px; }

#slide_header_1915-33_18_2 {
  left: 26264px; }

#slide_header_1915-33_18_3 {
  left: 26794px; }

#slide_header_1915-33_18_4 {
  left: 27324px; }

#slide_header_1915-33_19_1 {
  left: 27414px; }

#slide_header_1915-33_19_2 {
  left: 27944px; }

#slide_header_1915-33_19_3 {
  left: 28474px; }

#slide_header_1915-33_19_4 {
  left: 29004px; }

#slide_header_1915-33_20_1 {
  left: 28894px; }

#slide_header_1915-33_20_2 {
  left: 29424px; }

#slide_header_1915-33_20_3 {
  left: 29954px; }

#slide_header_1915-33_20_4 {
  left: 30484px; }

#slide_header_1915-33_21_1 {
  left: 30514px; }

#slide_header_1915-33_21_2 {
  left: 31044px; }

#slide_header_1915-33_21_3 {
  left: 31574px; }

#slide_header_1915-33_21_4 {
  left: 32104px; }

#slide_header_1915-33_22_1 {
  left: 31391px; }

#slide_header_1915-33_22_2 {
  left: 31921px; }

#slide_header_1915-33_22_3 {
  left: 32451px; }

#slide_header_1915-33_22_4 {
  left: 32981px; }

#slide_header_1915-33_23_1 {
  left: 33100px; }

#slide_header_1915-33_23_2 {
  left: 33630px; }

#slide_header_1915-33_23_3 {
  left: 34160px; }

#slide_header_1915-33_23_4 {
  left: 34690px; }

#slide_header_1933-37_1_1 {
  left: 33962px; }

#slide_header_1933-37_1_2 {
  left: 34492px; }

#slide_header_1933-37_1_3 {
  left: 35022px; }

#slide_header_1933-37_1_4 {
  left: 35552px; }

#slide_header_1933-37_2_1 {
  left: 35443px; }

#slide_header_1933-37_2_2 {
  left: 35973px; }

#slide_header_1933-37_2_3 {
  left: 36503px; }

#slide_header_1933-37_2_4 {
  left: 37033px; }

#slide_header_1933-37_3_1 {
  left: 36901px; }

#slide_header_1933-37_3_2 {
  left: 37431px; }

#slide_header_1933-37_3_3 {
  left: 37961px; }

#slide_header_1933-37_3_4 {
  left: 38491px; }

#slide_header_1933-37_4_1 {
  left: 38542px; }

#slide_header_1933-37_4_2 {
  left: 39072px; }

#slide_header_1933-37_4_3 {
  left: 39602px; }

#slide_header_1933-37_4_4 {
  left: 40132px; }

#slide_header_1937-45_1_1 {
  left: 39327px; }

#slide_header_1937-45_1_2 {
  left: 39857px; }

#slide_header_1937-45_1_3 {
  left: 40387px; }

#slide_header_1937-45_1_4 {
  left: 40917px; }

#slide_header_1937-45_2_1 {
  left: 40805px; }

#slide_header_1937-45_2_2 {
  left: 41335px; }

#slide_header_1937-45_2_3 {
  left: 41865px; }

#slide_header_1937-45_2_4 {
  left: 42395px; }

#slide_header_1937-45_3_1 {
  left: 42473px; }

#slide_header_1937-45_3_2 {
  left: 43003px; }

#slide_header_1937-45_3_3 {
  left: 43533px; }

#slide_header_1937-45_3_4 {
  left: 44063px; }

#slide_header_1937-45_4_1 {
  left: 44128px; }

#slide_header_1937-45_4_2 {
  left: 44658px; }

#slide_header_1937-45_4_3 {
  left: 45188px; }

#slide_header_1937-45_4_4 {
  left: 45718px; }

#slide_header_1937-45_5_1 {
  left: 45067px; }

#slide_header_1937-45_5_2 {
  left: 45597px; }

#slide_header_1937-45_5_3 {
  left: 46127px; }

#slide_header_1937-45_5_4 {
  left: 46657px; }

#slide_header_1937-45_6_1 {
  left: 46693px; }

#slide_header_1937-45_6_2 {
  left: 47223px; }

#slide_header_1937-45_6_3 {
  left: 47753px; }

#slide_header_1937-45_6_4 {
  left: 48283px; }

#slide_header_1937-45_7_1 {
  left: 48336px; }

#slide_header_1937-45_7_2 {
  left: 48866px; }

#slide_header_1937-45_7_3 {
  left: 49396px; }

#slide_header_1937-45_7_4 {
  left: 49926px; }

#slide_header_1937-45_8_1 {
  left: 50144px; }

#slide_header_1937-45_8_2 {
  left: 50674px; }

#slide_header_1937-45_8_3 {
  left: 51204px; }

#slide_header_1937-45_8_4 {
  left: 51734px; }

#slide_header_1937-45_9_1 {
  left: 51114px; }

#slide_header_1937-45_9_2 {
  left: 51644px; }

#slide_header_1937-45_9_3 {
  left: 52174px; }

#slide_header_1937-45_9_4 {
  left: 52704px; }

#slide_header_1945-64_1_1 {
  left: 52980px; }

#slide_header_1945-64_1_2 {
  left: 53510px; }

#slide_header_1945-64_1_3 {
  left: 54040px; }

#slide_header_1945-64_1_4 {
  left: 54570px; }

#slide_header_1945-64_2_1 {
  left: 54734px; }

#slide_header_1945-64_2_2 {
  left: 55264px; }

#slide_header_1945-64_2_3 {
  left: 55794px; }

#slide_header_1945-64_2_4 {
  left: 56324px; }

#slide_header_1945-64_3_1 {
  left: 56549px; }

#slide_header_1945-64_3_2 {
  left: 57079px; }

#slide_header_1945-64_3_3 {
  left: 57609px; }

#slide_header_1945-64_3_4 {
  left: 58139px; }

#slide_header_1965-72_1_1 {
  left: 58374px; }

#slide_header_1965-72_1_2 {
  left: 58904px; }

#slide_header_1965-72_1_3 {
  left: 59434px; }

#slide_header_1965-72_1_4 {
  left: 59964px; }

#slide_header_1973-h_1_1 {
  left: 60551px; }

#slide_header_1973-h_1_2 {
  left: 61081px; }

#slide_header_1973-h_1_3 {
  left: 61611px; }

#slide_header_1973-h_1_4 {
  left: 62141px; }

#slide_header_1973-h_2_1 {
  left: 62224px; }

#slide_header_1973-h_2_2 {
  left: 62754px; }

#slide_header_1973-h_2_3 {
  left: 63284px; }

#slide_header_1973-h_2_4 {
  left: 63814px; }

#slide_header_1973-h_3_1 {
  left: 64140px; }

#slide_header_1973-h_3_2 {
  left: 64670px; }

#slide_header_1973-h_3_3 {
  left: 65200px; }

#slide_header_1973-h_3_4 {
  left: 65730px; }

.parallax {
  /* slide layout
    --------------------------------------------- */
  /* Large screen layout
    --------------------------------------------- */ }
  .parallax .slide {
    position: relative; }
    .parallax .slide:first-child {
      margin-left: 100px; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        .parallax .slide:first-child {
          margin-left: 60px; } }
  .parallax .slide_header {
    position: absolute;
    top: 60px;
    z-index: 5; }
    .parallax .slide_header .slide_header_title {
      color: #484947;
      text-shadow: 2px 2px #ffffff;
      width: 430px; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        .parallax .slide_header .slide_header_title {
          width: 430px;
          white-space: normal; } }
      .parallax .slide_header .slide_header_title.txt-white {
        color: #ffffff;
        text-shadow: 2px 2px #484947; }
    .parallax .slide_header .slide_header_cta {
      display: block;
      width: 60px;
      height: 60px;
      background-color: #eb6328;
      margin-top: 20px;
      border-radius: 10px;
      padding: 15px 23px; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        .parallax .slide_header .slide_header_cta {
          transform: translate(-75px, -73px); } }
    .parallax .slide_header .slide_header_content_box {
      display: none;
      position: relative;
      background: rgba(235, 99, 40, 0.9);
      padding: 20px;
      margin-top: 90px;
      width: 430px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        .parallax .slide_header .slide_header_content_box {
          transform: translate(-75px, -73px); } }
      .parallax .slide_header .slide_header_content_box p.txt-white {
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 0; }
      .parallax .slide_header .slide_header_content_box p.txt-grey_ultradark {
        color: #484947;
        line-height: 1.25rem;
        margin-bottom: 0;
        padding-bottom: 0; }
      .parallax .slide_header .slide_header_content_box p.txt-smaller {
        font-size: 1.25rem;
        line-height: 1.75rem; }
    .parallax .slide_header .slide_header_close {
      background-color: #484947;
      width: 60px;
      height: 60px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 10px;
      position: relative;
      top: 20px;
      right: -70px;
      float: right; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        .parallax .slide_header .slide_header_close {
          transform: translate(-515px, -73px); } }
  .parallax .slide__content {
    position: absolute; }
  .parallax .slide__text,
  .parallax .slide__image {
    padding: 8%;
    background-color: rgba(237, 239, 236, 0.9); }
  .parallax .slide__text {
    display: table;
    position: relative;
    padding: 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
  .parallax .slide__year {
    display: table-cell;
    vertical-align: top;
    font-size: 8.75rem;
    letter-spacing: -0.7rem;
    color: #adafac;
    font-family: "RobotoCondensed-Light";
    padding: 4px 15px 20px 50px;
    line-height: 8.75rem;
    width: 370px; }
  .parallax .slide__textblock {
    display: table-cell;
    vertical-align: top;
    padding: 15px 20px 20px 15px;
    min-width: 480px;
    height: 270px; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .parallax .slide__textblock {
        height: 220px; } }
    .parallax .slide__textblock h3 {
      color: #484947;
      margin-bottom: 20px;
      font-size: 2.5rem;
      line-height: 2.875rem;
      letter-spacing: -0.035rem; }
      .parallax .slide__textblock h3.txt-smaller {
        font-size: 2.063rem;
        line-height: 2.25rem; }
    .parallax .slide__textblock p {
      font-size: 1.25rem;
      line-height: 1.5rem; }
      .parallax .slide__textblock p.txt-smaller {
        font-size: 1.125rem;
        line-height: 22px; }
    .parallax .slide__textblock .caption {
      padding: 10px 0 0 0;
      color: #838582;
      line-height: 1rem; }
  .parallax .slide__picture {
    height: 270px; }
    .parallax .slide__picture img {
      height: 270px;
      width: auto;
      max-width: inherit; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .parallax .slide__picture {
        height: 220px; }
        .parallax .slide__picture img {
          height: 220px;
          max-height: 100%; } }
  .parallax .slide__bg img {
    margin: 0 50px 0 50px;
    max-width: inherit; }
  @media screen and (min-width: 45em) {
    .parallax {
      /* horizontal scroll styles */ }
      .parallax .slide__image,
      .parallax .slide__text {
        padding: 3%;
        -webkit-flex: 1;
        flex: 1; }
      .parallax .slide:nth-child(2n) .slide__text {
        -webkit-order: 1;
        order: 1; }
      .parallax .nav {
        display: flex; }
      .parallax html,
      .parallax body {
        height: 100%; }
      .parallax .slides {
        white-space: nowrap;
        height: 100%; }
      .parallax .slide {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        margin-right: -0.3em;
        overflow: hidden; }
      .parallax .slide__text {
        padding: 0; }
      .parallax .slides {
        position: absolute;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%; }
      .parallax .slide:nth-child(2n + 1) {
        z-index: 2; }
      .parallax .slide:nth-child(2n) {
        z-index: 1;
        /* ensure slides overlay correctly */ } }
  .parallax .textboxes {
    pointer-events: none;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transform: translateY(-270px); }
    @media screen and (min-height: 950px) {
      .parallax .textboxes {
        transform: translateY(-170px); } }
    @media screen and (min-height: 1080px) {
      .parallax .textboxes {
        transform: inherit; } }

.slide__content {
  transform: translateX(1000px);
  -webkit-transform: translateX(1000px);
  -moz-transform: translateX(1000px); }
  .slide__content.start {
    animation-name: flyin;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name: flyin;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: flyin;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 1s;
    -moz-animation-fill-mode: forwards; }
  .slide__content.fadein {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 0; }
    .slide__content.fadein.start {
      animation-name: fadein;
      animation-timing-function: ease-out;
      animation-iteration-count: 1;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 1s;
      -webkit-animation-name: fadein;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-duration: 1s;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-delay: 1s;
      -moz-animation-name: fadein;
      -moz-animation-timing-function: ease-out;
      -moz-animation-iteration-count: 1;
      -moz-animation-duration: 1s;
      -moz-animation-fill-mode: forwards;
      -moz-animation-delay: 1s; }

@-webkit-keyframes flyin {
  from {
    -webkit-transform: translateX(1000px); }
  to {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*
*   ZEITSPRÜNGE
*/
#page_zeitspruenge {
  background-color: #edefec;
  z-index: 1;
  /* ORIGINAL STYLES */
  /* -------------------------------- 

    Primary style
    -------------------------------- */
  /*    *, *:after, *:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    
        body {
            font-size: 100%;
            font-family: "Open Sans", sans-serif;
            color: #445b7c;
            background-color: #445b7c;
        }
    
        a {
            color: #dc717d;
            text-decoration: none;
        }*/
  /* -------------------------------- 
    
    Main components 
    
    -------------------------------- */ }
  #page_zeitspruenge.active {
    height: 100vh;
    max-height: 1080px; }
  #page_zeitspruenge .indicator_year {
    position: absolute;
    top: -780px;
    right: -150px;
    pointer-events: none;
    z-index: 11; }
    #page_zeitspruenge .indicator_year:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    #page_zeitspruenge .indicator_year:before {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      #page_zeitspruenge .indicator_year {
        right: -110px; } }
    #page_zeitspruenge .indicator_year span {
      font-family: "RobotoCondensed-Bold";
      background-color: #ffffff;
      height: 56px;
      padding: 18px;
      font-size: 1.625rem;
      line-height: 20px;
      color: #838582;
      text-align: center; }
      #page_zeitspruenge .indicator_year span.year_left {
        background-color: #4c816c;
        border-color: #4c816c;
        color: #ffffff; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        #page_zeitspruenge .indicator_year span {
          height: 42px;
          padding: 10px 18px; } }
    #page_zeitspruenge .indicator_year ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-color: transparent;
      float: left;
      min-width: 380px;
      /*            margin-left: 20px;*/
      border-radius: 10px;
      border: none;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
      #page_zeitspruenge .indicator_year ul:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      #page_zeitspruenge .indicator_year ul:before {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0; }
      @media screen and (max-width: 1300px), (max-height: 1023px) {
        #page_zeitspruenge .indicator_year ul {
          min-width: 300px; } }
      #page_zeitspruenge .indicator_year ul li {
        min-width: 190px; }
        @media screen and (max-width: 1300px), (max-height: 1023px) {
          #page_zeitspruenge .indicator_year ul li {
            min-width: 150px; } }
        #page_zeitspruenge .indicator_year ul li span {
          border-left: none; }
        #page_zeitspruenge .indicator_year ul li:first-child {
          float: left; }
          #page_zeitspruenge .indicator_year ul li:first-child span {
            border-radius: 10px 0px 0px 10px; }
        #page_zeitspruenge .indicator_year ul li:last-child {
          float: right;
          border-right: none; }
          #page_zeitspruenge .indicator_year ul li:last-child span {
            border-radius: 0px 10px 10px 0px;
            -webkit-box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.5);
            box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.5); }
  #page_zeitspruenge img {
    max-width: 100%; }
  #page_zeitspruenge header {
    position: relative;
    height: 160px;
    line-height: 160px;
    text-align: center; }
  #page_zeitspruenge header h1 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #ffffff;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  @media only screen and (min-width: 768px) {
    #page_zeitspruenge header {
      height: 240px;
      line-height: 240px; }
    #page_zeitspruenge header h1 {
      font-size: 32px;
      font-size: 2rem; } }
  #page_zeitspruenge .cd-image-container {
    position: relative;
    width: 100%;
    max-height: 880px;
    min-height: 510px;
    height: calc(100% - 200px);
    z-index: 1;
    /*        max-width: 768px;*/
    margin: 0em auto;
    border-bottom: 1px solid #adafac; }
  #page_zeitspruenge .cd-image-container img {
    display: block;
    transition: transform 0.2s ease-in-out; }
  #page_zeitspruenge .cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "RobotoCondensed-Bold";
    color: #484947;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; }
  #page_zeitspruenge .cd-image-label.is-hidden {
    visibility: hidden; }
  #page_zeitspruenge .is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  #page_zeitspruenge .cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  #page_zeitspruenge .cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
    background-color: #cbd8d1;
    transition: transform 0.2s ease-in-out; }
  #page_zeitspruenge #zs-bottom-image {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto; }
  #page_zeitspruenge .cd-resize-img .cd-image-label {
    right: auto;
    left: 0; }
  #page_zeitspruenge .is-visible .cd-resize-img {
    width: 50%;
    /* bounce in animation of the modified image */
    -webkit-animation: cd-bounce-in 0.7s;
    -moz-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s;
    -webkit-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: #cbd8d1; }
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }
@keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }
  #page_zeitspruenge .cd-handle {
    position: absolute;
    height: 80px;
    width: 80px;
    /* center the element */
    left: 50%;
    top: 100%;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 50%;
    background: #ffffff url("../img/2_zeitspruenge/cd-arrows.svg") no-repeat center center;
    cursor: move;
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0); }
  #page_zeitspruenge .cd-handle.draggable {
    /* change background color when element is active */
    /*        background-color: #445b7c;*/
    background: #838582 url("../img/2_zeitspruenge/cd-arrows_white.svg") no-repeat center center; }
  #page_zeitspruenge .is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s; }

.interaction-elements {
  position: absolute;
  /*    bottom: 70px;*/
  bottom: 30px;
  /*    right: 70px;*/
  right: 30px;
  z-index: 11;
  /* ZOOM-BUTTONS */
  /* MOVE-BUTTONS */ }
  .interaction-elements:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .interaction-elements:before {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .interaction-elements.left {
    right: auto;
    left: 13px; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .interaction-elements.left {
        display: none; } }
  .interaction-elements a {
    display: block;
    background-color: #ffffff;
    height: 56px;
    padding: 18px;
    font-size: 1.625rem;
    line-height: 20px;
    color: #838582; }
    .interaction-elements a:hover, .interaction-elements a.active, .interaction-elements a.active-second {
      background-color: #838582;
      color: #ffffff;
      border-color: #838582; }
      .interaction-elements a:hover label, .interaction-elements a.active label, .interaction-elements a.active-second label {
        color: #ffffff; }
    .interaction-elements a.active-second {
      background-color: #4c816c; }
  .interaction-elements label {
    font-family: "RobotoCondensed-Bold";
    font-size: 1.625rem;
    line-height: 20px;
    color: #838582;
    position: relative;
    padding-left: 40px;
    cursor: pointer; }
  .interaction-elements .icheckbox {
    position: absolute;
    left: -10px;
    top: -50%; }
  .interaction-elements ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: transparent;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
    .interaction-elements ul:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .interaction-elements ul:before {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }
    .interaction-elements ul li {
      float: left; }
      .interaction-elements ul li a {
        border: 1px solid #dce0dc;
        border-left: none; }
      .interaction-elements ul li:first-child a {
        border-radius: 10px 0px 0px 10px; }
      .interaction-elements ul li:last-child {
        border-right: none; }
        .interaction-elements ul li:last-child a {
          border-radius: 0px 10px 10px 0px; }
      .interaction-elements ul li:hover {
        cursor: pointer; }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .interaction-elements ul.tools li a {
        height: 42px;
        padding-bottom: 10px;
        padding-top: 10px; }
        .interaction-elements ul.tools li a .icon {
          transform: scale(0.8);
          top: 0px; } }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .interaction-elements ul.time-bar li a {
        padding: 10px 18px;
        height: 42px; } }
    @media screen and (max-width: 1300px), (max-height: 1023px) {
      .interaction-elements ul.time-bar .icheckbox {
        transform: scale(0.8); } }
    @media screen and (max-width: 1300px) {
      .interaction-elements ul.time-bar {
        display: flex;
        justify-content: stretch;
        flex-wrap: wrap; }
        .interaction-elements ul.time-bar li {
          width: calc(100% / 3); }
          .interaction-elements ul.time-bar li:first-child a {
            border-bottom-left-radius: 0; }
          .interaction-elements ul.time-bar li:last-child a {
            border-top-right-radius: 0; }
          .interaction-elements ul.time-bar li:nth-child(3) a {
            border-top-right-radius: 10px; }
          .interaction-elements ul.time-bar li:nth-child(4) a {
            border-bottom-left-radius: 10px; } }
  .interaction-elements .tools a {
    padding-left: 60px;
    position: relative;
    min-width: 180px;
    background-color: rgba(255, 255, 255, 0.9); }
    .interaction-elements .tools a:hover, .interaction-elements .tools a.active {
      background-color: #aa3c00;
      border-color: #aa3c00; }
  .interaction-elements .tools .icon {
    position: absolute;
    left: 10px;
    /*            top: 9px;*/
    top: 7px; }
  .interaction-elements.zoom {
    right: 0;
    bottom: 260px;
    z-index: 12; }
    .interaction-elements.zoom .zoom-buttons li {
      width: 60px;
      float: none; }
      .interaction-elements.zoom .zoom-buttons li a {
        border: 1px solid #dce0dc;
        border-left: none; }
      .interaction-elements.zoom .zoom-buttons li:first-child a {
        border-radius: 10px 0px 0px 0px; }
      .interaction-elements.zoom .zoom-buttons li:last-child {
        border-top: none; }
        .interaction-elements.zoom .zoom-buttons li:last-child a {
          border-radius: 0px 00px 00px 10px; }
    .interaction-elements.zoom .zoom-buttons .icon {
      position: relative;
      bottom: 4px; }
  .interaction-elements.move {
    right: 0;
    bottom: 660px;
    z-index: 12; }
    .interaction-elements.move .move-buttons li {
      width: 60px;
      float: none; }
      .interaction-elements.move .move-buttons li a {
        border: 1px solid #dce0dc;
        border-left: none; }
      .interaction-elements.move .move-buttons li:first-child a {
        border-radius: 10px 0px 0px 0px; }
      .interaction-elements.move .move-buttons li:last-child {
        border-top: none; }
        .interaction-elements.move .move-buttons li:last-child a {
          border-radius: 0px 00px 00px 10px; }
    .interaction-elements.move .move-buttons .icon {
      position: relative;
      bottom: 4px; }
  .interaction-elements ul.lines {
    margin-bottom: 13px;
    box-shadow: none;
    pointer-events: none; }
    .interaction-elements ul.lines li {
      height: 30px;
      width: 6px;
      display: inline-block;
      background-color: #c3c5c2; }
      .interaction-elements ul.lines li.active {
        background-color: #838582; }
      .interaction-elements ul.lines li + li {
        margin-left: 10px; }

/*
 * LIGHTBOX
 * 
 */
.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*    height: 100vh;*/
  height: 1080px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 18; }
  .lightbox .lightbox_content {
    width: 1920px;
    height: 1080px; }

#lb_luftbilder .slider.luftbilder {
  width: 1920px; }
  #lb_luftbilder .slider.luftbilder.slick-initialized .slick-slide {
    margin: 0 35px; }
  #lb_luftbilder .slider.luftbilder img {
    max-width: 1000px;
    max-height: 800px; }

/* SINGLE SLIDE */
.ilightbox-holder.ilightbox-prev {
  margin-left: 340px; }
.ilightbox-holder.ilightbox-next {
  margin-left: -345px; }

/* THUMBNAILS */
.ilightbox-thumbnail.ilightbox-active {
  border: 3px solid #ffffff; }

.page {
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
  /*    position: absolute;*/ }
  .page.active {
    display: block; }

.interaktive_karte {
  background-color: #dce0dc;
  z-index: 1;
  position: absolute;
  left: -100px;
  display: block;
  width: 1920px;
  height: 1080px; }

#map_image {
  display: block;
  width: 100%;
  height: 100%; }

#page_bauten .tooltip-container {
  display: none; }
#page_bauten.phase1916 .tooltip-container.in_phase1916 {
  display: block; }
#page_bauten.phase1933 .tooltip-container.in_phase1933 {
  display: block; }
#page_bauten.phase1938 .tooltip-container.in_phase1938 {
  display: block; }
#page_bauten.phase1945 .tooltip-container.in_phase1945 {
  display: block; }
#page_bauten.phase1965 .tooltip-container.in_phase1965 {
  display: block; }
#page_bauten.phase1973 .tooltip-container.in_phase1973 {
  display: block; }
#page_bauten .tooltip-container.empty {
  display: none !important; }

/*
*   NOTIFICATION
*   
*   Bildschirm zu klein
*/
.small-notification,
.unsupported-notification {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 200;
  left: 0;
  right: 10%;
  top: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  max-width: 790px;
  max-height: 100vh; }
  .small-notification .inner-padding,
  .unsupported-notification .inner-padding {
    max-height: 100vh;
    overflow: auto; }
  .small-notification .wrapper_headline,
  .unsupported-notification .wrapper_headline {
    margin-bottom: 65px; }
    .small-notification .wrapper_headline h2,
    .unsupported-notification .wrapper_headline h2 {
      margin-bottom: 20px; }
      .small-notification .wrapper_headline h2:nth-last-of-type(1),
      .unsupported-notification .wrapper_headline h2:nth-last-of-type(1) {
        margin-bottom: 0px; }
  .small-notification .intro,
  .unsupported-notification .intro {
    border-top: 1px solid #adafac;
    margin-bottom: 0; }
  .small-notification.dark,
  .unsupported-notification.dark {
    background-color: #484947;
    color: #ffffff; }
    .small-notification.dark .txt-grey_ultradark,
    .small-notification.dark .txt-grey_ultradark,
    .unsupported-notification.dark .txt-grey_ultradark,
    .unsupported-notification.dark .txt-grey_ultradark {
      color: #ffffff; }

body.show-unsupported-notification:not(.show-small-notification) .unsupported-notification {
  display: block;
  opacity: 1; }
body.show-unsupported-notification:not(.show-small-notification) .pages,
body.show-unsupported-notification:not(.show-small-notification) .site-header,
body.show-unsupported-notification:not(.show-small-notification) .language_choice {
  opacity: 0;
  pointer-events: none; }

body.show-small-notification .small-notification {
  display: block;
  opacity: 1; }
body.show-small-notification .pages,
body.show-small-notification .site-header,
body.show-small-notification .language_choice {
  opacity: 0;
  pointer-events: none; }

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