@charset "utf-8";
@import '../css/nerveslider/nerveSlider.css';
@import '../css/page-slider/simple-slider.css';
@import '../assets/fancybox/css/jquery.fancybox.css';
@import '../assets/fancybox/css/jquery.fancybox-thumbs.css';
@import '../assets/fancybox/css/jquery.fancybox-buttons.css';
@font-face {
  font-family: 'scala-sans';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/ScalaSansWeb.eot');
  src: url('fonts/ScalaSansWeb.eot?#iefix') format('embedded-opentype'), url('fonts/ScalaSansWeb.woff') format('woff'), url('fonts/scalasans-reg.ttf') format('truetype'), url('fonts/scalasans-reg.svg#scala-sans') format('svg');
}
@font-face {
  font-family: 'scala-sans';
  font-weight: bold;
  font-style: normal;
  src: url('fonts/ScalaSansWeb-Bold.eot');
  src: url('fonts/ScalaSansWeb-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ScalaSansWeb-Bold.woff') format('woff'), url('fonts/scalasans-bold.ttf') format('truetype'), url('fonts/scalasans-bold.svg#scala-sans') format('svg');
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?xn7uff');
  src: url('fonts/icomoon.eot?xn7uff#iefix') format('embedded-opentype'), url('fonts/icomoon.woff2?xn7uff') format('woff2'), url('fonts/icomoon.ttf?xn7uff') format('truetype'), url('fonts/icomoon.woff?xn7uff') format('woff'), url('fonts/icomoon.svg?xn7uff#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * 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;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
@wide-responsive:1050px;
@standard-responsive:850px;
@low-responsive:600px;
@micro-responsive:450px;
*/
/*.icon-absolute() {
    position: absolute; display: block;
    top: 0; left: 0;
    height: 100%;
    background-color: transparent;
    font-family: 'icomoon';
}
.icon-inline() {
    position: relative; .inline-block;
    background-color: transparent;
    font-family: 'icomoon';
    line-height: 1px;
}*/
/* old icons

.icon-twitter
.icon-delete
.icon-open
.icon-close
.icon-check
.icon-checked
.icon-print
.icon-arrow
*/
/*.font-size(@size: 12px, @line-height: 0) when (@line-height = 0) {
    font-size: @size;
    line-height: (@size + 6);
}
.font-size(@size: 12px, @line-height: 0) when (@line-height > 0) {
    font-size: @size;
    line-height:@line-height;
}*/
/*.user-select(@select:none) {
  -webkit-user-select: @select;
     -moz-user-select: ~"-moz-@{select}";
      -ms-user-select: @select;
       -o-user-select: @select;
          user-select: @select;
}
.selection(@select:none, @background:transparent) {
    outline: 0;

    &::selection {
        background-color:@background;
    }
    &::-moz-selection {
        background-color:@background;
    }
    & {
        .user-select(@select);

        // You just need this if you are only concerned with android and not desktop browsers.
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
}
.appearance(@value: none) {
    -webkit-appearance: @value;
    -moz-appearance:    @value;
    appearance:         @value;
}*/
/*.placeholder(@color: transparent) {
    &:-moz-placeholder {
        color: @color;
    }
    &:-ms-input-placeholder {
        color: @color;
    }
    &::-webkit-input-placeholder {
        color: @color;
    }
}*/
.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}
/*------------------------------------*\
    Override default nerveSlider styles
\*------------------------------------*/
.ns_nerveSlider .ns_slideContainer {
  font-size: 16px;
  line-height: 24px;
}
.ns_nerveSlider .ns_dots {
  z-index: 101;
  width: 100%;
  height: 33px;
  padding: 0;
  text-align: center;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.ns_nerveSlider .ns_dots .ns_dot {
  float: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  width: 34px;
  height: 33px;
  margin: 0 7px 0 0;
  padding-left: 7px;
  border: 0 !important;
  color: #001c52;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  zoom: 1;
  filter: alpha(opacity=40);
  opacity: 0.4;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.ns_nerveSlider .ns_dots .ns_dot.ns_selected {
  border: 0 !important;
  background-color: transparent !important;
}
.ns_nerveSlider .ns_dots .ns_dot.ns_selected:before {
  content: "\e911";
}
.ns_nerveSlider .ns_dots .ns_dot:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
  font-size: 33px;
  line-height: 33px;
  left: 1px;
  color: #001c52;
}
.ns_nerveSlider .ns_dots .ns_dot:hover,
.ns_nerveSlider .ns_dots .ns_dot.hover {
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.ns_nerveSlider .ns_dots .ns_dot.ns_selected {
  zoom: 1 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.ns_nerveSlider .ns_timer {
  top: 0;
  bottom: auto;
  height: 3px;
}
@media (max-width: 650px) {
  .ns_nerveSlider .ns_dots {
    height: 18px;
  }
  .ns_nerveSlider .ns_dots .ns_dot {
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
  }
  .ns_nerveSlider .ns_dots .ns_dot.ns_selected {
    background-color: #fff !important;
  }
  .ns_nerveSlider .ns_dots .ns_dot:before {
    display: none;
  }
}
#stage .ns_nerveSlider {
  /*@media (min-width: (@standard-responsive + 1)) {
			.ns_pauseButton {
				top: 0; right: auto; bottom: auto; left: auto;
				width: 100%; height: 100%;
				margin-bottom: 0;

				div {
					position: absolute;
					top:50%; left: 50%; .center;
					width: 40px; height: 40px;
				}
			}

			&:hover .ns_pauseButton {
				background-color: rgba(255,255,255,0.2);
				.opacity(1) !important;
			}
		}
		@media (max-width: @standard-responsive) {
			.ns_pauseButton {
				//top: 50%; right: 15px; bottom: auto; .centerY;
				z-index: 102;
				right: 15px; bottom: 22px;
				margin-bottom: 0;
				.opacity(1) !important;
			}

			&:hover .ns_pauseButton { bottom: 12px; }
		}
		@media (max-width: @minimal-responsive) {
			.ns_pauseButton {
				top: 20px; bottom: auto;
				.opacity(.6) !important;
			}

			&:hover .ns_pauseButton { top: 20px; bottom: auto; }
		}*/
}
/*------------------------------------*\
	Common definitions
\*------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
*:before,
*:after {
  speak: none;
}
/*------------------------------------*\
	Eliminate "touch" side effects
\*------------------------------------*/
* {
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
*::selection {
  background-color: #d7d9db;
}
*::-moz-selection {
  background-color: #d7d9db;
}
/*------------------------------------*\
	Document
\*------------------------------------*/
html,
body {
  font-size: 16px;
  line-height: 20px;
}
html {
  width: 100%;
  font-family: 'scala-sans', sans-serif;
  font-weight: normal;
  color: #000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  color: #001c52;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  counter-reset: iteration;
}
@media (max-width: 1000px) {
  body.stickyPP.watchlist,
  body.menu {
    overflow: hidden;
  }
}
@media (max-width: 850px) {
  body.search {
    overflow: hidden;
  }
}
iframe {
  display: block;
}
/*------------------------------------*\
	Html elements
\*------------------------------------*/
em {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
sup {
  top: 0;
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}
sub {
  bottom: 0;
  font-size: 13px;
  line-height: 17px;
  vertical-align: bottom;
}
.yellow,
.highlight {
  padding: 4px 4px;
  background-color: #F1FF11;
  color: #000;
}
span.mandatory {
  padding: 0 3px;
  font-weight: bold;
  color: #001c52;
}
.upper {
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}
@media (max-width: 1240px) {
  .nobr br {
    display: none;
  }
}
.readmore {
  cursor: pointer;
}
.readmore p {
  margin-bottom: 16px;
}
.readmore .handler {
  display: block;
  font-weight: bold;
  white-space: nowrap;
}
.readmore.reduced p {
  display: inline;
  margin-bottom: 0;
}
.readmore.reduced .expansion {
  display: none;
}
.readmore.reduced .handler {
  display: inline;
}
h1 {
  margin: 0 0 30px;
  font-size: 27px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  /*@media (max-width:@standard-responsive) {
		.font-size(28px);
	}*/
}
h1.separator {
  padding-bottom: 8px;
  border-bottom: 1px solid #d7d9db;
}
h2 {
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  /*@media (max-width:@standard-responsive) {
		.font-size(20px);
	}*/
}
h2.separator {
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d7d9db;
}
h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
p {
  margin-bottom: 15px;
}
a {
  text-decoration: none;
  color: #001c52;
  outline: 0;
}
figure {
  display: block;
  margin: 0;
  padding: 0;
}
figure a,
figure img {
  display: block;
}
figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
img {
  display: block;
}
table {
  width: 100%;
  border-collapse: collapse;
}
thead td,
th {
  border: 1px solid #ccc;
}
td {
  border: 1px solid #ccc;
}
th,
td {
  padding: 5px 10px;
}
@media screen, handheld, projection, tv, tty {
  ul,
  ol {
    margin: 0;
    padding: 0;
  }
  ul li,
  ol li {
    list-style: none;
    margin: 0;
  }
  .pane ul,
  .pane ol {
    margin: 0 0 16px;
    padding: 0;
  }
  .pane ul {
    /*&.icons li,
			ul.icons-extended li {
				margin-bottom:14px; padding-bottom:14px; padding-left: 0;
				border-bottom:1px solid @border-color;
				font-size:13px; font-weight:bold;
				text-transform:uppercase;

				&:before { display: none; }
				&:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom:0; }

				a {
					padding-left: 40px;

					&:hover { color: @grey; }
					&:before {
						.icon-absolute; .icon-size(29px);
						top: 5px; left: 1px;
						font-weight: normal;
						color: @grey;
					}
				}

				&.icon-rss a:before { .icon-rss; }
				&.icon-alert a:before { .icon-alert; }
				&.icon-i a:before { .icon-i; }
			}*/
  }
  .pane ul li {
    margin: 0;
    padding-left: 17px;
    list-style: none;
  }
  .pane ul li:before {
    position: absolute;
    display: block;
    top: 9px;
    left: 2px;
    width: 4px;
    height: 4px;
    background-color: #001c52;
    color: #fff;
    content: "";
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .pane ul.separation li {
    margin-bottom: 15px;
  }
  .pane .solcom-channels {
    /*ul:hover {
				a { color:darken(@hover, 10%); }
				li:hover a { color:@blue; }
			}*/
  }
  .pane .solcom-channels li {
    padding-left: 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .pane .solcom-channels li a {
    display: block;
    padding: 13px 0 13px 15px;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }
  .pane .solcom-channels li a:hover {
    color: #c5c6c8;
  }
  .pane .solcom-channels li a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 29px;
    line-height: 29px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c5c6c8;
  }
  .pane .solcom-channels li:before {
    display: none;
  }
  .pane .solcom-channels li:first-child a {
    padding-top: 0;
  }
  .pane .solcom-channels li:first-child a:before {
    top: 2px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .pane .solcom-channels li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .pane .solcom-channels li:last-child a {
    padding-bottom: 0;
  }
  .pane .solcom-channels li:last-child a:before {
    top: auto;
    bottom: 2px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .pane .solcom-channels.icons li {
    border-bottom: 1px solid #d7d9db;
  }
  .pane .solcom-channels.icons li a {
    padding: 19px 0 19px 39px;
  }
  .pane .solcom-channels.icons li a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 29px;
    line-height: 29px;
    top: 21px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-weight: normal;
  }
  .pane .solcom-channels.icons li:first-child a {
    padding-top: 0;
  }
  .pane .solcom-channels.icons li:first-child a:before {
    top: 2px;
  }
  .pane .solcom-channels.icons li:last-child {
    border-bottom: 0;
  }
  .pane .solcom-channels.icons li:last-child a {
    padding-bottom: 0;
  }
  .pane .solcom-channels.icons li:last-child a:before {
    top: auto;
    bottom: 3px;
  }
  .pane .solcom-channels.icons li.icon-rss a:before {
    content: "\e90f";
  }
  .pane .solcom-channels.icons li.icon-alert a:before {
    content: "\e90e";
  }
  .pane .solcom-channels.icons li.icon-i a:before {
    content: "\e90d";
  }
  .pane .col-middle ul.sectors:after {
	content: "";
	display: table;
	clear: both;
  }
  .pane .col-middle ul.sectors li {
    padding: 0;
  }
  .pane .col-middle ul.sectors li:before {
    display: none;
  }
  .pane .col-middle ul.sectors li a {
    display: block;
    padding: 12px 0 12px 11px;
    border-top: 1px solid #d7d9db;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }
  .pane .col-middle ul.sectors li a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 10px;
    content: "\e903";
    top: 48%;
    left: 2px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #c5c6c8;
  }
  .pane .col-middle ul.sectors li a.upper {
    padding-left: 16px;
  }
  .pane .col-middle ul.sectors li a.upper:before {
    font-size: 29px;
    line-height: 29px;
    font-weight: normal;
  }
  .pane .col-middle ul.sectors li a.img {
    padding: 0;
  }
  .pane .col-middle ul.sectors li a.img span {
    display: block;
    padding: 12px 0 12px 11px;
  }
  .pane .col-middle ul.sectors li a.img img {
    width: 100%;
    height: auto;
  }
  .pane .col-middle ul.sectors li:last-child a.bottom {
    border-bottom: 1px solid #d7d9db;
  }
  .pane .col-middle ul.awards li {
    float: left;
    width: 20%;
    padding: 0 10px 0 10px;
  }
  .pane .col-middle ul.awards li:first-child {
    padding-left: 0;
  }
  .pane .col-middle ul.awards li:last-child {
    padding-right: 0;
  }
  .pane .col-middle ul.awards li:before {
    display: none;
  }
  .pane .col-middle ul.awards li a {
    display: block;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
  }
  .pane .col-middle ul.awards li a figure {
    height: 62px;
    margin-bottom: 10px;
  }
  .pane .col-middle ul.awards li a figure img {
    margin: 0 auto;
  }
  .pane .col-middle ul.references li {
    float: left;
    width: 16.66%;
    margin: 0;
    padding-left: 0;
  }
  .pane .col-middle ul.references li:before {
    display: none;
  }
  .pane .col-middle ul.references li img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  .pane ul.split li {
    float: left;
    width: 50%;
  }
  .pane ul.split li:nth-child(odd) {
    padding-right: 20px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1240px), handheld and (min-width: 651px) and (max-width: 1240px), projection and (min-width: 651px) and (max-width: 1240px), tv and (min-width: 651px) and (max-width: 1240px), tty and (min-width: 651px) and (max-width: 1240px) {
  .pane .solcom-channels li {
    float: left;
    width: 33.33%;
    padding-right: 20px;
  }
  .pane .solcom-channels li:last-child {
    padding-right: 0;
  }
  .pane .solcom-channels li a,
  .pane .solcom-channels li:first-child a,
  .pane .solcom-channels li:last-child a {
    padding: 12px 0 12px 16px;
    border: 1px solid #d7d9db;
    border-width: 1px 0;
  }
  .pane .solcom-channels li a:before,
  .pane .solcom-channels li:first-child a:before,
  .pane .solcom-channels li:last-child a:before {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .pane .solcom-channels:not(.icons) li,
  .pane .solcom-channels:not(.icons) li:first-child,
  .pane .solcom-channels:not(.icons) li:last-child {
    margin-bottom: 2px;
  }
  .pane .solcom-channels:not(.icons) li a,
  .pane .solcom-channels:not(.icons) li:first-child a,
  .pane .solcom-channels:not(.icons) li:last-child a {
    padding: 6px 0 6px 10px !important;
    font-size: 15px;
    line-height: 19px;
  }
  .pane .solcom-channels:not(.icons) li a:before,
  .pane .solcom-channels:not(.icons) li:first-child a:before,
  .pane .solcom-channels:not(.icons) li:last-child a:before {
    top: 50% !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
  }
  .pane .solcom-channels:not(.icons) li a br,
  .pane .solcom-channels:not(.icons) li:first-child a br,
  .pane .solcom-channels:not(.icons) li:last-child a br {
    display: none;
  }
}
@media screen and (min-width: 651px) and (max-width: 1240px), handheld and (min-width: 651px) and (max-width: 1240px), projection and (min-width: 651px) and (max-width: 1240px), tv and (min-width: 651px) and (max-width: 1240px), tty and (min-width: 651px) and (max-width: 1240px) {
  .pane .solcom-channels.icons li {
    border: 0;
  }
  .pane .solcom-channels.icons li a,
  .pane .solcom-channels.icons li:first-child a,
  .pane .solcom-channels.icons li:last-child a {
    min-height: 89px;
    padding: 18px 0 0 40px;
    border: 1px solid #d7d9db;
    border-width: 1px 0;
  }
  .pane .solcom-channels.icons li a:before,
  .pane .solcom-channels.icons li:first-child a:before,
  .pane .solcom-channels.icons li:last-child a:before {
    top: 40%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .pane .solcom-channels.icons li a,
  .pane .solcom-channels.icons li:first-child a,
  .pane .solcom-channels.icons li:last-child a {
    padding: 19px 0 19px 40px;
    font-size: 15px;
    line-height: 19px;
  }
  .pane .solcom-channels.icons li a:before,
  .pane .solcom-channels.icons li:first-child a:before,
  .pane .solcom-channels.icons li:last-child a:before {
    top: 48%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pane .solcom-channels.icons li a br,
  .pane .solcom-channels.icons li:first-child a br,
  .pane .solcom-channels.icons li:last-child a br {
    display: none;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  .pane .col-middle ul.sectors li {
    float: left;
    width: 50%;
  }
  .pane .col-middle ul.sectors li:nth-child(odd) {
    padding: 0 10px 0 0;
  }
  .pane .col-middle ul.sectors li:nth-child(even) {
    padding: 0 0 0 10px;
  }
  .pane .col-middle ul.sectors li a.bottom {
    border-bottom: 1px solid #d7d9db;
  }
}
@media screen and (max-width: 450px), handheld and (max-width: 450px), projection and (max-width: 450px), tv and (max-width: 450px), tty and (max-width: 450px) {
  .pane .col-middle ul.awards li {
    width: 50%;
  }
}
@media screen and (max-width: 315px), handheld and (max-width: 315px), projection and (max-width: 315px), tv and (max-width: 315px), tty and (max-width: 315px) {
  .pane .col-middle ul.awards li {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .pane .col-middle ul.references li {
    width: 25%;
  }
  .pane .col-middle ul.references li img {
    width: 85%;
    height: auto;
  }
}
.pane ol {
  counter-reset: iteration;
}
.pane ol li {
  /*margin:0 0 15px 0;*/
  padding-left: 35px;
  list-style: none;
}
.pane ol li:before {
  display: block !important;
  position: absolute;
  z-index: 1000;
  top: -3px;
  left: 0;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  content: counter(iteration) "";
  counter-increment: iteration;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #d7d9db;
  font-size: 17px;
  line-height: 25px;
  color: #001c52;
}
.pane .col-middle ol li h2,
.pane .col-middle ol li h3 {
  margin-bottom: 0;
}
.pane .col-middle ol.extended {
  margin-top: 26px;
  counter-reset: section;
}
.pane .col-middle ol.extended li {
  margin-bottom: 26px;
}
.pane .col-middle ol.extended li:before {
  counter-increment: section;
  content: counter(section);
}
.pane .col-middle ol.extended ol {
  margin-top: 16px;
  counter-reset: subSection;
}
.pane .col-middle ol.extended ol li {
  margin-bottom: 16px;
  padding-left: 40px;
}
.pane .col-middle ol.extended ol li:first-child {
  margin-top: 22px;
}
.pane .col-middle ol.extended ol li:before {
  counter-increment: subSection;
  content: counter(section) "." counter(subSection);
  font-size: 13px;
  line-height: 23px;
  width: 30px;
}
.pane .col-middle ol.extended ol ol {
  margin-top: 16px;
  counter-reset: subSubSection;
}
.pane .col-middle ol.extended ol ol li {
  margin-top: 0;
  padding-left: 44px;
}
.pane .col-middle ol.extended ol ol li:last-child {
  margin-bottom: 26px;
}
.pane .col-middle ol.extended ol ol li:before {
  counter-increment: subSubSection;
  content: counter(section) "." counter(subSection) "." counter(subSubSection);
  width: 35px;
}
.nomb {
  margin-bottom: 0 !important;
}
.nop {
  padding: 0 !important;
}
/*------------------------------------*\
	Clearing
\*------------------------------------*/
.clearing {
  clear: both;
  height: 0;
}
.cf,
.clearfix,
.pane {
  *zoom: 1;
}
.cf:before,
.clearfix:before,
.pane:before,
.cf:after,
.clearfix:after,
.pane:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after,
.pane:after {
  clear: both;
}
/*------------------------------------*\
	Grid
	[!] Bereich überarbeiten, da dieses noch auf dem alten box-sizing basiert.
\*------------------------------------*/
@media screen, handheld, projection, tv, tty {
  /*.grid-2, .grid-4, .grid-6, .grid-8, .grid-10 {
		overflow:hidden;
		min-height:90px;
		margin:0 10px 10px 0;
		background-color:#fff;
		border:1px solid #d7d9db;
	}
	.grid-2 { width:190px; }
	.grid-4 { width:390px; }
	.grid-6 { width:590px; }
	.grid-8 { width:790px; }
	.grid-10 { width:990px; }

	.grid-2, .grid-4, .grid-6, .grid-8, .grid-10 {
		.inside { padding:18px 21px; }
	}
	.grid-2.full, .grid-4.full, .grid-6.full {
		.inside { padding:0; }
	}*/
  .g-2,
  .g-4,
  .g-6,
  .g-8,
  .g-10 {
    overflow: hidden;
    width: 190px;
    margin: 0 0 10px 0;
  }
  .g-2.full > *:last-child,
  .g-4.full > *:last-child,
  .g-6.full > *:last-child,
  .g-8.full > *:last-child,
  .g-10.full > *:last-child {
    margin-bottom: 0;
  }
  .g-2.empty,
  .g-4.empty,
  .g-6.empty,
  .g-8.empty,
  .g-10.empty {
    padding: 0;
  }
  .g-2.highlight,
  .g-4.highlight,
  .g-6.highlight,
  .g-8.highlight,
  .g-10.highlight {
    background-color: #d9dde7;
  }
  .g-2.highlight a:hover,
  .g-4.highlight a:hover,
  .g-6.highlight a:hover,
  .g-8.highlight a:hover,
  .g-10.highlight a:hover {
    color: #000;
  }
  .g-2.last,
  .g-4.last,
  .g-6.last,
  .g-8.last,
  .g-10.last {
    margin-bottom: 0;
  }
  .g-2 .g-2 {
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
  }
  .g-2.col-aside-left {
    float: left;
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
    margin-right: 10px;
  }
  .g-2.col-aside-right {
    float: left;
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
  }
  .g-2.top {
    padding: 18px 21px;
  }
  .g-2.placeholder {
    padding: 0;
    background-color: transparent;
    border: 0;
  }
  .g-2.mod_newslist {
    padding-bottom: 0;
  }
  .g-2.full {
    margin-bottom: 0;
  }
  .g-2.right {
    margin-bottom: 0;
  }
  .g-4 {
    float: left;
    width: 390px;
  }
  .g-4.top {
    width: 50%;
  }
  .g-4.top:nth-child(odd) {
    padding-right: 5px;
  }
  .g-4.top:nth-child(even) {
    padding-left: 5px;
  }
  .g-6 {
    float: left;
    width: 590px;
    margin-right: 10px;
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
  }
  .g-6.full {
    padding: 0;
    background-color: transparent;
    border: 0;
  }
  .g-6.full .g-6 {
    float: none;
    margin-left: 0;
  }
  .g-6.figure {
    padding: 0;
  }
  .g-8 {
    float: left;
    width: 790px;
  }
  .g-8.left {
    float: left;
    /* .contentBox;*/
    margin-right: 10px;
  }
  .g-8.col-middle {
    float: left;
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
  }
  .g-8.left {
    margin-bottom: 0;
  }
  .g-8 .g-8 {
    width: 100%;
  }
  .g-10 {
    padding: 18px 21px;
    background-color: #fff;
    border: 1px solid #d7d9db;
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (min-width: 651px), handheld and (min-width: 651px), projection and (min-width: 651px), tv and (min-width: 651px), tty and (min-width: 651px) {
  .g-2,
  .g-4,
  .g-6,
  .g-8,
  .g-10 {
    min-height: 90px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-2 .g-2 {
    padding: 16px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-2.col-aside-left {
    padding: 16px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-2.col-aside-right {
    padding: 16px;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  .g-2.col-aside-left {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
    margin-right: 0;
  }
  .g-2.col-aside-left.nn {
    display: none;
  }
  .g-2.col-aside-right {
    float: none;
    width: 100%;
  }
  .g-2.col-aside-right.nn {
    display: none;
  }
  .g-2.full {
    width: 100%;
  }
  .g-2.full .g-2 {
    float: left;
    width: 49.5%;
  }
  .g-2.full .g-2:first-child {
    margin-right: 1%;
  }
  .g-2.mod_newslist {
    width: 100%;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-2.col-aside-left {
    position: relative;
    width: auto;
  }
  .g-2.full .g-2 {
    float: none;
    width: auto;
  }
  .g-2.full .g-2:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  .g-4.top {
    float: none;
    width: auto;
    padding: 0 !important;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-6 {
    padding: 16px;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  .g-6 {
    float: none;
    clear: left;
    width: auto;
    margin-left: 200px;
    margin-right: 0;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-6 {
    margin-left: 0;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-8.col-middle {
    padding: 16px;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  .g-8.top {
    float: none;
    width: 100%;
  }
  .g-8.col-middle {
    float: none;
    width: auto;
    margin-left: 200px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .g-10 {
    padding: 16px;
  }
}
@media print {
  .g-2,
  .g-4,
  .g-6,
  .g-8,
  .g-10 {
    float: none !important;
  }
}
/*.grid-h-1 { height:56px; } .grid-fh-1 { min-height:56px; }
.grid-h-2 { height:190px; } .grid-fh-2 { min-height:190px; }
.grid-h-3 { height:290px; } .grid-fh-3 { min-height:290px; }
.grid-h-35 { height:341px; } .grid-fh-35 { min-height:341px; }
.grid-h-4 { height:390px; } //.grid-fh-4 { min-height:390px; }
.grid-fh-4 { min-height: 420px; }
.grid-h-5 { height:490px; } .grid-fh-5 { min-height:490px; }
.grid-h-6 { height:590px; } .grid-fh-6 { min-height:590px; }*/
/*@media (min-width: 830px) and (max-width: 1258px) {
	.grid-10 { width:790px; margin-right:0; }
}
@media (max-width: 829px) {
	.grid-2, .grid-4, .grid-6, .grid-8 { width:auto; min-height:0; margin-right:0; }

	.grid-h-1, .grid-fh-1,
	.grid-h-2, .grid-fh-2,
	.grid-h-3, .grid-fh-3,
	.grid-h-35, .grid-fh-35,
	.grid-h-4, .grid-fh-4,
	.grid-h-5, .grid-fh-5,
	.grid-h-6, .grid-fh-6 { height:auto; min-height:0; }

	.grid-h-1 .inside,
	.grid-h-2 .inside,
	.grid-h-3 .inside,
	.grid-h-35 .inside,
	.grid-h-4 .inside,
	.grid-h-5 .inside,
	.grid-h-6 .inside { height:auto; }

	.grid-fh-1 .inside,
	.grid-fh-2 .inside,
	.grid-fh-3 .inside,
	.grid-fh-35 .inside,
	.grid-fh-4 .inside,
	.grid-fh-5 .inside,
	.grid-fh-6 .inside { min-height:0; }


	.grid-8.col-middle { width: 100% }
	.grid-6.grid-container { width:auto; min-height:0; margin-right:0; }
}*/
/*------------------------------------*\
	Columns
\*------------------------------------*/
@media screen and (min-width: 651px), handheld and (min-width: 651px), projection and (min-width: 651px), tv and (min-width: 651px), tty and (min-width: 651px) {
  .sc {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  .sc2 {
    width: 49%;
  }
  .sc2-last {
    margin-left: 2%;
  }
  .sc3 {
    width: 31%;
    margin-right: 3%;
  }
  .sc3-2 {
    width: 66%;
  }
  .sc3-last {
    margin-right: 0;
  }
  .sc4 {
    width: 22.75%;
    margin-right: 3%;
    padding: 0;
  }
  .sc4-last {
    margin-right: 0;
  }
}
/*------------------------------------*\
    Common form sections (old)
    (Profileintrag, Onlinemagain-Anmeldung)
\*------------------------------------*/
.form-section {
  /*.left,
	.right {
		width:50%;
		//input.text { width:249px; }
	}
	.left { float:left; padding-right: 8px; }
	.right {
		float:none; margin-left:50%; padding-left: 8px;
		.double-entry input.text { width:49%; }
	}*/
}
.form-section .fieldset:not(.sc2),
.form-section input.text,
.form-section textarea {
  width: 100%;
  margin-bottom: 15px;
}
.form-section textarea {
  height: 100px;
}
.form-section textarea.error {
  border-color: #dd5151;
}
.form-section .input-file {
  margin-bottom: 15px;
}
.form-section .fieldcomments {
  color: #c3c5c7;
}
.form-section .display-on {
  color: #001c52;
}
.form-section .double-entry input[type="text"] {
  width: 49%;
}
.form-section .inline-selection label {
  display: inline;
  margin-right: 3px;
}
.form-section .inline-selection input[type="text"] {
  width: 56%;
}
.form-section .inline-selection .selection {
  float: left;
  width: 44%;
  height: 37px;
  padding: 7px 4px 0 3px;
  border: 1px solid #c3c5c7;
  border-width: 1px 0 1px 1px;
}
.form-section.personal-row select {
  width: 100%;
}
.form-section.personal-row .left {
  width: 33.33%;
  padding-right: 8px;
}
.form-section.personal-row .right {
  width: 66.66%;
  margin-left: 33.33%;
  padding-left: 8px;
}
.form-section .error-message {
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #dd5151;
}
.form-section h2 .comment {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}
@media screen, handheld, projection, tv, tty {
  .form-section {
    /*.custom-file-upload {
		display: block;
		width: auto;
		margin-top: 30px;
		.font-size(16px);

		label { display: block; margin-bottom: 5px; }
	}*/
  }
  .form-section .file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
  }
  .form-section .custom-file-upload-hidden {
    position: absolute;
    display: none;
    visibility: hidden;
    left: -9999px;
  }
  .form-section button[type="button"].file-upload-button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 30%;
    padding: 10px 10px 8px 20px;
    background-color: #001c52;
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .form-section button[type="button"].file-upload-button:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 12px;
    line-height: 12px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    height: auto;
  }
  .form-section .file-upload-input {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 50% !important;
    margin-left: 20px;
    border: 0 !important;
    font-size: 16px;
    line-height: 25px;
  }
  .form-section .file-upload-input.required {
    border: 1px solid #c3c5c7 !important;
    /*.placeholder({
					color:@cta-color;
				});*/
  }
  .form-section .file-reset-button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    width: 28px;
    height: 37px;
    text-indent: -9999em;
    color: #c5c6c8;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .form-section .file-reset-button:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    font-size: 28px;
    line-height: 28px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    margin-left: 15px;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
  }
  .form-section .file-reset-button:hover:after {
    color: #001c52;
  }
  .form-section .file-reset-button.on {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .form-section.error .file-upload-button {
    background-color: #dd5151 !important;
  }
  .form-section.error .file-upload-input {
    border-color: #dd5151 !important;
  }
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  .form-section button[type="button"].file-upload-button {
    width: 50%;
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 500px), handheld and (max-width: 500px), projection and (max-width: 500px), tv and (max-width: 500px), tty and (max-width: 500px) {
  .form-section button[type="button"].file-upload-button {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  .form-section .file-upload-input {
    width: 35% !important;
  }
}
@media screen and (max-width: 500px), handheld and (max-width: 500px), projection and (max-width: 500px), tv and (max-width: 500px), tty and (max-width: 500px) {
  .form-section .file-upload-input {
    width: 80% !important;
    margin-left: 0;
  }
}
@media (max-width: 829px) {
  .form-section {
    /*input.text,
		textarea { width:94%; margin-bottom:15px; }*/
  }
  .form-section .left,
  .form-section .right {
    width: auto;
  }
  .form-section .left {
    float: none;
  }
  .form-section .right {
    margin-left: 0;
    width: auto;
  }
  .form-section .inline-selection label {
    display: inline;
    margin-right: 3px;
  }
  .form-section .inline-selection input[type="text"] {
    width: 50%;
  }
  .form-section .inline-selection .selection {
    width: 50%;
  }
  .form-section .inline-selection-parent .sc.sc2,
  .form-section .inline-selection-parent .sc2-last {
    width: 100%;
    margin-left: 0;
  }
  .form-section.personal-row select {
    width: 100%;
  }
  .form-section.personal-row .left {
    width: 100%;
    padding-right: 0;
  }
  .form-section.personal-row .right {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
}
/*------------------------------------*\
	Form elements
\*------------------------------------*/
form {
  display: block;
}
fieldset {
  /*margin: 0; padding: 0; border: 0;*/
}
fieldset legend {
  display: none;
}
label {
  display: block;
  cursor: pointer;
}
.form-sep {
  height: 20px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
.uneditable-input,
[contenteditable] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  width: 100%;
  color: #000;
  /*&:focus {
		outline: 0;
		outline: thin dotted \9; // IE6-9
		border-color: #000;
	}*/
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder,
[contenteditable]::-webkit-input-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
@media (max-width: 650px) {
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  input[type="file"]::-webkit-input-placeholder,
  .uneditable-input::-webkit-input-placeholder,
  [contenteditable]::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  input[type="file"]::-webkit-input-placeholder,
  .uneditable-input::-webkit-input-placeholder,
  [contenteditable]::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
input[type="file"]:-moz-placeholder,
.uneditable-input:-moz-placeholder,
[contenteditable]:-moz-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
@media (max-width: 650px) {
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  input[type="file"]:-moz-placeholder,
  .uneditable-input:-moz-placeholder,
  [contenteditable]:-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  input[type="file"]:-moz-placeholder,
  .uneditable-input:-moz-placeholder,
  [contenteditable]:-moz-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
.uneditable-input::-moz-placeholder,
[contenteditable]::-moz-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
@media (max-width: 650px) {
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  input[type="file"]::-moz-placeholder,
  .uneditable-input::-moz-placeholder,
  [contenteditable]::-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  input[type="file"]::-moz-placeholder,
  .uneditable-input::-moz-placeholder,
  [contenteditable]::-moz-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder,
[contenteditable]:-ms-input-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
@media (max-width: 650px) {
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  input[type="file"]:-ms-input-placeholder,
  .uneditable-input:-ms-input-placeholder,
  [contenteditable]:-ms-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  input[type="file"]:-ms-input-placeholder,
  .uneditable-input:-ms-input-placeholder,
  [contenteditable]:-ms-input-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
select {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #000;
  /*&:focus {
		outline: 0;
		outline: thin dotted \9; // IE6-9
		border-color: #000;
	}*/
  vertical-align: top;
  width: 100%;
  margin-bottom: 15px;
  padding: 8px 3px 5px 5px;
  background-color: #fff;
  border: 1px solid #c3c5c7;
  font-family: 'scala-sans', sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  /*&.selected {
    	border-color:@border-color;
    	font-weight:normal;
    	color:#000;
    }*/
}
select::-webkit-input-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
select:-moz-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
select::-moz-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
select:-ms-input-placeholder {
  font-size: 20px;
  line-height: 24px;
  color: #9b9da0;
}
select option {
  padding: 2px 0 0 10px;
  font-size: 16px;
  line-height: 20px;
}
select select:required:invalid {
  color: gray;
}
select::-ms-expand {
  display: none;
}
.fieldset {
  /*button,
	input.submit {
		@styles();
	}*/
}
.fieldset select {
  margin-bottom: 0;
}
.fieldset select,
.fieldset textarea,
.fieldset input[type="text"],
.fieldset input[type="password"],
.fieldset input[type="datetime"],
.fieldset input[type="datetime-local"],
.fieldset input[type="date"],
.fieldset input[type="month"],
.fieldset input[type="time"],
.fieldset input[type="week"],
.fieldset input[type="number"],
.fieldset input[type="email"],
.fieldset input[type="url"],
.fieldset input[type="search"],
.fieldset input[type="tel"],
.fieldset input[type="color"],
.fieldset input[type="file"],
.fieldset .uneditable-input,
.fieldset [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  margin-bottom: 0;
  padding: 7px 7px 4px 7px;
  background-color: #fff;
  border: 1px solid #c3c5c7;
  font-family: 'scala-sans', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
.fieldset select::-webkit-input-placeholder,
.fieldset textarea::-webkit-input-placeholder,
.fieldset input[type="text"]::-webkit-input-placeholder,
.fieldset input[type="password"]::-webkit-input-placeholder,
.fieldset input[type="datetime"]::-webkit-input-placeholder,
.fieldset input[type="datetime-local"]::-webkit-input-placeholder,
.fieldset input[type="date"]::-webkit-input-placeholder,
.fieldset input[type="month"]::-webkit-input-placeholder,
.fieldset input[type="time"]::-webkit-input-placeholder,
.fieldset input[type="week"]::-webkit-input-placeholder,
.fieldset input[type="number"]::-webkit-input-placeholder,
.fieldset input[type="email"]::-webkit-input-placeholder,
.fieldset input[type="url"]::-webkit-input-placeholder,
.fieldset input[type="search"]::-webkit-input-placeholder,
.fieldset input[type="tel"]::-webkit-input-placeholder,
.fieldset input[type="color"]::-webkit-input-placeholder,
.fieldset input[type="file"]::-webkit-input-placeholder,
.fieldset .uneditable-input::-webkit-input-placeholder,
.fieldset [contenteditable]::-webkit-input-placeholder {
  color: #9b9da0;
}
@media (max-width: 650px) {
  .fieldset select::-webkit-input-placeholder,
  .fieldset textarea::-webkit-input-placeholder,
  .fieldset input[type="text"]::-webkit-input-placeholder,
  .fieldset input[type="password"]::-webkit-input-placeholder,
  .fieldset input[type="datetime"]::-webkit-input-placeholder,
  .fieldset input[type="datetime-local"]::-webkit-input-placeholder,
  .fieldset input[type="date"]::-webkit-input-placeholder,
  .fieldset input[type="month"]::-webkit-input-placeholder,
  .fieldset input[type="time"]::-webkit-input-placeholder,
  .fieldset input[type="week"]::-webkit-input-placeholder,
  .fieldset input[type="number"]::-webkit-input-placeholder,
  .fieldset input[type="email"]::-webkit-input-placeholder,
  .fieldset input[type="url"]::-webkit-input-placeholder,
  .fieldset input[type="search"]::-webkit-input-placeholder,
  .fieldset input[type="tel"]::-webkit-input-placeholder,
  .fieldset input[type="color"]::-webkit-input-placeholder,
  .fieldset input[type="file"]::-webkit-input-placeholder,
  .fieldset .uneditable-input::-webkit-input-placeholder,
  .fieldset [contenteditable]::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  .fieldset select::-webkit-input-placeholder,
  .fieldset textarea::-webkit-input-placeholder,
  .fieldset input[type="text"]::-webkit-input-placeholder,
  .fieldset input[type="password"]::-webkit-input-placeholder,
  .fieldset input[type="datetime"]::-webkit-input-placeholder,
  .fieldset input[type="datetime-local"]::-webkit-input-placeholder,
  .fieldset input[type="date"]::-webkit-input-placeholder,
  .fieldset input[type="month"]::-webkit-input-placeholder,
  .fieldset input[type="time"]::-webkit-input-placeholder,
  .fieldset input[type="week"]::-webkit-input-placeholder,
  .fieldset input[type="number"]::-webkit-input-placeholder,
  .fieldset input[type="email"]::-webkit-input-placeholder,
  .fieldset input[type="url"]::-webkit-input-placeholder,
  .fieldset input[type="search"]::-webkit-input-placeholder,
  .fieldset input[type="tel"]::-webkit-input-placeholder,
  .fieldset input[type="color"]::-webkit-input-placeholder,
  .fieldset input[type="file"]::-webkit-input-placeholder,
  .fieldset .uneditable-input::-webkit-input-placeholder,
  .fieldset [contenteditable]::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
.fieldset select:-moz-placeholder,
.fieldset textarea:-moz-placeholder,
.fieldset input[type="text"]:-moz-placeholder,
.fieldset input[type="password"]:-moz-placeholder,
.fieldset input[type="datetime"]:-moz-placeholder,
.fieldset input[type="datetime-local"]:-moz-placeholder,
.fieldset input[type="date"]:-moz-placeholder,
.fieldset input[type="month"]:-moz-placeholder,
.fieldset input[type="time"]:-moz-placeholder,
.fieldset input[type="week"]:-moz-placeholder,
.fieldset input[type="number"]:-moz-placeholder,
.fieldset input[type="email"]:-moz-placeholder,
.fieldset input[type="url"]:-moz-placeholder,
.fieldset input[type="search"]:-moz-placeholder,
.fieldset input[type="tel"]:-moz-placeholder,
.fieldset input[type="color"]:-moz-placeholder,
.fieldset input[type="file"]:-moz-placeholder,
.fieldset .uneditable-input:-moz-placeholder,
.fieldset [contenteditable]:-moz-placeholder {
  color: #9b9da0;
}
@media (max-width: 650px) {
  .fieldset select:-moz-placeholder,
  .fieldset textarea:-moz-placeholder,
  .fieldset input[type="text"]:-moz-placeholder,
  .fieldset input[type="password"]:-moz-placeholder,
  .fieldset input[type="datetime"]:-moz-placeholder,
  .fieldset input[type="datetime-local"]:-moz-placeholder,
  .fieldset input[type="date"]:-moz-placeholder,
  .fieldset input[type="month"]:-moz-placeholder,
  .fieldset input[type="time"]:-moz-placeholder,
  .fieldset input[type="week"]:-moz-placeholder,
  .fieldset input[type="number"]:-moz-placeholder,
  .fieldset input[type="email"]:-moz-placeholder,
  .fieldset input[type="url"]:-moz-placeholder,
  .fieldset input[type="search"]:-moz-placeholder,
  .fieldset input[type="tel"]:-moz-placeholder,
  .fieldset input[type="color"]:-moz-placeholder,
  .fieldset input[type="file"]:-moz-placeholder,
  .fieldset .uneditable-input:-moz-placeholder,
  .fieldset [contenteditable]:-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  .fieldset select:-moz-placeholder,
  .fieldset textarea:-moz-placeholder,
  .fieldset input[type="text"]:-moz-placeholder,
  .fieldset input[type="password"]:-moz-placeholder,
  .fieldset input[type="datetime"]:-moz-placeholder,
  .fieldset input[type="datetime-local"]:-moz-placeholder,
  .fieldset input[type="date"]:-moz-placeholder,
  .fieldset input[type="month"]:-moz-placeholder,
  .fieldset input[type="time"]:-moz-placeholder,
  .fieldset input[type="week"]:-moz-placeholder,
  .fieldset input[type="number"]:-moz-placeholder,
  .fieldset input[type="email"]:-moz-placeholder,
  .fieldset input[type="url"]:-moz-placeholder,
  .fieldset input[type="search"]:-moz-placeholder,
  .fieldset input[type="tel"]:-moz-placeholder,
  .fieldset input[type="color"]:-moz-placeholder,
  .fieldset input[type="file"]:-moz-placeholder,
  .fieldset .uneditable-input:-moz-placeholder,
  .fieldset [contenteditable]:-moz-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
.fieldset select::-moz-placeholder,
.fieldset textarea::-moz-placeholder,
.fieldset input[type="text"]::-moz-placeholder,
.fieldset input[type="password"]::-moz-placeholder,
.fieldset input[type="datetime"]::-moz-placeholder,
.fieldset input[type="datetime-local"]::-moz-placeholder,
.fieldset input[type="date"]::-moz-placeholder,
.fieldset input[type="month"]::-moz-placeholder,
.fieldset input[type="time"]::-moz-placeholder,
.fieldset input[type="week"]::-moz-placeholder,
.fieldset input[type="number"]::-moz-placeholder,
.fieldset input[type="email"]::-moz-placeholder,
.fieldset input[type="url"]::-moz-placeholder,
.fieldset input[type="search"]::-moz-placeholder,
.fieldset input[type="tel"]::-moz-placeholder,
.fieldset input[type="color"]::-moz-placeholder,
.fieldset input[type="file"]::-moz-placeholder,
.fieldset .uneditable-input::-moz-placeholder,
.fieldset [contenteditable]::-moz-placeholder {
  color: #9b9da0;
}
@media (max-width: 650px) {
  .fieldset select::-moz-placeholder,
  .fieldset textarea::-moz-placeholder,
  .fieldset input[type="text"]::-moz-placeholder,
  .fieldset input[type="password"]::-moz-placeholder,
  .fieldset input[type="datetime"]::-moz-placeholder,
  .fieldset input[type="datetime-local"]::-moz-placeholder,
  .fieldset input[type="date"]::-moz-placeholder,
  .fieldset input[type="month"]::-moz-placeholder,
  .fieldset input[type="time"]::-moz-placeholder,
  .fieldset input[type="week"]::-moz-placeholder,
  .fieldset input[type="number"]::-moz-placeholder,
  .fieldset input[type="email"]::-moz-placeholder,
  .fieldset input[type="url"]::-moz-placeholder,
  .fieldset input[type="search"]::-moz-placeholder,
  .fieldset input[type="tel"]::-moz-placeholder,
  .fieldset input[type="color"]::-moz-placeholder,
  .fieldset input[type="file"]::-moz-placeholder,
  .fieldset .uneditable-input::-moz-placeholder,
  .fieldset [contenteditable]::-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  .fieldset select::-moz-placeholder,
  .fieldset textarea::-moz-placeholder,
  .fieldset input[type="text"]::-moz-placeholder,
  .fieldset input[type="password"]::-moz-placeholder,
  .fieldset input[type="datetime"]::-moz-placeholder,
  .fieldset input[type="datetime-local"]::-moz-placeholder,
  .fieldset input[type="date"]::-moz-placeholder,
  .fieldset input[type="month"]::-moz-placeholder,
  .fieldset input[type="time"]::-moz-placeholder,
  .fieldset input[type="week"]::-moz-placeholder,
  .fieldset input[type="number"]::-moz-placeholder,
  .fieldset input[type="email"]::-moz-placeholder,
  .fieldset input[type="url"]::-moz-placeholder,
  .fieldset input[type="search"]::-moz-placeholder,
  .fieldset input[type="tel"]::-moz-placeholder,
  .fieldset input[type="color"]::-moz-placeholder,
  .fieldset input[type="file"]::-moz-placeholder,
  .fieldset .uneditable-input::-moz-placeholder,
  .fieldset [contenteditable]::-moz-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
.fieldset select:-ms-input-placeholder,
.fieldset textarea:-ms-input-placeholder,
.fieldset input[type="text"]:-ms-input-placeholder,
.fieldset input[type="password"]:-ms-input-placeholder,
.fieldset input[type="datetime"]:-ms-input-placeholder,
.fieldset input[type="datetime-local"]:-ms-input-placeholder,
.fieldset input[type="date"]:-ms-input-placeholder,
.fieldset input[type="month"]:-ms-input-placeholder,
.fieldset input[type="time"]:-ms-input-placeholder,
.fieldset input[type="week"]:-ms-input-placeholder,
.fieldset input[type="number"]:-ms-input-placeholder,
.fieldset input[type="email"]:-ms-input-placeholder,
.fieldset input[type="url"]:-ms-input-placeholder,
.fieldset input[type="search"]:-ms-input-placeholder,
.fieldset input[type="tel"]:-ms-input-placeholder,
.fieldset input[type="color"]:-ms-input-placeholder,
.fieldset input[type="file"]:-ms-input-placeholder,
.fieldset .uneditable-input:-ms-input-placeholder,
.fieldset [contenteditable]:-ms-input-placeholder {
  color: #9b9da0;
}
@media (max-width: 650px) {
  .fieldset select:-ms-input-placeholder,
  .fieldset textarea:-ms-input-placeholder,
  .fieldset input[type="text"]:-ms-input-placeholder,
  .fieldset input[type="password"]:-ms-input-placeholder,
  .fieldset input[type="datetime"]:-ms-input-placeholder,
  .fieldset input[type="datetime-local"]:-ms-input-placeholder,
  .fieldset input[type="date"]:-ms-input-placeholder,
  .fieldset input[type="month"]:-ms-input-placeholder,
  .fieldset input[type="time"]:-ms-input-placeholder,
  .fieldset input[type="week"]:-ms-input-placeholder,
  .fieldset input[type="number"]:-ms-input-placeholder,
  .fieldset input[type="email"]:-ms-input-placeholder,
  .fieldset input[type="url"]:-ms-input-placeholder,
  .fieldset input[type="search"]:-ms-input-placeholder,
  .fieldset input[type="tel"]:-ms-input-placeholder,
  .fieldset input[type="color"]:-ms-input-placeholder,
  .fieldset input[type="file"]:-ms-input-placeholder,
  .fieldset .uneditable-input:-ms-input-placeholder,
  .fieldset [contenteditable]:-ms-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  .fieldset select:-ms-input-placeholder,
  .fieldset textarea:-ms-input-placeholder,
  .fieldset input[type="text"]:-ms-input-placeholder,
  .fieldset input[type="password"]:-ms-input-placeholder,
  .fieldset input[type="datetime"]:-ms-input-placeholder,
  .fieldset input[type="datetime-local"]:-ms-input-placeholder,
  .fieldset input[type="date"]:-ms-input-placeholder,
  .fieldset input[type="month"]:-ms-input-placeholder,
  .fieldset input[type="time"]:-ms-input-placeholder,
  .fieldset input[type="week"]:-ms-input-placeholder,
  .fieldset input[type="number"]:-ms-input-placeholder,
  .fieldset input[type="email"]:-ms-input-placeholder,
  .fieldset input[type="url"]:-ms-input-placeholder,
  .fieldset input[type="search"]:-ms-input-placeholder,
  .fieldset input[type="tel"]:-ms-input-placeholder,
  .fieldset input[type="color"]:-ms-input-placeholder,
  .fieldset input[type="file"]:-ms-input-placeholder,
  .fieldset .uneditable-input:-ms-input-placeholder,
  .fieldset [contenteditable]:-ms-input-placeholder {
    font-size: 13px;
    line-height: 17px;
  }
}
.fieldset select.error,
.fieldset textarea.error,
.fieldset input[type="text"].error,
.fieldset input[type="password"].error,
.fieldset input[type="datetime"].error,
.fieldset input[type="datetime-local"].error,
.fieldset input[type="date"].error,
.fieldset input[type="month"].error,
.fieldset input[type="time"].error,
.fieldset input[type="week"].error,
.fieldset input[type="number"].error,
.fieldset input[type="email"].error,
.fieldset input[type="url"].error,
.fieldset input[type="search"].error,
.fieldset input[type="tel"].error,
.fieldset input[type="color"].error,
.fieldset input[type="file"].error,
.fieldset .uneditable-input.error,
.fieldset [contenteditable].error {
  border-color: #dd5151;
}
@media (max-width: 650px) {
  .fieldset select,
  .fieldset textarea,
  .fieldset input[type="text"],
  .fieldset input[type="password"],
  .fieldset input[type="datetime"],
  .fieldset input[type="datetime-local"],
  .fieldset input[type="date"],
  .fieldset input[type="month"],
  .fieldset input[type="time"],
  .fieldset input[type="week"],
  .fieldset input[type="number"],
  .fieldset input[type="email"],
  .fieldset input[type="url"],
  .fieldset input[type="search"],
  .fieldset input[type="tel"],
  .fieldset input[type="color"],
  .fieldset input[type="file"],
  .fieldset .uneditable-input,
  .fieldset [contenteditable] {
    font-size: 17px;
    line-height: 21px;
  }
}
@media (max-width: 400px) {
  .fieldset select,
  .fieldset textarea,
  .fieldset input[type="text"],
  .fieldset input[type="password"],
  .fieldset input[type="datetime"],
  .fieldset input[type="datetime-local"],
  .fieldset input[type="date"],
  .fieldset input[type="month"],
  .fieldset input[type="time"],
  .fieldset input[type="week"],
  .fieldset input[type="number"],
  .fieldset input[type="email"],
  .fieldset input[type="url"],
  .fieldset input[type="search"],
  .fieldset input[type="tel"],
  .fieldset input[type="color"],
  .fieldset input[type="file"],
  .fieldset .uneditable-input,
  .fieldset [contenteditable] {
    font-size: 15px;
    line-height: 19px;
  }
}
.fieldset .sc2:first-child {
  margin-bottom: 15px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea {
  vertical-align: top;
  padding: 7px 7px 4px 7px;
  background-color: #fff;
  border: 1px solid #c3c5c7;
  font-family: 'scala-sans', sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  resize: none;
}
textarea {
  resize: vertical;
}
textarea.maxlength {
  margin-bottom: 0;
}
input[type="radio"] {
  margin: 0px 3px 0px 2px;
}
input[type="checkbox"] {
  margin: 0px 3px 0px 1px;
}
/* (deprecated)
button {
	.appearance;
	.inline-block;
	padding:5px 7px 3px 24px;
	background:@blue url('../images/theme/arrow-right-more-panetop.png') 8px 6px no-repeat;
	border:0;
	.title; .font-size(13px,18px); font-weight:bold;
	text-decoration:none; text-transform:uppercase; text-align:left;
	color: #fff;
	cursor:pointer;
	.transition(.05);

	&:hover {
		background-color:@hover;
		text-decoration:none;
	}

	&[type="submit"] {
		&.small-search-submit {
			padding: 6px 0 0 15px;
			vertical-align: top;
			background-color:transparent;
			.font-size(14px,15px);
			color:@cta-color;

			&:before {
				.icon-absolute; .icon-arrow; .icon-size(36px);
				color: @grey;
			}
		}
	}
}*/
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 7px 3px 24px;
  background-color: #001c52;
  border: 0;
  font-family: 'scala-sans', sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.05s ease;
  -moz-transition: all 0.05s ease;
  -o-transition: all 0.05s ease;
  -ms-transition: all 0.05s ease;
  transition: all 0.05s ease;
}
button:hover {
  color: #c3c5c8;
}
button[type="submit"].small-search-submit {
  padding: 5px 0 0 15px;
  vertical-align: top;
  background-color: transparent;
  font-size: 14px;
  line-height: 15px;
  color: #001c52;
}
button[type="submit"].small-search-submit:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 30px;
  line-height: 30px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #c5c6c8;
}
button[type="submit"].small-search-submit:hover {
  color: #c3c5c8;
}
button.bigger-button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding-left: 29px;
  background: #001c52 url('../images/theme/arrow-right-career.png') 12px 12px no-repeat;
  background-size: auto 64%;
  font-family: 'scala-sans', sans-serif;
  font-size: 24px;
  line-height: 29px;
  font-weight: normal;
  text-transform: none;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.page-jobportal .jobportal-filter button {
  position: relative;
  padding: 0 0 0 15px;
  background: #fff url('../images/theme/arrow-right-more-panetop.png') left 2px no-repeat;
  border: 0;
  font-family: 'scala-sans', sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  text-align: left;
  color: #001c52;
  cursor: pointer;
}
a.bigger-button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: -6px;
  padding: 5px 13px 3px 24px;
  background: #001c52 url('../images/theme/arrow-right-career.png') 10px 8px no-repeat;
  background-size: auto 64%;
  font-family: 'scala-sans', sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
  text-align: left;
}
a.icon-button {
  margin: 0 0 10px 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
}
a.privacylink {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
a.privacylink:hover {
  text-decoration: underline;
}
a.privacylink:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 9px;
  line-height: 13px;
  content: "\e903";
}
.button-bar a.more {
  width: auto !important;
}
.button-bar .left {
  float: left;
  width: 50%;
}
.button-bar .right {
  float: right;
  width: 50%;
}
@media (max-width: 829px) {
  .button-bar a {
    margin-bottom: 10px;
  }
  .button-bar .left,
  .button-bar .right {
    float: none;
    width: auto;
  }
  .button-bar .left {
    margin-bottom: 10px;
  }
}
.submit-section {
  padding: 0;
  border: 0;
}
body:not(.layout-alternative) .submit-section {
  clear: left;
}
.submit-section a.button {
  text-decoration: none !important;
  color: #fff;
}
.submit-section a.button,
.submit-section button {
  padding: 0;
  background: none;
  font-size: 13px;
  line-height: 17px;
}
.submit-section a.button.submit,
.submit-section button.submit {
  display: block;
  width: 100%;
  padding: 16px 0 14px 51px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
  font-size: 25px;
  line-height: 29px;
  font-weight: normal;
  text-transform: none;
}
.submit-section a.button.submit:before,
.submit-section button.submit:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 16px;
  left: 19px;
  font-size: 59px;
  line-height: 59px;
  font-weight: normal;
  content: "\e905";
}
.submit-section a.button.reset,
.submit-section button.reset {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px 20px 10px 10px;
}
.submit-section a.button.reset:before,
.submit-section button.reset:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 45%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 12px;
  content: "\e903";
}
@media (max-width: 460px) {
  .submit-section a.button.submit,
  .submit-section button.submit {
    padding-bottom: 60px;
  }
  .submit-section a.button.reset,
  .submit-section button.reset {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto;
    right: auto;
    bottom: 5px;
    left: 19px;
  }
}
.callToActionBottomBox {
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
}
.callToActionBottomBox a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  text-decoration: none !important;
  color: #fff;
}
.callToActionBottomBox a.main {
  padding: 16px 0 14px 51px;
  background-color: transparent;
  font-size: 25px;
  line-height: 29px;
  font-weight: normal;
  text-transform: none;
}
.callToActionBottomBox a.main:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 16px;
  left: 19px;
  font-size: 59px;
  line-height: 59px;
  font-weight: normal;
  content: "\e905";
}
.callToActionBottomBox .sub {
  float: right;
  width: 50%;
  margin-bottom: 0 !important;
  padding: 19px 16px 0 0;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: right;
}
.callToActionBottomBox .sub li {
  padding-left: 0;
}
.callToActionBottomBox .sub li:before {
  display: none;
}
.callToActionBottomBox .sub li:first-child {
  margin-bottom: 16px;
}
.callToActionBottomBox .sub a {
  padding: 0 0 0 10px;
  white-space: nowrap;
}
.callToActionBottomBox .sub a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 10px;
  line-height: inherit;
  content: "\e903";
}
@media (max-width: 850px) {
  .callToActionBottomBox {
    background: transparent;
    width: 100%;
  }
  .callToActionBottomBox a.main {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding: 16px 0 14px 51px;
    background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
  }
  .callToActionBottomBox .sub {
    float: none;
    width: 100%;
    padding: 0;
    text-align: left;
  }
  .callToActionBottomBox .sub li {
    padding: 0 0 0 19px;
    background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
  }
  .callToActionBottomBox .sub a {
    padding: 16px 0 14px 10px;
  }
}
@media print {
  .callToActionBottomBox {
    display: none;
  }
  .main-content .submit-section {
    display: none;
  }
}
/*------------------------------------*\
    Pane (pre)
    [!] Bereich überarbeiten, da dieses noch auf dem alten box-sizing basiert.
\*------------------------------------*/
.pane {
  /*.col-aside-left,
	.col-aside-right {
		float:left;
	}*/
  /*@media (max-width: 1258px) {
		// top panes
		&.pane-top .right .top h2,
		&.pane-header .right h2 {
			margin-bottom:0;
			.font-size(17px,22px); font-weight:bold;
		}
	}
	@media (min-width: 830px) and (max-width: (@max-responsive - 1)) {
		width:100%;

		a.more { width:126px; height:40px; }

		// columns
		.col-aside-right {
			float:none; width:790px; height:auto;

			body.layout-sep-top & {
				min-height:250px;

				.inside { min-height:260px; }
			}
		}

		// top panes
		&.pane-top,
		&.pane-header {
			width:100%;

			.right .top {
				width:190px; height:341px;
				-webkit-border-top-left-radius:0;
				-webkit-border-top-right-radius:0;
				-moz-border-radius-topleft:0;
				-moz-border-radius-topright:0;
				border-top-left-radius: 0;
				border-top-right-radius:0;
				background:#fff;
				border:1px solid @border-color !important;
				color:@blue;
			}
			& > .left { float:none; }
			& > .right { float:none; width:100%; }
		}
		&.pane-top {
			.right {
				.grid-h-4 {
					width:590px; height:341px;

					.inside { height:253px; padding-top:18px; padding-bottom:69px; }
				}
			}
		}
		&.pane-header {
			.col-aside-right { clear:none; float:left; width:588px; }
			.right {
				.grid-fh-4 {
					height:288px; min-height:0;

					.inside { min-height:258px; padding-right:200px; }
				}
				.top {
					height:288px;

					.inside { height:auto; min-height:0; }
					body.layout-sep-top & { display:none; }
				}
			}
		}
	}
	@media (max-width: 829px) {
		width:100%;

		// elements
		h2.separator img { width:auto; }

		// columns
		.col-middle {
			float:none;
			img { width:100%; }
		}
		.col-aside-left,
		.col-aside-right {
			clear:both; float:none;
			width:auto; height:auto;

			a.more { display:block; }
		}
		.col-aside-left {
			h2 { margin-bottom:0; }
			img.bottom { display:none; }
		}
		.col-aside-right { min-height:0; }

		// top panes
		&.pane-top,
		&.pane-header {
			width:100%;

			.top {
				float:none;
				-webkit-border-top-left-radius:0;
				-webkit-border-top-right-radius:0;
				-moz-border-radius-topleft:0;
				-moz-border-radius-topright:0;
				border-top-left-radius: 0;
				border-top-right-radius:0;
			}
			.left { float:none; width:auto; }
			.right {
				.top { display:none; }
			}
			& > .right { float:none; width:100%; }
		}
		&.pane-top {
			.left .top { width:auto; }
			.right .grid-h-4 .inside { padding-top:18px; padding-bottom:69px; }
		}

		.jobportal-control h2,
		.jobportal-control strong.title { float:none; }
	}*/
}
.pane:not(.pane-top) {
  clear: left;
}
.pane a,
.pane span {
  text-decoration: none;
}
.pane a:hover,
.pane span:hover {
  color: #c3c5c8;
}
.pane a.more,
.pane span.more {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding-left: 11px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.pane a.more:before,
.pane span.more:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  font-weight: bold;
  top: 4px;
  left: 2px;
  color: #c5c6c8;
}
.pane a.more:after,
.pane span.more:after {
  display: inline;
  #content: "...";
}
.pane a.more.upper,
.pane span.more.upper {
  padding-left: 16px;
}
.pane a.more.upper:before,
.pane span.more.upper:before {
  top: 4px;
  font-size: 32px;
  line-height: 32px;
  font-weight: normal;
}
@media (max-width: 650px) {
  .pane a.more,
  .pane span.more {
    font-size: 16px;
    line-height: 20px;
  }
}
.pane .col-middle {
  line-height: 24px;
}
.pane .col-middle a.icon-arrow:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 11px;
  line-height: 11px;
  vertical-align: middle;
  margin-right: 5px;
  font-weight: bold;
  color: #c5c6c8;
}
.pane .col-middle a:not(.privacylink),
.pane .col-middle a:not(.more) {
  text-decoration: underline;
}
.pane .col-middle h1 {
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 24px;
  text-transform: none;
}
.pane .col-middle h2,
.pane .col-middle h3 {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 24px;
}
.pane .col-middle h2.separator {
  margin-bottom: 30px;
}
.pane .col-middle ul {
  margin-bottom: 15px;
}
.pane .col-middle.empty {
  padding: 0;
}
.pane .col-middle.slider {
  overflow: hidden;
  height: 450px;
  max-height: 450px;
}
body.js .pane .col-middle.slider {
  padding-top: 280px;
}
.pane .col-middle.slider a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 18px 150px 18px 22px;
  text-decoration: none;
}
.pane .col-middle.slider a:hover {
  color: #001c52;
}
.pane .col-middle.slider a:hover span.more {
  color: #c3c5c8;
}
body:not(.js) .pane .col-middle.slider .slideshow > div:not(:first-child) {
  display: none;
}
body:not(.js) .pane .col-middle.slider .caption {
  display: none;
}
.pane .col-middle.slider .teaser {
  z-index: 101;
}
.pane .col-middle.slider > p,
.pane .col-middle.slider .slogan {
  position: absolute;
  z-index: 100;
  top: 18px;
  right: 0;
  margin-bottom: 0;
  padding: 0 18px 0 0;
  padding-top: inherit;
  font-weight: bold;
  text-align: right;
}
body:not(.js) .pane .col-middle.slider > p,
body:not(.js) .pane .col-middle.slider .slogan {
  display: none;
}
.pane .col-middle.slider .ns_nerveSlider {
  position: absolute;
  display: block;
  z-index: 102;
  top: 0;
  height: 280px !important;
}
.pane .col-middle.slider .ns_nerveSlider .caption {
  font-size: 25px;
  line-height: 29px;
  text-transform: uppercase;
  color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 12px 16px 9px 14px;
  background-color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #001c52;
  letter-spacing: 1px;
}
.pane .col-middle.slider .ns_nerveSlider .caption:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 32px;
  line-height: 32px;
  z-index: 100;
  top: auto;
  bottom: -23px;
  left: 35px;
  color: #fff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
}
.pane .col-middle.slider .ns_nerveSlider .teaser,
.pane .col-middle.slider .ns_nerveSlider .slogan {
  display: none;
}
.pane .col-middle.slider .ns_nerveSlider .ns_slideContent {
  padding: 26px 22px 20px 22px;
}
body.page-entry .pane .col-middle.slider .ns_nerveSlider .ns_slideContent {
  padding: 18px 18px;
}
.pane .col-middle.slider .ns_nerveSlider .ns_dots {
  overflow: visible;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
}
.pane .col-middle.slider .ns_nerveSlider .ns_dots span {
  position: absolute;
  display: block;
  top: -28px;
  left: 0;
  padding: 2px 6px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  color: #001c52;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pane .col-middle.slider .ns_nerveSlider .ns_dots .ns_dot:before {
  color: #fff;
}
.pane .col-middle.slider .ns_nerveSlider .ns_pauseButton {
  z-index: 102;
  right: 15px;
  bottom: 20px;
  margin-bottom: 0;
  zoom: 1 !important;
  filter: alpha(opacity=60) !important;
  opacity: 0.6 !important;
}
.pane .col-middle.slider .ns_nerveSlider:hover .ns_pauseButton {
  zoom: 1 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
@media (max-width: 850px) {
  .pane .col-middle.slider {
    height: 470px;
    max-height: 470px;
  }
  .pane .col-middle.slider a {
    padding-right: 18px;
  }
  .pane .col-middle.slider > p,
  .pane .col-middle.slider .slogan {
    top: auto;
    bottom: 10px;
    line-height: 20px;
  }
}
@media (max-width: 650px) {
  .pane .col-middle.slider {
    height: auto;
    max-height: initial;
    padding-bottom: 48px;
  }
  .pane .col-middle.slider a {
    padding: 16px;
  }
  .pane .col-middle.slider > p,
  .pane .col-middle.slider .slogan {
    right: auto;
    left: 16px;
    text-align: left;
  }
  .pane .col-middle.slider > p br,
  .pane .col-middle.slider .slogan br {
    display: none;
  }
}
.pane .col-middle.location {
  padding: 0;
}
.pane .col-middle.location .inside {
  position: relative;
  padding: 20px 21px 20px;
  font-size: 0;
  line-height: 0;
}
.pane .col-middle.location .inside .split {
  font-size: 0;
  line-height: 0;
}
.pane .col-middle.location .inside .split * {
  font-size: 16px;
  line-height: 24px;
}
.pane .col-middle.locations {
  padding: 0;
}
.pane .col-middle.locations img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.pane .col-middle.locations > a {
  display: block;
}
.pane .col-middle.locations > a:after {
  content: "";
}
.pane .col-middle.locations span {
  position: absolute;
  bottom: 18px;
  left: 18px;
  padding-left: 16px;
}
.pane .col-middle.locations span:before {
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
}
.pane .col-middle.locations span:after {
  content: "";
}
.pane .col-middle .locations-worldwide img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.pane .col-middle.movie a {
  display: block;
  width: 100%;
  height: 100%;
}
.pane .col-middle.movie a img {
  width: 100%;
  height: auto;
}
.pane .col-middle.movie iframe {
  display: none;
  z-index: 999;
}
.pane .col-middle.career {
  padding: 18px 22px;
  min-height: 174px;
  /*background:@blue url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
			background-size:auto;*/
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
  background-size: 100% auto;
  border: 0;
  color: #fff;
  background-size: contain;
  background-position: center center;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  /*a {
				position: absolute; display: block;
				width: 100%; height: 100%;
				padding:18px 22px;
				text-decoration: none;
				//color: #fff;
				//.transition;

				span.more:after { content:""; }
				//&:hover span.more { color: @hover; }
			}*/
}
.pane .col-middle.career a {
  color: #fff;
}
.pane .col-middle.career a:hover span.more {
  color: #c3c5c8;
}
.pane .col-middle.career .top {
  margin-bottom: 15px;
}
.pane .col-middle.career .stories {
  margin-bottom: 25px;
  padding: 25px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-width: 1px 0;
  font-size: 0;
  line-height: 0;
  /*li {
					.inline-block;
					margin-right: 27px; padding-left: 0;
					width: 113px;
					.transition;

					&:last-child { margin-right: 0; }
					a {
						display: block;
						text-decoration: none;
						.transition;

						img {
							margin-bottom: 10px;
							border:1px solid rgba(255,255,255,.2);
							.box-shadow(0 0 14px 0 rgba(0,0,0,.3));
							.transition;
						}
						span {
							display: block;
							.font-size(16px);
						}

						&:hover {
							//color: @hover;
							img {
								//.transform-scale(.98);
								//.box-shadow(0 0 4px 0 rgba(0,0,0,.3));
							}
						}
					}
				}*/
}
body:not(.js) .pane .col-middle.career .stories {
  display: none;
}
.pane .col-middle.career .stories a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 27px 20px 0;
  padding-left: 0;
  width: 113px;
  text-decoration: none;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pane .col-middle.career .stories a:last-child {
  margin-right: 0;
}
.pane .col-middle.career .stories a img {
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pane .col-middle.career .stories a span {
  display: block;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 851px) {
  .pane .col-middle.career .stories:hover a {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .pane .col-middle.career .stories:hover a img {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  }
  .pane .col-middle.career .stories:hover a:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .pane .col-middle.career .stories:hover a:hover img {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 650px) {
  .pane .col-middle.career .stories a {
    width: 50%;
    margin-right: 0;
  }
  .pane .col-middle.career .stories a img {
    margin: 0 auto 10px;
  }
  .pane .col-middle.career .stories a span br {
    display: none;
  }
}
@media (max-width: 400px) {
  .pane .col-middle.career .stories a {
    width: 100%;
  }
}
.pane .col-middle.career .cta {
  margin-bottom: 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.pane .col-middle.career .cta:hover {
  color: #c3c5c8;
}
.pane .col-middle.career .cta span {
  padding-left: 14px;
  font-size: 24px;
  line-height: 28px;
}
.pane .col-middle.career .cta span:before {
  font-size: 16px;
  line-height: 16px;
}
.pane .col-middle.career .cta span:after {
  content: "";
}
@media (max-width: 1240px) {
  .pane .col-middle.career {
    margin-left: 0;
  }
}
.pane .col-middle .table-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 650px) {
  .pane .col-middle .table-container {
    overflow-x: scroll;
    padding-bottom: 20px;
  }
}
.pane .col-aside-left h1 {
  text-transform: none;
}
.pane .col-aside-left h1,
.pane .col-aside-left strong.title {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.pane .col-aside-left h3 {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 650px) {
  .pane .col-aside-left br {
    display: none;
  }
}
.pane .col-aside-right {
  /*&.reader {
			& > a, & > div { padding-top: 189px; }
		}*/
}
.pane .col-aside-right a.upper:before,
.pane .col-aside-right span.upper:before {
  top: 3px;
}
.pane .col-aside-right > a {
  display: block;
  color: #001c52;
}
.pane .col-aside-right > a.more:hover {
  color: #c3c5c8;
}
.pane .col-aside-right h3 {
  margin-bottom: 10px;
}
.pane .col-aside-right ul li {
  padding-left: 0;
}
.pane .col-aside-right ul li:before {
  display: none;
}
.pane .col-aside-right.spread-list {
  padding-top: 26px;
}
.pane .col-aside-right.spread-list ul {
  margin-bottom: 20px;
  padding-bottom: 27px;
  border-bottom: 1px solid #d7d9db;
}
.pane .col-aside-right.spread-list .solcom-channels:last-child ul {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.pane .col-aside-right.complementary h3 {
  margin-bottom: 20px;
}
.pane .col-aside-right.complementary ul li {
  margin-bottom: 15px;
}
.pane .col-aside-right.teaser > a,
.pane .col-aside-right.teaser > div {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 209px;
}
.pane .col-aside-right.teaser ul li {
  margin-bottom: 15px;
}
.pane .col-aside-right.teaser figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pane .col-aside-right.teaser > a:hover figure,
.pane .col-aside-right.teaser > a figure:hover {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.pane .col-aside-right.teaser > a:hover span.more {
  color: #c3c5c8;
}
.pane .col-aside-right.multiple-ctas h3 span {
  font-weight: normal;
}
.pane .col-aside-right.multiple-ctas h3 span:hover {
  color: #001c52;
}
.pane .col-aside-right.multiple-ctas > div > a {
  display: block;
  margin-bottom: 18px;
  color: #001c52;
}
.pane .col-aside-right.multiple-ctas > div > a:last-child {
  margin-bottom: 0;
}
.pane .col-aside-right.multiple-ctas > div > a:hover .more {
  color: #c3c5c8;
}
.pane .col-aside-right.youtube figure {
  margin-bottom: 20px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pane .col-aside-right.youtube > a:hover figure,
.pane .col-aside-right.youtube > a figure:hover {
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.pane .col-aside-right.youtube > a:hover span.more {
  color: #c3c5c8;
}
@media (max-width: 1240px) {
  .pane .col-aside-right.teaser {
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    /*&:not(.multiple-ctas) {
					&:hover {
						border-color: @blue;
						& > a figure { .opacity(.75); }
						//span.more { color: @hover; }
						span.more { color: @blue; }
					}
				}*/
  }
  .pane .col-aside-right.teaser > a,
  .pane .col-aside-right.teaser > div {
    height: auto;
    min-height: inherit;
    padding: 18px 21px;
    padding-right: 0;
    background-color: #d9dde7;
  }
  .pane .col-aside-right.teaser > a figure,
  .pane .col-aside-right.teaser > div figure {
    /*position: relative; float: right;
						top: -18px; left: auto; width: auto;*/
    top: 0;
    right: 0;
    left: auto;
    width: auto;
    height: 100%;
    display: none;
  }
  .pane .col-aside-right.teaser > a:hover span.more {
    color: #001c52;
  }
  .pane .col-aside-right.youtube {
    /*&:hover {
					border-color: @blue;
					& > a figure { .opacity(.75); }
					span.more { color: @hover; }
				}*/
  }
  .pane .col-aside-right.youtube figure {
    float: left;
    margin: 0 20px 0 0;
  }
  .pane .col-aside-right.youtube span.more {
    margin-top: 26px;
  }
  .pane .col-aside-right.youtube a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 100%;
  }
  .pane .col-aside-right.complementary ul li {
    float: left;
    width: 25%;
    padding-right: 20px;
  }
  .pane .col-aside-right.complementary ul li:last-child {
    padding-right: 0;
  }
  .pane .col-aside-right.complementary ul li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #d7d9db;
    border-width: 1px 0;
  }
  .pane .col-aside-right.complementary ul li a:before {
    top: 48%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pane .col-aside-right .hyphens {
    display: none;
  }
}
@media (min-width: 651px) and (max-width: 1240px) {
  .pane .col-aside-right.spread-list {
    padding-top: 18px;
  }
  .pane .col-aside-right.spread-list ul {
    padding-bottom: 0;
    border: 0;
  }
}
@media (max-width: 650px) {
  .pane .col-aside-right.spread-list {
    padding-top: 14px;
  }
  .pane .col-aside-right.spread-list ul {
    margin-bottom: 11px;
    padding-bottom: 14px;
  }
  .pane .col-aside-right.teaser > a,
  .pane .col-aside-right.teaser > div {
    padding: 16px;
  }
  .pane .col-aside-right.complementary ul {
    margin-bottom: 0;
  }
  .pane .col-aside-right.complementary ul li {
    float: none;
    width: auto;
    padding-right: 0;
  }
  .pane .col-aside-right.complementary ul li a {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1000px) {
  .pane.survey .col-aside-left {
    display: none;
  }
  .pane.survey .col-middle {
    margin-left: 0;
  }
}
@media screen and (min-width: 1241px), handheld and (min-width: 1241px), projection and (min-width: 1241px), tv and (min-width: 1241px), tty and (min-width: 1241px) {
  .pane.pane-top.container,
  .pane.pane-header.container {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 10px;
  }
  .pane.pane-top.container .row,
  .pane.pane-header.container .row {
    display: table-row;
  }
  .pane.pane-top.container .row > .left,
  .pane.pane-header.container .row > .left {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 800px;
    padding-right: 10px;
  }
  .pane.pane-top.container .row > .left .sub > *,
  .pane.pane-header.container .row > .left .sub > * {
    margin-bottom: 0;
  }
  .pane.pane-top.container .row > .right,
  .pane.pane-header.container .row > .right {
    display: table-cell;
    vertical-align: top;
    height: 100%;
  }
  .pane.pane-top.container .row > .right .mod_newslist_container,
  .pane.pane-header.container .row > .right .mod_newslist_container {
    position: relative;
    height: 100%;
    margin-bottom: 0;
    padding-top: 87px;
  }
  .pane.pane-top.container .row > .right .mod_newslist_container .top,
  .pane.pane-header.container .row > .right .mod_newslist_container .top {
    position: absolute;
    top: 0;
  }
  .pane.pane-top.container .row > .right .mod_newslist_container .mod_newslist,
  .pane.pane-header.container .row > .right .mod_newslist_container .mod_newslist {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    height: 100%;
  }
}
.pane.pane-top .top,
.pane.pane-header .top {
  margin-bottom: 10px;
  color: #fff;
}
.pane.pane-top .top span.more,
.pane.pane-header .top span.more {
  position: absolute;
  bottom: 27px;
  padding-left: 12px;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
.pane.pane-top .top span.more:before,
.pane.pane-header .top span.more:before {
  font-size: 13px;
  line-height: 13px;
  top: 4px;
  color: #fff;
}
@media (max-width: 850px) {
  .pane.pane-top .top span.more,
  .pane.pane-header .top span.more {
    position: relative;
    bottom: auto;
  }
}
.pane.pane-top .left .top,
.pane.pane-header .left .top {
  height: 177px;
}
@media (max-width: 850px) {
  .pane.pane-top .left .top,
  .pane.pane-header .left .top {
    height: auto;
  }
}
.pane.pane-top .left .top a,
.pane.pane-header .left .top a {
  display: block;
  /*color: #fff;*/
}
.pane.pane-top .left .top > a,
.pane.pane-header .left .top > a,
.pane.pane-top .left .top > .inside,
.pane.pane-header .left .top > .inside {
  width: 100%;
  height: 100%;
  padding: 14px 21px 0;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
  background-size: 100% auto;
  border: 0;
  color: #fff;
  background-size: contain;
}
.pane.pane-top .left .top > a a,
.pane.pane-header .left .top > a a,
.pane.pane-top .left .top > .inside a,
.pane.pane-header .left .top > .inside a {
  color: #fff;
}
.pane.pane-top .left .top > a a:hover span.more,
.pane.pane-header .left .top > a a:hover span.more,
.pane.pane-top .left .top > .inside a:hover span.more,
.pane.pane-header .left .top > .inside a:hover span.more {
  color: #c3c5c8;
}
.pane.pane-top .left .top > a:hover span.more,
.pane.pane-header .left .top > a:hover span.more,
.pane.pane-top .left .top > .inside:hover span.more,
.pane.pane-header .left .top > .inside:hover span.more {
  color: #c3c5c8;
}
.pane.pane-top .left .top h2,
.pane.pane-header .left .top h2 {
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 19px;
  line-height: 32px;
  font-weight: bold;
  text-transform: none;
}
.pane.pane-top .left .col-middle,
.pane.pane-header .left .col-middle {
  margin-right: 0;
}
@media (max-width: 850px) {
  .pane.pane-top .left .top > a,
  .pane.pane-header .left .top > a,
  .pane.pane-top .left .top > .inside,
  .pane.pane-header .left .top > .inside {
    padding-bottom: 14px;
  }
}
.pane.pane-top .right .top,
.pane.pane-header .right .top {
  /*width:190px;*/
  height: 77px;
  min-height: 77px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
  background-size: 100% auto;
  border: 0;
  color: #fff;
  background-image: none;
}
.pane.pane-top .right .top a,
.pane.pane-header .right .top a {
  color: #fff;
}
.pane.pane-top .right .top a:hover span.more,
.pane.pane-header .right .top a:hover span.more {
  color: #c3c5c8;
}
.pane.pane-top .right .top.placeholder,
.pane.pane-header .right .top.placeholder {
  background: none;
}
.pane.pane-top .right .top h2,
.pane.pane-header .right .top h2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  .pane.pane-top .left,
  .pane.pane-header .left {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .pane.pane-top .left .sub,
  .pane.pane-header .left .sub {
    clear: left;
  }
  .pane.pane-top .left .sub .col-aside-left,
  .pane.pane-header .left .sub .col-aside-left {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
  }
  .pane.pane-top .left .sub .col-middle,
  .pane.pane-header .left .sub .col-middle {
    float: none;
    width: auto;
  }
  .pane.pane-top .right,
  .pane.pane-header .right {
    float: none;
    width: 100%;
  }
  .pane.pane-top .right .top,
  .pane.pane-header .right .top {
    display: none;
  }
  .pane.pane-top .right > div,
  .pane.pane-header .right > div {
    width: 100%;
  }
}
.pane.pane-header .left .top h2,
.pane.pane-header .left .top strong {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  text-transform: none;
}
.pane.pane-header .left .top h2 {
  padding-bottom: 0;
  border: 0;
}
.layout-content .pane.pane-header .left .top strong {
  padding-bottom: 0;
  border: 0;
}
.pane.pane-header > .left {
  float: left;
  width: 800px;
}
.pane.pane-header > .right {
  float: left;
  width: 190px;
  margin-right: 0;
}
.pane.pane-top .right .top h2,
.pane.pane-header .right h2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
.pane.continue {
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
  background-size: 100% auto;
  border: 0;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}
.pane.continue a {
  color: #fff;
}
.pane.continue a:hover span.more {
  color: #c3c5c8;
}
.pane.continue a {
  display: block;
  padding: 35px 35px 33px;
}
.pane.continue span.more {
  float: right;
  padding-left: 21px;
  font-size: 20px;
  line-height: 24px;
}
.pane.continue span.more:before {
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
}
.pane.continue .left {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
@media (max-width: 850px) {
  .pane.continue a {
    padding: 21px 24px;
  }
  .pane.continue span.more {
    float: none;
  }
  .pane.continue .left {
    display: block;
    margin-bottom: 25px;
  }
  .pane.continue h4 {
    margin-top: 20px;
    font-size: 27px;
    line-height: 31px;
  }
}
/*------------------------------------*\
    Channels
\*------------------------------------*/
/*------------------------------------*\
    jQueryUI-Dialog
\*------------------------------------*/
.ui-front {
  z-index: 1000;
}
.ui-dialog {
  padding: 0;
}
.ui-dialog .ui-widget-header {
  background: #001c52;
  border: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 10px;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left;
  padding-bottom: 7px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  background: #001c52;
  color: #fff;
}
.ui-dialog > .ui-widget-content {
  padding: 16px 20px 0;
  border: 0 !important;
}
.ui-widget-content {
  font-family: 'scala-sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr,
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*.pane-control {
	.col-aside-right {
		@media (min-width: 830px) and (max-width: 1258px) {
			&.auto {
				min-height:0;
				.inside { min-height:0; padding-bottom:11px; }
			}
		}
		@media (max-width: 829px) {
			body.page-jobportal & { display:none; }
		}
	}
}*/
/*------------------------------------*\
    Teaser for contentpages with image (pre)
    [!] Bereich überarbeiten, da dieses noch auf dem alten box-sizing basiert.
\*------------------------------------*/
/*.pane-teaser {
	min-height:192px;

	figure {
		position:absolute; top:0; right:0;
		a { display:block; }
	}
	.pane & a.more {
		width:263px;
		padding-left:28px;
		.font-size(16px); font-weight:normal;
		text-decoration:none; text-transform:none;

		&:before {
			.icon-absolute; .icon-size(53px); .icon-arrow-xl;
			top:47%; .centerY;
			color: @grey;
		}
	}

	@media (min-width: 830px) and (max-width: 1258px) {
		.pane & a.more { height: auto; }
	}
	@media (max-width: 625px) {
		figure { display:none; }
	}
}*/
/*------------------------------------*\
    Teaser for downloads (deprecated)
    [!] Bereich überarbeiten, da dieses noch auf dem alten box-sizing basiert.
\*------------------------------------*/
/*.pane-downloads {
	.item {
		float:left; width:290px;

		a.more {
			width:263px; height:100px;
			margin:16px 0 0 21px; padding-left:28px;
			.font-size(16px); font-weight:normal;
			text-decoration:none; text-transform:none;

			&:before {
				.icon-absolute; .icon-size(53px); .icon-arrow-xl;
				top: 3px;
				color: @grey;
			}
		}

		&.wide { float:none; width:580px; }
		&.right { float:right; }
	}

	.pane & h2 {
		margin:18px 21px 26px; padding-bottom:8px;
		border-bottom:1px solid @selection;
		.font-size(20px); font-weight:normal;
	}

	@media (max-width: 829px) {
		.item {
			width: 49%; margin-right:2%;
			&.right { float:left; margin-right: 0; }
		}
	}
	@media (max-width: 650px) {
		.item {
			float: none; width: 100%; margin-right:0;
			&.right { float:none; }
		}
	}
}*/
/*------------------------------------*\
    Common teaser item (deprecated)
\*------------------------------------*/
/*.teaser-item {
	@media (min-width: 830px) and (max-width: 1258px) {
		a.more { width:auto; }
	}
	@media (max-width: 625px) {
		figure { display:none; }
	}
}
*/
/*------------------------------------*\
    Wrapper
\*------------------------------------*/
#wrapper {
  width: 1190px;
  margin: 0 auto 20px;
}
@media (max-width: 1240px) {
  #wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1001px) {
  #wrapper {
    background: transparent url('../images/theme/gradient.jpg') center 190px no-repeat;
  }
}
@media (max-width: 1000px) {
  #wrapper > #block {
    position: fixed;
    display: none;
    z-index: 119;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  body.watchlist #wrapper > #block,
  body.menu #wrapper > #block {
    display: block;
  }
}
/*------------------------------------*\
    Header v2
\*------------------------------------*/
@media screen, handheld, projection, tv, tty {
  #header {
    /*position: absolute; overflow:visible; z-index:120;
		top: 0; left: 0;
		width:100%; height: 100px;

		@media (min-width: (@wide-responsive + 1)) {
			padding-left: 20px; padding-right: 20px;
			background-color: #fff;
		}*/
    position: static;
    overflow: visible;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  #header {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
  }
}
/*------------------------------------*\
    Stage
\*------------------------------------*/
/*------------------------------------*\
    Headings (alternative layout)
\*------------------------------------*/
#headings {
  position: absolute;
  z-index: 101;
  width: inherit;
  height: 64px;
  padding: 0 100px;
}
#headings > .title {
  float: left;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#headings > .title h1,
#headings > .title h2,
#headings > .title .headline {
  display: block;
  margin-bottom: 0;
  font-size: 27px;
  line-height: 27px;
  font-weight: bold;
  text-transform: uppercase;
}
#headings > .title h1 span,
#headings > .title h2 span {
  display: none;
}
#headings > .title strong {
  font-size: 27px;
  line-height: 31px;
  font-weight: 500;
  text-transform: uppercase;
}
body.stickyPP #headings {
  position: fixed;
  z-index: 120;
  top: 0;
  width: inherit;
  background-color: #fff;
  border-bottom: 1px solid #d7d9db;
}
body.stickyPP #headings > .title {
  top: 20px;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
}
body.stickyPP #headings > .title strong:not(.headline) {
  display: none;
}
body.stickyPP #headings > .title h1 span,
body.stickyPP #headings > .title h2 span {
  display: inline;
  font-weight: normal;
}
@media (max-width: 650px) {
  body.stickyPP #headings > .title {
    top: 24px;
  }
}
body.stickyPP.watchlist #headings {
  overflow-y: auto;
  width: 100%;
  height: 95%;
  background-color: transparent;
}
body.stickyPP.watchlist #headings > .title {
  display: none;
}
@media screen, handheld, projection, tv, tty {
  #headings {
    /*@media (max-width: @wide-responsive) {
			width: 100%; padding: 0 2%;
		}*/
    /*@media (max-width: @standard-responsive) {
		    & > .title { margin-left: 8px; }
		}*/
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  #headings {
    left: 20px;
    right: 20px;
    width: auto;
    padding: 0;
  }
  body.layout-alternative.stickyPP #headings {
    width: auto;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1240px), handheld and (min-width: 1001px) and (max-width: 1240px), projection and (min-width: 1001px) and (max-width: 1240px), tv and (min-width: 1001px) and (max-width: 1240px), tty and (min-width: 1001px) and (max-width: 1240px) {
  #headings {
    padding: 0;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  #headings > .title h1,
  #headings > .title h2,
  #headings > .title .headline {
    font-size: 18px;
    line-height: 18px;
  }
  #headings > .title strong {
    font-size: 18px;
    line-height: 22px;
  }
}
/*------------------------------------*\
    Main container
\*------------------------------------*/
#main {
  z-index: 100;
  width: 990px;
  /*width:1000px;*/
  margin: 0 0 0 100px;
}
#main hr {
  margin: 25px 0;
  background-color: transparent;
  border-bottom: 1px solid #d7d9db;
  border-width: 0 0 1px 0;
}
#main p.mandatory-term + hr {
  margin-top: 15px;
}
body.layout-alternative #main {
  padding-top: 80px;
}
@media screen, handheld, projection, tv, tty {
  #main {
    /*@media (min-width: 830px) and (max-width: 1258px) {
			width:800px;
		}
		@media (max-width: 1006px) {
			margin:-90px auto;
		}
		@media (max-width: 829px) {
			width:96%; margin:10px auto 0;
		}*/
  }
}
@media screen and (min-width: 1001px) and (max-width: 1240px), handheld and (min-width: 1001px) and (max-width: 1240px), projection and (min-width: 1001px) and (max-width: 1240px), tv and (min-width: 1001px) and (max-width: 1240px), tty and (min-width: 1001px) and (max-width: 1240px) {
  #main {
    width: 83%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #main {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 450px), handheld and (max-width: 450px), projection and (max-width: 450px), tv and (max-width: 450px), tty and (max-width: 450px) {
  body.layout-alternative #main {
    padding-top: 120px;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.layout-alternative #main {
    padding-top: 100px;
  }
}
/*------------------------------------*\
    Awards
\*------------------------------------*/
#awards {
  clear: left;
  /*width:990px;*/
  margin: 35px 0 25px;
}
#awards h2,
#awards span.headline {
  display: block;
  float: left;
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  width: 190px;
  margin: 0 10px 0 0;
  padding-left: 22px;
}
#awards ul {
  float: left;
}
#awards ul li {
  float: left;
  width: 67px;
  height: 62px;
}
#awards ul li.kununuopen {
  width: 92px;
}
#awards ul li.kununutop {
  width: 94px;
}
#awards ul li.faircompany {
  width: 85px;
}
#awards ul li.bizzwatch {
  width: 115px;
}
#awards ul li.geotrust {
  width: 121px;
}
#awards ul li.tuev {
  width: 89px;
}
#awards ul li.last {
  width: 43px;
}
#awards {
  margin: 35px 0 35px;
  padding: 35px 0 25px;
  border-top: 1px solid #d7d9db;
  border-bottom: 1px solid #d7d9db;
}
@media (min-width: 851px) and (max-width: 1240px) {
  #awards {
    width: 100%;
  }
  #awards h2,
  #awards span.headline {
    float: none;
    width: auto;
    margin-bottom: 10px;
    padding-left: 0;
  }
  #awards ul {
    float: none;
    width: 100%;
  }
  #awards ul li {
    text-align: center;
    /*&.kununuopen { width:122px; }
				&.kununutop { width:126px; }
				&.faircompany { width:117px; }
				&.bizzwatch { width:147px; }
				&.geotrust { width:153px; }
				&.tuev { width:121px; }
				&.last { width:64px; }*/
  }
  #awards ul li.kununuopen {
    width: 92px;
  }
  #awards ul li.kununutop {
    width: 94px;
  }
  #awards ul li.faircompany {
    width: 85px;
  }
  #awards ul li.bizzwatch {
    width: 115px;
  }
  #awards ul li.geotrust {
    width: 121px;
  }
  #awards ul li.tuev {
    width: 89px;
  }
  #awards ul li.last {
    width: 43px;
  }
}
@media (max-width: 850px) {
  #awards {
    display: none;
  }
}
/*------------------------------------*\
    Career (deprecated)
\*------------------------------------*/
/*------------------------------------*\
   Page tools (print, to top)
\*------------------------------------*/
#pagetools {
  height: 35px;
  margin-top: 35px;
  text-align: center;
}
#pagetools li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-right: 60px;
}
#pagetools li span {
  display: block;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
#pagetools li.print span {
  padding: 4px 0 0;
}
#pagetools li.print span:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  font-size: 22px;
  line-height: 22px;
  vertical-align: middle;
  margin-right: 10px;
  color: #c5c6c8;
}
#pagetools li.print span:hover {
  color: #c3c5c8;
}
#pagetools li.totop span {
  padding: 6px 0 0;
}
#pagetools li.totop span:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  font-size: 10px;
  line-height: 10px;
  vertical-align: middle;
  margin-right: 10px;
  color: #c5c6c8;
}
#pagetools li.totop span:hover {
  color: #c3c5c8;
}
#pagetools li:last-child {
  margin-right: 0;
}
@media (max-width: 850px) {
  #pagetools {
    display: none;
  }
}
/*.printer {
	height:35px; margin-top: 35px; text-align:center;

	.icon-print {
		display:inline; float:none;
		margin-bottom:0; padding-top:4px; padding-bottom:4px;
		&:before {
			.icon-inline; .icon-print; .icon-size(22px);
			vertical-align: middle;
			margin-right: 10px;
			color: @grey;
		}
		&:hover { color:@hover; }
	}

	@media (max-width: 829px) {
		display:none;
	}
}*/
/*------------------------------------*\
    Social media, IO
\*------------------------------------*/
@media (max-width: 850px) {
  #smio {
    margin-top: 50px;
  }
}
#smio h2,
#smio span.headline {
  display: block;
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}
#smio #social-media {
  margin: 0 0 18px;
  /*h2 {
			float:left;
			width:168px;
			margin:0 10px 0 0; padding:12px 0 0 22px;
			.font-size(16px);
		}*/
}
#smio #social-media .IN-right {
  top: -3px !important;
}
#smio #social-media .IN-right > .IN-right {
  top: 0 !important;
}
#smio #social-media .IN-right > .IN-right > .IN-right {
  top: 0 !important;
}
#smio #social-media ul {
  width: 100%;
}
#smio #social-media ul li {
  float: left;
  width: 20%;
  padding-right: 10px;
  padding-left: 0;
}
#smio #social-media ul li a {
  display: block;
  height: 50px;
  padding: 17px 14px 0 55px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #d6d9db;
}
#smio #social-media ul li a:hover {
  color: #787a7c;
}
#smio #social-media ul li .io {
  display: none;
  height: 53px;
  margin: 9px 12px 0;
  padding-top: 16px;
  border-top: 1px solid #97a4c5;
}
.js #smio #social-media ul li .io {
  display: block;
}
#smio #social-media ul li.icon-facebook a,
#smio #social-media ul li.icon-xing a,
#smio #social-media ul li.icon-instagram a,
#smio #social-media ul li.icon-googleplus a,
#smio #social-media ul li.icon-linkedin a,
#smio #social-media ul li.icon-twitter a {
  background-position: 12px 10px;
  background-repeat: no-repeat;
}
#smio #social-media ul li.icon-facebook a {
  background-image: url('../images/theme/facebook_on_blue_gradient_small.jpg');
}
#smio #social-media ul li.icon-xing a {
  background-image: url('../images/theme/xing_on_blue_gradient_small.jpg');
}
#smio #social-media ul li.icon-instagram a {
  background-image: url('../images/theme/instagram_on_blue_gradient_small.jpg');
}
#smio #social-media ul li.icon-googleplus a {
  background-image: url('../images/theme/google_on_blue_gradient_small.jpg');
}
#smio #social-media ul li.icon-linkedin a {
  background-image: url('../images/theme/linkedin_on_blue_gradient_small.jpg');
}
#smio #social-media ul li.icon-twitter a {
  background-image: url('../images/theme/twitter_on_blue_gradient_small.jpg');
}
#smio #social-media ul li:last-child {
  padding-right: 0;
}
@media (min-width: 851px) and (max-width: 1240px) {
}
@media (max-width: 850px) {
  #smio #social-media ul li {
    float: none;
    width: auto;
    margin-bottom: 10px;
    padding-right: 0;
  }
}
/* !!! -> deprecated */
/*#page-io { margin:0 0 10px; }
	#page-io h2 {
		float:left;
		width:168px;
		margin:0 10px 0 0;
		padding:12px 0 0 22px;
		font-size:16px;
	}
	#page-io ul { float:left; }
		#page-io ul li {
			float:left;
			width:190px; height:45px;
			margin-right:10px;
			background-color:#d9dde7;
		}
			#page-io ul li a {}*/
/*------------------------------------*\
    Footer
\*------------------------------------*/
#footer {
  width: 990px;
  background-color: #d6d9db;
}
@media (min-width: 1241px) {
  #footer {
    margin-bottom: 100px;
  }
}
@media (min-width: 1001px) and (max-width: 1240px) {
  #footer {
    margin-bottom: 50px;
  }
}
#footer .inside {
  padding: 27px 0 15px 26px;
}
#footer nav {
  vertical-align: top;
}
#footer strong {
  display: block;
  margin-bottom: 13px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
#footer ul li {
  margin-bottom: 0;
}
#footer a {
  display: block;
  font-size: 13px;
  line-height: 23px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
#footer a:hover {
  color: #787a7c;
}
#footer a:hover:before {
  color: #787a7c !important;
}
#footer .left,
#footer .right {
  float: left;
}
#footer .left {
  width: 370px;
}
#footer .right {
  width: 570px;
}
#footer .top {
  margin-bottom: 35px;
}
#footer .top ul {
  width: 925px;
}
#footer .top ul li {
  float: left;
  width: 33.33%;
  text-align: center;
}
#footer .top ul li a {
  font-size: 15px;
  line-height: 19px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
}
#footer .top ul li a:hover {
  color: #787a7c;
}
#footer .top ul li.first {
  text-align: left;
}
#footer .top ul li.last {
  text-align: right;
}
#footer .top ul li.middle {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
#footer .left a,
#footer .right a {
  padding: 0 0 0 8px;
}
#footer .left a:before,
#footer .right a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 8px;
  line-height: 8px;
  top: 7px;
  margin-right: 5px;
  font-weight: bold;
  color: #fff;
}
#footer .nav-company {
  width: 100%;
  height: 188px;
}
#footer .nav-company ul li {
  float: left;
  width: 60%;
}
#footer .nav-company ul li:nth-child(odd) {
  width: 40%;
}
#footer .nav-company ul li.full {
  width: 100%;
}
#footer .nav-common {
  float: left;
  width: 170px;
  height: 188px;
  margin: 0 0 0 19px;
}
#footer .nav-common.i2col {
  width: 359px;
}
#footer .nav-common.i2col ul {
  float: left;
  width: 50%;
}
#footer .nav-common.i2col ul:last-child li a {
  line-height: 23px;
}
#footer .external a {
  font-weight: bold;
  text-transform: none;
}
#footer .external > div {
  float: left;
  width: 47.5%;
  margin-bottom: 35px;
}
#footer .external > div strong {
  padding-top: 2px;
  font-size: 13px;
  line-height: 18px;
  color: #001c52;
}
#footer .external > div:first-child {
  margin-right: 5%;
}
#footer .external > div.blog {
  width: 100%;
}
#footer .imprint_socket {
	float: left;
	width: calc( 100% - 30px );
	text-align: left;
}
#footer .imprint_socket a {
	display: inline-block;
}
@media (min-width: 851px) and (max-width: 1240px) {
  #footer {
    width: 100%;
  }
  #footer .top {
    margin-right: 26px;
  }
  #footer .top ul {
    width: 100%;
  }
  #footer .left {
    width: 33.33%;
  }
  #footer .right {
    width: 66.66%;
  }
  #footer .nav-company {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-right: 13px;
  }
  #footer .nav-company ul li {
    float: none;
    width: 100%;
  }
  #footer .nav-common {
    width: 33.33%;
    padding-right: 13px;
    margin-left: 0;
  }
  #footer .nav-common.i2col {
    width: 66.66%;
  }
  #footer .external {
    position: relative;
    top: auto;
  }
  #footer .external > div {
    float: none;
    width: 100%;
    padding-right: 16px;
  }
  #footer .external > div strong {
    margin-bottom: 4px;
    padding-bottom: 3px;
  }
  #footer .external > div:first-child {
    margin: 0 0 10px 0;
  }
  #footer .external > div.blog {
    padding-right: 0;
  }
}
@media (max-width: 850px) {
  #footer {
    width: auto;
  }
  #footer .inside {
    padding-right: 33px;
  }
  #footer .left,
  #footer .right {
    display: none;
  }
  #footer .top {
    width: 100%;
  }
  #footer .top ul {
    width: auto;
  }
  #footer .top ul li {
    width: 50%;
  }
  #footer .top ul li.middle {
    display: none;
  }
}
/*------------------------------------*\
    To top
\*------------------------------------*/
#totop {
  position: fixed;
  display: block;
  z-index: 1000;
  right: 45px;
  bottom: 0;
  height: 90px;
  padding-top: 14px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#totop::selection {
  background-color: transparent;
}
#totop::-moz-selection {
  background-color: transparent;
}
#totop:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  font-size: 8px;
  line-height: 8px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #c5c6c8;
}
#totop:hover {
  /*.transition;*/
  color: #c3c5c8;
}
@media (max-width: 1350px) {
  #totop {
    right: -60px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    padding: 0;
    background-color: #c5c6c8;
    border: 1px solid #fff;
    border-width: 1px 0 1px 1px;
    text-indent: -9999em;
  }
  #totop:before {
    font-size: 9px;
    line-height: 9px;
    top: 50%;
    left: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    text-indent: 0;
  }
  #totop:hover {
    background-color: #c3c5c8;
    color: #fff;
  }
}
body.pre-sticky #totop,
body.stickyPP #totop {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
@media (max-width: 1350px) {
  body.pre-sticky #totop,
  body.stickyPP #totop {
    right: 0;
  }
}
/*#totop {
	height:90px; padding-top:30px; text-align:center;

	a {
		display:block;
		padding-top:14px;
		.font-size(14px); font-weight:bold;
		text-transform:uppercase; text-decoration:none;
		&:before {
			.icon-absolute; .icon-arrow-top; .icon-size(8px);
			left: 50%; .centerX;
			color: @grey;
		}
		&:hover { color:@hover; }
	}
}*/
.typeahead-dummy {
  /*------------------------------------*\
	    LAYOUT
	\*------------------------------------*/
  /*.typeahead-filter {
	    position: relative;
	}*/
  /*------------------------------------*\
	    INPUT, BUTTON, A & DROPDOWN
	\*------------------------------------*/
  /*------------------------------------*\
	    EXTRA
	\*------------------------------------*/
}
.typeahead-dummy .typeahead-container {
  position: relative;
  width: 100%;
}
@media (max-width: 1000px) {
  .typeahead-dummy .typeahead-container {
    width: 270px;
  }
}
@media (max-width: 850px) {
  .typeahead-dummy .typeahead-container {
    width: 80%;
  }
}
@media (max-width: 400px) {
  .typeahead-dummy .typeahead-container {
    width: 70%;
  }
}
.typeahead-dummy .typeahead-query {
  z-index: 2;
  width: 100%;
}
.typeahead-dummy .typeahead-field {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.typeahead-dummy .typeahead-filter {
  position: absolute;
  right: 0;
  padding-left: 1px !important;
  border: 1px solid #d7d9db;
  border-width: 0 1px 1px 0;
  background: #d7d9db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d9db), color-stop(11%, #eff0f1), color-stop(42%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d9db', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .typeahead-dummy .typeahead-filter {
    bottom: -1px !important;
    right: -1px;
  }
}
.typeahead-dummy .typeahead-button {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
}
.typeahead-dummy .typeahead-button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.typeahead-dummy .typeahead-field input,
.typeahead-dummy .typeahead-select {
  display: block;
  width: 100%;
}
.typeahead-dummy .typeahead-field {
  /*@media (max-width: @standard-responsive) {
			.font-size(20px,28px);
			.placeholder({
				.font-size(20px,28px);
			});
		}*/
}
.typeahead-dummy .typeahead-field input {
  -webkit-appearance: none;
}
.typeahead-dummy .typeahead-field > span {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  bottom: 0;
  height: 100%;
}
.typeahead-dummy .typeahead-container button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-bottom: 0;
  white-space: nowrap;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.typeahead-dummy .typeahead-field input.disabled,
.typeahead-dummy .typeahead-field input[disabled],
.typeahead-dummy .typeahead-container button.disabled,
.typeahead-dummy .typeahead-container button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #d7d9db;
}
.typeahead-dummy .typeahead-button button {
  line-height: 30px;
  /*@media (max-width: @standard-responsive) {
			height: 100%;
			background-position:left center;
			.font-size(16px,16px);
		}*/
}
.typeahead-dummy .typeahead-button button:hover {
  color: #c3c5c8;
}
.typeahead-dummy .typeahead-filter button {
  height: 100%;
  min-width: 40px;
  margin: 0;
  padding: 2px 10px 0 12px;
  background: none !important;
  border-left: 1px solid #d7d9db;
  font-weight: normal;
  color: #9b9da0;
}
@media (max-width: 1000px) {
  .typeahead-dummy .typeahead-filter button .typeahead-filter-value {
    display: none;
  }
}
@media (min-width: 851px) {
  .typeahead-dummy .typeahead-container.filter .typeahead-filter button {
    color: #001c52;
  }
}
.typeahead-dummy .typeahead-query input[type="search"] {
  width: 100%;
}
.typeahead-dummy .typeahead-filter,
.typeahead-dummy .typeahead-button {
  z-index: 9;
}
.typeahead-dummy .typeahead-container.filter .typeahead-filter,
.typeahead-dummy .typeahead-filter:hover,
.typeahead-dummy .typeahead-filter:hover,
.typeahead-dummy .typeahead-filter:active,
.typeahead-dummy .typeahead-filter:focus,
.typeahead-dummy .typeahead-button:hover,
.typeahead-dummy .typeahead-button:active,
.typeahead-dummy .typeahead-button:focus,
.typeahead-dummy .typeahead-button:focus button:focus,
.typeahead-dummy .typeahead-button:active button:active {
  z-index: 1001;
}
.typeahead-dummy .typeahead-list,
.typeahead-dummy .typeahead-dropdown {
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 19px;
  line-height: 28px;
  background-color: #fff;
  border: 1px solid #c3c5c7;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -ms-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -o-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
}
.typeahead-dummy .typeahead-dropdown {
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}
.typeahead-dummy .typeahead-result.detached .typeahead-list {
  position: relative;
  z-index: 1041;
  top: auto;
  left: auto;
}
.typeahead-dummy .typeahead-dropdown {
  z-index: 1001;
  right: -1px;
  left: auto;
}
.typeahead-dummy .typeahead-list > li:first-child {
  border-top: none;
}
.typeahead-dummy .typeahead-list > li {
  position: relative;
  border-top: solid 1px rgba(0, 0, 0, 0.15);
}
.typeahead-dummy .typeahead-list > li > a,
.typeahead-dummy .typeahead-list > li > span,
.typeahead-dummy .typeahead-dropdown > li > a {
  display: block;
  padding: 5px 14px 9px;
  clear: both;
  color: #001c52;
  white-space: nowrap;
  text-decoration: none;
}
.typeahead-dummy .typeahead-dropdown > li > a {
  padding: 5px 12px;
}
.typeahead-dummy .typeahead-list > li .title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.typeahead-dummy .typeahead-list > li .title.icon {
  padding-left: 21px;
}
.typeahead-dummy .typeahead-list > li .title i {
  position: absolute;
  display: block;
  top: 4px;
  left: 0;
  width: 20px;
  height: 16px;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}
.typeahead-dummy .typeahead-list > li .title i.pdf {
  background-image: url('../images/theme/icon-pdf.png');
}
.typeahead-dummy .typeahead-list > li .all {
  padding: 8px 14px 4px;
  background-color: #d9dde7;
  font-size: 15px;
  line-height: 26px;
  font-weight: bold;
  cursor: pointer;
}
.typeahead-dummy .typeahead-list > li .all:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 12px;
  line-height: 28px;
  top: -2px;
  margin-right: 5px;
  font-weight: bold;
}
.typeahead-dummy .typeahead-list > li small {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
  font-size: 13px;
  line-height: 13px;
  color: #9b9da0;
}
.typeahead-dummy .typeahead-list > li small em {
  display: block;
  float: left;
  top: -2px;
  margin-right: 6px;
  padding: 3px 2px 1px;
  background-color: #9b9da0;
  font-size: 11px;
  line-height: 11px;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.typeahead-dummy .typeahead-list > li small em.blue {
  top: -2px;
  background-color: #001c52;
}
.typeahead-dummy .typeahead-list > li small em.light-blue {
  background-color: #d9dde7;
  color: #001c52;
}
.typeahead-dummy .typeahead-list > li > span:hover,
.typeahead-dummy .typeahead-list > li > span:focus,
.typeahead-dummy .typeahead-list > li > a:hover,
.typeahead-dummy .typeahead-list > li > a:focus,
.typeahead-dummy .typeahead-list > li.active > a,
.typeahead-dummy .typeahead-dropdown > li > a:hover,
.typeahead-dummy .typeahead-dropdown > li > a:focus,
.typeahead-dummy .typeahead-dropdown > li.active > a {
  background-color: #d9dde7;
  color: #001c52;
}
.typeahead-dummy .typeahead-list > li > span:hover small,
.typeahead-dummy .typeahead-list > li > span:focus small,
.typeahead-dummy .typeahead-list > li > a:hover small,
.typeahead-dummy .typeahead-list > li > a:focus small,
.typeahead-dummy .typeahead-list > li.active > a small,
.typeahead-dummy .typeahead-dropdown > li > a:hover small,
.typeahead-dummy .typeahead-dropdown > li > a:focus small,
.typeahead-dummy .typeahead-dropdown > li.active > a small {
  color: #000;
}
.typeahead-dummy .typeahead-list.empty > li > a:hover,
.typeahead-dummy .typeahead-list.empty > li > a:focus,
.typeahead-dummy .typeahead-list.empty > li.active > a {
  background-color: transparent;
}
.typeahead-dummy .typeahead-list.empty > li > a {
  cursor: default;
  padding: 7px 14px 6px;
}
.typeahead-dummy .typeahead-list > li.typeahead-group > a,
.typeahead-dummy .typeahead-list > li.typeahead-group > a:hover,
.typeahead-dummy .typeahead-list > li.typeahead-group > a:focus,
.typeahead-dummy .typeahead-list > li.typeahead-group.active > a {
  border-color: #fff;
  color: #fff;
  background-color: #001c52;
  cursor: default;
}
.typeahead-dummy .typeahead-container.result .typeahead-list,
.typeahead-dummy .typeahead-container.filter .typeahead-dropdown,
.typeahead-dummy .typeahead-container.hint .typeahead-hint,
.typeahead-dummy .typeahead-container.backdrop + .typeahead-backdrop {
  display: block !important;
}
.typeahead-dummy .typeahead-container .typeahead-list,
.typeahead-dummy .typeahead-container .typeahead-dropdown,
.typeahead-dummy .typeahead-container .typeahead-hint,
.typeahead-dummy .typeahead-container + .typeahead-backdrop {
  display: none !important;
}
.typeahead-dummy .typeahead-dropdown .divider {
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.typeahead-dummy .typeahead-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
@media (max-width: 1000px) {
  .typeahead-dummy .typeahead-filter .typeahead-caret {
    margin-left: 0;
    border-left-width: 7px !important;
    border-right-width: 7px !important;
    border-top-width: 7px !important;
  }
}
.typeahead-dummy .typeahead-search-icon {
  min-width: 40px;
  height: 18px;
  font-size: 13px;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}
@media screen, handheld, projection, tv, tty {
  body.typeahead #header .control .smart-search {
    /*------------------------------------*\
	    LAYOUT
	\*------------------------------------*/
    /*.typeahead-filter {
	    position: relative;
	}*/
    /*------------------------------------*\
	    INPUT, BUTTON, A & DROPDOWN
	\*------------------------------------*/
    /*------------------------------------*\
	    EXTRA
	\*------------------------------------*/
    /*@media (max-width: @standard-responsive) {
						.typeahead-button button { color: #fff; }
					}*/
  }
  body.typeahead #header .control .smart-search .typeahead-container {
    position: relative;
    width: 100%;
  }
  body.typeahead #header .control .smart-search .typeahead-query {
    z-index: 2;
    width: 100%;
  }
  body.typeahead #header .control .smart-search .typeahead-field {
    position: relative;
    display: table;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  body.typeahead #header .control .smart-search .typeahead-filter {
    position: absolute;
    right: 0;
    padding-left: 1px !important;
    border: 1px solid #d7d9db;
    border-width: 0 1px 1px 0;
    background: #d7d9db;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d9db), color-stop(11%, #eff0f1), color-stop(42%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d9db', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }
  body.typeahead #header .control .smart-search .typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
  }
  body.typeahead #header .control .smart-search .typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  body.typeahead #header .control .smart-search .typeahead-field input,
  body.typeahead #header .control .smart-search .typeahead-select {
    display: block;
    width: 100%;
  }
  body.typeahead #header .control .smart-search .typeahead-field {
    /*@media (max-width: @standard-responsive) {
			.font-size(20px,28px);
			.placeholder({
				.font-size(20px,28px);
			});
		}*/
  }
  body.typeahead #header .control .smart-search .typeahead-field input {
    -webkit-appearance: none;
  }
  body.typeahead #header .control .smart-search .typeahead-field > span {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    bottom: 0;
    height: 100%;
  }
  body.typeahead #header .control .smart-search .typeahead-container button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  body.typeahead #header .control .smart-search .typeahead-field input.disabled,
  body.typeahead #header .control .smart-search .typeahead-field input[disabled],
  body.typeahead #header .control .smart-search .typeahead-container button.disabled,
  body.typeahead #header .control .smart-search .typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #d7d9db;
  }
  body.typeahead #header .control .smart-search .typeahead-button button {
    line-height: 30px;
    /*@media (max-width: @standard-responsive) {
			height: 100%;
			background-position:left center;
			.font-size(16px,16px);
		}*/
  }
  body.typeahead #header .control .smart-search .typeahead-button button:hover {
    color: #c3c5c8;
  }
  body.typeahead #header .control .smart-search .typeahead-filter button {
    height: 100%;
    min-width: 40px;
    margin: 0;
    padding: 2px 10px 0 12px;
    background: none !important;
    border-left: 1px solid #d7d9db;
    font-weight: normal;
    color: #9b9da0;
  }
  body.typeahead #header .control .smart-search .typeahead-query input[type="search"] {
    width: 100%;
  }
  body.typeahead #header .control .smart-search .typeahead-filter,
  body.typeahead #header .control .smart-search .typeahead-button {
    z-index: 9;
  }
  body.typeahead #header .control .smart-search .typeahead-container.filter .typeahead-filter,
  body.typeahead #header .control .smart-search .typeahead-filter:hover,
  body.typeahead #header .control .smart-search .typeahead-filter:hover,
  body.typeahead #header .control .smart-search .typeahead-filter:active,
  body.typeahead #header .control .smart-search .typeahead-filter:focus,
  body.typeahead #header .control .smart-search .typeahead-button:hover,
  body.typeahead #header .control .smart-search .typeahead-button:active,
  body.typeahead #header .control .smart-search .typeahead-button:focus,
  body.typeahead #header .control .smart-search .typeahead-button:focus button:focus,
  body.typeahead #header .control .smart-search .typeahead-button:active button:active {
    z-index: 1001;
  }
  body.typeahead #header .control .smart-search .typeahead-list,
  body.typeahead #header .control .smart-search .typeahead-dropdown {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 160px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 19px;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #c3c5c7;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -o-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  }
  body.typeahead #header .control .smart-search .typeahead-dropdown {
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  }
  body.typeahead #header .control .smart-search .typeahead-result.detached .typeahead-list {
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
  }
  body.typeahead #header .control .smart-search .typeahead-dropdown {
    z-index: 1001;
    right: -1px;
    left: auto;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li:first-child {
    border-top: none;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
  }
  body.typeahead #header .control .smart-search .typeahead-list > li > a,
  body.typeahead #header .control .smart-search .typeahead-list > li > span,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a {
    display: block;
    padding: 5px 14px 9px;
    clear: both;
    color: #001c52;
    white-space: nowrap;
    text-decoration: none;
  }
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a {
    padding: 5px 12px;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .title {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .title.icon {
    padding-left: 21px;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .title i {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    width: 20px;
    height: 16px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .title i.pdf {
    background-image: url('../images/theme/icon-pdf.png');
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .all {
    padding: 8px 14px 4px;
    background-color: #d9dde7;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    cursor: pointer;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li .all:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 12px;
    line-height: 28px;
    top: -2px;
    margin-right: 5px;
    font-weight: bold;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li small {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;
    font-size: 13px;
    line-height: 13px;
    color: #9b9da0;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li small em {
    display: block;
    float: left;
    top: -2px;
    margin-right: 6px;
    padding: 3px 2px 1px;
    background-color: #9b9da0;
    font-size: 11px;
    line-height: 11px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li small em.blue {
    top: -2px;
    background-color: #001c52;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li small em.light-blue {
    background-color: #d9dde7;
    color: #001c52;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li > span:hover,
  body.typeahead #header .control .smart-search .typeahead-list > li > span:focus,
  body.typeahead #header .control .smart-search .typeahead-list > li > a:hover,
  body.typeahead #header .control .smart-search .typeahead-list > li > a:focus,
  body.typeahead #header .control .smart-search .typeahead-list > li.active > a,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a:hover,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a:focus,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li.active > a {
    background-color: #d9dde7;
    color: #001c52;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li > span:hover small,
  body.typeahead #header .control .smart-search .typeahead-list > li > span:focus small,
  body.typeahead #header .control .smart-search .typeahead-list > li > a:hover small,
  body.typeahead #header .control .smart-search .typeahead-list > li > a:focus small,
  body.typeahead #header .control .smart-search .typeahead-list > li.active > a small,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a:hover small,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li > a:focus small,
  body.typeahead #header .control .smart-search .typeahead-dropdown > li.active > a small {
    color: #000;
  }
  body.typeahead #header .control .smart-search .typeahead-list.empty > li > a:hover,
  body.typeahead #header .control .smart-search .typeahead-list.empty > li > a:focus,
  body.typeahead #header .control .smart-search .typeahead-list.empty > li.active > a {
    background-color: transparent;
  }
  body.typeahead #header .control .smart-search .typeahead-list.empty > li > a {
    cursor: default;
    padding: 7px 14px 6px;
  }
  body.typeahead #header .control .smart-search .typeahead-list > li.typeahead-group > a,
  body.typeahead #header .control .smart-search .typeahead-list > li.typeahead-group > a:hover,
  body.typeahead #header .control .smart-search .typeahead-list > li.typeahead-group > a:focus,
  body.typeahead #header .control .smart-search .typeahead-list > li.typeahead-group.active > a {
    border-color: #fff;
    color: #fff;
    background-color: #001c52;
    cursor: default;
  }
  body.typeahead #header .control .smart-search .typeahead-container.result .typeahead-list,
  body.typeahead #header .control .smart-search .typeahead-container.filter .typeahead-dropdown,
  body.typeahead #header .control .smart-search .typeahead-container.hint .typeahead-hint,
  body.typeahead #header .control .smart-search .typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
  }
  body.typeahead #header .control .smart-search .typeahead-container .typeahead-list,
  body.typeahead #header .control .smart-search .typeahead-container .typeahead-dropdown,
  body.typeahead #header .control .smart-search .typeahead-container .typeahead-hint,
  body.typeahead #header .control .smart-search .typeahead-container + .typeahead-backdrop {
    display: none !important;
  }
  body.typeahead #header .control .smart-search .typeahead-dropdown .divider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  body.typeahead #header .control .smart-search .typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  body.typeahead #header .control .smart-search .typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
  }
  body.typeahead #header .control .smart-search .typeahead-container {
    width: 448px;
  }
  body.typeahead #header .control .smart-search .typeahead-query input.text {
    float: left;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
  }
  body.typeahead #header .control .smart-search .typeahead-query input[type="search"] {
    height: 28px;
  }
  body.typeahead #header .control .smart-search .typeahead-filter button:before {
    display: none;
  }
  body.typeahead #header .control .smart-search .typeahead-button {
    position: absolute !important;
    right: -1px !important;
    width: 1px !important;
    height: 100% !important;
  }
  body.typeahead #header .control .smart-search .typeahead-button button {
    left: 14px !important;
  }
  body.typeahead #header .control .smart-search .typeahead-button button:hover {
    color: #c3c5c8;
  }
  body.typeahead.page-projektportal .service .search .inside {
    /*------------------------------------*\
	    LAYOUT
	\*------------------------------------*/
    /*.typeahead-filter {
	    position: relative;
	}*/
    /*------------------------------------*\
	    INPUT, BUTTON, A & DROPDOWN
	\*------------------------------------*/
    /*------------------------------------*\
	    EXTRA
	\*------------------------------------*/
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container {
    position: relative;
    width: 100%;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query {
    z-index: 2;
    width: 100%;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field {
    position: relative;
    display: table;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter {
    position: absolute;
    right: 0;
    padding-left: 1px !important;
    border: 1px solid #d7d9db;
    border-width: 0 1px 1px 0;
    background: #d7d9db;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d9db), color-stop(11%, #eff0f1), color-stop(42%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d9db', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field input,
  body.typeahead.page-projektportal .service .search .inside .typeahead-select {
    display: block;
    width: 100%;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field {
    /*@media (max-width: @standard-responsive) {
			.font-size(20px,28px);
			.placeholder({
				.font-size(20px,28px);
			});
		}*/
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field input {
    -webkit-appearance: none;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field > span {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    bottom: 0;
    height: 100%;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-field input.disabled,
  body.typeahead.page-projektportal .service .search .inside .typeahead-field input[disabled],
  body.typeahead.page-projektportal .service .search .inside .typeahead-container button.disabled,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #d7d9db;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-button button {
    line-height: 30px;
    /*@media (max-width: @standard-responsive) {
			height: 100%;
			background-position:left center;
			.font-size(16px,16px);
		}*/
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-button button:hover {
    color: #c3c5c8;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter button {
    height: 100%;
    min-width: 40px;
    margin: 0;
    padding: 2px 10px 0 12px;
    background: none !important;
    border-left: 1px solid #d7d9db;
    font-weight: normal;
    color: #9b9da0;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input[type="search"] {
    width: 100%;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button {
    z-index: 9;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.filter .typeahead-filter,
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter:active,
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button:active,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button:focus button:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-button:active button:active {
    z-index: 1001;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 160px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 19px;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #c3c5c7;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    -o-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown {
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-result.detached .typeahead-list {
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown {
    z-index: 1001;
    right: -1px;
    left: auto;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li:first-child {
    border-top: none;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > a,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > span,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a {
    display: block;
    padding: 5px 14px 9px;
    clear: both;
    color: #001c52;
    white-space: nowrap;
    text-decoration: none;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a {
    padding: 5px 12px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .title {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .title.icon {
    padding-left: 21px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .title i {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    width: 20px;
    height: 16px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .title i.pdf {
    background-image: url('../images/theme/icon-pdf.png');
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .all {
    padding: 8px 14px 4px;
    background-color: #d9dde7;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    cursor: pointer;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li .all:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 12px;
    line-height: 28px;
    top: -2px;
    margin-right: 5px;
    font-weight: bold;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li small {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;
    font-size: 13px;
    line-height: 13px;
    color: #9b9da0;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li small em {
    display: block;
    float: left;
    top: -2px;
    margin-right: 6px;
    padding: 3px 2px 1px;
    background-color: #9b9da0;
    font-size: 11px;
    line-height: 11px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li small em.blue {
    top: -2px;
    background-color: #001c52;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li small em.light-blue {
    background-color: #d9dde7;
    color: #001c52;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > span:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > span:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > a:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > a:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.active > a,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li.active > a {
    background-color: #d9dde7;
    color: #001c52;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > span:hover small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > span:focus small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > a:hover small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li > a:focus small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.active > a small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a:hover small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li > a:focus small,
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown > li.active > a small {
    color: #000;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list.empty > li > a:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list.empty > li > a:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list.empty > li.active > a {
    background-color: transparent;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list.empty > li > a {
    cursor: default;
    padding: 7px 14px 6px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.typeahead-group > a,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.typeahead-group > a:hover,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.typeahead-group > a:focus,
  body.typeahead.page-projektportal .service .search .inside .typeahead-list > li.typeahead-group.active > a {
    border-color: #fff;
    color: #fff;
    background-color: #001c52;
    cursor: default;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.result .typeahead-list,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.filter .typeahead-dropdown,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.hint .typeahead-hint,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container .typeahead-list,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container .typeahead-dropdown,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container .typeahead-hint,
  body.typeahead.page-projektportal .service .search .inside .typeahead-container + .typeahead-backdrop {
    display: none !important;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-dropdown .divider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-container {
    width: 100% !important;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-list.empty > li > a {
    font-size: 13px;
    line-height: 17px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text {
    width: 100%;
    padding: 11px 7px 8px 7px;
    background-color: transparent;
    border-color: #d7d9db;
    box-shadow: inset 1px 2px 5px 0 rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 1px 2px 5px 0 rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 1px 2px 5px 0 rgba(0, 0, 0, 0.075);
    -ms-box-shadow: inset 1px 2px 5px 0 rgba(0, 0, 0, 0.075);
    -o-box-shadow: inset 1px 2px 5px 0 rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead #header .control .smart-search .typeahead-container {
    width: 270px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.typeahead #header .control .smart-search .typeahead-container {
    width: 80%;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.typeahead #header .control .smart-search .typeahead-container {
    width: 70%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0), handheld and (-webkit-min-device-pixel-ratio: 0), projection and (-webkit-min-device-pixel-ratio: 0), tv and (-webkit-min-device-pixel-ratio: 0), tty and (-webkit-min-device-pixel-ratio: 0) {
  body.typeahead #header .control .smart-search .typeahead-filter {
    bottom: -1px !important;
    right: -1px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead #header .control .smart-search .typeahead-filter button .typeahead-filter-value {
    display: none;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  body.typeahead #header .control .smart-search .typeahead-container.filter .typeahead-filter button {
    color: #001c52;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead #header .control .smart-search .typeahead-filter .typeahead-caret {
    margin-left: 0;
    border-left-width: 7px !important;
    border-right-width: 7px !important;
    border-top-width: 7px !important;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  body.typeahead #header .control .smart-search .typeahead-query input.text {
    font-size: 14px;
    line-height: 18px;
  }
  body.typeahead #header .control .smart-search .typeahead-query input.text::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  body.typeahead #header .control .smart-search .typeahead-query input.text:-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  body.typeahead #header .control .smart-search .typeahead-query input.text::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  body.typeahead #header .control .smart-search .typeahead-query input.text:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.typeahead #header .control .smart-search .typeahead-container {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 20%;
    padding-left: 42px;
  }
  body.typeahead #header .control .smart-search .typeahead-list {
    position: relative;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.typeahead.search #header .control .smart-search .typeahead-query input.text {
    font-size: 16px;
    line-height: 20px;
  }
  body.typeahead.search #header .control .smart-search .typeahead-query input.text::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 20px;
  }
  body.typeahead.search #header .control .smart-search .typeahead-query input.text:-moz-placeholder {
    font-size: 16px;
    line-height: 20px;
  }
  body.typeahead.search #header .control .smart-search .typeahead-query input.text::-moz-placeholder {
    font-size: 16px;
    line-height: 20px;
  }
  body.typeahead.search #header .control .smart-search .typeahead-query input.text:-ms-input-placeholder {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-container {
    width: 270px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-container {
    width: 80%;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-container {
    width: 70%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0), handheld and (-webkit-min-device-pixel-ratio: 0), projection and (-webkit-min-device-pixel-ratio: 0), tv and (-webkit-min-device-pixel-ratio: 0), tty and (-webkit-min-device-pixel-ratio: 0) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter {
    bottom: -1px !important;
    right: -1px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter button .typeahead-filter-value {
    display: none;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-container.filter .typeahead-filter button {
    color: #001c52;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-filter .typeahead-caret {
    margin-left: 0;
    border-left-width: 7px !important;
    border-right-width: 7px !important;
    border-top-width: 7px !important;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text {
    font-size: 15px;
    line-height: 19px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text:-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text::-moz-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text:-ms-input-placeholder {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text {
    font-size: 20px;
    line-height: 28px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text:-moz-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text::-moz-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
  body.typeahead.page-projektportal .service .search .inside .typeahead-query input.text:-ms-input-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}
#Conv-Creative-Wrapper iframe#Conv-Creative {
  border: 1px solid #ddd;
}
#Conv-Creative-Wrapper div#Conv-Close:hover {
  color: #da0000;
  border-color: #da0000;
  transition: color 0.5s, border-color 0.5s;
}
#Conv-Creative-Wrapper div#Conv-Close {
  background-color: #fff;
  color: #bbb;
  border: 2px solid #bbb;
  padding: 7px 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 10px !important;
  right: 12px !important;
  cursor: pointer;
  transition: color 0.5s, border-color 0.5s;
}
#Conv-Creative-Wrapper {
  #width: 990px !important;
  margin-top: 63px !important;
}
/*------------------------------------*\
    Top section
\*------------------------------------*/
@media screen, handheld, projection, tv, tty {
  #header {
    /*body.typeahead & {
			.control {
				@media (max-width: 800px) {
					padding-right:8%;
				}

				//.outline { margin-right: 0; }
				.smart-search { overflow: visible; }
				.smart-search {
					.typeahead-dummy;

					// override default styles
					.typeahead-container { width: 448px; }
				}
			}
		}*/
    /*------------------------------------*\
		    Branding
		\*------------------------------------*/
  }
  #header .top {
    position: absolute;
    z-index: 120;
    overflow: visible;
    width: 1190px;
    height: 100px;
    margin: 0 auto;
    background-color: #fff;
  }
  #header .top > .inside {
    position: relative;
    width: 100%;
    height: inherit;
  }
  #header .branding {
    position: absolute;
    z-index: 121;
    top: 18px;
    right: 0;
    width: 179px;
    height: 63px;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
    color: #c3c5c8;
    /*@media (max-width: @standard-responsive) {
				body.search & { display: none; }
			}*/
  }
  #header .branding .solcom {
    fill: #cecdcd;
  }
  #header .branding img {
    position: absolute;
    width: 81px;
    height: auto;
  }
  #header .branding svg {
    position: absolute;
    width: 81px;
  }
  #header .branding .claim {
    display: block;
    margin-left: 93px;
  }
  #header .branding .hover {
    position: absolute;
    z-index: 102;
    display: none;
    right: 0;
    top: 0;
    padding: 8px 0 5px 32px;
    width: 162px;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #001c52;
  }
  #header .branding .hover:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    content: "\e903";
    font-size: 38px;
    line-height: 38px;
    font-weight: normal;
    color: #c3c5c8;
  }
  body.page-projektportal #header,
  body.page-projektdetails #header,
  body.page-profilupdate #header {
    margin-bottom: 20px;
  }
  body.page-projektportal #header .top,
  body.page-projektdetails #header .top,
  body.page-profilupdate #header .top {
    border-bottom: 1px solid #d7d9db;
  }
  body.page-projektportal #header .branding,
  body.page-projektdetails #header .branding,
  body.page-profilupdate #header .branding {
    right: 0;
  }
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).pre-sticky #header .top {
    position: fixed;
    top: -50px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #d7d9db;
  }
  #header {
    /*------------------------------------*\
		    Search, languages
		\*------------------------------------*/
  }
  #header .control {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    top: 18px;
    width: 900px;
    height: 28px;
    /*------------------------------------*\
			    Responsive navigation button
			\*------------------------------------*/
  }
  #header .control > span.search {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 3px 0 0 32px;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
  }
  body.page-projektportal #header .control > span.search {
    display: none;
  }
  #header .control > span.search:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    font-size: 23px;
    line-height: 23px;
    color: #c4c5c8;
    text-indent: 0;
  }
  #header .control > span.search.on {
    text-indent: -9999em;
  }
  #header .control > span.search.on:before {
    color: #001c52;
    text-indent: 0em;
  }
  #header .control .smart-search {
    overflow: visible;
    display: none;
    top: -3px;
    /*@media (max-width: @standard-responsive) {
					position: absolute; z-index: 201;
					top:-8px; left: 0;
					width: 100%;
					padding: 0;
					background-color:#fff;
					.transition(.5);

					&.on {
						display: block;
					}
				}*/
  }
  #header .control .smart-search form {
    display: block;
  }
  #header .control .smart-search .outline {
    height: 28px;
    border: 1px solid #d7d9db;
    background: #d7d9db;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d9db), color-stop(11%, #eff0f1), color-stop(42%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d9db', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    /*input.text {
						float: left;
						width: 100%; height: 100%;
						padding: 5px 7px 0px 7px;
						background-color: transparent;
						border:0;
						.font-size(14px,20px);
						.box-shadow(none);

						@media (min-width: (@standard-responsive + 1)) {
							.placeholder({
								.font-size(14px,20px);
							});
						}
						@media (max-width: @standard-responsive) {
							.placeholder({
								.font-size(20px,28px);
							});
						}
					}*/
    /*.typeahead-query {
						float: left; width: 185px;

						body.typeahead & { float: none; }
					}*/
  }
  #header .control .smart-search .outline .switch {
    display: none;
    float: left;
    padding: 5px 8px 1px 7px;
    border-left: 1px solid #d7d9db;
  }
  #header .control .smart-search .outline .switch label {
    display: inline;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
  }
  #header .control .smart-search .outline .switch input.radio {
    top: 2px;
    margin: 0 3px 0 5px;
  }
  body.typeahead #header .control .smart-search .outline .switch {
    display: none;
  }
  #header .control .smart-search button {
    height: 100%;
    padding: 0 0 0 8px;
    background: none;
    line-height: 30px;
    color: #001c52;
  }
  #header .control .smart-search button:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 8px;
    line-height: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    margin-right: 7px;
    font-weight: bold;
    color: #c5c6c8;
  }
  #header .control .languages {
    float: right;
    padding-top: 3px;
    font-size: 14px;
    line-height: 18px;
  }
  #header .control .languages b {
    display: block;
    float: left;
    font-weight: normal;
    text-transform: uppercase;
    color: #c5c6c8;
  }
  #header .control .languages ul {
    float: left;
  }
  #header .control .languages ul li {
    float: left;
    padding-left: 10px;
  }
  #header .control .languages ul li a,
  #header .control .languages ul li span {
    display: block;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #c5c6c8;
    text-shadow: 1px 1px 20px #ffffff;
  }
  #header .control .languages ul li a:before,
  #header .control .languages ul li span:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 8px;
    line-height: 8px;
    top: -1px;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: bold;
  }
  #header .control .languages ul li a.on,
  #header .control .languages ul li span.on,
  #header .control .languages ul li a:hover,
  #header .control .languages ul li span:hover {
    color: #001c52;
  }
  #header .control .languages ul li.current span {
    color: #001c52;
  }
  #header .control .languages ul:hover li span {
    color: #c3c5c8;
  }
  #header .control .languages ul:hover li a:hover {
    color: #001c52;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  #header .top {
    width: 100%;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  #header .top {
    position: relative;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1000px), handheld and (min-width: 851px) and (max-width: 1000px), projection and (min-width: 851px) and (max-width: 1000px), tv and (min-width: 851px) and (max-width: 1000px), tty and (min-width: 851px) and (max-width: 1000px) {
  #header .top > .inside {
    padding-right: 178px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #header .top > .inside {
    padding-right: 0;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .branding {
    right: 20px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #header .branding {
    width: 82px;
  }
  #header .branding .claim {
    display: none;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).pre-sticky #header .top {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).pre-sticky #header .top:hover .branding {
    top: 18px !important;
    right: 0 !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).pre-sticky #header:hover .top {
    top: 0;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).menu.pre-sticky #header .top {
    top: 0;
  }
  body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate).menu.pre-sticky #header .top > .inside {
    top: -50px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.menu #header .top {
    position: fixed;
    height: 100%;
  }
  body.menu #header .top > .inside {
    padding: 100px 0 0;
  }
  body.menu #header .top .navigation {
    height: 100%;
    border-top: 1px solid #d7d9db;
  }
  body.menu #header .top .navigation .inside {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding-top: 15px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .control {
    width: 100%;
  }
  body.search #header .control {
    position: relative;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .control > span.menu {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    height: 25px;
    margin-right: 15px;
    padding: 3px 0 0 52px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #header .control > span.menu::selection {
    background-color: transparent;
  }
  #header .control > span.menu::-moz-selection {
    background-color: transparent;
  }
  #header .control > span.menu:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e915";
    font-size: 25px;
    line-height: 25px;
  }
  #header .control > span.menu.on {
    color: #c3c5c8;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #header .control > span.menu {
    padding-left: 43px;
    text-indent: -9999em;
  }
  #header .control > span.menu:before {
    text-indent: 0;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  #header .control > span.search:hover {
    color: #c0c5c8;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .control > span.search {
    padding-left: 34px;
    font-size: 16px;
    line-height: 20px;
    color: #c3c5c8;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #header .control > span.search::selection {
    background-color: transparent;
  }
  #header .control > span.search::-moz-selection {
    background-color: transparent;
  }
  #header .control > span.search:before {
    top: -1px;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #c3c5c8;
  }
  #header .control > span.search:focus {
    color: #001c52;
  }
  #header .control > span.search:focus:before {
    color: #001c52;
  }
}
@media screen and (min-width: 851px) and (max-width: 1000px), handheld and (min-width: 851px) and (max-width: 1000px), projection and (min-width: 851px) and (max-width: 1000px), tv and (min-width: 851px) and (max-width: 1000px), tty and (min-width: 851px) and (max-width: 1000px) {
  #header .control > span.search.on {
    display: none;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.search #header .control > span.search {
    position: absolute;
    z-index: 202;
    left: 0;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #header .control > span.search {
    padding-left: 29px;
    text-indent: -9999em;
  }
  #header .control > span.search:before {
    text-indent: 0;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  #header .control .smart-search.on {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding-right: 70px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .control .smart-search {
    overflow: visible;
  }
  #header .control .smart-search .outline input.text {
    width: 263px;
  }
  #header .control .smart-search .outline .switch {
    position: absolute;
    top: 30px;
    width: 275px;
    padding-left: 0;
    border: 0;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #header .control .smart-search {
    position: fixed;
    display: none;
    z-index: 201;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    left: 0;
    height: 100%;
    padding: 34px 20px 10px 20px;
    background-color: #fff;
  }
  body.pre-sticky #header .control .smart-search {
    padding-top: 9px;
  }
  #header .control .smart-search.on {
    display: block;
    top: 0;
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  #header .control .languages {
    float: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  body:not(.page-projektportal) #header .control .languages {
    margin-left: 15px;
    padding-left: 18px;
    border-left: 1px solid #c5c6c8;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .control .languages {
    float: none;
    font-size: 16px;
    line-height: 20px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #header .control .languages::selection {
    background-color: transparent;
  }
  #header .control .languages::-moz-selection {
    background-color: transparent;
  }
  #header .control .languages * {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #header .control .languages *::selection {
    background-color: transparent;
  }
  #header .control .languages *::-moz-selection {
    background-color: transparent;
  }
  #header .control .languages b {
    display: none;
  }
  #header .control .languages ul li {
    margin-right: 10px;
    padding-left: 0;
  }
  #header .control .languages ul li a,
  #header .control .languages ul li span {
    font-size: 16px;
    line-height: 20px;
  }
  #header .control .languages ul li.current span {
    text-shadow: none;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body:not(.pre-sticky) #header .control .languages {
    margin-top: -11px;
    padding-top: 2px;
  }
  body:not(.page-projektportal) body:not(.pre-sticky) #header .control .languages {
    padding-left: 12px;
  }
  body:not(.pre-sticky) #header .control .languages ul li {
    float: none;
  }
  body:not(.pre-sticky) #header .control .languages ul li:first-child {
    margin-bottom: 5px;
  }
  body.pre-sticky #header .control .languages {
    padding-left: 0;
    border-left: 0;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.page-projektportal #header .control,
  body.page-projektdetails #header .control,
  body.page-profilupdate #header .control {
    top: 38px;
  }
}
/*------------------------------------*\
    Navigation
\*------------------------------------*/
@media screen, handheld, projection, tv, tty {
  #header .navigation {
    position: relative;
    width: 100%;
  }
  /*body:not(.page-projektportal):not(.page-projektdetails):not(.page-profilupdate) {
		
		@media (min-width: 830px) {
			#header {
				.navigation,
				.responsive-navigation-button { .transition(.2); }
			}
		}
	}*/
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  #header .navigation {
    top: 68px;
    margin: 0;
  }
  #header .navigation a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
  }
  #header .navigation ul.level_1 > li {
    float: left;
    margin: 0 33px 0 0;
  }
  #header .navigation ul.level_1 > li:last-child {
    margin-right: 0;
  }
  #header .navigation ul.level_1 > li > a {
    padding: 0 0 13px 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    color: #001c52;
  }
  #header .navigation ul.level_1 > li > a:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 8px;
    line-height: 8px;
    top: -1px;
    vertical-align: middle;
    margin-right: 7px;
    font-weight: bold;
    color: #c5c6c8;
  }
  #header .navigation ul.level_1 > li:hover {
    height: 38px;
    margin-bottom: 0;
  }
  #header .navigation ul.level_1 > li:hover > a,
  #header .navigation ul.level_1 > li.current > a,
  #header .navigation ul.level_1 > li > a:hover {
    color: #c0c5c8;
  }
  #header .navigation ul.level_1 > li:hover ul.level_2 {
    display: block;
    z-index: 4;
  }
  #header .navigation ul.level_2 {
    position: absolute;
    z-index: 3;
    display: none;
    top: 31px;
    left: 0;
    width: 245px;
    padding: 0 0 5px 10px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  #header .navigation ul.level_2 > li {
    margin-bottom: 5px;
  }
  #header .navigation ul.level_2 > li > a {
    font-size: 13px;
    line-height: 17px;
  }
  #header .navigation ul.level_2 > li.current > a,
  #header .navigation ul.level_2 > li > a:hover {
    color: #c0c5c8;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1240px), handheld and (min-width: 1001px) and (max-width: 1240px), projection and (min-width: 1001px) and (max-width: 1240px), tv and (min-width: 1001px) and (max-width: 1240px), tty and (min-width: 1001px) and (max-width: 1240px) {
  #header .navigation ul.level_1 > li {
    margin-right: 13px;
    width: auto;
  }
  #header .navigation ul.level_1 > li > a {
    font-size: 13px;
    line-height: 19px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #header .navigation {
    display: none;
    width: 100%;
  }
  body.menu #header .navigation {
    display: block;
  }
  #header .navigation ul.level_1 {
    padding: 0 0 3px 0;
    background-color: #fff;
  }
  #header .navigation ul.level_1 > li {
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d7d9db;
  }
  #header .navigation ul.level_1 > li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  #header .navigation ul.level_1 > li > a {
    display: block;
    padding-left: 9px;
    background: transparent url('../images/theme/arrow-right-nav.png') left 2px no-repeat;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #001c52;
  }
  #header .navigation ul.level_1 > li.last {
    border-bottom: 0;
  }
  #header .navigation ul.level_1 > li.on > a {
    color: #c3c5c8;
  }
  #header .navigation ul.level_1 > li.on ul.level_2 {
    display: block;
  }
  #header .navigation ul.level_1 > li.current > a {
    color: #c3c5c8;
  }
  #header .navigation ul.level_2 {
    display: none;
    margin-top: 9px;
    padding-left: 9px;
  }
  #header .navigation ul.level_2 a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    text-decoration: none;
  }
  #header .navigation ul.level_2 li.current a {
    color: #c3c5c8;
  }
}
/*------------------------------------*\
    Responsive navigation
\*------------------------------------*/
span.menu,
#resp-lang {
  display: none;
}
/*------------------------------------*\
    Stage
\*------------------------------------*/
@media screen, handheld, projection, tv, tty {
  #stage {
    margin-bottom: 10px;
    padding-right: 290px;
    font-size: 0;
    line-height: 0;
    /*------------------------------------*\
		    Keyvisual
		\*------------------------------------*/
  }
  .js #stage .responsive-page-image {
    display: none;
  }
  #stage .keyvisual {
    overflow: visible;
    /*&:after {
				.icon-absolute; .icon-slider-aside-arrow; .icon-size(51px);
				z-index: 100;
				top: 51px; right:-1px; left: auto;
				color: @input-border;
			}*/
  }
  #stage .keyvisual > img {
    width: 100%;
    height: auto;
  }
  #stage .keyvisual .caption {
    /*position:absolute; z-index:3; display: inline;
				top:34px; right: 0; left: auto;
				width: 88.88%;
				padding-right: 100px;
				.font-size(40px,48px);
				text-transform:uppercase;
				color: #fff;*/
    position: absolute;
    z-index: 3;
    display: inline;
    top: 37px;
    left: 51px;
    width: 88.88%;
    padding-right: 100px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    /*&.boxShadow strong {
					@opacity: .7;
					padding-top: 8px;
					color: @blue;
					background-color: rgba(255,255,255,@opacity);
					.box-shadow(~"10px 0 0 rgba(255,255,255,@{opacity}), -10px 0 0 rgba(255,255,255,@{opacity})");
				}*/
    /*body.layout-shift-main & {
					left: auto;
				}*/
    /*&.backgroundBox {
					top: 47px;
					.font-size(28px,32px); letter-spacing:1px;

					strong {
						@opacity: .7;
						.inline-block;
						padding:21px 25px 17px 25px;
						color: @blue;
						background-color: #fff;

						&:after {
							.icon-absolute; .icon-slider-aside-arrow; .icon-size(43px);
							z-index: 100;
							top:auto; bottom:-31px; left:35px;
							color: #fff;
							.transform-rotate(-90);

							-webkit-font-smoothing: none;
							-moz-osx-font-smoothing: auto;
							font-smooth: never;
						}
					}
				}*/
    /*&.opac {
					strong {
						background-color: #fff;
						&:after { .opacity(1); }
					}
				}
				&.backgroundBoxLeft {
					@opacity: .7;
					.inline-block;
					right: auto; left: 0;
					width: auto;
					padding:8px 12px 0 99px;
					background-color: rgba(255,255,255,@opacity);
					strong {

						.inline-block;
						color: @blue;
					}
				}
				&.textShadow strong {
					//text-shadow:1px 1px 7px rgba(0,0,0,1);
					text-shadow:1px 1px 7px rgba(0,0,0,0.8);
				}*/
  }
  #stage .keyvisual .caption strong {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 21px 25px 17px 25px;
    color: #001c52;
    background-color: #fff;
  }
  #stage .keyvisual .caption strong:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e912";
    font-size: 43px;
    line-height: 43px;
    z-index: 100;
    top: auto;
    bottom: -30px;
    left: 35px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: auto;
    font-smooth: never;
  }
  #stage .keyvisual .content {
    display: none;
  }
  #stage .keyvisual .slide {
    font-size: 16px;
    line-height: 24px;
  }
  #stage .keyvisual .slide > div:not(.ns_slideContent) {
    display: none;
  }
  #stage .keyvisual .slide .ns_slideContent > a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  #stage .keyvisual .slide .ns_slideContent > a .caption strong {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #stage .keyvisual .map {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  #stage .keyvisual .map .gm-style-iw {
    overflow: hidden !important;
    font-size: 15px;
    line-height: 21px;
    /*span {
						display: block;
						margin-bottom: 0;
						.font-size(16px);
						b { margin-bottom: 0; }
					}*/
  }
  #stage .keyvisual .map .gm-style-iw .container {
    overflow: hidden !important;
    padding: 6px 10px 0 3px;
  }
  #stage .keyvisual .map .gm-style-iw a {
    display: block;
    padding-left: 18px;
    font-weight: bold;
  }
  #stage .keyvisual .map .gm-style-iw a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 35px;
    line-height: 35px;
    top: 3px;
    color: #c5c6c8;
  }
  #stage .keyvisual .map .gm-style-iw a:hover {
    color: #c3c5c8;
  }
  #stage .keyvisual .map .gm-style-iw b {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 23px;
    white-space: nowrap;
  }
  #stage .keyvisual .map .gm-style-iw hr {
    margin: 11px 0 12px !important;
    background-color: transparent;
    border-bottom: 1px solid #d7d9db;
  }
  #stage .keyvisual .map .gm-style-iw span {
    cursor: pointer;
  }
  #stage .keyvisual .map .gm-style-mtc > div {
    padding: 13px !important;
  }
  #stage .aside {
    position: absolute;
    z-index: 50;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 290px;
    height: 100%;
    padding: 58px 16px 0 26px;
    background: #c3c5c7 url('../images/theme/keyvisual-aside-bg-effect.jpg') right center no-repeat;
    background-size: 100% auto;
    font-size: 16px;
    line-height: 20px;
  }
  #stage .aside .breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
    padding: 17px 10px 0 26px;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
  }
  #stage .aside .title {
    font-size: 28px;
    line-height: 32px;
  }
  #stage .aside .separation {
    height: 1px;
    margin: 0 10px 20px 0;
    background-color: #fff;
  }
  #stage .aside .content > a {
    display: block;
    padding-bottom: 31px;
    font-size: 28px;
    line-height: 32px;
    text-decoration: none;
  }
  #stage .aside .content > a:hover span.more {
    color: #fff;
  }
  #stage .aside .content a span.more {
    position: absolute;
    display: block;
    bottom: 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
  }
  #stage .aside .content a span.more:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 8px;
    line-height: 8px;
    top: -1px;
    vertical-align: middle;
    margin-right: 4px;
    font-weight: bold;
    color: #fff;
  }
  #stage .aside .content a span.more:after {
    content: "...";
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #stage {
    padding-right: 0;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #stage .keyvisual.map {
    height: 280px;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  #stage .keyvisual .slide .ns_slideContent > a:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
  #stage .keyvisual .slide .ns_slideContent > a:hover .caption strong {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #stage .keyvisual {
    /*.caption {
					top: 19px; right: auto; left: 33px;
					width: 80%;
					padding-right: 0;
					.font-size(33px,41px);
				}*/
  }
  #stage .keyvisual .caption {
    top: 19px;
    right: auto;
    left: 19px;
    width: 80%;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #stage .keyvisual .caption br {
    display: none;
  }
  #stage .keyvisual:after {
    display: none;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #stage .keyvisual .caption {
    position: relative;
    display: block;
    display: none;
    top: auto;
    left: auto;
    width: 100%;
    font-size: 23px;
    line-height: 28px;
  }
  #stage .keyvisual .caption strong {
    display: block;
    background-color: #001c52;
    padding: 13px 17px 9px 17px;
    color: #fff;
  }
  #stage .keyvisual .caption strong:after {
    display: none;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #stage .aside .content > a {
    font-size: 21px;
    line-height: 25px;
    font-weight: bold;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #stage .aside {
    padding-top: 38px;
  }
  #stage .aside .content > a {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #stage .aside {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #stage .aside .breadcrumbs {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    line-height: 18px;
  }
  #stage .aside .title {
    font-size: 23px;
    line-height: 27px;
  }
  #stage .aside .content br {
    display: none;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #stage .aside {
    padding: 16px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1240px), handheld and (min-width: 1000px) and (max-width: 1240px), projection and (min-width: 1000px) and (max-width: 1240px), tv and (min-width: 1000px) and (max-width: 1240px), tty and (min-width: 1000px) and (max-width: 1240px) {
  #stage .keyvisual .count {
    display: none !important;
  }
}
/*------------------------------------*\
    Layout slider
\*------------------------------------*/
body.layout-slider {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.layout-slider #stage {
  /*.keyvisual .slide {
			overflow: visible;
			.context { padding-top: 41px; }
		}*/
}
body.layout-slider #stage .keyvisual {
  display: none;
}
body.layout-slider #stage .aside {
  padding-top: 58px;
}
@media (max-width: 1000px) {
  body.layout-slider #stage .aside {
    padding-top: 38px;
  }
}
@media (max-width: 850px) {
  body.layout-slider #stage .aside {
    padding-top: 20px;
  }
}
/*------------------------------------*\
    Layout shift main
\*------------------------------------*/
body.layout-shift-main {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
  /*#header {
		margin-bottom: 23px; padding-top: 0;

		.stage { top:100px; margin-top:0; }

		@media (max-width: @wide-responsive) {
			margin-bottom:10px; padding-top: 100px;
			.stage { top:0; }
		}
	}*/
}
body.layout-shift-main #main {
  margin-top: -77px;
}
@media (min-width: 1001px) {
  body.layout-shift-main #stage {
    margin-bottom: 0;
  }
}
@media (max-width: 1000px) {
  body.layout-shift-main #main {
    margin-top: 0;
  }
}
/*------------------------------------*\
    Alternative layout
\*------------------------------------*/
body.layout-alternative {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
  /*.privacylink {
        .inline-block;
        margin-bottom: 15px;
        .font-size(13px); font-weight: bold;
        text-decoration: none; text-transform: uppercase;
        &:hover { text-decoration: underline; }
        &:before {
            .icon-inline;
            vertical-align: middle;
            margin-right: 5px;
            .font-size(9px);
            .icon-arrow;
        }
    }*/
  /*------------------------------------*\
	    Header (exceptions for alternative layout)
	\*------------------------------------*/
  /*#header {
        //z-index: 7;
        z-index: 102;
        height: auto;
        margin-bottom: 34px; padding-top: 0;
        border-bottom:1px solid @border-color;

        @media screen,handheld,projection,tv,tty {

            @media (max-width: @standard-responsive) {
                //height: auto; padding-bottom: 9px;
                margin-bottom: 16px;
            }
        }
    }*/
  /*------------------------------------*\
	    Blue pane on top
	\*------------------------------------*/
  /*------------------------------------*\
	    Split container (2 col layout)
	\*------------------------------------*/
  /*------------------------------------*\
	    Left column (2 col layout)
	\*------------------------------------*/
  /*------------------------------------*\
	    Right column (2 col layout)
	\*------------------------------------*/
  /*------------------------------------*\
	    Main (exceptions for layout-alternative)
	\*------------------------------------*/
}
body.layout-alternative button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
body.layout-alternative button[type="button"] {
  background: none;
  width: 100%;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #001c52;
}
body.layout-alternative .fieldset {
  /*.input-elements({

            .placeholder({
            	color:@grey-2;
            });
            .user-select(text);

            margin-bottom: 0; padding:7px 7px 4px 7px;
            background-color:#fff;
            border:1px solid @input-border;
            font-family:@font; .font-size(20px);
            color:#000;

            &.error { border-color:@error; }

        }, true);*/
}
body.layout-alternative .fieldset:not(.sc2) {
  width: 100%;
  margin-bottom: 15px;
}
body.layout-alternative .fieldset select {
  padding: 6px 7px 8px 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.layout-alternative .fieldset select::-ms-expand {
  display: none;
}
body.layout-alternative .fieldset.select-container {
  z-index: 1;
}
body.layout-alternative .fieldset.select-container:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  font-size: 6px;
  line-height: 10px;
  top: 45%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  left: auto;
  height: auto;
  color: #c1c1c1;
}
body.layout-alternative .fieldset.select-container select {
  z-index: 2;
  background-color: transparent;
}
body.layout-alternative .checkbox-row label {
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.layout-alternative .checkbox-row label::selection {
  background-color: transparent;
}
body.layout-alternative .checkbox-row label::-moz-selection {
  background-color: transparent;
}
body.layout-alternative .checkbox-row.error {
  border: 1px solid #dd5151;
}
body.layout-alternative .pane-header {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.layout-alternative .pane-header::selection {
  background-color: #d7d9db;
}
body.layout-alternative .pane-header::-moz-selection {
  background-color: #d7d9db;
}
body.layout-alternative .pane-header *,
body.layout-alternative .pane-header *:before,
body.layout-alternative .pane-header *:after {
  position: relative;
  box-sizing: inherit;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.layout-alternative .pane-header *::selection,
body.layout-alternative .pane-header *:before::selection,
body.layout-alternative .pane-header *:after::selection {
  background-color: #d7d9db;
}
body.layout-alternative .pane-header *::-moz-selection,
body.layout-alternative .pane-header *:before::-moz-selection,
body.layout-alternative .pane-header *:after::-moz-selection {
  background-color: #d7d9db;
}
body.layout-alternative .pane-header .top {
  /*float: none;
    		padding: 31px 21px 0;
    		background-color: @cta-color;
    		h2, .headline { display: block; float: left; margin-bottom: 15px; .font-size(25px); font-weight:500; }*/
  float: none;
  padding: 25px 21px 25px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') 600px -80px no-repeat;
  background-size: 20%;
}
body.layout-alternative .pane-header .top h2,
body.layout-alternative .pane-header .top h3,
body.layout-alternative .pane-header .top .headline {
  display: block;
  float: left;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 29px;
  font-weight: 500;
}
body.layout-alternative .pane-header .information {
  text-align: right;
  font-size: 25px;
  line-height: 29px;
  font-weight: 500;
}
@media screen, handheld, projection, tv, tty {
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  body.layout-alternative .pane-header .top {
    width: 100%;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.layout-alternative .pane-header .top {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 12px 19px;
  }
  body.layout-alternative .pane-header .top h2,
  body.layout-alternative .pane-header .top h3,
  body.layout-alternative .pane-header .top .headline {
    font-size: 22px;
    line-height: 22px;
  }
  body.layout-alternative .pane-header .information {
    font-size: 22px;
    line-height: 22px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  body.layout-alternative .pane-header .top {
    padding-top: 20px;
    padding-bottom: 16px;
  }
  body.layout-alternative .pane-header .top h2,
  body.layout-alternative .pane-header .top h3 {
    float: none;
    margin-bottom: 6px;
  }
  body.layout-alternative .pane-header .information {
    text-align: left;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.layout-alternative .pane-header .top {
    padding: 12px 14px;
  }
  body.layout-alternative .pane-header .top h2,
  body.layout-alternative .pane-header .top h3,
  body.layout-alternative .pane-header .top .headline {
    font-size: 19px;
    line-height: 19px;
  }
  body.layout-alternative .pane-header .information {
    font-size: 19px;
    line-height: 19px;
  }
}
body.layout-alternative.list .pane-header .top {
  margin-bottom: 0;
}
body.layout-alternative .split-container {
  width: 990px;
  margin-bottom: 10px;
}
@media screen, handheld, projection, tv, tty {
  body.layout-alternative .split-container {
    /*@media (max-width: 1006px) {
                width: 96%; margin: 0 auto 10px;
            }
            @media (max-width: 829px) {
                width: 100%; margin-left: 0; margin-right: 0;
            }*/
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  body.layout-alternative .split-container {
    width: 100%;
  }
}
body.layout-alternative .service {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  float: left;
  width: 30%;
  padding: 6px 6px 96px 6px;
  background-color: #fff;
  border: 1px solid #d7d9db;
}
body.layout-alternative .service::selection {
  background-color: #d7d9db;
}
body.layout-alternative .service::-moz-selection {
  background-color: #d7d9db;
}
body.layout-alternative .service *,
body.layout-alternative .service *:before,
body.layout-alternative .service *:after {
  position: relative;
  box-sizing: inherit;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.layout-alternative .service *::selection,
body.layout-alternative .service *:before::selection,
body.layout-alternative .service *:after::selection {
  background-color: #d7d9db;
}
body.layout-alternative .service *::-moz-selection,
body.layout-alternative .service *:before::-moz-selection,
body.layout-alternative .service *:after::-moz-selection {
  background-color: #d7d9db;
}
body.layout-alternative .service .channels strong {
  display: block;
}
body.layout-alternative .service .channels .top {
  padding: 5px 11px 6px;
  font-size: 20px;
  line-height: 24px;
}
body.layout-alternative .service .channels ul li {
  padding: 0 10px 0;
  border-bottom: 1px solid #d7d9db;
}
body.layout-alternative .service .channels ul li a {
  display: block;
  padding: 26px 0 20px 40px;
  text-decoration: none;
  color: #c3c5c8;
}
body.layout-alternative .service .channels ul li a strong {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #001c52;
}
body.layout-alternative .service .channels ul li a i {
  position: absolute;
  display: block;
  top: 27px;
  left: 0;
  width: 30px;
  height: 30px;
}
body.layout-alternative .service .channels ul li a:hover strong {
  color: #c3c5c8;
}
body.layout-alternative .service .channels ul li.rss i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 29px;
  line-height: 29px;
  content: "\e90f";
}
body.layout-alternative .service .channels ul li.jobalert i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 29px;
  line-height: 29px;
  content: "\e90e";
}
body.layout-alternative .service .channels ul li.twitter i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  line-height: 25px;
  content: "\e916";
  margin-top: 2px;
}
body.layout-alternative .service .solcom-anniversary {
  position: absolute;
  bottom: 18px;
  left: 16px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.layout-alternative .service .solcom-anniversary img {
  width: 114px;
  height: auto;
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.layout-alternative .service {
    display: none;
  }
}
body.layout-alternative .main-content {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 69%;
  margin-left: 31%;
}
body.layout-alternative .main-content::selection {
  background-color: #d7d9db;
}
body.layout-alternative .main-content::-moz-selection {
  background-color: #d7d9db;
}
body.layout-alternative .main-content *,
body.layout-alternative .main-content *:before,
body.layout-alternative .main-content *:after {
  position: relative;
  box-sizing: inherit;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.layout-alternative .main-content *::selection,
body.layout-alternative .main-content *:before::selection,
body.layout-alternative .main-content *:after::selection {
  background-color: #d7d9db;
}
body.layout-alternative .main-content *::-moz-selection,
body.layout-alternative .main-content *:before::-moz-selection,
body.layout-alternative .main-content *:after::-moz-selection {
  background-color: #d7d9db;
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.layout-alternative .main-content {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
body.layout-alternative .main-content hr {
  height: 1px;
  margin: 10px 0 !important;
  background-color: #c3c5c8;
  border: 0;
}
body.layout-alternative .main-content .section {
  margin-bottom: 10px;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #d7d9db;
}
body.layout-alternative .main-content .section h1 {
  margin-bottom: 20px;
  padding-top: 15px;
  text-transform: none;
  font-size: 30px;
  line-height: 34px;
}
body.layout-alternative .main-content .section h3,
body.layout-alternative .main-content .section h4 {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 24px;
}
body.layout-alternative .main-content .section h3 a,
body.layout-alternative .main-content .section h4 a {
  display: block;
  text-decoration: none;
}
body.layout-alternative .main-content .section h3 a:hover,
body.layout-alternative .main-content .section h4 a:hover {
  color: #c3c5c8;
}
body.layout-alternative .main-content .form-section {
  padding-top: 15px;
  /*.error-message {
                padding-bottom: 5px;
                .font-size(18px); font-weight: bold;
                color: @error;
            }*/
  /*button,
	input.submit {
		@styles();
	}*/
}
body.layout-alternative .main-content .form-section h2 .comment {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}
body.layout-alternative .main-content .form-section select,
body.layout-alternative .main-content .form-section textarea,
body.layout-alternative .main-content .form-section input[type="text"],
body.layout-alternative .main-content .form-section input[type="password"],
body.layout-alternative .main-content .form-section input[type="datetime"],
body.layout-alternative .main-content .form-section input[type="datetime-local"],
body.layout-alternative .main-content .form-section input[type="date"],
body.layout-alternative .main-content .form-section input[type="month"],
body.layout-alternative .main-content .form-section input[type="time"],
body.layout-alternative .main-content .form-section input[type="week"],
body.layout-alternative .main-content .form-section input[type="number"],
body.layout-alternative .main-content .form-section input[type="email"],
body.layout-alternative .main-content .form-section input[type="url"],
body.layout-alternative .main-content .form-section input[type="search"],
body.layout-alternative .main-content .form-section input[type="tel"],
body.layout-alternative .main-content .form-section input[type="color"],
body.layout-alternative .main-content .form-section input[type="file"],
body.layout-alternative .main-content .form-section .uneditable-input,
body.layout-alternative .main-content .form-section [contenteditable] {
  width: 100%;
}
body.layout-alternative .main-content .toggle-section .toggle {
  display: none;
}
@media screen, handheld, projection, tv, tty {
  body.layout-alternative .main-content .toggle-section .toggle {
    position: absolute;
    display: block;
    z-index: 5;
    top: 19px;
    right: 14px;
    height: 20px;
    padding-right: 37px;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #001c52;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body.layout-alternative .main-content .toggle-section .toggle::selection {
    background-color: transparent;
  }
  body.layout-alternative .main-content .toggle-section .toggle::-moz-selection {
    background-color: transparent;
  }
  body.layout-alternative .main-content .toggle-section .toggle:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: -8px;
    left: auto;
    right: 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    color: #9b9da0;
    content: "\e908";
  }
  body.layout-alternative .main-content .toggle-section .toggle:hover {
    color: #c3c5c8;
  }
  body.layout-alternative .main-content .toggle-section .toggle span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  body.layout-alternative .main-content .toggle-section .toggle .open {
    display: none;
  }
  body.layout-alternative .main-content .toggle-section.hidden h2 {
    margin-bottom: 5px;
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle {
    color: #9b9da0;
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle .open {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle .close {
    display: none;
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle:after {
    content: "\e90a";
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle:hover {
    color: #001c52;
  }
  body.layout-alternative .main-content .toggle-section.hidden .toggle-container {
    overflow: hidden;
    height: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 801px) and (max-width: 950px), handheld and (min-width: 801px) and (max-width: 950px), projection and (min-width: 801px) and (max-width: 950px), tv and (min-width: 801px) and (max-width: 950px), tty and (min-width: 801px) and (max-width: 950px) {
  body.layout-alternative .main-content .toggle-section .toggle .text {
    display: none;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  body.layout-alternative .main-content .toggle-section h2 {
    padding-right: 30px;
  }
  body.layout-alternative .main-content .toggle-section .toggle .text {
    display: none;
  }
}
@media screen and (min-width: 851px) and (max-width: 1240px), handheld and (min-width: 851px) and (max-width: 1240px), projection and (min-width: 851px) and (max-width: 1240px), tv and (min-width: 851px) and (max-width: 1240px), tty and (min-width: 851px) and (max-width: 1240px) {
  body.layout-alternative #main {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  body.layout-alternative #awards {
    width: 100%;
  }
  body.layout-alternative #awards ul {
    width: 100%;
  }
  body.layout-alternative .footer-section {
    width: 800px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.layout-alternative #main {
    margin-top: 0;
  }
}
/*------------------------------------*\
    Standalone layout
\*------------------------------------*/
body.layout-standalone #main {
  width: auto;
  margin: 0;
  padding: 18px 21px 0px 21px;
}
body.layout-standalone #main h1 {
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 24px;
  text-transform: none;
}
body.layout-standalone #main a {
  text-decoration: underline !important;
}
/*------------------------------------*\
    Content pages
\*------------------------------------*/
/*.referenzen {
	#main & ul {
		margin-bottom:0;

		li {
			float:left;
			width:89px;
			margin:0 10px 0 0; padding: 0;

			&:before { display: none; }

			&:nth-child(6n+6) { margin-right:0 }
		}
	}
	.inside { padding:0; }
}*/
body.page-standorte h2.separator {
  height: 73px;
}
body.page-standorte h2.separator img {
  float: right;
}
body.page-standorte table.standorte td {
  width: 150px;
  padding: 0;
  border: 0;
}
body.page-standorte table.standorte td.title {
  width: 121px;
  font-weight: bold;
}
body.page-standorte .table-container table.standorte {
  min-width: 350px;
}
/*body.page-profilupdate {
	.grid-container h2 { margin-bottom:10px; }
}*/
/*body.page-projektalert {
	.personal-row {
		.left { width:160px; }
		.right {
			width:379px; margin-left:167px;
			input.text { width:361px; }
		}
	}
}*/
/*body.page-jobalert {
	.personal-row {
		.left { width:160px; }
		.right {
			width:379px; margin-left:167px;
			input.text { width:361px; }
		}
	}
}*/
/*body.page-p-archive {
	h2.separator { margin-bottom:35px; }
	.teaser-item {
		margin-bottom:50px;

		h3 {
			a { text-decoration:none; }
			span { font-weight:normal; }
		}
		figure { float:right; right:-21px; }
		& > div { width:250px; }
		a.more {
			padding-left:20px;
			.font-size(16px); font-weight:normal;
			text-transform:none; text-decoration:none;
		}

		&.last { margin-bottom:0; }
	}
	@media (max-width: 625px) {
		.teaser-item > div { width:auto; }
	}
}*/
/*body.page-p-spiegel {
	h2.separator { margin-bottom:35px; }
	.teaser-item {
		margin-bottom:25px; padding-bottom:25px;
		border-bottom:1px solid @selection;

		h3 {
			a { text-decoration:none; }
			span { font-weight:normal; }
		}
		figure { float:right; right:-21px; }
		& > div { width:364px; }
		a.more {
			padding-left:20px;
			.font-size(16px); font-weight:normal;
			text-transform:none; text-decoration:none;
		}

		&.last { margin-bottom:0; padding-bottom:0; border-bottom:0; }
	}
	@media (max-width: 625px) {
		.teaser-item > div { width:auto; }
	}
}*/
body.page-kontakt {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-kontakt #stage .aside {
  padding-top: 58px;
}
body.page-kontakt #stage .aside .content {
  display: none;
}
body.page-kontakt #stage .aside .content ul li {
  margin-bottom: 7px;
  padding-left: 15px;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  color: #787a7c;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
body.page-kontakt #stage .aside .content ul li:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 12px;
  line-height: 12px;
  top: 2px;
  left: 4px;
  font-weight: normal;
  color: #fff;
}
body.page-kontakt #stage .aside .content ul li.upper {
  width: 180px;
  margin-bottom: 8px;
  padding-left: 20px;
  color: #001c52;
}
body.page-kontakt #stage .aside .content ul li.upper:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 20px;
  line-height: 20px;
  top: 2px;
  left: 2px;
  color: #fff;
}
body.page-kontakt #stage .aside .content ul li.spacer {
  height: 3px;
}
body.page-kontakt #stage .aside .content ul li.spacer:before {
  display: none;
}
body.page-kontakt #stage .aside .content ul li.on,
body.page-kontakt #stage .aside .content ul li:hover {
  color: #fff;
}
@media (max-width: 850px) {
  body.page-kontakt #stage .aside {
    display: none;
  }
}
@media (max-width: 1200px) {
  body.page-kontakt #stage .aside .content {
    display: none !important;
  }
}
body.page-kontakt .pane .col-middle a.more {
  margin-top: 20px;
  text-decoration: none;
}
body.page-kontakt .pane .map {
  width: 100%;
  height: 280px;
}
body.page-kontakt .pane .map .gm-style-iw {
  overflow: hidden !important;
}
body.page-kontakt .pane .map .gm-style-iw b {
  display: block;
}
body.page-kontakt .pane .map .gm-style-iw hr {
  margin: 8px 0 !important;
}
body.page-kontakt .pane .map .gm-style-iw > div {
  display: block !important;
  max-width: 147px !important;
  margin: 0 auto;
  text-align: center;
}
body.page-kontakt .pane .map .gm-style-iw .container {
  overflow: hidden !important;
  font-size: 16px;
  line-height: 16px;
  padding: 5px 0;
  white-space: nowrap;
}
body.page-kontakt .pane .map .gm-style-iw + div {
  display: none;
}
/*body.page-search {
	.teaser-item {
		margin-bottom:25px; padding-bottom:25px;
		border-bottom:1px solid @selection;

		h3 a { text-decoration:none; }
		& > div p { margin-bottom:0; }
		.url { color:green; }

		&.last { margin-bottom:0; padding-bottom:0; border-bottom:0; }
	}
}*/
body.page-search .pane .col-middle ul li {
  margin-bottom: 25px;
  padding-bottom: 25px;
  padding-left: 0;
  border-bottom: 1px solid #d7d9db;
}
body.page-search .pane .col-middle ul li:before {
  display: none;
}
body.page-search .pane .col-middle ul li a {
  text-decoration: none;
  color: #001c52;
}
body.page-search .pane .col-middle ul li a:hover .title {
  color: #c3c5c8;
}
body.page-search .pane .col-middle ul li .url {
  font-size: 13px;
  line-height: 17px;
  color: green;
}
body.page-search .pane .col-middle ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
@media screen and (min-width: 1258px), handheld and (min-width: 1258px), projection and (min-width: 1258px), tv and (min-width: 1258px), tty and (min-width: 1258px) {
  body.page-geschaeftsfuehrung .col-middle.extra-height {
    height: 505px;
  }
  body.page-geschaeftsfuehrung .col-aside-left.extra-height {
    height: 505px;
  }
}
/*@media screen,handheld,projection,tv,tty {
	@media (min-width: 830px) and (max-width: 1258px) {
		body.page-umfrage {
			.pane .col-aside-left {
				width:790px; min-height:0;
				.inside { min-height:0; }
				img.bottom { display:none; }
			}
		}
	}
}*/
/*------------------------------------*\
    Jobportal (deprecated) (new styles in "p-projektdetails")
\*------------------------------------*/
.jobdetails a.icon-button {
  top: -2px;
  width: 125px;
  margin: 0 20px 10px 0;
}
.jobdetails a.more {
  float: left;
  margin-right: 47px;
}
.jobdetails .button-bar .right {
  padding-top: 15px;
}
.jobdetails .head {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
.jobdetails .head h1 {
  margin-bottom: 3px;
  font-size: 26px;
  line-height: 30px;
}
.jobdetails .attributes {
  margin-bottom: 20px;
}
.jobdetails .attributes ul {
  float: left;
  width: 50%;
}
.jobdetails .attributes ul li {
  padding-left: 0;
  padding-right: 10px;
}
.jobdetails .attributes ul li:before {
  display: none;
}
.jobdetails .footer {
  margin-top: 20px;
}
.jobdetails .footer .attributes {
  padding-top: 15px;
  float: left;
  width: 156px;
  margin-right: 26px;
  margin-bottom: 0;
}
.jobdetails .footer .description {
  padding: 23px 0 21px;
}
.jobdetails .footer .description a {
  font-weight: bold;
  text-transform: uppercase;
}
.jobdetails .footer .description a.details {
  padding-left: 12px;
  background: transparent url('../images/theme/arrow-right-nav.png') left 1px no-repeat;
  font-size: 17px;
  line-height: 21px;
}
.jobdetails .footer .description a.icon-print {
  position: absolute;
  float: none;
  display: inline;
  right: 78px;
  font-size: 13px;
  line-height: 17px;
}
/*
.page-jobportal {}
	.jobportal-control {}

		.jobportal-control .button-bar a { float:right; }
		.jobportal-control a.more,
		.jobportal-control a.bigger-button { display:inline-block; float:none; top:0; margin-right:15px; }
		.jobportal-control a.icon-button { top:-2px; width:125px; margin:0 20px 10px 0; }
		.jobportal-control a.icon-close { width:90px; }
		.pane .jobportal-control h2,
		.pane .jobportal-control strong.title {
			float:left;
			margin-bottom:0;
			font-size:20px; line-height:23px;
		}
		// jobportal merkliste
		.jobportal-control .jobportal-merkliste h2,
		.jobportal-control .jobportal-merkliste strong.title {
			height:30px;
			padding:4px 40px 0 0;
			background:transparent url('../images/theme/input-check-off.gif') right top no-repeat;
		}
		.jobportal-merkliste p { margin:0 0 0 186px; }
		.jobportal-merkliste .items { padding:0 13px; background-color:#d9dde7; }
			.jobportal-merkliste .item { height:37px; padding:16px 11px 0 11px; border-bottom:1px solid #c3c5c8; }
			.jobportal-merkliste .last { border-bottom:0; }
				.jobportal-merkliste .item a { float:left; display:block; text-decoration:none; }
				.jobportal-merkliste .item a.title { position:relative; overflow:hidden; width:400px; color:#000; }
					.jobportal-merkliste .item a.title strong { margin-right:3px; color:#001c52; }
					.jobportal-merkliste .item .title:hover strong { text-decoration:underline; }
				.jobportal-merkliste .item a.delete {
					position:relative; float:right;
					top:-8px;
					width:auto; height:26px;
					margin:0; padding-top:9px;
				}
*/
.page-jobportal .pagination {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 66px;
  padding: 15px 19px;
  background-color: #fff;
}
.page-jobportal .pagination::selection {
  background-color: #d7d9db;
}
.page-jobportal .pagination::-moz-selection {
  background-color: #d7d9db;
}
.page-jobportal .pagination *,
.page-jobportal .pagination *:before,
.page-jobportal .pagination *:after {
  position: relative;
  box-sizing: inherit;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page-jobportal .pagination *::selection,
.page-jobportal .pagination *:before::selection,
.page-jobportal .pagination *:after::selection {
  background-color: #d7d9db;
}
.page-jobportal .pagination *::-moz-selection,
.page-jobportal .pagination *:before::-moz-selection,
.page-jobportal .pagination *:after::-moz-selection {
  background-color: #d7d9db;
}
.page-jobportal .pagination.bottom {
  margin-bottom: 60px;
}
.page-jobportal .pagination a:hover {
  color: #c3c5c8;
}
.page-jobportal .pagination .count {
  float: left;
  width: 30%;
  color: #9b9da0;
}
.page-jobportal .pagination .count strong {
  display: block;
  color: #001c52;
}
.page-jobportal .pagination .menu {
  width: 70%;
  margin: 10px 0 0 30%;
}
.page-jobportal .pagination .menu .back,
.page-jobportal .pagination .menu .pages,
.page-jobportal .pagination .menu .forward {
  float: left;
}
.page-jobportal .pagination .menu .back li,
.page-jobportal .pagination .menu .pages li,
.page-jobportal .pagination .menu .forward li {
  float: left;
}
.page-jobportal .pagination .menu .back li a,
.page-jobportal .pagination .menu .pages li a,
.page-jobportal .pagination .menu .forward li a {
  display: block;
  text-decoration: none;
  text-indent: -9999em;
}
.page-jobportal .pagination .menu .back li a i,
.page-jobportal .pagination .menu .pages li a i,
.page-jobportal .pagination .menu .forward li a i {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.page-jobportal .pagination .menu .back li a.first,
.page-jobportal .pagination .menu .pages li a.first,
.page-jobportal .pagination .menu .forward li a.first {
  width: 11px;
  height: 18px;
}
.page-jobportal .pagination .menu .back li a.first i,
.page-jobportal .pagination .menu .pages li a.first i,
.page-jobportal .pagination .menu .forward li a.first i {
  background-image: url('../images/theme/icon-pagination-first.gif');
}
.page-jobportal .pagination .menu .back li a.prev,
.page-jobportal .pagination .menu .pages li a.prev,
.page-jobportal .pagination .menu .forward li a.prev {
  width: 6px;
  height: 18px;
  margin-left: 24px;
}
.page-jobportal .pagination .menu .back li a.prev i,
.page-jobportal .pagination .menu .pages li a.prev i,
.page-jobportal .pagination .menu .forward li a.prev i {
  background-image: url('../images/theme/icon-pagination-prev.gif');
}
.page-jobportal .pagination .menu .back li a.next,
.page-jobportal .pagination .menu .pages li a.next,
.page-jobportal .pagination .menu .forward li a.next {
  width: 6px;
  height: 18px;
}
.page-jobportal .pagination .menu .back li a.next i,
.page-jobportal .pagination .menu .pages li a.next i,
.page-jobportal .pagination .menu .forward li a.next i {
  background-image: url('../images/theme/icon-pagination-next.gif');
}
.page-jobportal .pagination .menu .back li a.last,
.page-jobportal .pagination .menu .pages li a.last,
.page-jobportal .pagination .menu .forward li a.last {
  width: 11px;
  height: 18px;
  margin-left: 24px;
}
.page-jobportal .pagination .menu .back li a.last i,
.page-jobportal .pagination .menu .pages li a.last i,
.page-jobportal .pagination .menu .forward li a.last i {
  background-image: url('../images/theme/icon-pagination-last.gif');
}
.page-jobportal .pagination .menu .back.back,
.page-jobportal .pagination .menu .pages.back,
.page-jobportal .pagination .menu .forward.back {
  padding-left: 8px;
}
.page-jobportal .pagination .menu .back.pages,
.page-jobportal .pagination .menu .pages.pages,
.page-jobportal .pagination .menu .forward.pages {
  margin: 0 40px;
}
.page-jobportal .pagination .menu .back.pages li,
.page-jobportal .pagination .menu .pages.pages li,
.page-jobportal .pagination .menu .forward.pages li {
  float: left;
  margin-right: 24px;
}
.page-jobportal .pagination .menu .back.pages li a,
.page-jobportal .pagination .menu .pages.pages li a,
.page-jobportal .pagination .menu .forward.pages li a {
  padding-left: 7px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-indent: 0;
}
.page-jobportal .pagination .menu .back.pages li a i,
.page-jobportal .pagination .menu .pages.pages li a i,
.page-jobportal .pagination .menu .forward.pages li a i {
  top: 4px;
  width: 4px;
  height: 9px;
  background-image: url('../images/theme/icon-pagination-digit.gif');
}
.page-jobportal .pagination .menu .back.forward,
.page-jobportal .pagination .menu .pages.forward,
.page-jobportal .pagination .menu .forward.forward {
  float: right;
}
@media screen, handheld, projection, tv, tty {
  .page-jobportal .pagination {
    /*@media (max-width: @max-responsive) {
            width: 100%; margin-left: 0; margin-right: 0;
        }
        @media (max-width: @wide-responsive) {
            width: 96%; margin-left: auto; margin-right: auto;
        }*/
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  .page-jobportal .pagination .count {
    width: auto;
  }
  .page-jobportal .pagination .menu {
    float: right;
    width: auto;
    margin: -5px 0 0 0;
  }
  .page-jobportal .pagination .menu .pages {
    display: none;
  }
  .page-jobportal .pagination .menu .back {
    margin-left: 0;
  }
  .page-jobportal .pagination .menu .back li a.first {
    display: none;
  }
  .page-jobportal .pagination .menu .back li a.prev {
    width: 6px;
    height: 44px;
    margin: 0 10px 0 0;
    padding: 10px 26px 3px;
    background-color: #001c52;
    background-image: url('../images/theme/arrow-pagination-left.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
  }
  .page-jobportal .pagination .menu .back li a.prev i {
    display: none;
  }
  .page-jobportal .pagination .menu .forward.forward {
    float: left;
  }
  .page-jobportal .pagination .menu .forward.forward li a.last {
    display: none;
  }
  .page-jobportal .pagination .menu .forward.forward li a.next {
    width: 6px;
    height: 44px;
    margin-left: 0;
    padding: 10px 26px 3px;
    background-color: #001c52;
    background-image: url('../images/theme/arrow-pagination-right.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
  }
  .page-jobportal .pagination .menu .forward.forward li a.next i {
    display: none;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  .page-jobportal .pagination {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  .page-jobportal .pagination {
    height: auto;
  }
  .page-jobportal .pagination .count {
    float: none;
    width: auto;
    margin-bottom: 16px;
  }
  .page-jobportal .pagination .menu {
    float: none;
    width: auto;
    height: 50px;
  }
  .page-jobportal .pagination .menu .back.back,
  .page-jobportal .pagination .menu .pages.back,
  .page-jobportal .pagination .menu .forward.back {
    padding-left: 0;
  }
}
.page-jobportal .pagination {
  margin-bottom: 10px;
  border: 1px solid #d7d9db;
}
.jobportal-filter .title .results {
  font-weight: normal;
  color: #c5c6c8;
}
.jobportal-filter .left {
  float: left;
  width: 152px;
}
.jobportal-filter .left .title {
  float: left;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 23px;
}
.jobportal-filter .right {
  margin-left: 152px;
  padding-left: 30px;
  width: 389px;
  border-left: 1px solid #d7d9db;
}
.jobportal-filter .right .form-row-keywords {
  margin-bottom: 35px;
}
.jobportal-filter .right input.text {
  margin-right: 14px;
  width: 188px;
}
.jobportal-filter .right select {
  width: 100%;
  margin-bottom: 10px;
  padding: 7px 3px 5px 6px;
  background: #fff url('../images/theme/select-bg.jpg') left bottom repeat-x;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
}
.jobportal-filter .right select#ddlResultsPerPage {
  margin-bottom: 0;
}
.jobportal-filter .right button {
  width: 138px;
}
@media (max-width: 850px) {
  .jobportal-filter .left {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
  .jobportal-filter .left .title {
    float: none;
  }
  .jobportal-filter .right {
    width: auto;
    margin-left: 0;
    padding-left: 0;
    border: 0;
  }
}
.job-item .head h2 {
  float: left;
  width: 770px;
  margin-bottom: 20px;
}
.job-item .head div {
  position: absolute;
  top: 21px;
  right: 21px;
}
.job-item .attributes {
  float: left;
  width: 156px;
  margin-right: 26px;
}
#main .job-item .attributes ul li {
  margin-bottom: 15px;
  padding-left: 0;
}
#main .job-item .attributes ul li:before {
  display: none;
}
.job-item .attributes.wide {
  width: 338px;
}
.job-item .description {
  float: left;
  width: 573px;
}
.job-item .description ul li {
  margin-left: 16px;
  list-style: disc;
}
.job-item .description.wide {
  width: 937px;
}
.job-item .footer {
  margin-top: 20px;
}
.job-item .footer .attributes {
  padding-top: 15px;
  border-top: 1px solid #d7d9db;
}
.job-item .footer .description {
  padding: 23px 0 0;
  border-top: 1px solid #d7d9db;
}
.job-item .footer .description a {
  font-weight: bold;
  text-transform: uppercase;
}
.job-item .footer .description a.details {
  padding-left: 12px;
  background: transparent url('../images/theme/arrow-right-nav.png') left 1px no-repeat;
  font-size: 17px;
  line-height: 21px;
}
.job-item .footer .description a.icon-print {
  position: absolute;
  float: none;
  display: inline;
  right: 78px;
  font-size: 17px;
  line-height: 21px;
}
@media (max-width: 1258px) {
  .job-item .head {
    margin-bottom: 25px;
  }
  .job-item .head h2 {
    float: none;
    width: auto;
    margin-bottom: 5px;
  }
  .job-item .head div {
    position: relative;
    right: auto;
    top: auto;
  }
  .job-item .attributes {
    width: 346px;
    margin-bottom: 25px;
  }
  .job-item .attributes.wide {
    width: 100%;
  }
  .job-item .description {
    clear: both;
    float: none;
    width: 100%;
  }
  .job-item .description.wide {
    width: 100%;
  }
  .job-item .footer .attributes {
    width: 156px;
  }
  .job-item .footer .description {
    height: auto;
    padding-bottom: 0;
  }
  .job-item .footer .description a.icon-print {
    right: 24px;
  }
}
.oldpagination {
  width: 100%;
  height: 77px;
  min-height: 0;
  margin-bottom: 10px;
  padding: 18px 21px;
  background-color: #fff;
  border: 1px solid #d7d9db;
}
.oldpagination .menu .left,
.oldpagination .menu .right,
.oldpagination .menu .count {
  float: left;
}
.oldpagination .menu .left,
.oldpagination .menu .right {
  width: 8px;
  height: 30px;
  margin-top: 5px;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}
.oldpagination .menu .count {
  width: 929px;
  text-align: center;
}
.oldpagination .menu .count strong {
  display: block;
}
body.js .oldpagination .menu .count {
  width: 190px;
}
.oldpagination .menu a.left {
  background-image: url('../images/theme/arrow-pagination-left.png');
}
.oldpagination .menu a.right {
  background-image: url('../images/theme/arrow-pagination-right.png');
  background-position: right top;
}
.oldpagination .control {
  display: none;
}
body.js .oldpagination .control {
  display: block;
  float: left;
  width: 712px;
  margin: 5px 0 0 17px;
}
body.js .oldpagination .control {
  display: block;
  width: 712px;
  margin: 5px 0 0 17px;
}
@media (min-width: 830px) and (max-width: 1258px) {
  .oldpagination {
    width: 100%;
  }
  body.js .oldpagination .control {
    width: 509px;
  }
}
@media (max-width: 829px) {
  .oldpagination .menu {
    display: table;
    width: 100%;
    /*span.left,
			span.right { display:none; }*/
  }
  .oldpagination .menu span.left,
  .oldpagination .menu span.right {
    width: 46px;
    height: 45px;
    margin-top: 0;
  }
  .oldpagination .menu a.left,
  .oldpagination .menu a.right {
    height: 45px;
    margin-top: 0;
    margin-right: 10px;
    padding: 10px 20px 3px;
    background-color: #001c52;
    background-position: 20px 7px;
  }
  .oldpagination .menu .count {
    position: absolute;
    float: none;
    right: 20px;
    width: auto;
  }
  body.js .oldpagination .control {
    display: none;
  }
}
@media (max-width: 400px) {
  .oldpagination {
    height: auto;
  }
  .oldpagination .menu {
    padding-top: 50px;
  }
  .oldpagination .menu .count {
    top: 0;
    right: auto;
    text-align: left;
  }
}
/*------------------------------------*\
    Exclusive pages
\*------------------------------------*/
/*------------------------------------*\
    Page home
\*------------------------------------*/
body.page-entry {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-entry #stage .ns_nerveSlider .ns_dots {
  top: auto;
  right: -290px;
  bottom: 99px;
  left: auto;
  width: 290px;
  height: 33px;
}
@media (max-width: 1000px) {
  body.page-entry #stage .ns_nerveSlider .ns_dots {
    bottom: 30px;
  }
}
@media (max-width: 850px) {
  body.page-entry #stage .ns_nerveSlider .ns_dots {
    right: auto;
    bottom: 15px;
    width: 100%;
    height: auto;
  }
  body.page-entry #stage .ns_nerveSlider .ns_dots .ns_dot:before {
    color: #fff;
  }
}
body.page-entry #main .pane-top .left .top span.more {
  letter-spacing: 1px;
}
/*------------------------------------*\
	"Page home" sections
\*------------------------------------*/
/*------------------------------------*\
    Module "newslist"
\*------------------------------------*/
.mod_newslist div.more {
  display: none;
}
@media screen, handheld, projection, tv, tty {
  .mod_newslist .inside {
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  .mod_newslist .inside li {
    margin-bottom: 0;
    padding-left: 0;
    line-height: 19px;
  }
  .mod_newslist .inside li a {
    display: block;
    padding-bottom: 16px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  .mod_newslist .inside li a:hover {
    color: #001c52;
  }
  .mod_newslist .inside li p {
    margin-bottom: 0;
  }
  .mod_newslist .inside li p.info {
    margin-bottom: 1px;
    font-size: 15px;
    line-height: 19px;
    color: #c5c6c8;
  }
  .mod_newslist .inside li:before {
    display: none;
  }
  .mod_newslist .inside:hover a {
    color: #a8abb0;
  }
  .mod_newslist .inside:hover li:hover {
    color: #001c52;
  }
  .mod_newslist .inside:hover li:hover p.info {
    color: #001c52;
  }
  .mod_newslist div.more {
    display: block;
    background-color: #fff;
    border-top: 1px solid #d7d9db;
  }
  .mod_newslist div.more a.more {
    display: block;
    padding: 12px 0 12px 18px;
    background-position: left 3px;
    font-weight: bold;
    text-decoration: none;
  }
  .mod_newslist div.more a.more span {
    display: block;
  }
  .mod_newslist div.more a.more:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 33px;
    line-height: 33px;
    top: 49%;
    left: 2px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /*top:-1px;
					margin-right: 7px;
					font-weight: bold;*/
  }
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  .mod_newslist .inside {
    margin-bottom: 0;
  }
  .mod_newslist .inside li {
    float: left;
    width: 33.33%;
    padding-right: 20px;
  }
  .mod_newslist .inside li h3 {
    font-size: 19px;
    line-height: 23px;
  }
  .mod_newslist .inside li:last-child {
    padding-right: 0;
  }
  .mod_newslist div.more a.more {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  .mod_newslist .inside li {
    width: 49%;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  .mod_newslist .inside li {
    float: none;
    width: auto;
    padding: 0;
    border-bottom: 1px solid #d7d9db;
  }
  .mod_newslist .inside li:last-child {
    border-bottom: 0;
  }
  .mod_newslist .inside li a {
    padding-top: 16px;
  }
  .mod_newslist .inside li:first-child a {
    padding-top: 0;
  }
}
/*------------------------------------*\
    Projektportal
\*------------------------------------*/
body.page-projektportal {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-projektportal.typeahead .service .search .inside {
  /*------------------------------------*\
	    LAYOUT
	\*------------------------------------*/
  /*.typeahead-filter {
	    position: relative;
	}*/
  /*------------------------------------*\
	    INPUT, BUTTON, A & DROPDOWN
	\*------------------------------------*/
  /*------------------------------------*\
	    EXTRA
	\*------------------------------------*/
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container {
  position: relative;
  width: 100%;
}
@media (max-width: 1000px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-container {
    width: 270px;
  }
}
@media (max-width: 850px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-container {
    width: 80%;
  }
}
@media (max-width: 400px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-container {
    width: 70%;
  }
}
body.page-projektportal.typeahead .service .search .inside .typeahead-query {
  z-index: 2;
  width: 100%;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-filter {
  position: absolute;
  right: 0;
  padding-left: 1px !important;
  border: 1px solid #d7d9db;
  border-width: 0 1px 1px 0;
  background: #d7d9db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d9db), color-stop(11%, #eff0f1), color-stop(42%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d7d9db 0%, #eff0f1 11%, #ffffff 42%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d9db', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-filter {
    bottom: -1px !important;
    right: -1px;
  }
}
body.page-projektportal.typeahead .service .search .inside .typeahead-button {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field input,
body.page-projektportal.typeahead .service .search .inside .typeahead-select {
  display: block;
  width: 100%;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field {
  /*@media (max-width: @standard-responsive) {
			.font-size(20px,28px);
			.placeholder({
				.font-size(20px,28px);
			});
		}*/
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field input {
  -webkit-appearance: none;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field > span {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  bottom: 0;
  height: 100%;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-bottom: 0;
  white-space: nowrap;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-field input.disabled,
body.page-projektportal.typeahead .service .search .inside .typeahead-field input[disabled],
body.page-projektportal.typeahead .service .search .inside .typeahead-container button.disabled,
body.page-projektportal.typeahead .service .search .inside .typeahead-container button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #d7d9db;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-button button {
  line-height: 30px;
  /*@media (max-width: @standard-responsive) {
			height: 100%;
			background-position:left center;
			.font-size(16px,16px);
		}*/
}
body.page-projektportal.typeahead .service .search .inside .typeahead-button button:hover {
  color: #c3c5c8;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-filter button {
  height: 100%;
  min-width: 40px;
  margin: 0;
  padding: 2px 10px 0 12px;
  background: none !important;
  border-left: 1px solid #d7d9db;
  font-weight: normal;
  color: #9b9da0;
}
@media (max-width: 1000px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-filter button .typeahead-filter-value {
    display: none;
  }
}
@media (min-width: 851px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-container.filter .typeahead-filter button {
    color: #001c52;
  }
}
body.page-projektportal.typeahead .service .search .inside .typeahead-query input[type="search"] {
  width: 100%;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-filter,
body.page-projektportal.typeahead .service .search .inside .typeahead-button {
  z-index: 9;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container.filter .typeahead-filter,
body.page-projektportal.typeahead .service .search .inside .typeahead-filter:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-filter:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-filter:active,
body.page-projektportal.typeahead .service .search .inside .typeahead-filter:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-button:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-button:active,
body.page-projektportal.typeahead .service .search .inside .typeahead-button:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-button:focus button:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-button:active button:active {
  z-index: 1001;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown {
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 19px;
  line-height: 28px;
  background-color: #fff;
  border: 1px solid #c3c5c7;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -ms-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
  -o-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
}
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown {
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}
body.page-projektportal.typeahead .service .search .inside .typeahead-result.detached .typeahead-list {
  position: relative;
  z-index: 1041;
  top: auto;
  left: auto;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown {
  z-index: 1001;
  right: -1px;
  left: auto;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li:first-child {
  border-top: none;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li {
  position: relative;
  border-top: solid 1px rgba(0, 0, 0, 0.15);
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > a,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > span,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a {
  display: block;
  padding: 5px 14px 9px;
  clear: both;
  color: #001c52;
  white-space: nowrap;
  text-decoration: none;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a {
  padding: 5px 12px;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .title.icon {
  padding-left: 21px;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .title i {
  position: absolute;
  display: block;
  top: 4px;
  left: 0;
  width: 20px;
  height: 16px;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .title i.pdf {
  background-image: url('../images/theme/icon-pdf.png');
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .all {
  padding: 8px 14px 4px;
  background-color: #d9dde7;
  font-size: 15px;
  line-height: 26px;
  font-weight: bold;
  cursor: pointer;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li .all:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 12px;
  line-height: 28px;
  top: -2px;
  margin-right: 5px;
  font-weight: bold;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li small {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
  font-size: 13px;
  line-height: 13px;
  color: #9b9da0;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li small em {
  display: block;
  float: left;
  top: -2px;
  margin-right: 6px;
  padding: 3px 2px 1px;
  background-color: #9b9da0;
  font-size: 11px;
  line-height: 11px;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li small em.blue {
  top: -2px;
  background-color: #001c52;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li small em.light-blue {
  background-color: #d9dde7;
  color: #001c52;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > span:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > span:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > a:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > a:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.active > a,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li.active > a {
  background-color: #d9dde7;
  color: #001c52;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > span:hover small,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > span:focus small,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > a:hover small,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li > a:focus small,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.active > a small,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a:hover small,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li > a:focus small,
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown > li.active > a small {
  color: #000;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list.empty > li > a:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-list.empty > li > a:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-list.empty > li.active > a {
  background-color: transparent;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list.empty > li > a {
  cursor: default;
  padding: 7px 14px 6px;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.typeahead-group > a,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.typeahead-group > a:hover,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.typeahead-group > a:focus,
body.page-projektportal.typeahead .service .search .inside .typeahead-list > li.typeahead-group.active > a {
  border-color: #fff;
  color: #fff;
  background-color: #001c52;
  cursor: default;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container.result .typeahead-list,
body.page-projektportal.typeahead .service .search .inside .typeahead-container.filter .typeahead-dropdown,
body.page-projektportal.typeahead .service .search .inside .typeahead-container.hint .typeahead-hint,
body.page-projektportal.typeahead .service .search .inside .typeahead-container.backdrop + .typeahead-backdrop {
  display: block !important;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container .typeahead-list,
body.page-projektportal.typeahead .service .search .inside .typeahead-container .typeahead-dropdown,
body.page-projektportal.typeahead .service .search .inside .typeahead-container .typeahead-hint,
body.page-projektportal.typeahead .service .search .inside .typeahead-container + .typeahead-backdrop {
  display: none !important;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-dropdown .divider {
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
@media (max-width: 1000px) {
  body.page-projektportal.typeahead .service .search .inside .typeahead-filter .typeahead-caret {
    margin-left: 0;
    border-left-width: 7px !important;
    border-right-width: 7px !important;
    border-top-width: 7px !important;
  }
}
body.page-projektportal.typeahead .service .search .inside .typeahead-search-icon {
  min-width: 40px;
  height: 18px;
  font-size: 13px;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-container {
  width: 100% !important;
}
body.page-projektportal.typeahead .service .search .inside .typeahead-list.empty > li > a {
  font-size: 13px;
  line-height: 17px;
}
body.page-projektportal .pagination {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 66px;
  padding: 15px 19px;
  background-color: #fff;
}
body.page-projektportal .pagination::selection {
  background-color: #d7d9db;
}
body.page-projektportal .pagination::-moz-selection {
  background-color: #d7d9db;
}
body.page-projektportal .pagination *,
body.page-projektportal .pagination *:before,
body.page-projektportal .pagination *:after {
  position: relative;
  box-sizing: inherit;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.page-projektportal .pagination *::selection,
body.page-projektportal .pagination *:before::selection,
body.page-projektportal .pagination *:after::selection {
  background-color: #d7d9db;
}
body.page-projektportal .pagination *::-moz-selection,
body.page-projektportal .pagination *:before::-moz-selection,
body.page-projektportal .pagination *:after::-moz-selection {
  background-color: #d7d9db;
}
body.page-projektportal .pagination.bottom {
  margin-bottom: 60px;
}
body.page-projektportal .pagination a:hover {
  color: #c3c5c8;
}
body.page-projektportal .pagination .count {
  float: left;
  width: 30%;
  color: #9b9da0;
}
body.page-projektportal .pagination .count strong {
  display: block;
  color: #001c52;
}
body.page-projektportal .pagination .menu {
  width: 70%;
  margin: 10px 0 0 30%;
}
body.page-projektportal .pagination .menu .back,
body.page-projektportal .pagination .menu .pages,
body.page-projektportal .pagination .menu .forward {
  float: left;
}
body.page-projektportal .pagination .menu .back li,
body.page-projektportal .pagination .menu .pages li,
body.page-projektportal .pagination .menu .forward li {
  float: left;
}
body.page-projektportal .pagination .menu .back li a,
body.page-projektportal .pagination .menu .pages li a,
body.page-projektportal .pagination .menu .forward li a {
  display: block;
  text-decoration: none;
  text-indent: -9999em;
}
body.page-projektportal .pagination .menu .back li a i,
body.page-projektportal .pagination .menu .pages li a i,
body.page-projektportal .pagination .menu .forward li a i {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
body.page-projektportal .pagination .menu .back li a.first,
body.page-projektportal .pagination .menu .pages li a.first,
body.page-projektportal .pagination .menu .forward li a.first {
  width: 11px;
  height: 18px;
}
body.page-projektportal .pagination .menu .back li a.first i,
body.page-projektportal .pagination .menu .pages li a.first i,
body.page-projektportal .pagination .menu .forward li a.first i {
  background-image: url('../images/theme/icon-pagination-first.gif');
}
body.page-projektportal .pagination .menu .back li a.prev,
body.page-projektportal .pagination .menu .pages li a.prev,
body.page-projektportal .pagination .menu .forward li a.prev {
  width: 6px;
  height: 18px;
  margin-left: 24px;
}
body.page-projektportal .pagination .menu .back li a.prev i,
body.page-projektportal .pagination .menu .pages li a.prev i,
body.page-projektportal .pagination .menu .forward li a.prev i {
  background-image: url('../images/theme/icon-pagination-prev.gif');
}
body.page-projektportal .pagination .menu .back li a.next,
body.page-projektportal .pagination .menu .pages li a.next,
body.page-projektportal .pagination .menu .forward li a.next {
  width: 6px;
  height: 18px;
}
body.page-projektportal .pagination .menu .back li a.next i,
body.page-projektportal .pagination .menu .pages li a.next i,
body.page-projektportal .pagination .menu .forward li a.next i {
  background-image: url('../images/theme/icon-pagination-next.gif');
}
body.page-projektportal .pagination .menu .back li a.last,
body.page-projektportal .pagination .menu .pages li a.last,
body.page-projektportal .pagination .menu .forward li a.last {
  width: 11px;
  height: 18px;
  margin-left: 24px;
}
body.page-projektportal .pagination .menu .back li a.last i,
body.page-projektportal .pagination .menu .pages li a.last i,
body.page-projektportal .pagination .menu .forward li a.last i {
  background-image: url('../images/theme/icon-pagination-last.gif');
}
body.page-projektportal .pagination .menu .back.back,
body.page-projektportal .pagination .menu .pages.back,
body.page-projektportal .pagination .menu .forward.back {
  padding-left: 8px;
}
body.page-projektportal .pagination .menu .back.pages,
body.page-projektportal .pagination .menu .pages.pages,
body.page-projektportal .pagination .menu .forward.pages {
  margin: 0 40px;
}
body.page-projektportal .pagination .menu .back.pages li,
body.page-projektportal .pagination .menu .pages.pages li,
body.page-projektportal .pagination .menu .forward.pages li {
  float: left;
  margin-right: 24px;
}
body.page-projektportal .pagination .menu .back.pages li a,
body.page-projektportal .pagination .menu .pages.pages li a,
body.page-projektportal .pagination .menu .forward.pages li a {
  padding-left: 7px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-indent: 0;
}
body.page-projektportal .pagination .menu .back.pages li a i,
body.page-projektportal .pagination .menu .pages.pages li a i,
body.page-projektportal .pagination .menu .forward.pages li a i {
  top: 4px;
  width: 4px;
  height: 9px;
  background-image: url('../images/theme/icon-pagination-digit.gif');
}
body.page-projektportal .pagination .menu .back.forward,
body.page-projektportal .pagination .menu .pages.forward,
body.page-projektportal .pagination .menu .forward.forward {
  float: right;
}
@media screen, handheld, projection, tv, tty {
  body.page-projektportal .pagination {
    /*@media (max-width: @max-responsive) {
            width: 100%; margin-left: 0; margin-right: 0;
        }
        @media (max-width: @wide-responsive) {
            width: 96%; margin-left: auto; margin-right: auto;
        }*/
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.page-projektportal .pagination .count {
    width: auto;
  }
  body.page-projektportal .pagination .menu {
    float: right;
    width: auto;
    margin: -5px 0 0 0;
  }
  body.page-projektportal .pagination .menu .pages {
    display: none;
  }
  body.page-projektportal .pagination .menu .back {
    margin-left: 0;
  }
  body.page-projektportal .pagination .menu .back li a.first {
    display: none;
  }
  body.page-projektportal .pagination .menu .back li a.prev {
    width: 6px;
    height: 44px;
    margin: 0 10px 0 0;
    padding: 10px 26px 3px;
    background-color: #001c52;
    background-image: url('../images/theme/arrow-pagination-left.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
  }
  body.page-projektportal .pagination .menu .back li a.prev i {
    display: none;
  }
  body.page-projektportal .pagination .menu .forward.forward {
    float: left;
  }
  body.page-projektportal .pagination .menu .forward.forward li a.last {
    display: none;
  }
  body.page-projektportal .pagination .menu .forward.forward li a.next {
    width: 6px;
    height: 44px;
    margin-left: 0;
    padding: 10px 26px 3px;
    background-color: #001c52;
    background-image: url('../images/theme/arrow-pagination-right.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
  }
  body.page-projektportal .pagination .menu .forward.forward li a.next i {
    display: none;
  }
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.page-projektportal .pagination {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.page-projektportal .pagination {
    height: auto;
  }
  body.page-projektportal .pagination .count {
    float: none;
    width: auto;
    margin-bottom: 16px;
  }
  body.page-projektportal .pagination .menu {
    float: none;
    width: auto;
    height: 50px;
  }
  body.page-projektportal .pagination .menu .back.back,
  body.page-projektportal .pagination .menu .pages.back,
  body.page-projektportal .pagination .menu .forward.back {
    padding-left: 0;
  }
}
body.page-projektportal .service .search {
  /*input.text {
    			width: 100%;
    			background-color: transparent;
    			border-color: @border-color;
    			.font-size(18px);
    			.box-shadow(inset 1px 2px 5px 0 rgba(0,0,0,0.075));

    			padding: 11px 7px 8px 7px; .font-size(15px);

				.placeholder({
					.font-size(15px);
				});
    		}*/
}
body.page-projektportal .service .search strong.section-title {
  display: block;
  margin: 4px 0 19px 11px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
body.page-projektportal .service .search .inside {
  z-index: 10;
}
body.page-projektportal .service .filter {
  margin-top: 6px;
}
body.page-projektportal .service .filter .container {
  border: 1px solid #d7d9db;
  font-size: 0;
  line-height: 40px;
  cursor: pointer;
}
body.page-projektportal .service .filter .container .current-option {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  z-index: 4;
  width: 100%;
  padding: 0 45px 0 0;
  font-size: 14px;
  line-height: 39px;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-projektportal .service .filter .container .current-option:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  top: 50%;
  right: 14px;
  left: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6px;
  font-size: 6px;
  line-height: 6px;
  font-weight: normal;
  color: #9b9da0;
}
body.page-projektportal .service .filter .container .current-option:hover:after {
  color: #001c52;
}
body.page-projektportal .service .filter .container .current-option .toggle {
  display: none;
}
body.page-projektportal .service .filter .container .options {
  display: none;
  z-index: 4;
  margin: 0 7px;
  font-size: 14px;
  line-height: 18px;
}
body.page-projektportal .service .filter .container .options ul {
  width: 100%;
  margin: 0;
}
body.page-projektportal .service .filter .container.opened {
  cursor: default;
}
body.page-projektportal .service .filter .container.opened .current-option {
  cursor: pointer;
}
body.page-projektportal .service .filter .container.opened .current-option:after {
  content: "\e90b";
  color: #001c52;
}
body.page-projektportal .service .filter .container.opened .current-option span {
  display: none;
}
body.page-projektportal .service .filter .container.opened .current-option span.toggle {
  display: inline;
}
body.page-projektportal .service .filter .container.opened .options {
  display: block;
}
body.page-projektportal .service .filter .container .gradient {
  position: absolute;
  display: block;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 35%, #ffffff 59%, #dbdddf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(35%, #ffffff), color-stop(59%, #ffffff), color-stop(100%, #dbdddf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 35%, #ffffff 59%, #dbdddf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 35%, #ffffff 59%, #dbdddf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 35%, #ffffff 59%, #dbdddf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 35%, #ffffff 59%, #dbdddf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdddf', GradientType=0);
  /* IE6-9 */
}
body.page-projektportal .service .filter.locations a {
  text-decoration: none;
}
body.page-projektportal .service .filter.locations .current-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-projektportal .service .filter.locations .current-option span.toggle {
  padding-left: 35px;
}
body.page-projektportal .service .filter.locations .current-option span:not(.toggle):before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 13px;
  content: "\e909";
  font-size: 14px;
  line-height: 14px;
  color: #9b9da0;
}
body.page-projektportal .service .filter.locations .current-option.on span:not(.toggle):before {
  content: "\e901";
  color: #001c52;
}
body.page-projektportal .service .filter.locations .locationSpan {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
body.page-projektportal .service .filter.locations .locationSpan span.toggle-hover {
  display: none;
}
body.page-projektportal .service .filter.locations .locationSpan span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
body.page-projektportal .service .filter.locations .locationSpan:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
body.page-projektportal .service .filter.locations .locationSpan:hover {
  color: #001c52;
}
body.page-projektportal .service .filter.locations .locationSpan:hover span:not(.description) {
  display: none;
}
body.page-projektportal .service .filter.locations .locationSpan:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
body.page-projektportal .service .filter.locations .locationSpan:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
body.page-projektportal .service .filter.locations .options {
  padding: 2px 0 20px;
  border-top: 1px solid #d7d9db;
  text-transform: uppercase;
}
body.page-projektportal .service .filter.locations .options span {
  display: inline;
}
body.page-projektportal .service .filter.locations .options ul ul ul {
  padding-top: 6px;
  border-top: 1px solid #d7d9db;
}
body.page-projektportal .service .filter.locations .options ul ul ul ul {
  padding-top: 0;
  border-top: 0;
}
body.page-projektportal .service .filter.locations .options ul ul ul ul ul > li > span {
  display: block;
  padding: 2px 0 6px 29px;
  text-transform: none;
  font-size: 15px;
  line-height: 19px;
}
body.page-projektportal .service .filter.locations .options ul ul ul ul ul ul {
  padding: 2px 0 0 24px;
  border-top: 0;
  font-size: 0;
}
body.page-projektportal .service .filter.locations .options ul ul ul ul ul ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 49%;
  font-size: 13px;
  line-height: 17px;
}
body.page-projektportal .service .filter.locations .options ul ul ul ul ul ul li > span {
  font-size: 15px;
  line-height: 19px;
}
body.page-projektportal .service .filter.locations .options li.sub > ul {
  display: none;
}
body.page-projektportal .service .filter.locations .options li.sub.self > ul,
body.page-projektportal .service .filter.locations .options li.sub.on > ul {
  display: block;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span,
body.page-projektportal .service .filter.locations .options li.switch > span,
body.page-projektportal .service .filter.locations .options li.item > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span span.toggle-hover,
body.page-projektportal .service .filter.locations .options li.switch > span span.toggle-hover,
body.page-projektportal .service .filter.locations .options li.item > span span.toggle-hover {
  display: none;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span span.description,
body.page-projektportal .service .filter.locations .options li.switch > span span.description,
body.page-projektportal .service .filter.locations .options li.item > span span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span:before,
body.page-projektportal .service .filter.locations .options li.switch > span:before,
body.page-projektportal .service .filter.locations .options li.item > span:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span:hover,
body.page-projektportal .service .filter.locations .options li.switch > span:hover,
body.page-projektportal .service .filter.locations .options li.item > span:hover {
  color: #001c52;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span:hover span:not(.description),
body.page-projektportal .service .filter.locations .options li.switch > span:hover span:not(.description),
body.page-projektportal .service .filter.locations .options li.item > span:hover span:not(.description) {
  display: none;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span:hover span.toggle-hover,
body.page-projektportal .service .filter.locations .options li.switch > span:hover span.toggle-hover,
body.page-projektportal .service .filter.locations .options li.item > span:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
body.page-projektportal .service .filter.locations .options > ul > li.on > span:hover:before,
body.page-projektportal .service .filter.locations .options li.switch > span:hover:before,
body.page-projektportal .service .filter.locations .options li.item > span:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
body.page-projektportal .service .filter.locations .options li.on > span {
  color: #001c52;
  font-weight: bold;
}
body.page-projektportal .service .filter.locations .options li.on > span:before {
  content: "\e909";
  color: #001c52;
}
body.page-projektportal .service .filter.locations .options li > span {
  cursor: default;
}
body.page-projektportal .service .filter.locations .options li.item > span,
body.page-projektportal .service .filter.locations .options li.switch > span {
  cursor: pointer;
}
body.page-projektportal .service .filter.locations .options li.switch.self > span {
  color: #001c52;
  font-weight: bold;
}
body.page-projektportal .service .filter.locations .options li.switch.self > span:before {
  color: #001c52;
  content: "\e909";
}
body.page-projektportal .service .filter.locations .options li.switch.on > span {
  color: #9b9da0;
  font-weight: normal;
}
body.page-projektportal .service .filter.locations .options li.switch.on > span:before {
  color: #9b9da0;
  content: "\e904";
}
body.page-projektportal .service .filter.locations .options > ul > li.switch.on > span {
  font-weight: normal;
}
body.page-projektportal .service .filter.locations .options > ul > li.switch.on > span:before {
  content: "\e904";
}
body.page-projektportal .service .filter.locations .options li.switch.self > span:before,
body.page-projektportal .service .filter.locations .options li.on:not(.switch) > span:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
}
body.page-projektportal .service .filter.locations .options > ul > li > ul > li > ul > li > ul > li.on > span {
  color: #001c52 !important;
  font-weight: bold !important;
}
body.page-projektportal .service .filter.perpage a {
  text-decoration: none;
}
body.page-projektportal .service .filter.perpage .current-option {
  padding-left: 36px;
}
body.page-projektportal .service .filter.perpage .options {
  padding: 15px 0 25px;
  border-top: 1px solid #d7d9db;
}
body.page-projektportal .service .filter.perpage .options ul {
  margin-left: 21px;
  font-size: 0;
}
body.page-projektportal .service .filter.perpage .options li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0;
  padding: 0 3px;
}
body.page-projektportal .service .filter.perpage .options li a {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #9b9da0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 34px;
  text-align: center;
  color: #9b9da0;
}
body.page-projektportal .service .filter.perpage .options li a.selected,
body.page-projektportal .service .filter.perpage .options li a:hover {
  background-color: #001c52;
  border-color: #001c52;
  font-weight: bold;
  color: #fff;
}
body.page-projektportal .service .filter.perpage .options li.legend {
  padding-left: 10px;
  font-size: 15px;
  line-height: 36px;
  color: #9b9da0;
}
body.page-projektportal .service .buttons {
  margin: 22px 0 18px;
}
body.page-projektportal .service .button {
  display: block;
  width: 100%;
  height: 67px;
  padding: 0 14px 0 13px;
  border: 1px solid #d7d9db;
  font-size: 0;
  line-height: 67px;
  text-decoration: none;
  text-transform: none;
  margin-bottom: 6px;
}
body.page-projektportal .service .button span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 20px;
  line-height: 22px;
}
body.page-projektportal .service .button:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "\e903";
  margin-right: 10px;
  font-size: 30px;
  line-height: 30px;
  color: #9b9da0;
}
body.page-projektportal .service .button.cta {
  background-color: #001c52;
  color: #fff;
}
body.page-projektportal .service .button.cta:before {
  color: #fff;
}
body.page-projektportal .service .button:hover {
  color: #c3c5c8;
}
body.page-projektportal .service .button:hover:before {
  color: #c3c5c8;
}
body.page-projektportal .service .channels {
  margin-top: 18px;
  border-top: 1px solid #d7d9db;
}
body.page-projektportal .service .channels .top {
  padding-top: 15px;
}
@media screen and (max-width: 990px), handheld and (max-width: 990px), projection and (max-width: 990px), tv and (max-width: 990px), tty and (max-width: 990px) {
  body.page-projektportal .service .filter.perpage li.legend {
    display: none;
  }
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.page-projektportal .service {
    display: block;
    float: none;
    width: auto;
    margin-bottom: 25px;
    padding-bottom: 6px;
  }
  body.page-projektportal .service .channels {
    display: none;
  }
  body.page-projektportal .service .solcom-anniversary {
    display: none;
  }
  body.page-projektportal .service .buttons {
    margin-top: 8px;
  }
  body.page-projektportal .service .buttons .reset {
    display: none;
  }
}
body.page-projektportal .main-content .job .section {
  margin-bottom: 0;
}
body.page-projektportal .main-content .job .section h3,
body.page-projektportal .main-content .job .section h4 {
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
body.page-projektportal .main-content .job .section .requirements {
  margin-bottom: 16px;
}
body.page-projektportal .main-content .job .section .requirements li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 0 4px;
  border-left: 1px solid #d7d9db;
}
body.page-projektportal .main-content .job .section .requirements li.first {
  padding-left: 0;
  border: 0;
}
body.page-projektportal .main-content .job .section .description {
  color: #000;
}
body.page-projektportal .main-content .job .buttons {
  height: 66px;
}
body.page-projektportal .main-content .job .buttons a {
  display: block;
}
body.page-projektportal .main-content .job .buttons a.details {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 30%;
  height: inherit;
  padding: 0 0 0 17px;
  background-color: #001c52;
  font-size: 0;
  line-height: 66px;
  text-decoration: none;
  color: #fff;
}
body.page-projektportal .main-content .job .buttons a.details span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-projektportal .main-content .job .buttons a.details:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "\e903";
  margin-right: 11px;
  font-size: 26px;
  line-height: 26px;
}
body.page-projektportal .main-content .job .buttons a.details:hover {
  color: #c3c5c8;
}
body.page-projektportal .main-content .job .buttons .watchlist {
  float: right;
  width: 70%;
  height: inherit;
  margin-left: 0;
  padding-left: 30px;
  background-color: #d9dde7;
}
body.page-projektportal .main-content .job .buttons .watchlist li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 39%;
  height: inherit;
}
body.page-projektportal .main-content .job .buttons .watchlist li a {
  height: inherit;
  padding: 15px 0 0 39px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
body.page-projektportal .main-content .job .buttons .watchlist li a:hover {
  color: #787a7c;
}
body.page-projektportal .main-content .job .buttons .watchlist li a i {
  position: absolute;
  display: block;
  top: 17px;
  left: 0;
  width: 30px;
  height: 30px;
}
body.page-projektportal .main-content .job .buttons .watchlist li.off a:before,
body.page-projektportal .main-content .job .buttons .watchlist li.selected a:before,
body.page-projektportal .main-content .job .buttons .watchlist li.remove a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  content: "\e902";
}
body.page-projektportal .main-content .job .buttons .watchlist li.off a:hover:before,
body.page-projektportal .main-content .job .buttons .watchlist li.selected a:hover:before,
body.page-projektportal .main-content .job .buttons .watchlist li.remove a:hover:before {
  border-color: #c3c5c8;
}
body.page-projektportal .main-content .job .buttons .watchlist li.off a:before,
body.page-projektportal .main-content .job .buttons .watchlist li.selected a:before {
  content: "\e901";
}
@media screen, handheld, projection, tv, tty {
  body.page-projektportal .main-content .job.selected {
    background-color: #001c52;
  }
  body.page-projektportal .main-content .job.selected .section {
    background-color: #001c52;
    border: 0;
    color: #fff;
  }
  body.page-projektportal .main-content .job.selected .section h3 a,
  body.page-projektportal .main-content .job.selected .section h4 a {
    color: #fff;
  }
  body.page-projektportal .main-content .job.selected .section h3 a:hover,
  body.page-projektportal .main-content .job.selected .section h4 a:hover {
    color: #c3c5c8;
  }
  body.page-projektportal .main-content .job.selected .section .description {
    color: #fff;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist {
    background-color: transparent;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li a {
    color: #fff;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li a:hover {
    color: #c3c5c8;
  }
}
@media screen and (max-width: 899px), handheld and (max-width: 899px), projection and (max-width: 899px), tv and (max-width: 899px), tty and (max-width: 899px) {
  body.page-projektportal .main-content .job .buttons {
    height: auto;
  }
  body.page-projektportal .main-content .job .buttons a.details {
    width: 100%;
  }
  body.page-projektportal .main-content .job .buttons .watchlist {
    float: none;
    width: auto;
    padding-left: 14px;
  }
  body.page-projektportal .main-content .job .buttons .watchlist li {
    width: 45%;
  }
  body.page-projektportal .main-content .job .buttons .watchlist li a {
    padding-bottom: 15px;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist {
    background-color: #d9dde7;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li a {
    color: #022856;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li a:hover {
    color: #787a7c;
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li.selected a i {
    background-image: url('../images/theme/icon-check-bg-light-blue.gif');
  }
  body.page-projektportal .main-content .job.selected .buttons .watchlist li.remove a i {
    background-image: url('../images/theme/icon-close-bg-light-blue.gif');
  }
}
@media print {
  body.page-projektportal .pagination {
    display: none;
  }
  body.page-projektportal .main-content .section h3 {
    margin-bottom: 2mm;
    padding-bottom: 0;
    border: 0;
  }
  body.page-projektportal .main-content .section .requirements {
    margin-bottom: 2mm;
  }
  body.page-projektportal .main-content .buttons {
    display: none;
  }
}
/****************************************
 * projektportal (locations)
 ***************************************/
.locationSelector .locationSpan {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
.locationSelector .locationSpan span.toggle-hover {
  display: none;
}
.locationSelector .locationSpan span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
.locationSelector .locationSpan:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
.locationSelector .locationSpan:hover {
  color: #001c52;
}
.locationSelector .locationSpan:hover span:not(.description) {
  display: none;
}
.locationSelector .locationSpan:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.locationSelector .locationSpan:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
.locationSelector .options {
  padding: 2px 0 20px;
  border-top: 1px solid #d7d9db;
  text-transform: uppercase;
}
.locationSelector .options span {
  display: inline;
}
.locationSelector .options ul ul ul {
  padding-top: 6px;
  border-top: 1px solid #d7d9db;
}
.locationSelector .options ul ul ul ul {
  padding-top: 0;
  border-top: 0;
}
.locationSelector .options ul ul ul ul ul > li > span {
  display: block;
  padding: 2px 0 6px 29px;
  text-transform: none;
  font-size: 15px;
  line-height: 19px;
}
.locationSelector .options ul ul ul ul ul ul {
  padding: 2px 0 0 24px;
  border-top: 0;
  font-size: 0;
}
.locationSelector .options ul ul ul ul ul ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 49%;
  font-size: 13px;
  line-height: 17px;
}
.locationSelector .options ul ul ul ul ul ul li > span {
  font-size: 15px;
  line-height: 19px;
}
.locationSelector .options li.sub > ul {
  display: none;
}
.locationSelector .options li.sub.self > ul,
.locationSelector .options li.sub.on > ul {
  display: block;
}
.locationSelector .options > ul > li.on > span,
.locationSelector .options li.switch > span,
.locationSelector .options li.item > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
.locationSelector .options > ul > li.on > span span.toggle-hover,
.locationSelector .options li.switch > span span.toggle-hover,
.locationSelector .options li.item > span span.toggle-hover {
  display: none;
}
.locationSelector .options > ul > li.on > span span.description,
.locationSelector .options li.switch > span span.description,
.locationSelector .options li.item > span span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
.locationSelector .options > ul > li.on > span:before,
.locationSelector .options li.switch > span:before,
.locationSelector .options li.item > span:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
.locationSelector .options > ul > li.on > span:hover,
.locationSelector .options li.switch > span:hover,
.locationSelector .options li.item > span:hover {
  color: #001c52;
}
.locationSelector .options > ul > li.on > span:hover span:not(.description),
.locationSelector .options li.switch > span:hover span:not(.description),
.locationSelector .options li.item > span:hover span:not(.description) {
  display: none;
}
.locationSelector .options > ul > li.on > span:hover span.toggle-hover,
.locationSelector .options li.switch > span:hover span.toggle-hover,
.locationSelector .options li.item > span:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.locationSelector .options > ul > li.on > span:hover:before,
.locationSelector .options li.switch > span:hover:before,
.locationSelector .options li.item > span:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
.locationSelector .options li.on > span {
  color: #001c52;
  font-weight: bold;
}
.locationSelector .options li.on > span:before {
  content: "\e909";
  color: #001c52;
}
.locationSelector .options li > span {
  cursor: default;
}
.locationSelector .options li.item > span,
.locationSelector .options li.switch > span {
  cursor: pointer;
}
.locationSelector .options li.switch.self > span {
  color: #001c52;
  font-weight: bold;
}
.locationSelector .options li.switch.self > span:before {
  color: #001c52;
  content: "\e909";
}
.locationSelector .options li.switch.on > span {
  color: #9b9da0;
  font-weight: normal;
}
.locationSelector .options li.switch.on > span:before {
  color: #9b9da0;
  content: "\e904";
}
.locationSelector .options > ul > li.switch.on > span {
  font-weight: normal;
}
.locationSelector .options > ul > li.switch.on > span:before {
  content: "\e904";
}
.locationSelector .options li.switch.self > span:before,
.locationSelector .options li.on:not(.switch) > span:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
}
.locationSelector .options > ul > li > ul > li > ul > li > ul > li.on > span {
  color: #001c52 !important;
  font-weight: bold !important;
}
/*------------------------------------*\
    Projektportal
\*------------------------------------*/
body.page-projektportal-landing {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-projektportal-landing:not(.list) #main {
  padding-top: 0;
}
body.page-projektportal-landing.list .pane-header .top {
  margin-bottom: 10px;
}
body.page-projektportal-landing #wrapper {
  background: #fff;
}
body.page-projektportal-landing #header {
  margin-bottom: 0;
}
body.page-projektportal-landing #header .top {
  border: 0;
}
body.page-projektportal-landing #header .control .languages {
  display: none;
}
body.page-projektportal-landing #stage .aside {
  padding-top: 24px;
}
body.page-projektportal-landing #stage .aside .channels strong {
  display: block;
}
body.page-projektportal-landing #stage .aside .channels .top {
  padding: 5px 11px 6px;
  font-size: 20px;
  line-height: 24px;
}
body.page-projektportal-landing #stage .aside .channels ul li {
  padding: 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
body.page-projektportal-landing #stage .aside .channels ul li a {
  display: block;
  padding: 26px 0 20px 40px;
  text-decoration: none;
  color: #001c52;
}
body.page-projektportal-landing #stage .aside .channels ul li a strong {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #001c52;
}
body.page-projektportal-landing #stage .aside .channels ul li a i {
  position: absolute;
  display: block;
  top: 27px;
  left: 0;
  width: 30px;
  height: 30px;
}
body.page-projektportal-landing #stage .aside .channels ul li a:hover strong {
  color: #fff;
}
body.page-projektportal-landing #stage .aside .channels ul li.rss i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 29px;
  line-height: 29px;
  content: "\e90f";
}
body.page-projektportal-landing #stage .aside .channels ul li.jobalert i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 29px;
  line-height: 29px;
  content: "\e90e";
}
body.page-projektportal-landing #stage .aside .channels ul li.twitter i:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  line-height: 25px;
  content: "\e916";
  margin-top: 2px;
}
body.page-projektportal-landing #stage .aside .channels ul li a {
  padding-top: 14px;
  padding-bottom: 12px;
}
body.page-projektportal-landing #stage .aside .channels ul li a strong {
  margin-bottom: 3px;
}
body.page-projektportal-landing #stage .aside .channels ul li a i {
  top: 18px;
}
body.page-projektportal-landing #stage .aside .channels ul li:last-child {
  border: 0;
}
@media (max-width: 1100px) {
  body.page-projektportal-landing #stage .aside .channels ul li a {
    min-height: 42px;
    padding-top: 13px;
    padding-bottom: 0;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a > span {
    display: none;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a strong span,
  body.page-projektportal-landing #stage .aside .channels ul li a strong br {
    display: none;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a i {
    top: 10px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.rss i:before {
    font-size: 24px;
    line-height: 24px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.jobalert i:before {
    font-size: 24px;
    line-height: 24px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.twitter i:before {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (max-width: 650px) {
  body.page-projektportal-landing #stage .aside .channels ul li {
    float: left;
    width: 33.33%;
    height: inherit;
    padding: 0 10px;
    border: 0;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a {
    width: 100%;
    min-height: 0;
    padding: 0;
    text-align: center;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a > span {
    display: none;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a i {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 42px;
    margin-bottom: 10px;
    text-align: center;
    text-indent: 0;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a i:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.rss i:before {
    font-size: 40px;
    line-height: 40px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.jobalert i:before {
    font-size: 40px;
    line-height: 40px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.twitter i:before {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 400px) {
  body.page-projektportal-landing #stage .aside .channels ul li a {
    text-indent: -9999em;
  }
  body.page-projektportal-landing #stage .aside .channels ul li a i {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 31px;
    margin-bottom: 0;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.rss i:before {
    font-size: 30px;
    line-height: 30px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.jobalert i:before {
    font-size: 30px;
    line-height: 30px;
  }
  body.page-projektportal-landing #stage .aside .channels ul li.twitter i:before {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (max-width: 650px) {
  body.page-projektportal-landing #stage .aside {
    height: 100%;
    padding-top: 20px;
  }
  body.page-projektportal-landing #stage .aside .content {
    height: inherit;
  }
  body.page-projektportal-landing #stage .aside .channels {
    height: inherit;
  }
  body.page-projektportal-landing #stage .aside .channels ul {
    height: inherit;
  }
}
body.page-projektportal-landing .super {
  margin-bottom: 19px;
  padding-top: 18px;
}
body.page-projektportal-landing .super h1 {
  margin-bottom: 0;
  letter-spacing: 1px;
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.page-projektportal-landing .super {
    padding-top: 0;
  }
  body.page-projektportal-landing .super h1 {
    line-height: 31px;
  }
}
body.page-projektportal-landing .topics {
  margin-bottom: 21px;
}
body.page-projektportal-landing .topics ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
body.page-projektportal-landing .topics li {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  width: 32.6%;
  height: 86px;
  margin: 0 0 10px;
  background: #fff url('../images/theme/entry-button-gradient.jpg') right top no-repeat;
}
body.page-projektportal-landing .topics li a {
  display: block;
  width: 100%;
  height: inherit;
  padding-left: 12px;
  padding-right: 110px;
  background: transparent url('../images/theme/entry-button-text.png') right center no-repeat;
  border: 1px solid #d7d9db;
  font-size: 0;
  line-height: 86px;
}
body.page-projektportal-landing .topics li a span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
}
body.page-projektportal-landing .topics li a:hover {
  color: #c3c5c8;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  body.page-projektportal-landing .topics li {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 49.3%;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  body.page-projektportal-landing .topics ul {
    display: block;
  }
  body.page-projektportal-landing .topics li {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  body.page-projektportal-landing .topics.industries li {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 49.5%;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.page-projektportal-landing .topics li {
    height: auto;
    background: none;
  }
  body.page-projektportal-landing .topics li a {
    position: relative;
    padding: 7px 29px 7px 14px;
    background: none;
    line-height: 16px;
  }
  body.page-projektportal-landing .topics li a:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 30px;
    line-height: 30px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    left: auto;
    color: #c5c6c8;
  }
}
body.page-projektportal-landing .service .teaser {
  font-size: 22px;
  line-height: 26px;
}
body.page-projektportal-landing .service .teaser .description {
  padding: 14px 11px 10px;
}
body.page-projektportal-landing .service .teaser .headline {
  display: block;
  margin-bottom: 20px;
  font-size: 25px;
  line-height: 29px;
  font-weight: bold;
}
body.page-projektportal-landing .service .teaser a.more {
  display: block;
  height: 88px;
  padding-left: 20px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') 130px bottom no-repeat;
  background-size: 50%;
  font-size: 0;
  line-height: 88px;
  color: #fff;
}
body.page-projektportal-landing .service .teaser a.more span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-projektportal-landing .service .teaser a.more span:before {
  position: absolute;
  display: block;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 30px;
  content: "\e903";
  font-weight: normal;
  top: 8px;
  left: 0;
  color: #fff;
}
body.page-projektportal-landing .service .teaser a.more:hover {
  color: #c3c5c8;
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  body.page-projektportal-landing .service .teaser {
    font-size: 16px;
    line-height: 20px;
  }
  body.page-projektportal-landing .service .teaser .description {
    padding: 7px 7px 2px;
  }
  body.page-projektportal-landing .service .teaser .headline {
    margin-bottom: 8px;
  }
}
body.page-projektportal-landing .responsive-addition {
  display: none;
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.page-projektportal-landing .service {
    display: none;
  }
  body.page-projektportal-landing .responsive-addition {
    display: block;
  }
  body.page-projektportal-landing .responsive-addition .service {
    display: block;
    margin: 20px 0 15px;
  }
}
body.page-projektportal-landing .customers {
  margin-bottom: 31px;
  padding: 18px 21px;
  padding-bottom: 5px;
  border: 1px solid #d7d9db;
  font-size: 20px;
  line-height: 24px;
}
body.page-projektportal-landing .customers .headline {
  display: block;
  margin-bottom: 0;
  font-weight: bold;
}
body.page-projektportal-landing .customers p {
  margin-bottom: 5px;
}
body.page-projektportal-landing .customers ul li {
  float: left;
  width: 12.5%;
  padding: 0 20px;
}
body.page-projektportal-landing .customers ul li img {
  width: 100%;
  max-width: 78px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 850px) {
  body.page-projektportal-landing .customers ul li {
    width: 25%;
  }
}
@media (max-width: 500px) {
  body.page-projektportal-landing .customers ul li {
    width: 33.33%;
  }
}
@media (max-width: 400px) {
  body.page-projektportal-landing .customers ul li {
    width: 50%;
  }
}
body.page-projektportal-landing .common {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-top: 18px;
}
body.page-projektportal-landing .common .left {
  -webkit-flex: 1;
  flex: 1;
  margin-right: 10px;
}
body.page-projektportal-landing .common .left .description {
  height: 209px;
  padding-right: 50px;
  font-size: 28px;
  line-height: 32px;
}
body.page-projektportal-landing .common .left .headline {
  display: block;
  margin-bottom: 37px;
  font-size: 30px;
  line-height: 34px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-projektportal-landing .common .left a.more {
  display: block;
  height: 105px;
  padding-left: 21px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') 70px bottom no-repeat;
  background-size: 30%;
  font-size: 0;
  line-height: 105px;
  color: #fff;
}
body.page-projektportal-landing .common .left a.more span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-projektportal-landing .common .left a.more span:before {
  position: absolute;
  display: block;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 30px;
  content: "\e903";
  font-weight: normal;
  top: 8px;
  left: 0;
  color: #fff;
}
body.page-projektportal-landing .common .left a.more:hover {
  color: #c3c5c8;
}
body.page-projektportal-landing .common .right {
  width: 390px;
  font-size: 16px;
  line-height: 20px;
}
body.page-projektportal-landing .common .right ul li {
  float: left;
  width: 190px;
}
body.page-projektportal-landing .common .right ul li:first-child {
  margin-right: 10px;
}
body.page-projektportal-landing .common .right ul li a {
  display: block;
  background-color: #fff;
  color: #fff;
}
body.page-projektportal-landing .common .right ul li a figure {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
body.page-projektportal-landing .common .right ul li a > span {
  display: block;
  height: 105px;
  padding: 18px 21px;
  padding-left: 18px;
  padding-right: 18px;
  background-color: #001c52;
}
body.page-projektportal-landing .common .right ul li a span.more {
  display: block;
  margin-top: 12px;
  padding-left: 9px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-projektportal-landing .common .right ul li a span.more:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 8px;
  line-height: 8px;
  content: "\e903";
  font-weight: bold;
  top: 4px;
  left: 2px;
  color: #fff;
}
body.page-projektportal-landing .common .right ul li a:hover figure,
body.page-projektportal-landing .common .right ul li a figure:hover {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
body.page-projektportal-landing .common .right ul li a:hover span.more {
  color: #c3c5c8;
}
@media (max-width: 1000px) {
  body.page-projektportal-landing .common {
    display: block;
  }
  body.page-projektportal-landing .common .left {
    -webkit-flex: 0;
    flex: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  body.page-projektportal-landing .common .left .headline {
    margin-bottom: 10px;
  }
  body.page-projektportal-landing .common .left .description {
    height: auto;
    padding-right: 0;
    font-size: 20px;
    line-height: 24px;
  }
  body.page-projektportal-landing .common .left a.more {
    padding-left: 21px;
  }
  body.page-projektportal-landing .common .right {
    width: auto;
  }
}
@media (max-width: 500px) {
  body.page-projektportal-landing .common .right ul li {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  body.page-projektportal-landing .common .right ul li:first-child {
    margin-right: 0;
  }
  body.page-projektportal-landing .common .right ul li a {
    *zoom: 1;
    background-color: #001c52;
  }
  body.page-projektportal-landing .common .right ul li a:before,
  body.page-projektportal-landing .common .right ul li a:after {
    content: " ";
    display: table;
  }
  body.page-projektportal-landing .common .right ul li a:after {
    clear: both;
  }
  body.page-projektportal-landing .common .right ul li a figure {
    float: left;
    width: 50%;
  }
  body.page-projektportal-landing .common .right ul li a figure img {
    width: 100%;
    height: auto;
  }
  body.page-projektportal-landing .common .right ul li a > span {
    margin-left: 50%;
  }
}
/*------------------------------------*\
    Projektdetails
\*------------------------------------*/
body.page-projektdetails {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-projektdetails .jobdetails .section {
  margin-top: 10px;
}
body.page-projektdetails .jobdetails .section h2,
body.page-projektdetails .jobdetails .section h3 {
  /*margin-bottom: 0;*/
  font-size: 16px;
  line-height: 20px;
}
body.page-projektdetails .jobdetails .section h2,
body.page-projektdetails .jobdetails .section h3 {
  margin-bottom: 6px;
}
body.page-projektdetails .jobdetails .section dl,
body.page-projektdetails .jobdetails .section ul,
body.page-projektdetails .jobdetails .section p {
  margin-bottom: 20px;
}
body.page-projektdetails .jobdetails .section ul li {
  margin-bottom: 0;
}
body.page-projektdetails .jobdetails .substeps {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  padding: 16px 19px 14px 19px;
  background-color: #d9dde7;
}
body.page-projektdetails .jobdetails .substeps .back {
  float: left;
  padding-left: 16px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
body.page-projektdetails .jobdetails .substeps .back:hover {
  color: #c3c5c8;
}
body.page-projektdetails .jobdetails .substeps .back:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  content: "\e903";
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.page-projektdetails .jobdetails .substeps ul {
  float: right;
  margin-bottom: 0;
  text-align: right;
}
body.page-projektdetails .jobdetails .substeps ul li {
  float: left;
  text-align: left;
}
body.page-projektdetails .jobdetails .substeps ul li a,
body.page-projektdetails .jobdetails .substeps ul li span {
  display: block;
  padding-left: 39px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
body.page-projektdetails .jobdetails .substeps ul li a:before,
body.page-projektdetails .jobdetails .substeps ul li span:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  content: "\e901";
}
body.page-projektdetails .jobdetails .substeps ul li.selected {
  margin-right: 28px;
}
body.page-projektdetails .jobdetails .substeps ul li.deselect a:before,
body.page-projektdetails .jobdetails .substeps ul li.deselect span:before {
  content: "\e902";
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.page-projektdetails .jobdetails .substeps .back {
    display: none;
  }
}
@media screen and (max-width: 450px), handheld and (max-width: 450px), projection and (max-width: 450px), tv and (max-width: 450px), tty and (max-width: 450px) {
  body.page-projektdetails .jobdetails .substeps ul {
    float: none;
  }
  body.page-projektdetails .jobdetails .substeps ul li {
    float: none;
    margin-bottom: 15px;
  }
  body.page-projektdetails .jobdetails .substeps ul li.selected {
    margin-right: 0;
  }
  body.page-projektdetails .jobdetails .substeps ul li.deselect {
    margin-bottom: 0;
  }
}
body.page-projektdetails .jobdetails .header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
body.page-projektdetails .jobdetails .header .separation {
  display: block;
  width: 60px;
  height: 1px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d7d9db;
}
body.page-projektdetails .jobdetails .description {
  margin-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
body.page-projektdetails .jobdetails .description dl {
  font-size: 0;
}
body.page-projektdetails .jobdetails .description dl dt,
body.page-projektdetails .jobdetails .description dl dd {
  font-size: 16px;
  line-height: 20px;
}
body.page-projektdetails .jobdetails .description dl dt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 18%;
  font-weight: bold;
  color: #001c52;
}
body.page-projektdetails .jobdetails .description dl dd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 32%;
}
body.page-projektdetails .jobdetails .description ul li {
  margin-left: 16px;
  list-style: disc;
}
body.page-projektdetails .jobdetails .footer {
  margin-top: 10px;
}
body.page-projektdetails .jobdetails .footer .register {
  padding-bottom: 10px;
  color: #fff;
}
body.page-projektdetails .jobdetails .footer .register p {
  margin-bottom: 0;
}
body.page-projektdetails .jobdetails .footer .register a {
  display: block;
  padding: 0 0 0 27px;
  font-size: 27px;
  line-height: 31px;
  text-decoration: none;
  color: #fff;
}
body.page-projektdetails .jobdetails .footer .register a:hover {
  color: #c3c5c8;
}
body.page-projektdetails .jobdetails .footer .register a:before {
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 45%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 53px;
  line-height: inherit;
  font-weight: normal;
  color: #fff;
  content: "\e905";
}
body.page-projektdetails .jobdetails .footer .register .inside {
  padding: 16px 0 14px 19px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
  font-size: 0;
  line-height: 0;
}
body.page-projektdetails .jobdetails .footer .register .register-button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 45%;
}
body.page-projektdetails .jobdetails .footer .register .similarProjects {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 55%;
  font-size: 16px;
  line-height: 20px;
}
body.page-projektdetails .jobdetails .footer .register .similarProjects span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 80px;
}
body.page-projektdetails .jobdetails .footer .register .similarProjects a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 275px;
  font-size: 17px;
  line-height: 21px;
}
@media screen and (max-width: 1030px), handheld and (max-width: 1030px), projection and (max-width: 1030px), tv and (max-width: 1030px), tty and (max-width: 1030px) {
  body.page-projektdetails .jobdetails .footer .register .inside {
    padding-right: 19px;
  }
  body.page-projektdetails .jobdetails .footer .register .register-button {
    width: 100%;
  }
  body.page-projektdetails .jobdetails .footer .register .similarProjects {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  body.page-projektdetails .jobdetails .footer .register .similarProjects span {
    width: 100%;
    margin-bottom: 10px;
  }
  body.page-projektdetails .jobdetails .footer .register .similarProjects span br {
    display: none;
  }
  body.page-projektdetails .jobdetails .footer .register .similarProjects a {
    width: 100%;
  }
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.page-projektdetails .jobdetails .footer .register .similarProjects {
    display: none;
  }
}
body.page-projektdetails .jobdetails .footer .publish {
  padding-bottom: 10px;
  font-size: 0;
  text-transform: uppercase;
  color: #001c52;
}
body.page-projektdetails .jobdetails .footer .publish .inside {
  padding: 16px 0 14px 19px;
  background-color: #d9dde7;
  font-size: 13px;
  line-height: 17px;
}
body.page-projektdetails .jobdetails .footer .publish a,
body.page-projektdetails .jobdetails .footer .publish button {
  font-weight: bold;
  text-decoration: none;
  color: #001c52;
}
body.page-projektdetails .jobdetails .footer .publish a:hover,
body.page-projektdetails .jobdetails .footer .publish button:hover {
  color: #c3c5c8;
}
body.page-projektdetails .jobdetails .footer .publish a:before,
body.page-projektdetails .jobdetails .footer .publish button:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  content: "\e903";
}
body.page-projektdetails .jobdetails .footer .publish a.print-button,
body.page-projektdetails .jobdetails .footer .publish button.print-button,
body.page-projektdetails .jobdetails .footer .publish a.tellafriend,
body.page-projektdetails .jobdetails .footer .publish button.tellafriend {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
body.page-projektdetails .jobdetails .footer .publish button.print-button {
  width: 29%;
  padding: 7px 0 0 26px;
  background: none;
  font-weight: bold;
}
body.page-projektdetails .jobdetails .footer .publish button.print-button:before {
  content: "\e907";
  top: 24px;
  font-size: 15px;
  line-height: 15px;
  font-weight: normal;
}
body.page-projektdetails .jobdetails .footer .publish ul {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 48.5%;
  margin: 0;
  font-size: 0;
}
body.page-projektdetails .jobdetails .footer .publish ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 50%;
  height: 31px;
  padding-right: 10px;
  font-size: 0;
  line-height: 31px;
}
body.page-projektdetails .jobdetails .footer .publish ul li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
  font-size: 13px;
  line-height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-projektdetails .jobdetails .footer .publish a.tellafriend {
  width: 19%;
  padding: 5px 0 0 28px;
  border-left: 1px solid #c3c5c8;
  line-height: 17px;
}
body.page-projektdetails .jobdetails .footer .publish a.tellafriend:before {
  top: 8px;
  left: 17px;
}
body.page-projektdetails .jobdetails.selected .substeps {
  background-color: #001c52;
  color: #fff;
}
body.page-projektdetails .jobdetails.selected .substeps a,
body.page-projektdetails .jobdetails.selected .substeps span {
  color: #fff;
}
body.page-projektdetails .jobdetails.selected .substeps a:hover {
  color: #c3c5c8;
}
@media screen and (max-width: 950px), handheld and (max-width: 950px), projection and (max-width: 950px), tv and (max-width: 950px), tty and (max-width: 950px) {
  body.page-projektdetails .jobdetails .footer .publish {
    margin-bottom: 0;
  }
  body.page-projektdetails .jobdetails .footer .publish button.print-button {
    margin-bottom: 30px;
  }
  body.page-projektdetails .jobdetails .footer .publish ul {
    width: 96%;
  }
  body.page-projektdetails .jobdetails .footer .publish ul li {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 6px;
    padding-right: 0;
  }
  body.page-projektdetails .jobdetails .footer .publish ul li a {
    display: block;
    font-size: 13px;
    line-height: 17px;
  }
  body.page-projektdetails .jobdetails .footer .publish ul li a:before {
    top: 3px;
  }
  body.page-projektdetails .jobdetails .footer .publish a.tellafriend {
    width: 100%;
    padding: 0 0 0 10px;
    border: 0;
    line-height: 19px;
  }
  body.page-projektdetails .jobdetails .footer .publish a.tellafriend br {
    display: none;
  }
  body.page-projektdetails .jobdetails .footer .publish a.tellafriend:before {
    top: 4px;
    left: 0;
  }
  body.page-projektdetails .jobdetails .footer .substeps {
    display: none;
  }
}
@media screen and (max-width: 800px), handheld and (max-width: 800px), projection and (max-width: 800px), tv and (max-width: 800px), tty and (max-width: 800px) {
  body.page-projektdetails .jobdetails .informations {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
  }
  body.page-projektdetails .jobdetails .footer .publish button.print-button {
    display: none;
  }
}
@media screen and (max-width: 550px), handheld and (max-width: 550px), projection and (max-width: 550px), tv and (max-width: 550px), tty and (max-width: 550px) {
  body.page-projektdetails .jobdetails .description dl dt,
  body.page-projektdetails .jobdetails .description dl dd {
    display: block;
    width: 100%;
  }
}
@media print {
  body.page-projektdetails .substeps {
    display: none !important;
  }
  body.page-projektdetails .jobdetails .header {
    margin: 0 0 4mm;
    padding: 0;
    border: 0;
  }
  body.page-projektdetails .jobdetails .header h1 {
    margin-bottom: 2mm;
    padding-top: 0;
  }
  body.page-projektdetails .jobdetails .header .separation {
    display: none;
  }
  body.page-projektdetails .jobdetails h2 {
    margin-bottom: 3mm;
  }
  body.page-projektdetails .jobdetails .print {
    display: none;
  }
  body.page-projektdetails .jobdetails .footer {
    display: none;
  }
}
/*------------------------------------*\
    Profilupdate
\*------------------------------------*/
body.page-profilupdate {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-profilupdate .pane.pane-header .top .headline {
  float: none;
}
body.page-profilupdate .main-content .inline-row h3 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 25%;
}
body.page-profilupdate .main-content .inline-row input[type="text"] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 75%;
}
@media (max-width: 650px) {
  body.page-profilupdate .main-content .inline-row h3,
  body.page-profilupdate .main-content .inline-row input[type="text"] {
    display: block;
    width: 100%;
  }
}
body.page-profilupdate .main-content .checkbox-row {
  margin-bottom: 0;
}
body.page-profilupdate .main-content .locationSpan {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
body.page-profilupdate .main-content .locationSpan span.toggle-hover {
  display: none;
}
body.page-profilupdate .main-content .locationSpan span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
body.page-profilupdate .main-content .locationSpan:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
body.page-profilupdate .main-content .locationSpan:hover {
  color: #001c52;
}
body.page-profilupdate .main-content .locationSpan:hover span:not(.description) {
  display: none;
}
body.page-profilupdate .main-content .locationSpan:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
body.page-profilupdate .main-content .locationSpan:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
body.page-profilupdate .main-content .options {
  padding: 2px 0 20px;
  border-top: 1px solid #d7d9db;
  text-transform: uppercase;
}
body.page-profilupdate .main-content .options span {
  display: inline;
}
body.page-profilupdate .main-content .options ul ul ul {
  padding-top: 6px;
  border-top: 1px solid #d7d9db;
}
body.page-profilupdate .main-content .options ul ul ul ul {
  padding-top: 0;
  border-top: 0;
}
body.page-profilupdate .main-content .options ul ul ul ul ul > li > span {
  display: block;
  padding: 2px 0 6px 29px;
  text-transform: none;
  font-size: 15px;
  line-height: 19px;
}
body.page-profilupdate .main-content .options ul ul ul ul ul ul {
  padding: 2px 0 0 24px;
  border-top: 0;
  font-size: 0;
}
body.page-profilupdate .main-content .options ul ul ul ul ul ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 49%;
  font-size: 13px;
  line-height: 17px;
}
body.page-profilupdate .main-content .options ul ul ul ul ul ul li > span {
  font-size: 15px;
  line-height: 19px;
}
body.page-profilupdate .main-content .options li.sub > ul {
  display: none;
}
body.page-profilupdate .main-content .options li.sub.self > ul,
body.page-profilupdate .main-content .options li.sub.on > ul {
  display: block;
}
body.page-profilupdate .main-content .options > ul > li.on > span,
body.page-profilupdate .main-content .options li.switch > span,
body.page-profilupdate .main-content .options li.item > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 5px 0 5px 0;
  color: #001c52;
}
body.page-profilupdate .main-content .options > ul > li.on > span span.toggle-hover,
body.page-profilupdate .main-content .options li.switch > span span.toggle-hover,
body.page-profilupdate .main-content .options li.item > span span.toggle-hover {
  display: none;
}
body.page-profilupdate .main-content .options > ul > li.on > span span.description,
body.page-profilupdate .main-content .options li.switch > span span.description,
body.page-profilupdate .main-content .options li.item > span span.description {
  display: block;
  padding: 0 0 0 29px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  text-transform: none;
  color: #9b9da0;
}
body.page-profilupdate .main-content .options > ul > li.on > span:before,
body.page-profilupdate .main-content .options li.switch > span:before,
body.page-profilupdate .main-content .options li.item > span:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  top: -1px;
  margin-right: 9px;
  padding-left: 6px;
  content: "\e904";
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #9b9da0;
}
body.page-profilupdate .main-content .options > ul > li.on > span:hover,
body.page-profilupdate .main-content .options li.switch > span:hover,
body.page-profilupdate .main-content .options li.item > span:hover {
  color: #001c52;
}
body.page-profilupdate .main-content .options > ul > li.on > span:hover span:not(.description),
body.page-profilupdate .main-content .options li.switch > span:hover span:not(.description),
body.page-profilupdate .main-content .options li.item > span:hover span:not(.description) {
  display: none;
}
body.page-profilupdate .main-content .options > ul > li.on > span:hover span.toggle-hover,
body.page-profilupdate .main-content .options li.switch > span:hover span.toggle-hover,
body.page-profilupdate .main-content .options li.item > span:hover span.toggle-hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
body.page-profilupdate .main-content .options > ul > li.on > span:hover:before,
body.page-profilupdate .main-content .options li.switch > span:hover:before,
body.page-profilupdate .main-content .options li.item > span:hover:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #001c52;
}
body.page-profilupdate .main-content .options li.on > span {
  color: #001c52;
  font-weight: bold;
}
body.page-profilupdate .main-content .options li.on > span:before {
  content: "\e909";
  color: #001c52;
}
body.page-profilupdate .main-content .options li > span {
  cursor: default;
}
body.page-profilupdate .main-content .options li.item > span,
body.page-profilupdate .main-content .options li.switch > span {
  cursor: pointer;
}
body.page-profilupdate .main-content .options li.switch.self > span {
  color: #001c52;
  font-weight: bold;
}
body.page-profilupdate .main-content .options li.switch.self > span:before {
  color: #001c52;
  content: "\e909";
}
body.page-profilupdate .main-content .options li.switch.on > span {
  color: #9b9da0;
  font-weight: normal;
}
body.page-profilupdate .main-content .options li.switch.on > span:before {
  color: #9b9da0;
  content: "\e904";
}
body.page-profilupdate .main-content .options > ul > li.switch.on > span {
  font-weight: normal;
}
body.page-profilupdate .main-content .options > ul > li.switch.on > span:before {
  content: "\e904";
}
body.page-profilupdate .main-content .options li.switch.self > span:before,
body.page-profilupdate .main-content .options li.on:not(.switch) > span:before {
  margin-right: 8px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
}
body.page-profilupdate .main-content .options > ul > li > ul > li > ul > li > ul > li.on > span {
  color: #001c52 !important;
  font-weight: bold !important;
}
body.page-profilupdate .main-content .filter.locations {
  margin: 30px 0 0;
}
body.page-profilupdate .main-content .filter.locations .options {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 17px;
  line-height: 21px;
}
body.page-profilupdate .main-content .filter.locations .options h3 {
  margin-bottom: 10px;
  text-transform: none;
}
body.page-profilupdate .main-content .filter.locations .options > ul > li > ul {
  font-size: 0;
}
body.page-profilupdate .main-content .filter.locations .options > ul > li > ul > li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 49%;
  font-size: 17px;
  line-height: 21px;
}
body.page-profilupdate .main-content .filter.locations .options > ul > li > ul > li:first-child {
  margin-right: 2%;
}
body.page-profilupdate .main-content .filter.locations .options > ul > li > ul > li ul ul ul ul li {
  width: 41%;
}
body.page-profilupdate .main-content .submit-section button {
  padding: 0;
  background: none;
  font-size: 13px;
  line-height: 17px;
}
body.page-profilupdate .main-content .submit-section button.submit {
  display: block;
  width: 100%;
  padding: 16px 0 14px 51px;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') left top no-repeat;
  font-size: 25px;
  line-height: 29px;
  font-weight: normal;
  text-transform: none;
}
body.page-profilupdate .main-content .submit-section button.submit:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 16px;
  left: 19px;
  font-size: 60px;
  line-height: 60px;
  font-weight: normal;
  content: "\e905";
}
body.page-profilupdate .main-content .submit-section button.reset {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 20px 0 10px;
}
body.page-profilupdate .main-content .submit-section button.reset:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 3px;
  font-size: 12px;
  line-height: 12px;
  content: "\e903";
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  body.page-profilupdate .main-content .filter.locations .options > ul > li > ul > li {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 480px), handheld and (max-width: 480px), projection and (max-width: 480px), tv and (max-width: 480px), tty and (max-width: 480px) {
  body.page-profilupdate .main-content .filter.locations .options > ul > li > ul > li {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 480px), handheld and (max-width: 480px), projection and (max-width: 480px), tv and (max-width: 480px), tty and (max-width: 480px) {
  body.page-profilupdate .main-content .submit-section .reset {
    display: none;
  }
}
@media print {
  body.page-profilupdate .main-content .submit-section {
    display: none;
  }
}
/*------------------------------------*\
    Referenzprojekte Detailseite
\*------------------------------------*/
body.page-referenzdetails .jobdetails .attributes ul {
  width: 100%;
}
/*------------------------------------*\
    Page best-practice
\*------------------------------------*/
body.page-bestpractice {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-bestpractice #stage {
  /*.keyvisual .slide {
			.context { padding-top: 58px; }
		}*/
}
body.page-bestpractice #stage .aside {
  /*z-index: 101;*/
  padding-top: 58px;
}
body.page-bestpractice #stage .aside .content {
  /*@media (max-width: @max-responsive) {
					& > .title,
					.separation,
					ul { display: none; }
				}*/
}
body.page-bestpractice #stage .aside .content ul li {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  /*&.selector {
							display: none;
						}*/
}
body.page-bestpractice #stage .aside .content ul.switch li a {
  display: block;
  padding-left: 10px;
}
body.page-bestpractice #stage .aside .content ul.switch li a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  top: 3px;
  left: 2px;
  color: #fff;
}
body.page-bestpractice #stage .aside .content ul.switch li a:hover {
  color: #fff;
}
body.page-bestpractice #stage .aside .content ul.switch li.on a,
body.page-bestpractice #stage .aside .content ul.switch li.hover a {
  color: #fff;
}
body.page-bestpractice #stage .aside .content span.selector {
  display: none;
  margin-bottom: 5px;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
body.page-bestpractice #stage .aside .content span.selector:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  top: 4px;
  left: 2px;
  color: #fff;
}
@media (max-width: 1240px) {
  body.page-bestpractice #stage .aside .content ul,
  body.page-bestpractice #stage .aside .content ul.switch {
    display: none;
    padding: 10px 10px 5px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  }
  body.page-bestpractice #stage .aside .content ul li.on a,
  body.page-bestpractice #stage .aside .content ul.switch li.on a,
  body.page-bestpractice #stage .aside .content ul li.hover a,
  body.page-bestpractice #stage .aside .content ul.switch li.hover a,
  body.page-bestpractice #stage .aside .content ul li a:hover,
  body.page-bestpractice #stage .aside .content ul.switch li a:hover {
    color: #d9dde7;
  }
  body.page-bestpractice #stage .aside .content ul li a:before,
  body.page-bestpractice #stage .aside .content ul.switch li a:before {
    color: #001c52;
  }
  body.page-bestpractice #stage .aside .content ul.on,
  body.page-bestpractice #stage .aside .content ul.switch.on {
    display: block;
  }
  body.page-bestpractice #stage .aside .content span.selector {
    display: block;
  }
}
@media (max-width: 850px) {
  body.page-bestpractice #stage .aside {
    padding-top: 42px;
  }
}
@media (max-width: 650px) {
  body.page-bestpractice #stage .aside {
    display: none;
  }
}
@media (max-width: 1240px) {
  body.page-bestpractice #stage {
    overflow: visible;
  }
  body.page-bestpractice #stage .aside {
    z-index: 101;
    overflow: visible;
  }
}
@media (max-width: 650px) {
  body.page-bestpractice #stage {
    margin-bottom: 0;
  }
}
body.page-bestpractice #stage .ns_nerveSlider .ns_dots {
  top: auto;
  right: 30px;
  bottom: 24px;
  width: auto;
}
body.page-bestpractice #stage .ns_nerveSlider .ns_dots .ns_dot:before {
  color: #fff;
}
@media (max-width: 1240px) {
  body.page-bestpractice #stage .ns_nerveSlider .ns_dots {
    right: auto;
    width: 100%;
  }
}
@media (max-width: 650px) {
  body.page-bestpractice #stage .ns_nerveSlider .ns_dots {
    bottom: 15px;
  }
}
body.page-bestpractice #main {
  z-index: auto;
}
@media (min-width: 1001px) and (max-width: 1240px) {
  body.page-bestpractice #stage {
    margin-bottom: 10px;
  }
  body.page-bestpractice #main {
    margin-top: 0;
  }
}
body.page-bestpractice .pane.pane-top .left {
  z-index: 100;
}
body.page-bestpractice .pane.pane-top .left .top {
  height: auto;
  font-size: 16px;
  line-height: 25px;
}
body.page-bestpractice .pane.pane-top .left .top .inside {
  padding-bottom: 22px !important;
  background: #001c52 url('../images/theme/panetop-bg-effect.jpg') center top no-repeat;
  background-size: 100% auto;
  border: 0;
  color: #fff;
  background-position: 85px top;
}
body.page-bestpractice .pane.pane-top .left .top .inside a {
  color: #fff;
}
body.page-bestpractice .pane.pane-top .left .top .inside a:hover span.more {
  color: #c3c5c8;
}
body.page-bestpractice .pane.pane-top .left .top .title {
  height: 61px;
  margin-bottom: 17px;
  padding-top: 5px;
  border-bottom: 1px solid #fff;
  font-size: 20px;
  line-height: 24px;
}
body.page-bestpractice .pane.pane-top .left .top a.more {
  padding-left: 14px;
  font-size: 20px;
  line-height: 24px;
}
body.page-bestpractice .pane.pane-top .left .top a.more:before {
  font-size: 14px;
  line-height: 14px;
}
body.page-bestpractice .pane.pane-top .left .top a.more:hover {
  color: #c3c5c8;
}
@media (min-width: 1001px) and (max-width: 1240px) {
  body.page-bestpractice .pane.pane-top .left .col-aside-left {
    display: none;
  }
  body.page-bestpractice .pane.pane-top .left .col-middle {
    margin-left: 0;
  }
}
@media (max-width: 850px) {
  body.page-bestpractice .pane.pane-top .left .top .title {
    height: auto;
    padding-bottom: 17px;
  }
  body.page-bestpractice .pane.pane-top .left .top .context p {
    margin-bottom: 0;
  }
  body.page-bestpractice .pane.pane-top .left .top .context br {
    display: none;
  }
}
body.page-bestpractice .pane.pane-top .right > div {
  z-index: 51;
}
body.page-bestpractice .pane.pane-top .right > .placeholder {
  z-index: 49;
}
body.page-bestpractice .pane.pane-split .best-practice-example {
  margin-bottom: 10px;
  /*@media (max-width: 1110px) {
					.slogan { width: 25%; padding-right: 15px; }
					.content { width: 75%; }
				}*/
}
@media (min-width: 851px) {
  body.page-bestpractice .pane.pane-split .best-practice-example {
    float: left;
    width: 50%;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example:nth-child(odd) {
    padding-right: 5px;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example:nth-child(even) {
    padding-left: 5px;
  }
}
body.page-bestpractice .pane.pane-split .best-practice-example > div {
  background-color: #fff;
  border: 1px solid #d7d9db;
}
body.page-bestpractice .pane.pane-split .best-practice-example figure {
  overflow: hidden;
}
body.page-bestpractice .pane.pane-split .best-practice-example figure.unveil {
  background: transparent url('../images/theme/best-practice-placeholder.jpg') center top no-repeat;
  background-size: cover;
}
body.page-bestpractice .pane.pane-split .best-practice-example figure.unveil img.unveil {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1240px) {
  body.page-bestpractice .pane.pane-split .best-practice-example figure img {
    width: 100%;
    height: auto;
  }
}
body.page-bestpractice .pane.pane-split .best-practice-example .slogan {
  position: absolute;
  z-index: 10;
  right: 0;
  width: 135px;
  padding: 18px 21px 0 0;
  line-height: 22px;
  text-align: right;
}
body.page-bestpractice .pane.pane-split .best-practice-example .content {
  width: 355px;
  padding: 18px 21px 0;
  line-height: 22px;
}
body.page-bestpractice .pane.pane-split .best-practice-example .content .title {
  position: absolute;
  top: -75px;
  left: 0;
  width: 100%;
  height: 75px;
  padding: 18px 21px 0;
  padding-right: 10px;
  background-color: #fff;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
}
body.page-bestpractice .pane.pane-split .best-practice-example .content.wide {
  width: 100%;
}
@media (max-width: 1240px) {
  body.page-bestpractice .pane.pane-split .best-practice-example .slogan {
    right: auto;
    bottom: 0;
    width: 100%;
    padding: 18px 21px;
    padding-top: 0;
    padding-bottom: 12px;
    text-align: left;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example .slogan br {
    display: none;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example .content {
    width: auto;
    padding-bottom: 47px;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example .content .title {
    width: 75%;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 850px) {
  body.page-bestpractice .pane.pane-split .best-practice-example:not(.overview) figure {
    float: left;
    width: 50%;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example:not(.overview) .content {
    margin-left: 50%;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example:not(.overview) .content .title {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    padding: 0;
  }
}
@media (max-width: 650px) {
  body.page-bestpractice .pane.pane-split .best-practice-example:not(.overview) figure {
    float: none;
    width: auto;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example:not(.overview) .content {
    margin-left: 0;
  }
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview > div {
  padding: 20px 20px 23px;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content {
  width: auto;
  padding: 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content .title {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  margin-bottom: 40px;
  padding: 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li {
  padding-left: 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li:before {
  display: none;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li a {
  display: block;
  height: 41px;
  padding: 12px 0 0 11px;
  border-top: 1px solid #d7d9db;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  top: 48%;
  left: 2px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  color: #c5c6c8;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li a.upper {
  padding-left: 16px;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li a.upper:before {
  font-size: 29px;
  line-height: 29px;
  font-weight: normal;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li:last-child a {
  border-bottom: 1px solid #d7d9db;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li.on a {
  padding-bottom: 0;
  padding-left: 25px;
  background-color: #001c52;
  color: #fff;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li.on a:before {
  left: 13px;
  font-size: 13px;
  line-height: 13px;
  color: #fff;
}
@media (max-width: 650px) {
  body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li.on a {
    padding-bottom: 8px;
  }
}
@media (max-width: 650px) {
  body.page-bestpractice .pane.pane-split .best-practice-example.overview .content ul li a {
    height: auto;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
  }
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full {
  clear: left;
  float: none;
  width: 100%;
  padding-right: 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content .title {
  float: left;
  width: 35%;
  margin-bottom: 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul {
  float: right;
  width: 57%;
  margin-right: 5%;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li {
  float: left;
  width: 50%;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li:nth-child(odd) {
  padding: 0 10px 0 0;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li:nth-child(even) {
  padding: 0 0 0 10px;
}
body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li a.bottom {
  border-bottom: 1px solid #d7d9db;
}
@media (max-width: 650px) {
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li {
    float: none;
    width: auto;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li:nth-child(odd) {
    padding: 0;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li:nth-child(even) {
    padding: 0;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul li a.bottom {
    border-bottom: 0;
  }
}
@media (max-width: 1240px) {
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content .title,
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content ul {
    float: none;
    width: auto;
    margin-right: 0;
  }
  body.page-bestpractice .pane.pane-split .best-practice-example.overview.full .content .title {
    margin-bottom: 23px;
  }
}
body.page-bestpractice .pane.pane-split .best-practice-example.borderless > div {
  border: 0;
  padding: 0;
}
body.page-bestpractice.js .pane.pane-split .best-practice-example figure img.unveil {
  display: block;
}
@media (min-width: 1241px) {
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) #stage .aside {
    height: 642px;
  }
}
body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) #stage .aside .content {
  /*@media (max-width: @standard-responsive) {
					p { margin-bottom: 0; }
				}*/
}
@media (max-width: 1240px) {
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) #stage .aside .content > .title,
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) #stage .aside .content .separation,
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) #stage .aside .content ul {
    display: none;
  }
}
@media (min-width: 1241px) {
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) .pane.pane-top .left {
    float: none;
    /*.top {
					position: absolute; float: none; z-index: 101;
					top: 0;
					height: 230px !important;
				}*/
  }
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) .pane.pane-top .left .top {
    float: none;
    z-index: 101;
    top: 0;
    height: 230px !important;
  }
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) .pane.pane-top .left .sub {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 240px 0 10px;
    font-size: 0;
    line-height: 0;
  }
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) .pane.pane-top .left .sub .col-aside-left {
    float: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    height: 100%;
  }
  body.page-bestpractice:not(.page-bestpractice-sub):not(.page-digitalisierung) .pane.pane-top .left .sub .col-middle {
    float: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    height: 100%;
    font-size: 16px;
    line-height: 24px;
  }
}
/*------------------------------------*\
    Page best-practice-sub
\*------------------------------------*/
body.page-bestpractice-sub {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-bestpractice-sub #stage .aside {
  height: 599px;
}
body.page-bestpractice-sub #stage .aside .content ul li a {
  display: block;
  padding-left: 10px;
}
body.page-bestpractice-sub #stage .aside .content ul li a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  top: 3px;
  left: 2px;
  color: #fff;
}
@media (max-width: 1240px) {
  body.page-bestpractice-sub #stage .aside .content ul li a:before {
    color: #001c52;
  }
}
body.page-bestpractice-sub #stage .aside .content ul li.on a,
body.page-bestpractice-sub #stage .aside .content ul li a:hover {
  color: #fff;
}
@media (max-width: 1240px) {
  body.page-bestpractice-sub #stage .aside .content ul li.on a,
  body.page-bestpractice-sub #stage .aside .content ul li a:hover {
    color: #d9dde7;
  }
}
@media (max-width: 1240px) {
  body.page-bestpractice-sub #stage .aside {
    height: 100%;
  }
}
@media (max-width: 850px) {
  body.page-bestpractice-sub #stage .aside .content ul li a {
    font-size: 15px;
    line-height: 19px;
  }
}
body.page-bestpractice-sub .pane .col-middle h1 {
  font-size: 32px;
  line-height: 36px;
}
body.page-bestpractice-sub .pane.pane-top .left .top {
  height: 186px;
}
@media (max-width: 850px) {
  body.page-bestpractice-sub .pane.pane-top .left .top {
    height: auto;
  }
}
body.page-bestpractice-sub .pane.cta .left {
  position: absolute;
  width: 130px;
}
body.page-bestpractice-sub .pane.cta .middle {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 54%;
  margin-left: 170px;
  padding-right: 40px;
  border-right: 1px solid #fff;
}
body.page-bestpractice-sub .pane.cta span.more {
  float: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 35px;
}
@media (max-width: 1240px) {
  body.page-bestpractice-sub .pane.cta a {
    padding: 25px 35px 25px;
  }
  body.page-bestpractice-sub .pane.cta .left {
    position: relative;
    float: none;
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  body.page-bestpractice-sub .pane.cta .middle {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: auto;
    border: 0;
  }
  body.page-bestpractice-sub .pane.cta span.more {
    display: block;
    margin: 0;
  }
}
@media (max-width: 850px) {
  body.page-bestpractice-sub .pane.cta a {
    padding: 21px 24px;
  }
  body.page-bestpractice-sub .pane.cta h4 {
    margin-top: 0;
  }
}
/*------------------------------------*\
    Page press-downloads
\*------------------------------------*/
body.page-presse-downloads {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
}
body.page-presse-downloads .pane .col-middle h2.upper {
  font-size: 20px;
  line-height: 24px;
}
body.page-presse-downloads .pane .col-middle .news ul li,
body.page-presse-downloads .pane .col-middle .press ul li {
  margin-bottom: 25px;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #d7d9db;
}
body.page-presse-downloads .pane .col-middle .news ul li:before,
body.page-presse-downloads .pane .col-middle .press ul li:before {
  display: none;
}
body.page-presse-downloads .pane .col-middle .news ul li a,
body.page-presse-downloads .pane .col-middle .press ul li a {
  display: block;
  min-height: 190px;
  text-decoration: none;
  color: #001c52;
}
body.page-presse-downloads .pane .col-middle .news ul li a:after,
body.page-presse-downloads .pane .col-middle .press ul li a:after {
  display: none;
}
body.page-presse-downloads .pane .col-middle .news ul li a figure,
body.page-presse-downloads .pane .col-middle .press ul li a figure {
  float: right;
  z-index: 101;
  right: -21px;
  margin-left: 20px;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
body.page-presse-downloads .pane .col-middle .news ul li a span.more,
body.page-presse-downloads .pane .col-middle .press ul li a span.more {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: none;
}
body.page-presse-downloads .pane .col-middle .news ul li a span.more:after,
body.page-presse-downloads .pane .col-middle .press ul li a span.more:after {
  display: none;
}
body.page-presse-downloads .pane .col-middle .news ul li a:hover .title,
body.page-presse-downloads .pane .col-middle .press ul li a:hover .title,
body.page-presse-downloads .pane .col-middle .news ul li a:hover span.more,
body.page-presse-downloads .pane .col-middle .press ul li a:hover span.more {
  color: #c3c5c8;
}
body.page-presse-downloads .pane .col-middle .news ul li a:hover figure,
body.page-presse-downloads .pane .col-middle .press ul li a:hover figure {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
@media (max-width: 550px) {
  body.page-presse-downloads .pane .col-middle .news ul li a figure,
  body.page-presse-downloads .pane .col-middle .press ul li a figure {
    float: none;
    right: auto;
    width: auto;
    margin: 0 0 20px 0;
  }
}
body.page-presse-downloads .pane .col-middle .news ul li:last-child,
body.page-presse-downloads .pane .col-middle .press ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 4px;
  border: 0;
}
body.page-presse-downloads .pane .col-middle .news ul.recent li:last-child a,
body.page-presse-downloads .pane .col-middle .press ul.recent li:last-child a {
  min-height: auto;
}
body.page-presse-downloads .pane .col-middle .news ul.recent li:last-child a:hover,
body.page-presse-downloads .pane .col-middle .press ul.recent li:last-child a:hover {
  color: #c3c5c8;
}
body.page-presse-downloads .pane .col-middle .press ul li a .title {
  margin-bottom: 15px;
}
body.page-presse-downloads .pane .col-middle .press ul li a .title span {
  font-weight: normal;
}
body.page-presse-downloads .pane .col-middle .teaser a {
  display: block;
  min-height: 190px;
  padding: 18px 21px;
  padding-right: 310px;
  font-weight: normal;
  text-decoration: none;
  color: #001c52;
}
body.page-presse-downloads .pane .col-middle .teaser a figure {
  position: absolute;
  z-index: 101;
  top: 0;
  right: 0;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
body.page-presse-downloads .pane .col-middle .teaser a span.more {
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: none;
}
body.page-presse-downloads .pane .col-middle .teaser a span.more:before {
  top: 3px;
  content: "\e905";
  font-size: 52px;
  line-height: 52px;
  font-weight: normal;
}
body.page-presse-downloads .pane .col-middle .teaser a span.more:after {
  display: none;
}
body.page-presse-downloads .pane .col-middle .teaser a .title {
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  body.page-presse-downloads .pane .col-middle .teaser a {
    padding: 16px;
  }
  body.page-presse-downloads .pane .col-middle .teaser a figure {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 20px 0;
    max-width: 100%;
  }
}
body.page-presse-downloads .pane .col-middle .teaser a:hover .title,
body.page-presse-downloads .pane .col-middle .teaser a:hover span.more {
  color: #c3c5c8;
}
body.page-presse-downloads .pane .col-middle .teaser a:hover figure {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
body.page-presse-downloads .pane .col-middle .downloads h2 {
  margin-left: 21px;
  margin-right: 21px;
  padding-top: 18px;
}
body.page-presse-downloads .pane .col-middle .downloads ul li {
  float: left;
  width: 50%;
  padding-left: 0;
}
body.page-presse-downloads .pane .col-middle .downloads ul li.wide {
  width: 100%;
  padding-right: 0 !important;
}
body.page-presse-downloads .pane .col-middle .downloads ul li:nth-child(odd) {
  padding-right: 4px;
}
body.page-presse-downloads .pane .col-middle .downloads ul li:nth-child(even) {
  padding-left: 4px;
}
body.page-presse-downloads .pane .col-middle .downloads ul li:before {
  display: none;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a {
  display: block;
  text-decoration: none;
  color: #001c52;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a figure {
  margin-bottom: 16px;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a figure img {
  width: 100%;
  height: auto;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a span.more {
  display: block;
  height: 100px;
  margin-left: 21px;
  padding: 0 10px 0 28px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: none;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a span.more:before {
  top: 3px;
  content: "\e905";
  font-size: 56px;
  line-height: 56px;
  font-weight: normal;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a span.more:after {
  display: none;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a:hover .title,
body.page-presse-downloads .pane .col-middle .downloads ul li a:hover span.more {
  color: #c3c5c8;
}
body.page-presse-downloads .pane .col-middle .downloads ul li a:hover figure {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
@media (max-width: 850px) {
  body.page-presse-downloads .pane .col-middle .downloads ul li {
    float: none;
    width: auto;
  }
  body.page-presse-downloads .pane .col-middle .downloads ul li:nth-child(odd) {
    padding-right: 0;
  }
  body.page-presse-downloads .pane .col-middle .downloads ul li:nth-child(even) {
    padding-left: 0;
  }
}
/*------------------------------------*\
    Page press-downloads
\*------------------------------------*/
body.page-daten-fakten {
  /*------------------------------------*\
	    Guarded elements, sections
	\*------------------------------------*/
  /*#chart-sales {
		.ct-axis-title { .font-size(13px); fill: @cta-color; }

		@media (max-width:500px) {
			.ctPointLabels {
				font-size: 12px;
			}
		}
		@media (max-width:@micro-responsive) {
			.ctPointLabels {
				.centerY(15px); font-size: 10px;
				.suffix { display: none; }
			}
			.ct-axis-title { display: block; }
		}
	}*/
}
body.page-daten-fakten .pane .col-middle:not(.slider) {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 500px) {
  body.page-daten-fakten .pane .col-middle:not(.slider) {
    font-size: 16px;
    line-height: 20px;
  }
}
body.page-daten-fakten .pane .col-middle h1,
body.page-daten-fakten .pane .col-middle h2 {
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
}
body.page-daten-fakten .pane .col-middle h2.separator {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
@media (max-width: 550px) {
  body.page-daten-fakten .pane .col-middle h1,
  body.page-daten-fakten .pane .col-middle h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
body.page-daten-fakten .pane .col-middle ul.segmentation {
  margin-bottom: 0;
}
body.page-daten-fakten .pane .col-middle ul.segmentation li {
  padding: 9px 0 7px;
  border-top: 1px solid #d7d9db;
  text-align: center;
}
body.page-daten-fakten .pane .col-middle ul.segmentation li:before {
  display: none;
}
body.page-daten-fakten .pane .col-middle ul.tiles {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 75%;
  margin: 0 auto 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
  text-align: center;
}
body.page-daten-fakten .pane .col-middle ul.tiles li {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 46%;
  padding-left: 0;
  border-top: 1px solid #d7d9db;
}
body.page-daten-fakten .pane .col-middle ul.tiles li:before {
  display: none;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a {
  display: block;
  text-decoration: none;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a h3 {
  height: 74px;
  margin: 0;
  padding: 15px 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a img {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  border-top: 1px solid #d7d9db;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a:hover img {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a .more {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a .more:before {
  content: "\e905";
  font-size: 25px;
  line-height: 25px;
  top: 5px;
  left: 0;
}
body.page-daten-fakten .pane .col-middle ul.tiles li a .more:after {
  display: none;
}
@media (max-width: 1240px) {
  body.page-daten-fakten .pane .col-middle ul.tiles li {
    width: 49%;
  }
  body.page-daten-fakten .pane .col-middle ul.tiles li a img {
    width: 100%;
    height: auto;
  }
}
body.page-daten-fakten .pane .col-middle ul.tiles.single li {
  margin: 0 auto;
}
@media (max-width: 500px) {
  body.page-daten-fakten .pane .col-middle ul.tiles {
    display: block;
  }
  body.page-daten-fakten .pane .col-middle ul.tiles li {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: 100%;
  }
  body.page-daten-fakten .pane .col-middle ul.tiles li:first-child {
    margin-bottom: 20px;
  }
  body.page-daten-fakten .pane .col-middle ul.tiles li a h3 {
    height: auto;
    padding: 10px 0;
  }
  body.page-daten-fakten .pane .col-middle ul.tiles li a img {
    width: 100%;
    height: auto;
  }
}
body.page-daten-fakten .pane .col-middle.projectlocations a {
  display: block;
  text-decoration: none;
}
body.page-daten-fakten .pane .col-middle.projectlocations a img {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
}
body.page-daten-fakten .pane .col-middle.tuev h2 {
  margin-bottom: 23px;
  padding-bottom: 13px;
  border-bottom: 1px solid #d7d9db;
}
body.page-daten-fakten .pane .col-middle.tuev img {
  margin: 0 auto 15px;
}
body.page-daten-fakten .pane .col-middle.tuev ul.segmentation li {
  border: 0;
  padding-bottom: 0;
}
body.page-daten-fakten .ct-chart-bar,
body.page-daten-fakten .ct-chart-line {
  overflow: visible;
  width: 100%;
  height: 300px;
}
body.page-daten-fakten .ct-chart-bar .ct-axis-title,
body.page-daten-fakten .ct-chart-line .ct-axis-title {
  display: none;
}
body.page-daten-fakten .ct-chart-bar svg,
body.page-daten-fakten .ct-chart-line svg {
  overflow: visible;
}
body.page-daten-fakten .ct-chart-bar .ct-bar {
  stroke: #001c52;
  stroke-width: 5px;
  stroke-linecap: round;
}
body.page-daten-fakten .ct-chart-bar .ct-label {
  font-size: 14px;
  fill: #001c52;
}
body.page-daten-fakten .ct-chart-bar .ctPointLabels {
  font-size: 16px;
  font-weight: bold;
  fill: #001c52;
}
body.page-daten-fakten .ct-chart-bar .ct-horizontal {
  top: 4px;
  font-size: 14px;
  fill: #001c52;
  color: #001c52;
}
@media (max-width: 550px) {
  body.page-daten-fakten .ct-chart-bar {
    height: 220px;
  }
  body.page-daten-fakten .ct-chart-bar .ct-label.ct-horizontal {
    left: -10px;
    font-size: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@media (max-width: 400px) {
  body.page-daten-fakten .ct-chart-bar .ctPointLabels {
    font-size: 12px;
  }
}
body.page-daten-fakten .ct-chart-line .ct-area {
  fill: #a0d2e8;
}
body.page-daten-fakten .ct-chart-line .ct-line {
  stroke: #d9dde7;
  stroke-width: 4px;
  stroke-linecap: round;
}
body.page-daten-fakten .ct-chart-line .ct-point {
  stroke: #001c52;
  stroke-width: 10px;
}
body.page-daten-fakten .ct-chart-line .ct-label {
  font-size: 14px;
  fill: #001c52;
}
body.page-daten-fakten .ct-chart-line .ctPointLabels {
  font-size: 14px;
  font-weight: bold;
  fill: #001c52;
}
body.page-daten-fakten .ct-chart-line .ct-horizontal {
  color: #001c52;
}
@media (max-width: 550px) {
  body.page-daten-fakten .ct-chart-line {
    height: 200px;
  }
  body.page-daten-fakten .ct-chart-line .ct-label.ct-horizontal {
    left: -10px;
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@media (max-width: 400px) {
  body.page-daten-fakten .ct-chart-line .ctPointLabels {
    font-size: 14px;
  }
  body.page-daten-fakten .ct-chart-line .ct-axis-title {
    display: block;
    font-size: 13px;
    line-height: 17px;
    fill: #001c52;
  }
}
body.page-daten-fakten #chart-sales .ct-axis-title,
body.page-daten-fakten #chart-pool .ct-axis-title {
  display: block;
  font-size: 16px;
  line-height: 20px;
  fill: #001c52;
}
@media (max-width: 400px) {
  body.page-daten-fakten #chart-sales .ct-axis-title,
  body.page-daten-fakten #chart-pool .ct-axis-title {
    display: block;
  }
}
/*------------------------------------*\
    Feedback-Widget
\*------------------------------------*/
#blockui {
  position: fixed;
  z-index: 999;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
body.blockui {
  overflow: hidden;
  height: 100%;
}
body.blockui #blockui {
  display: block;
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #feedbackFrame {
    display: none;
  }
}
span#feedbackInterfaceHandler {
  position: fixed;
  z-index: 10000;
  display: none;
  bottom: 56px;
  left: 40px;
  width: 33px;
  height: 29px;
  color: #fff;
  cursor: pointer;
  color: #cecdcd;
  /*body:not(.page-entry) & {
		.animation(color 1s ease 1);
	}*/
}
span#feedbackInterfaceHandler:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  font-size: 26px;
  line-height: 29px;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
span#feedbackInterfaceHandler.on,
span#feedbackInterfaceHandler:hover {
  color: #001c52;
}
body.page-entry span#feedbackInterfaceHandler {
  /*.animation(bounce 2.3s ease 1);
		color: @blue;*/
  -webkit-animation: color 2s ease 1;
  -moz-animation: color 2s ease 1;
  -ms-animation: color 2s ease 1;
  -o-animation: color 2s ease 1;
  animation: color 2s ease 1;
}
span#feedbackInterfaceHandler.on {
  color: #001c52;
}
body.debug span#feedbackInterfaceHandler {
  bottom: 100px;
}
span#feedbackInterfaceHandler.on {
  visibility: hidden;
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  span#feedbackInterfaceHandler {
    bottom: 15px;
    left: 30px;
  }
}
@media screen and (min-width: 851px), handheld and (min-width: 851px), projection and (min-width: 851px), tv and (min-width: 851px), tty and (min-width: 851px) {
  span#feedbackInterfaceHandler {
    display: block;
  }
}
@-webkit-keyframes color {
  0%,
  10%,
  100% {
    color: #cecdcd;
  }
  25% {
    color: #001c52;
  }
}
@-moz-keyframes color {
  0%,
  10%,
  100% {
    color: #cecdcd;
  }
  25% {
    color: #001c52;
  }
}
@-o-keyframes color {
  0%,
  10%,
  100% {
    color: #cecdcd;
  }
  25% {
    color: #001c52;
  }
}
@keyframes color {
  0%,
  10%,
  100% {
    color: #cecdcd;
  }
  25% {
    color: #001c52;
  }
}
/*@-webkit-keyframes bounce {
	0%, 20%, 49%, 60%, 100% { -webkit-transform: translateY(0); }
	43% { -webkit-transform: translateY(-30px); }
	54% { -webkit-transform: translateY(-15px); }
}
@-moz-keyframes bounce {
	0%, 20%, 49%, 60%, 100% { -moz-transform: translateY(0); }
	43% { -moz-transform: translateY(-30px); }
	54% { -moz-transform: translateY(-15px); }
}
@-o-keyframes bounce {
	0%, 20%, 49%, 60%, 100% { -o-transform: translateY(0); }
	43% { -o-transform: translateY(-30px); }
	54% { -o-transform: translateY(-15px); }
}
@keyframes bounce {
	0%, 20%, 49%, 60%, 100% { transform: translateY(0); }
	43% { transform: translateY(-30px); }
	54% { transform: translateY(-10px); }
}*/
#feedbackDialog {
  position: fixed;
  z-index: 1000;
  bottom: 65px;
  left: 40px;
  width: 350px;
  padding: 16px;
  /*background-color: #fff; border: 1px solid @border-color;
	.box-shadow(0 0 40px 0 rgba(0,0,0,.15));*/
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 21px 25px 17px 25px;
  color: #001c52;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
}
#feedbackDialog:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 43px;
  line-height: 43px;
  z-index: 100;
  top: auto;
  bottom: -30px;
  left: 35px;
  color: #fff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
}
#feedbackDialog h2 {
  margin-bottom: 10px;
}
#feedbackDialog .confirm {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  padding: 7px 10px 5px 20px;
  background-color: #001c52;
  background-image: none;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  text-transform: none;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#feedbackDialog .confirm:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 12px;
  line-height: 12px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  height: auto;
}
#feedbackDialog .confirm:hover {
  color: #c3c5c8;
}
@media (max-width: 800px) {
  #feedbackDialog .confirm {
    width: 50%;
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 500px) {
  #feedbackDialog .confirm {
    width: 100%;
  }
}
#feedbackDialog .abort {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 8px 15px 5px 15px;
  cursor: pointer;
}
#feedbackDialog .abort:hover {
  color: #c3c5c8;
}
@media screen and (max-width: 1240px), handheld and (max-width: 1240px), projection and (max-width: 1240px), tv and (max-width: 1240px), tty and (max-width: 1240px) {
  #feedbackDialog {
    bottom: 50px;
    left: 30px;
  }
}
#feedbackFrame {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: -100%;
  width: 450px;
  height: 100%;
  padding: 25px;
  background-color: #001c52;
  color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media screen and (max-width: 850px), handheld and (max-width: 850px), projection and (max-width: 850px), tv and (max-width: 850px), tty and (max-width: 850px) {
  #feedbackFrame {
    display: none;
  }
}
#feedbackContainer {
  *zoom: 1;
  width: 100%;
}
#feedbackContainer:before,
#feedbackContainer:after {
  content: " ";
  display: table;
}
#feedbackContainer:after {
  clear: both;
}
#feedbackContainer form {
  position: relative;
}
#feedbackContainer h2 {
  font-size: 24px;
  line-height: 28px;
}
#feedbackContainer .formContainer {
  width: 100%;
}
#feedbackContainer .formContainer p {
  margin-bottom: 3px;
}
#feedbackContainer .formContainer .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  color: #c3c5c8;
  cursor: pointer;
}
#feedbackContainer .formContainer .close:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  font-size: 30px;
  line-height: 30px;
}
#feedbackContainer .formContainer .close:hover {
  color: #001c52;
}
#feedbackContainer .formContainer .section {
  margin-bottom: 20px;
}
#feedbackContainer .formContainer .section input[type="text"],
#feedbackContainer .formContainer .section textarea {
  font-size: 16px;
  line-height: 20px;
}
#feedbackContainer .formContainer .section input[type="text"]::-webkit-input-placeholder,
#feedbackContainer .formContainer .section textarea::-webkit-input-placeholder {
  font-size: 16px !important;
  line-height: 20px !important;
}
#feedbackContainer .formContainer .section input[type="text"]:-moz-placeholder,
#feedbackContainer .formContainer .section textarea:-moz-placeholder {
  font-size: 16px !important;
  line-height: 20px !important;
}
#feedbackContainer .formContainer .section input[type="text"]::-moz-placeholder,
#feedbackContainer .formContainer .section textarea::-moz-placeholder {
  font-size: 16px !important;
  line-height: 20px !important;
}
#feedbackContainer .formContainer .section input[type="text"]:-ms-input-placeholder,
#feedbackContainer .formContainer .section textarea:-ms-input-placeholder {
  font-size: 16px !important;
  line-height: 20px !important;
}
#feedbackContainer .formContainer .section textarea {
  min-height: 150px;
}
#feedbackContainer .formContainer .section .errors {
  color: #dd5151;
}
#feedbackContainer .formContainer .section .errors li {
  margin-bottom: 3px;
}
#feedbackContainer .formContainer .errors {
  margin-bottom: 20px;
}
#feedbackContainer .submit-section {
  margin-bottom: 20px;
}
#feedbackContainer .submit-section button {
  display: block;
  width: 100%;
  padding: 16px 0 14px 30px;
  font-size: 25px;
  line-height: 29px;
  font-weight: normal;
  text-transform: none;
  color: #fff;
}
#feedbackContainer .submit-section button:before {
  position: absolute;
  display: block;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 16px;
  left: 0;
  font-size: 59px;
  line-height: 59px;
  font-weight: normal;
  content: "\e905";
}
#feedbackContainer .screen {
  position: relative;
  z-index: 1000;
  overflow: visible;
  width: 100%;
  margin: 0;
  padding: 15px 10px 10px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 453px;
  width: 250px;
  padding: 15px 5px 0;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
}
#feedbackContainer .screen h3 {
  display: none;
  margin-bottom: 8px;
}
#feedbackContainer .screen img {
  width: 100%;
  height: auto;
}
#feedbackContainer .screen:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 32px;
  line-height: 32px;
  z-index: 1000;
  top: 107px;
  left: -16px;
  color: #fff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
}
#feedbackContainer .screen #canvas {
  overflow-y: auto;
  max-height: 100%;
}
#feedbackContainer .waiting {
  text-align: center;
}
#feedbackContainer .waiting .loader {
  position: relative;
  display: block;
  height: 40px;
  margin-bottom: 30px;
}
#feedbackContainer .waiting .progress .step-two {
  display: none;
}
#feedbackContainer .waiting .progress.processing .step-one {
  display: none;
}
#feedbackContainer .waiting .progress.processing .step-two {
  display: block;
}
#feedbackSuccess p {
  margin-bottom: 0;
}
/*------------------------------------*\
    Landingpages
\*------------------------------------*/
.story {
  max-width: 990px;
  margin: 0 auto 10px;
  padding: 18px 21px;
  background-color: #fff;
  border: 1px solid #d7d9db;
  font-size: 20px;
  line-height: 24px;
}
.story .headline {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: none;
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  .story {
    padding: 12px 14px;
    font-size: 16px;
    line-height: 20px;
  }
}
.list .story {
  margin-bottom: 39px;
}
.accordion {
  border: 1px solid #d7d9db;
  border-width: 1px 1px 0;
}
.accordion .segment .handler {
  padding: 8px 10px 5px;
  border-bottom: 1px solid #d7d9db;
  font-weight: bold;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accordion .segment .handler::selection {
  background-color: transparent;
}
.accordion .segment .handler::-moz-selection {
  background-color: transparent;
}
.accordion .segment .handler * {
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accordion .segment .handler *::selection {
  background-color: transparent;
}
.accordion .segment .handler *::-moz-selection {
  background-color: transparent;
}
.accordion .segment .handler:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  top: 6px;
  left: 15px;
  font-size: 10px;
  line-height: inherit;
  font-weight: bold;
  margin-right: 15px;
}
.accordion .segment .handler:hover {
  color: #c3c5c8;
}
.accordion .segment .handler .headline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-bottom: 0;
}
body.js .accordion .segment .handler {
  cursor: pointer;
  padding-left: 45px;
}
.accordion .segment .body {
  padding: 13px 17px 0;
  border-bottom: 1px solid #d7d9db;
}
body.js .accordion .segment .body {
  display: none;
}
.accordion .segment.active .handler {
  background-color: #001c52;
  color: #fff;
}
.accordion .segment.active .handler:before {
  content: "\e91c";
}
.accordion .segment.active .body {
  display: block !important;
}
/*------------------------------------*\
    Page best-practice
\*------------------------------------*/
body.page-digitalisierung .pane.pane-split {
  margin-bottom: 10px;
}
body.page-digitalisierung .pane.pane-split .best-practice-example a.more {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  /*margin-bottom: 27px;*/
  text-align: left;
}
@media (min-width: 1241px) {
  body.page-digitalisierung .pane.pane-split .best-practice-example a.more {
    padding-left: 15px;
  }
  body.page-digitalisierung .pane.pane-split .best-practice-example a.more:before {
    font-size: 29px;
    line-height: 29px;
    font-weight: normal;
  }
}
@media (min-width: 651px) and (max-width: 850px) {
  body.page-digitalisierung .pane.pane-split .best-practice-example a.more {
    font-size: 16px;
    line-height: 20px;
  }
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview a {
  display: block;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content {
  margin-bottom: 10px;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:first-child,
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:last-child {
  width: 48.8%;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:first-child {
  float: left;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:last-child {
  float: right;
  text-align: right;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a b {
  display: block;
  margin-bottom: 13px;
  padding-left: 12px;
  text-transform: uppercase;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a b:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  content: "\e903";
  top: 4px;
  left: 2px;
  font-weight: bold;
  color: #c5c6c8;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a span {
  display: block;
  color: #fff;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a span:first-child {
  margin-bottom: 20px;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a span:last-child {
  font-weight: bold;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a figure {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a img {
  width: 100%;
  height: auto;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a .cta {
  padding: 16px 19px;
  background-color: #001c52;
  text-align: left;
  color: #fff;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:hover figure {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:hover .cta b {
  color: #c3c5c8;
}
@media (max-width: 400px) {
  body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:first-child,
  body.page-digitalisierung .pane.pane-split .best-practice-example.overview .content a:last-child {
    float: none;
    width: 100%;
    text-align: left;
  }
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .pd {
  padding: 24px 19px;
  background-color: #001c52;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .pd a {
  display: block;
  padding-left: 21px;
  color: #fff;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .pd a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 30px;
  content: "\e903";
  top: 4px;
  left: 2px;
  font-weight: normal;
  color: #c5c6c8;
}
body.page-digitalisierung .pane.pane-split .best-practice-example.overview .pd a:hover {
  color: #c3c5c8;
}
body.page-digitalisierung .story {
  max-width: 990px;
  margin: 0 auto 10px;
  padding: 18px 21px;
  background-color: #fff;
  border: 1px solid #d7d9db;
  font-size: 20px;
  line-height: 24px;
  font-size: 16px;
  line-height: 22px;
}
body.page-digitalisierung .story .headline {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: none;
}
@media screen and (max-width: 400px), handheld and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px), tty and (max-width: 400px) {
  body.page-digitalisierung .story {
    padding: 12px 14px;
    font-size: 16px;
    line-height: 20px;
  }
}
body.page-digitalisierung .story p:last-child {
  margin-bottom: 0;
}
.pane .col-middle.customers-teaser ul {
  margin-bottom: 0;
}
.pane .col-middle.customers-teaser ul li {
  float: left;
  width: 33.33%;
  padding: 0 10px;
}
.pane .col-middle.customers-teaser ul li:before {
  display: none;
}
.pane .col-middle.customers-teaser ul li img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 400px) {
  .pane .col-middle.customers-teaser ul li {
    float: none;
    width: 100%;
  }
  .pane .col-middle.customers-teaser ul li:first-child {
    margin-bottom: 20px;
  }
  .pane .col-middle.customers-teaser ul li img {
    width: auto;
    height: auto;
  }
}
.pane .col-middle .reference .attr-grid {
  margin-bottom: 20px;
  border-bottom: 1px solid #d7d9db;
}
.pane .col-middle .reference a.details {
  position: relative;
  padding: 0 0 0 11px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
.pane .col-middle .reference a.details:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  content: "\e903";
  font-weight: bold;
  top: 2px;
  left: 2px;
  color: #c5c6c8;
}
.pane .col-middle .twinteaser {
  background-color: transparent !important;
  border: 0;
}
.pane .col-middle .twinteaser a {
  display: block;
  position: relative;
  width: 48.8%;
  padding: 18px 21px;
  background-color: #fff;
  text-decoration: none;
  color: #fff;
}
.pane .col-middle .twinteaser a i {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pane .col-middle .twinteaser a span {
  position: relative;
  z-index: 2;
  color: #fff;
}
.pane .col-middle .twinteaser a:first-child {
  float: left;
}
.pane .col-middle .twinteaser a:first-child i {
  background-image: url('../images/theme/button-blau.jpg');
}
.pane .col-middle .twinteaser a:last-child {
  float: right;
}
.pane .col-middle .twinteaser a:last-child i {
  background-image: url('../images/theme/button-grau.jpg');
}
.pane .col-middle .twinteaser a b {
  text-transform: uppercase;
}
.pane .col-middle .twinteaser a:hover i {
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
@media (max-width: 650px) {
  .pane .col-middle .twinteaser a:first-child,
  .pane .col-middle .twinteaser a:last-child {
    float: none;
    width: 100%;
  }
  .pane .col-middle .twinteaser a:first-child {
    margin-bottom: 10px;
  }
}
.pane .col-middle .image_container img {
  width: 100%;
  height: auto;
}
.pane .col-middle .image_container figcaption {
  padding: 18px 21px;
}
.pane .col-middle .image_container figcaption span {
  font-size: 25px;
  line-height: 29px;
  text-transform: uppercase;
  color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 12px 16px 9px 14px;
  background-color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #001c52;
  letter-spacing: 1px;
}
.pane .col-middle .image_container figcaption span:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 32px;
  line-height: 32px;
  z-index: 100;
  top: auto;
  bottom: -23px;
  left: 35px;
  color: #fff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
}
@media (max-width: 850px) {
  .pane .col-middle .image_container {
    height: auto;
    max-height: initial;
    padding-bottom: 0;
  }
}
/*------------------------------------*\
    Dev
\*------------------------------------*/
#debug {
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 0;
  padding: 4px 6px;
  background-color: #fceb75;
  font-size: 10px;
  line-height: 14px;
  color: #000;
}
#landingpage-bar {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  right: 0;
  height: auto;
  padding: 10px 10px;
  background-color: #fceb75;
}
#landingpage-bar select {
  width: auto;
  margin-bottom: 0;
  padding: 4px 0px 1px 1px;
  font-size: 14px;
  line-height: 18px;
}
/*------------------------------------*\
    Watchlist
\*------------------------------------*/
#watchlist {
  display: none;
}
@media screen, handheld, projection, tv, tty {
  #watchlist {
    display: block;
    float: right;
    width: 250px;
    /*@media (max-width: @standard-responsive) {
			.top {
				.label {
					width: 48%; padding-left: 0;
					&:before { display: none; }
					strong { .font-size(19px); font-weight: bold; }
					span { display: none; }
				}
			}
		}*/
    /*@media (max-width:400px) {
			.container { width: 96%; }
		}*/
  }
  #watchlist .top {
    height: 60px;
    font-size: 0;
    line-height: 60px;
    text-align: right;
    cursor: default;
  }
  #watchlist .top .label {
    z-index: 6;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    padding-left: 18px;
    width: 65%;
    text-align: left;
    color: #c5c6c8;
  }
  #watchlist .top .label:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 40px;
    line-height: 40px;
    content: "\e903";
  }
  #watchlist .top .label strong,
  #watchlist .top .label span {
    display: block;
  }
  #watchlist .top .label strong {
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    text-transform: none;
    color: #001c52;
  }
  #watchlist .top .label span {
    font-size: 16px;
    line-height: 20px;
  }
  #watchlist .top .handler {
    z-index: 6;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 35%;
  }
  #watchlist .top .handler .icon,
  #watchlist .top .handler .count {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 43px;
  }
  #watchlist .top .handler .icon {
    margin-right: 2px;
    background-color: #001c52;
  }
  #watchlist .top .handler .icon span {
    display: block;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 26px;
    margin: 0 auto;
    background-color: #fff;
  }
  #watchlist .top .handler .icon span:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: inherit;
    height: inherit;
    font-size: 25px;
    line-height: 25px;
    color: #001c52;
    content: "\e900";
  }
  #watchlist .top .handler .count {
    z-index: 6;
    padding-left: 2px;
    background-color: #c5c6c8;
    text-align: center;
    color: #fff;
  }
  #watchlist .top .handler .count:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: -6px;
    top: 50%;
    font-size: 20px;
    line-height: 1px;
    color: #c5c6c8;
    content: "\e906";
  }
  #watchlist .container {
    position: absolute;
    z-index: 5;
    display: none;
    top: -5px;
    right: -5%;
    width: 110%;
    padding: 89px 10px 10px 10px;
    background-color: #fff;
    border: 1px solid #d7d9db;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  }
  #watchlist .container .description {
    padding: 13px 10px;
    border-top: 1px solid #d7d9db;
  }
  #watchlist .container .jobs {
    width: 100%;
    margin: 0;
  }
  #watchlist .container .jobs li {
    margin: 0;
    padding: 0 39px 0 0;
    border-top: 1px solid #d7d9db;
  }
  #watchlist .container .jobs li a {
    text-decoration: none;
  }
  #watchlist .container .jobs li a:hover {
    /*color: @hover;*/
  }
  #watchlist .container .jobs li a span {
    display: block;
  }
  #watchlist .container .jobs li .title {
    display: block;
    padding: 13px 0 13px 11px;
    width: 195px;
    font-weight: bold;
  }
  #watchlist .container .jobs li .remove {
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    color: #c5c6c8;
  }
  #watchlist .container .jobs li .remove span {
    width: 28px;
    height: 28px;
    text-indent: -9999em;
  }
  #watchlist .container .jobs li .remove:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    left: auto;
    right: 10px;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
  }
  #watchlist .container .jobs li .remove:hover:after {
    color: #001c52;
  }
  #watchlist .container .jobs li:hover {
    background-color: #d9dde7;
  }
  #watchlist .container .jobs li:hover .remove {
    color: #001c52;
  }
  #watchlist .container .register a {
    display: block;
    width: 100%;
    height: 67px;
    padding: 0 14px 0 13px;
    border: 1px solid #d7d9db;
    font-size: 0;
    line-height: 67px;
    text-decoration: none;
    text-transform: none;
  }
  #watchlist .container .register a span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-size: 20px;
    line-height: 22px;
  }
  #watchlist .container .register a:before {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e903";
    margin-right: 10px;
    font-size: 30px;
    line-height: 30px;
    color: #9b9da0;
  }
  #watchlist .container .register a.cta {
    background-color: #001c52;
    color: #fff;
  }
  #watchlist .container .register a.cta:before {
    color: #fff;
  }
  #watchlist .container .register a:hover {
    color: #c3c5c8;
  }
  #watchlist .container .register a:hover:before {
    color: #c3c5c8;
  }
  body.stickyPP #watchlist .container {
    padding-top: 67px;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #watchlist .top {
    cursor: pointer;
  }
}
@media screen and (min-width: 1001px), handheld and (min-width: 1001px), projection and (min-width: 1001px), tv and (min-width: 1001px), tty and (min-width: 1001px) {
  #watchlist:hover .container {
    display: block;
  }
}
@media screen and (max-width: 1000px), handheld and (max-width: 1000px), projection and (max-width: 1000px), tv and (max-width: 1000px), tty and (max-width: 1000px) {
  #watchlist {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*body.noscroll & {
				height: 100%; overflow-y: scroll;
			}*/
  }
  #watchlist::selection {
    background-color: transparent;
  }
  #watchlist::-moz-selection {
    background-color: transparent;
  }
  #watchlist * {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #watchlist *::selection {
    background-color: transparent;
  }
  #watchlist *::-moz-selection {
    background-color: transparent;
  }
  #watchlist .top .label {
    width: auto;
    margin-right: 20px;
    padding-left: 0;
  }
  #watchlist .top .label:before {
    display: none;
  }
  #watchlist .top .label strong {
    font-size: 19px;
    line-height: 23px;
    font-weight: bold;
  }
  #watchlist .top .label span {
    display: none;
  }
  #watchlist .top .handler {
    width: auto;
  }
  #watchlist .container .jobs li .title {
    width: auto;
  }
  body.watchlist #watchlist {
    width: 100%;
  }
  body.watchlist #watchlist .top {
    right: 15px;
  }
  body.watchlist #watchlist .top .label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: auto;
  }
  body.watchlist #watchlist .top .handler {
    width: auto;
  }
  body.watchlist #watchlist .container {
    display: block;
    right: 0;
    width: 100%;
    padding-top: 69px;
  }
}
@media screen and (max-width: 650px), handheld and (max-width: 650px), projection and (max-width: 650px), tv and (max-width: 650px), tty and (max-width: 650px) {
  #watchlist {
    position: static;
    top: 0;
    width: 92px;
    /*&:hover .top {
				.label { display: block; }
			}*/
  }
  #watchlist .top .label {
    display: none;
    top: 20px;
    width: auto;
    text-align: left;
  }
  #watchlist .top .handler {
    width: 100%;
  }
  body.watchlist #watchlist .top .label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
  body.watchlist #watchlist .top .handler {
    width: auto;
  }
}
/*------------------------------------*\
    404 error
\*------------------------------------*/
body.page-404 .pane-header h2 {
  font-weight: normal;
}
body.page-404 .pane h2 i {
  font-style: normal;
  font-weight: normal;
}
@media all and (max-width: 1258px) {
  body.page-404 #stage {
    height: 288px;
  }
  body.page-404 .col-aside-left {
    width: 788px;
    min-height: 0 !important;
  }
  body.page-404 .col-aside-left .inside {
    min-height: 0 !important;
  }
  body.page-404 .col-aside-left .bottom {
    display: none;
  }
}
@media all and (max-width: 1006px) {
  body.page-404 #stage {
    height: auto;
  }
}
@media all and (max-width: 829px) {
  body.page-404 .col-aside-left {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  body.page-404 .stage .title .hidelowres {
    display: none;
  }
}
/*------------------------------------*\
    Search field in 404 solution panel
\*------------------------------------*/
.inside-search input[type="text"] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 75%;
  margin-right: 10px;
}
.inside-search button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 15%;
}
@media all and (max-width: 420px) {
  .inside-search input.text {
    width: 65%;
  }
}
@page {
  size: A4 portrait;
  margin: 14mm 10mm;
}
@media print {
  html {
    width: 100%;
    height: auto;
    font-family: arial, Helvetica, sans-serif !important;
  }
  body {
    height: auto;
    padding-top: 0;
    font-family: arial, Helvetica, sans-serif !important;
    font-size: 10pt;
    line-height: 13pt;
  }
  h1,
  h2,
  h3,
  h4 {
    font-family: arial, Helvetica, sans-serif !important;
  }
  h1 {
    font-size: 20pt !important;
    line-height: 22pt !important;
    font-weight: bold !important;
    color: #000 !important;
  }
  h1 br {
    display: none;
  }
  h2 {
    font-family: arial, Helvetica, sans-serif !important;
    margin: 2mm 0 2mm !important;
    font-size: 15pt !important;
    line-height: 20pt !important;
    font-weight: bold !important;
    color: #000 !important;
  }
  h2 br {
    display: none;
  }
  h3 {
    font-size: 14pt !important;
    line-height: 18pt !important;
    font-weight: bold !important;
    color: #000 !important;
  }
  h3 br {
    display: none;
  }
  ul,
  ol {
    margin-left: 16px;
  }
  *:before,
  *:after {
    display: none;
  }
  #resp-lang,
  #resp-nav,
  #header .branding .hover,
  #header .top .control,
  #header .top .menu,
  #header .top .navigation,
  #stage,
  #watchlist,
  #footer,
  .footer-section,
  body > iframe,
  #debug,
  #smio,
  #awards,
  #totop,
  .pane.continue {
    display: none !important;
  }
  table.standorte {
    margin-bottom: 30px;
  }
  #wrapper {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  #header {
    color: #000;
    margin-bottom: 20px;
  }
  body.layout-alternative #header {
    margin-bottom: 0 !important;
  }
  #header .top {
    height: 20mm;
  }
  #header .branding {
    text-decoration: none;
    width: auto;
    top: auto !important;
    right: auto !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
  }
  #header .branding .solcom {
    fill: #000;
  }
  #header .branding svg,
  #header .branding img {
    position: absolute;
    width: 20mm;
    height: auto;
  }
  #header .branding .claim {
    display: block;
    padding-top: 3mm;
    margin-left: 23mm;
    font-size: 8pt;
    line-height: 11pt;
    color: #000;
  }
  #headings {
    position: relative !important;
    height: 10mm;
    margin-bottom: 4mm;
    padding: 0;
    border-bottom: 1px solid #d7d9db;
  }
  #headings > .title {
    float: none;
    margin-left: 0;
    padding: 0;
  }
  #headings > .title h1,
  #headings > .title .headline,
  #headings > .title strong {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: inline-block !important;
    margin: 0;
    padding: 0;
    font-size: 13pt !important;
    line-height: 15pt !important;
    text-transform: none;
  }
  #headings > .title h1,
  #headings > .title .headline {
    margin-right: 2mm;
  }
  #main {
    width: 100%;
    margin: 0;
    padding-top: 0 !important;
  }
  #main .pane .col-aside-right,
  #main .pane > .row > .left > .top,
  #main .pane > .row > .right {
    display: none !important;
  }
  body.page-bestpractice #main .pane.pane-split .best-practice-example,
  #main .pane .col-aside-left,
  #main .pane .col-middle {
    height: auto !important;
    min-height: 0 !important;
  }
  #main .pane .col-middle ul.references li {
    float: left;
    margin-left: 0;
    list-style: none;
  }
  #main .pane-header .left .top,
  #main .pane-header .left .col-aside-left {
    display: none !important;
  }
  #main .pane-header .right {
    display: none;
  }
  #main .split-container {
    width: 100%;
    height: auto;
  }
  #main .split-container .service {
    display: none;
  }
  #main .split-container .main-content {
    float: none;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
  }
  #main .split-container .main-content .section {
    padding: 0;
    border: 0;
  }
  #main .split-container .main-content .closer-section .closer {
    display: none;
  }
}


/* Cookie Banner */
.fortune_popup b {
	font-weight: 400;
}
.link_button {
	border: none;
	background: none !important;
	box-shadow: none !important;
	font-family: 'scala-sans', sans-serif;
	line-height: 150%;
	font-weight: bold;
	text-shadow: none !important;
	text-decoration: underline !important;
	margin-right: 40px;
	padding-left: 0 !important;
	font-size: 16px;
	font-weight: 400;
}
#note {
	z-index: 9999;
}
#note p {
	margin: 0 0 5px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}

#close {
	cursor: pointer;
	padding: 6px 25px !important;
	background: #ffffff !important;
	color: #000000 !important;
	text-decoration: none !important;
	border-radius: 0;
	border: 1px solid #000000;
}

#close:hover {
	cursor: pointer;
	padding: 6px 25px !important;
	background: #000000 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	border-radius: 0;
	transition: 0.5s;
	border: 1px solid #ffffff;
}

a#close:before {
    display: block;
    content: "\e903";
    font-family: 'icomoon';
    color: #ffffff;
    position:  absolute;
    left: 10px;
    transition: color 0s;
}

a#close {
    background: transparent !important;
    color: #ffffff !important;
    border: 0px none transparent !important;
    display: inline-block;
    font-size: 18px;
	text-transform: uppercase;
    transition: color 0s;
	font-weight: 600;
}

a#close:hover {
    background: transparent !important;
    color: #999999 !important;
    transition:  color 0s;
}

a#close:hover:before {
    color: #999999;
}

@media screen and (max-width: 1181px) {
	#close {
		width: 80%;
		display: inline-block;
		margin-top: 20px;
	}
	.link_button {
		margin-right: 0 !important;
	}
}
/* Cookie Banner - End */

/* Custom Chevron-List */
.pane .col-middle .reference span.details {
    display: block;
    position: relative;
    padding: 0 0 0 11px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.pane .col-middle .reference span.details:before {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.6em;
    line-height: 1.4em;
    content: "\e903";
    font-weight: 600;
    top: 0px;
    left: 2px;
    color: #c5c6c8;
}
.pane .col-middle .reference span.details:hover {
    color: inherit;
}
/* Custom Chevron-List - End */

/* Custom Details (Blue Container) */
.pane .left.details:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
	background-color: transparent;
	font-family: 'icomoon' !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 10px;
	line-height: 10px;
	content: "\e903";
	font-weight: bold;
	top: 4px;
	left: 2px;
	color: #c5c6c8;
	font-size: 36px;
    line-height: 36px;
    font-weight: normal;
}
.pane.continue .left.details {
	padding-left: 21px;
	font-size: 20px;
	line-height: 24px;
}
/* Custom Details (Blue Container) - End */

/* Sidebar Custom (Geschäftsführer) */
.sidebar_more {
	padding-top: 60px !important;
}
.sidebar_more > img,
.sidebar_more > a > img {
	padding: 0;
	margin-left: -21px;
}
.sidebar_more:hover > h3 {
	color: #001c52;
}
.col-aside-right figure + span:hover {
	color: #001c52;
}
/* Sidebar Custom (Geschäftsführer) - End */

.col-aside-left .g-4.form-section ul > li {
	line-height: 24px;
	padding-bottom: 18px;
}

.more.detail_small.no_hover:hover {
	color: #001c52;
}

.g-4.col-aside-left.sh {
	margin-right: 10px;
}
.form-section {
	padding: 18px 21px;
	background-color: #fff;
	border: 1px solid #d7d9db;
}

.g-4.col-middle.full.sh {
	margin-right: 10px;
}
.g-4.col-middle.full.sh .form-section {
	float: left;
	padding: 18px 21px;
	background-color: #fff;
	border: 1px solid #d7d9db;
}

.g-8.col-middle {
	margin-left: 0px !important;
}

/* Icon-Container */
.icon-row > .cell > img {
	height: 50px;
	float: left;
	margin: 0 10px;
}
.icon-row > .cell.num-6 > img {
	margin-left: 160px;
}
.icon-row > .cell.num-5 > img {
	margin-left: 110px;
}
.icon-row > .cell.num-4 > img {
	margin-left: 60px;
}
@media (max-width: 767px) {
	.icon-row > .cell.num-6 > img,
	.icon-row > .cell.num-4 > img,
	.icon-row > .cell.num-5 > img {
		margin-left: 0px;
	}
}
.icon-row > .cell.text {
	display: table;
}
@media (max-width: 767px) {
	.icon-row > .cell.icon:after {
		clear: both;
		content: ' ';
		display: block;
	}
	.icon-row > .cell.text {
		float: none;
		display: block;
		padding-top: 10px;
	}
}
.icon-row {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.icon-row:first-child {
	border-top: 0px none transparent;
}

.no_bg {
    border: 0px none transparent !important;
    background-color: transparent !important;
}

.detail_small {
    text-transform: none !important;
    font-weight: 400 !important;
	font-size: 16px !important;
}

@media (max-width: 767px) {
	.g-4 {
		width: 100% !important;
	}
}

.submit-section.standalone > .submit {
    padding-bottom: 14px !important;
}


/* Content Auto Height */
@media (min-width: 1241px) {
	.sh.content-auto-height {
		position: relative;
	}
	.sh .content-auto-height-inner {
		position: absolute;
		bottom: 100px;
		top: 0;
		margin: 0;
	}
	.sh .content-auto-height-inner + .submit-section {
		position: absolute;
		bottom: 0;
	}
	
	.sh.content-auto-height-big {
		position: relative;
	}
	.sh .content-auto-height-big-inner {
		position: absolute;
		bottom: 126px;
		top: 0;
		margin: 0;
	}
	.sh .content-auto-height-big-inner + .continue {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}
/* Content Auto Height - End */