/*! 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"], /* 1 */
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;
}

/*!
 *  The Black Tie Font is commercial software. Please do not distribute.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'Black Tie';
  src: url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.eot?v=1.0.0');
  src: url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.woff?v=1.0.0') format('woff'), url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('../../../fileadmin/template/main/fonts/BlackTie-Regular/BlackTie-Regular-webfont.svg?v=1.0.0#black_tieregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome Brands';
  src: url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0');
  src: url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0') format('woff'), url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('../../../fileadmin/template/main/fonts/brands/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bts,
.btb,
.btr,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.bts {
  font-weight: 900;
}
.btb {
  font-weight: 700;
}
.btl {
  font-weight: 200;
}
.fab {
  font-family: "Font Awesome Brands";
}
/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline;
}
/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.bt-2x {
  font-size: 2em;
}
.bt-3x {
  font-size: 3em;
}
.bt-4x {
  font-size: 4em;
}
.bt-5x {
  font-size: 5em;
}
.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%;
}
.bt-fw {
  width: 1.28571429em;
  text-align: center;
}
.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.bt-ul > li {
  position: relative;
}
.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.bt-li.bt-lg {
  left: -2em;
}
.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.bts.pull-left,
.btb.pull-left,
.btr.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em;
}
.bts.pull-right,
.btb.pull-right,
.btr.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em;
}
.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear;
}
.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8);
}
@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none;
}
.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline;
}
.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em;
}
.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bt-inverse {
  color: #ffffff;
}
/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000";
}
.bt-envelope:before {
  content: "\f001";
}
.bt-search:before {
  content: "\f002";
}
.bt-search-plus:before {
  content: "\f003";
}
.bt-search-minus:before {
  content: "\f004";
}
.bt-phone:before {
  content: "\f005";
}
.bt-comment:before {
  content: "\f007";
}
.bt-commenting:before {
  content: "\f008";
}
.bt-comments:before {
  content: "\f009";
}
.bt-rss:before {
  content: "\f00a";
}
.bt-times:before {
  content: "\f00c";
}
.bt-times-circle:before {
  content: "\f00d";
}
.bt-clock:before {
  content: "\f00e";
}
.bt-star:before {
  content: "\f010";
}
.bt-star-half:before {
  content: "\f011";
}
.bt-check:before {
  content: "\f012";
}
.bt-check-circle:before {
  content: "\f013";
}
.bt-check-square:before {
  content: "\f014";
}
.bt-th:before {
  content: "\f015";
}
.bt-th-large:before {
  content: "\f016";
}
.bt-heart:before {
  content: "\f017";
}
.bt-heart-half:before {
  content: "\f018";
}
.bt-calendar:before {
  content: "\f019";
}
.bt-shopping-cart:before {
  content: "\f01a";
}
.bt-plus:before {
  content: "\f01b";
}
.bt-plus-circle:before {
  content: "\f01c";
}
.bt-plus-square:before {
  content: "\f01d";
}
.bt-pen:before {
  content: "\f01e";
}
.bt-minus:before {
  content: "\f021";
}
.bt-minus-circle:before {
  content: "\f022";
}
.bt-minus-square:before {
  content: "\f023";
}
.bt-pencil:before {
  content: "\f024";
}
.bt-edit:before {
  content: "\f025";
}
.bt-thumbs-up:before {
  content: "\f026";
}
.bt-thumbs-down:before {
  content: "\f027";
}
.bt-gear:before {
  content: "\f028";
}
.bt-trash:before {
  content: "\f029";
}
.bt-file:before {
  content: "\f02a";
}
.bt-info-circle:before {
  content: "\f02b";
}
.bt-label:before {
  content: "\f02c";
}
.bt-rocket:before {
  content: "\f02d";
}
.bt-book:before {
  content: "\f02e";
}
.bt-book-open:before {
  content: "\f02f";
}
.bt-notebook:before {
  content: "\f030";
}
.bt-camera:before {
  content: "\f031";
}
.bt-folder:before {
  content: "\f032";
}
.bt-quote-left:before {
  content: "\f036";
}
.bt-quote-right:before {
  content: "\f037";
}
.bt-eye:before {
  content: "\f038";
}
.bt-lock:before {
  content: "\f039";
}
.bt-lock-open:before {
  content: "\f03a";
}
.bt-gift:before {
  content: "\f03b";
}
.bt-spinner-clock:before {
  content: "\f03c";
}
.bt-spinner:before {
  content: "\f03d";
}
.bt-wrench:before {
  content: "\f03e";
}
.bt-cloud:before {
  content: "\f040";
}
.bt-cloud-upload:before {
  content: "\f041";
}
.bt-cloud-download:before {
  content: "\f042";
}
.bt-sync:before {
  content: "\f043";
}
.bt-question-circle:before {
  content: "\f044";
}
.bt-share:before {
  content: "\f045";
}
.bt-briefcase:before {
  content: "\f046";
}
.bt-money:before {
  content: "\f047";
}
.bt-megaphone:before {
  content: "\f048";
}
.bt-sign-in:before {
  content: "\f049";
}
.bt-sign-out:before {
  content: "\f04a";
}
.bt-film:before {
  content: "\f04b";
}
.bt-trophy:before {
  content: "\f04c";
}
.bt-code:before {
  content: "\f04d";
}
.bt-light-bulb:before {
  content: "\f04e";
}
.bt-print:before {
  content: "\f050";
}
.bt-fax:before {
  content: "\f051";
}
.bt-video:before {
  content: "\f052";
}
.bt-signal:before {
  content: "\f053";
}
.bt-sitemap:before {
  content: "\f054";
}
.bt-upload:before {
  content: "\f055";
}
.bt-download:before {
  content: "\f056";
}
.bt-key:before {
  content: "\f057";
}
.bt-mug:before {
  content: "\f058";
}
.bt-bookmark:before {
  content: "\f059";
}
.bt-flag:before {
  content: "\f05a";
}
.bt-external-link:before {
  content: "\f05b";
}
.bt-smile:before {
  content: "\f05c";
}
.bt-frown:before {
  content: "\f05d";
}
.bt-meh:before {
  content: "\f05e";
}
.bt-magic:before {
  content: "\f060";
}
.bt-bolt:before {
  content: "\f061";
}
.bt-exclamation-triangle:before {
  content: "\f062";
}
.bt-exclamation-circle:before {
  content: "\f063";
}
.bt-flask:before {
  content: "\f064";
}
.bt-music:before {
  content: "\f065";
}
.bt-push-pin:before {
  content: "\f066";
}
.bt-shield:before {
  content: "\f067";
}
.bt-sort:before {
  content: "\f068";
}
.bt-reply:before {
  content: "\f069";
}
.bt-forward:before {
  content: "\f06a";
}
.bt-reply-all:before {
  content: "\f06b";
}
.bt-forward-all:before {
  content: "\f06c";
}
.bt-bell:before {
  content: "\f06d";
}
.bt-bell-off:before {
  content: "\f06e";
}
.bt-ban:before {
  content: "\f070";
}
.bt-database:before {
  content: "\f071";
}
.bt-hard-drive:before {
  content: "\f072";
}
.bt-merge:before {
  content: "\f073";
}
.bt-fork:before {
  content: "\f074";
}
.bt-wifi:before {
  content: "\f075";
}
.bt-paper-plane:before {
  content: "\f076";
}
.bt-inbox:before {
  content: "\f077";
}
.bt-fire:before {
  content: "\f078";
}
.bt-play:before {
  content: "\f079";
}
.bt-pause:before {
  content: "\f07a";
}
.bt-stop:before {
  content: "\f08b";
}
.bt-play-circle:before {
  content: "\f07b";
}
.bt-next:before {
  content: "\f07c";
}
.bt-previous:before {
  content: "\f07d";
}
.bt-repeat:before {
  content: "\f07e";
}
.bt-fast-forward:before {
  content: "\f080";
}
.bt-fast-reverse:before {
  content: "\f081";
}
.bt-volume:before {
  content: "\f082";
}
.bt-volume-off:before {
  content: "\f083";
}
.bt-volume-up:before {
  content: "\f084";
}
.bt-volume-down:before {
  content: "\f085";
}
.bt-maximize:before {
  content: "\f086";
}
.bt-minimize:before {
  content: "\f087";
}
.bt-closed-captions:before {
  content: "\f088";
}
.bt-shuffle:before {
  content: "\f089";
}
.bt-triangle:before {
  content: "\f08a";
}
.bt-square:before {
  content: "\f08b";
}
.bt-circle:before {
  content: "\f08c";
}
.bt-hexagon:before {
  content: "\f08d";
}
.bt-octagon:before {
  content: "\f08e";
}
.bt-angle-up:before {
  content: "\f090";
}
.bt-angle-down:before {
  content: "\f091";
}
.bt-angle-left:before {
  content: "\f092";
}
.bt-angle-right:before {
  content: "\f093";
}
.bt-angles-up:before {
  content: "\f094";
}
.bt-angles-down:before {
  content: "\f095";
}
.bt-angles-left:before {
  content: "\f096";
}
.bt-angles-right:before {
  content: "\f097";
}
.bt-arrow-up:before {
  content: "\f098";
}
.bt-arrow-down:before {
  content: "\f099";
}
.bt-arrow-left:before {
  content: "\f09a";
}
.bt-arrow-right:before {
  content: "\f09b";
}
.bt-bar-chart:before {
  content: "\f09c";
}
.bt-pie-chart:before {
  content: "\f09d";
}
.bt-circle-arrow-up:before {
  content: "\f0a0";
}
.bt-circle-arrow-down:before {
  content: "\f0a1";
}
.bt-circle-arrow-left:before {
  content: "\f0a2";
}
.bt-circle-arrow-right:before {
  content: "\f0a3";
}
.bt-caret-up:before {
  content: "\f0a4";
}
.bt-caret-down:before {
  content: "\f0a5";
}
.bt-caret-left:before {
  content: "\f0a6";
}
.bt-caret-right:before {
  content: "\f0a7";
}
.bt-long-arrow-up:before {
  content: "\f0a8";
}
.bt-long-arrow-down:before {
  content: "\f0a9";
}
.bt-long-arrow-left:before {
  content: "\f0aa";
}
.bt-long-arrow-right:before {
  content: "\f0ab";
}
.bt-Bold:before {
  content: "\f0ac";
}
.bt-italic:before {
  content: "\f0ad";
}
.bt-underline:before {
  content: "\f0ae";
}
.bt-link:before {
  content: "\f0b0";
}
.bt-paper-clip:before {
  content: "\f0b1";
}
.bt-align-left:before {
  content: "\f0b2";
}
.bt-align-center:before {
  content: "\f0b3";
}
.bt-align-right:before {
  content: "\f0b4";
}
.bt-align-justify:before {
  content: "\f0b5";
}
.bt-cut:before {
  content: "\f0b6";
}
.bt-copy:before {
  content: "\f0b7";
}
.bt-paste:before {
  content: "\f0b8";
}
.bt-photo:before {
  content: "\f0b9";
}
.bt-table:before {
  content: "\f0ba";
}
.bt-ulist:before {
  content: "\f0bb";
}
.bt-olist:before {
  content: "\f0bc";
}
.bt-indent:before {
  content: "\f0bd";
}
.bt-outdent:before {
  content: "\f0be";
}
.bt-undo:before {
  content: "\f0c0";
}
.bt-redo:before {
  content: "\f0c1";
}
.bt-sup:before {
  content: "\f0c2";
}
.bt-sub:before {
  content: "\f0c3";
}
.bt-text-size:before {
  content: "\f0c4";
}
.bt-text-color:before {
  content: "\f0c5";
}
.bt-remove-formatting:before {
  content: "\f0c6";
}
.bt-blockquote:before {
  content: "\f036";
}
.bt-globe:before {
  content: "\f0c7";
}
.bt-map:before {
  content: "\f0c8";
}
.bt-map-arrow:before {
  content: "\f0c9";
}
.bt-map-marker:before {
  content: "\f0ca";
}
.bt-map-pin:before {
  content: "\f0cb";
}
.bt-home:before {
  content: "\f0cc";
}
.bt-building:before {
  content: "\f0cd";
}
.bt-industry:before {
  content: "\f0ce";
}
.bt-desktop:before {
  content: "\f0d0";
}
.bt-laptop:before {
  content: "\f0d1";
}
.bt-tablet:before {
  content: "\f0d2";
}
.bt-mobile:before {
  content: "\f0d3";
}
.bt-tv:before {
  content: "\f0d4";
}
.bt-radio-checked:before {
  content: "\f0d5";
}
.bt-radio-unchecked:before {
  content: "\f08c";
}
.bt-checkbox-checked:before {
  content: "\f014";
}
.bt-checkbox-unchecked:before {
  content: "\f08b";
}
.bt-checkbox-intermediate:before {
  content: "\f023";
}
.bt-user:before {
  content: "\f0d6";
}
.bt-user-male:before {
  content: "\f0d6";
}
.bt-user-female:before {
  content: "\f0d7";
}
.bt-crown:before {
  content: "\f0d8";
}
.bt-credit-card:before {
  content: "\f0d9";
}
.bt-strikethrough:before {
  content: "\f0da";
}
.bt-eject:before {
  content: "\f0db";
}
.bt-ellipsis-h:before {
  content: "\f0dc";
}
.bt-ellipsis-v:before {
  content: "\f0dd";
}
.fab-facebook:before {
  content: "\f000";
}
.fab-facebook-alt:before {
  content: "\f001";
}
.fab-twitter:before {
  content: "\f002";
}
.fab-linkedin:before {
  content: "\f003";
}
.fab-linkedin-alt:before {
  content: "\f004";
}
.fab-instagram:before {
  content: "\f005";
}
.fab-github:before {
  content: "\f006";
}
.fab-github-alt:before {
  content: "\f007";
}
.fab-googleplus:before {
  content: "\f008";
}
.fab-googleplus-alt:before {
  content: "\f009";
}
.fab-pinterest:before {
  content: "\f00a";
}
.fab-pinterest-alt:before {
  content: "\f00b";
}
.fab-tumblr:before {
  content: "\f00c";
}
.fab-tumblr-alt:before {
  content: "\f00d";
}
.fab-bitcoin:before {
  content: "\f010";
}
.fab-bitcoin-alt:before {
  content: "\f011";
}
.fab-dropbox:before {
  content: "\f012";
}
.fab-stackexchange:before {
  content: "\f013";
}
.fab-stackoverflow:before {
  content: "\f014";
}
.fab-flickr:before {
  content: "\f015";
}
.fab-flickr-alt:before {
  content: "\f016";
}
.fab-bitbucket:before {
  content: "\f017";
}
.fab-html5:before {
  content: "\f018";
}
.fab-css3:before {
  content: "\f019";
}
.fab-apple:before {
  content: "\f01a";
}
.fab-windows:before {
  content: "\f01b";
}
.fab-android:before {
  content: "\f01c";
}
.fab-linux:before {
  content: "\f01d";
}
.fab-dribbble:before {
  content: "\f01e";
}
.fab-youtube:before {
  content: "\f021";
}
.fab-skype:before {
  content: "\f022";
}
.fab-foursquare:before {
  content: "\f023";
}
.fab-trello:before {
  content: "\f024";
}
.fab-maxcdn:before {
  content: "\f025";
}
.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026";
}
.fab-vimeo:before {
  content: "\f027";
}
.fab-vimeo-alt:before {
  content: "\f028";
}
.fab-slack:before {
  content: "\f029";
}
.fab-wordpress:before {
  content: "\f02a";
}
.fab-wordpress-alt:before {
  content: "\f02b";
}
.fab-openid:before {
  content: "\f02c";
}
.fab-yahoo:before {
  content: "\f02d";
}
.fab-yahoo-alt:before {
  content: "\f02e";
}
.fab-reddit:before {
  content: "\f02f";
}
.fab-google:before {
  content: "\f030";
}
.fab-google-alt:before {
  content: "\f031";
}
.fab-stumbleupon:before {
  content: "\f032";
}
.fab-stumbleupon-alt:before {
  content: "\f033";
}
.fab-delicious:before {
  content: "\f034";
}
.fab-digg:before {
  content: "\f035";
}
.fab-piedpiper:before {
  content: "\f036";
}
.fab-piedpiper-alt:before {
  content: "\f037";
}
.fab-drupal:before {
  content: "\f038";
}
.fab-joomla:before {
  content: "\f039";
}
.fab-behance:before {
  content: "\f03a";
}
.fab-steam:before {
  content: "\f03b";
}
.fab-steam-alt:before {
  content: "\f03c";
}
.fab-spotify:before {
  content: "\f03d";
}
.fab-deviantart:before {
  content: "\f03e";
}
.fab-soundcloud:before {
  content: "\f040";
}
.fab-vine:before {
  content: "\f041";
}
.fab-codepen:before {
  content: "\f042";
}
.fab-jsfiddle:before {
  content: "\f043";
}
.fab-rebel:before {
  content: "\f044";
}
.fab-empire:before {
  content: "\f045";
}
.fab-git:before {
  content: "\f046";
}
.fab-hackernews:before {
  content: "\f047";
}
.fab-hackernews-alt:before {
  content: "\f048";
}
.fab-slideshare:before {
  content: "\f049";
}
.fab-twitch:before {
  content: "\f04a";
}
.fab-yelp:before {
  content: "\f04b";
}
.fab-paypal:before {
  content: "\f04c";
}
.fab-google-wallet:before {
  content: "\f04d";
}
.fab-angellist:before {
  content: "\f04e";
}
.fab-cc-visa:before {
  content: "\f050";
}
.fab-cc-mastercard:before {
  content: "\f051";
}
.fab-cc-discover:before {
  content: "\f052";
}
.fab-cc-amex:before {
  content: "\f053";
}
.fab-cc-paypal:before {
  content: "\f054";
}
.fab-cc-stripe:before {
  content: "\f055";
}
.fab-lastfm:before {
  content: "\f056";
}
.fab-whatsapp:before {
  content: "\f057";
}
.fab-medium:before {
  content: "\f058";
}
.fab-meanpath:before {
  content: "\f059";
}
.fab-meanpath-alt:before {
  content: "\f05a";
}
.fab-pagelines:before {
  content: "\f05b";
}
.fab-ioxhost:before {
  content: "\f060";
}
.fab-buysellads:before {
  content: "\f061";
}
.fab-buysellads-alt:before {
  content: "\f062";
}
.fab-connectdevelop:before {
  content: "\f063";
}
.fab-dashcube:before {
  content: "\f064";
}
.fab-forumbee:before {
  content: "\f065";
}
.fab-leanpub:before {
  content: "\f066";
}
.fab-sellsy:before {
  content: "\f067";
}
.fab-shirtsinbulk:before {
  content: "\f068";
}
.fab-simplybuilt:before {
  content: "\f069";
}
.fab-skyatlas:before {
  content: "\f06a";
}
.fab-viacoin:before {
  content: "\f06b";
}
.fab-codiepie:before {
  content: "\f06c";
}
.fab-queue:before {
  content: "\f06d";
}
.fab-queue-alt:before {
  content: "\f06e";
}
.fab-fonticons:before {
  content: "\f070";
}
.fab-fonticons-alt:before {
  content: "\f071";
}
.fab-blacktie:before {
  content: "\f072";
}
.fab-blacktie-alt:before {
  content: "\f073";
}
.fab-xing:before {
  content: "\f090";
}
.fab-vk:before {
  content: "\f091";
}
.fab-weibo:before {
  content: "\f092";
}
.fab-renren:before {
  content: "\f093";
}
.fab-tencent-weibo:before {
  content: "\f094";
}
.fab-qq:before {
  content: "\f095";
}
.fab-wechat:before,
.fab-weixin:before {
  content: "\f096";
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'),
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../fileadmin/template/main/fonts/Lato/lato-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
    padding: 0;
    margin: 0;
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    /*font-weight: 500;*/
    letter-spacing: 0.03em;
    box-sizing: border-box;
    color: #666666;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
}

html {
	height: 100%;
}

body {
    /* On modern browsers, prevent the whole page to bounce */
    overflow: hidden;
    width: 100%;
    height: 100%;

    background-color: #f8f8f8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#menu-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    right: 400px;
}

#page {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;

    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

/*     Prevent native touch events on Windows
    -ms-touch-action: none;

    Prevent the callout on tap-hold and text selection
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    Prevent text resize on orientation change, useful for web-apps
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none; */

    background-color: #f8f8f8;
    z-index: 10;
    /* box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15); */
}

#scroller {
    position: absolute;

    /* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);

    background-color: #f8f8f8;

    z-index: 40;
}

#header {
    position: absolute;
    width: 100%;
    background-color: white;
    z-index: 20;
    
    border-bottom: 1px solid #f8f8f8;
}
.logo {
    float: left;
    /*margin-left: 50px;*/
    
    width: 50%;
    height: 100px;
    background-image: url('../../../fileadmin/template/main/images/logo.svg');
    background-repeat: no-repeat;
    /*background-size: 200px;*/
    background-position: left center;
}
.toggle-nav {
    float: right;
    width: 60px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    /*background-color: #f8f8f8;*/
}
	.toggle-nav,
	.toggle-nav::after,
	.toggle-nav a {
		/* -webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none; */
		cursor: pointer;
	}
#menu .toggle-nav {
    /*margin-top: 30px;*/
    margin-right: 0px;
}

#menu.tiny .toggle-nav {
    margin-top: 20px;
}

.toggle-nav a {
    width: 60px;
    height: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
}
.toggle-nav:after {
    text-align: center;
    content: "\F000";
    font-family: 'Black Tie';
    width: 60px;
    height: 50px;
    /*color: #34A574;*/
    color: #0077bf;
    font-size: 20px !important; /* 22 */
    
    font-weight: normal !important;
}

.slide-left .toggle-nav:after {
    content: "\F00C";
    font-size: 18px !important;
}

#header.hide-brand .brand {
    opacity:0;
}

#header.hide-brand *,
#header.hide-brand~#page {
	opacity: 0.5;
}

#mobile_brand {
    display: none;
}

/*GRID*/
.grid-wrap {
	margin: 0 -20px;
}
	.col-grid {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 40px;
	}
		.col-grid-content {
			display: block;
			background: #34A574;
			padding: 20px;
			min-height: 160px;
			position: relative;
		}
			
		.col-grid:not(.col-grid-transparent) .col-grid-content,
		.col-grid:not(.col-grid-transparent) .col-grid-content:hover,
		.col-grid:not(.col-grid-transparent) .col-grid-content * {
			color: white;
		}
			.col-grid-content .info-date {
				position: absolute;
				bottom: 20px;
				right: 20px;
				left: 20px;
			}
			
			

/*MENU------------------------------------------------------*/

#menu {
    position: absolute;
    height: 100%;
    overflow: hidden;
    /*width: 400px;*/ /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
    right: -400px;

    z-index: 50;
    background-color: #F0F0F0;

    /* Prevent native touch events on Windows */
   /*  -ms-touch-action: none;

    Prevent the callout on tap-hold and text selection
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    Prevent text resize on orientation change, useful for web-apps
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;  */
}
#menu.slide-left {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
}
#menu-header {
    position: relative;
    right: 0;
    top: 0;
    /*width: 100%;*/ /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
    /*height: 100px;*/
    line-height: 20px;
    background-color: #F0F0F0;
    z-index: 30;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.brand {
    width: 220px;
    height: 100px;
    /* background-image: url('../../../fileadmin/template/main/images/slogan.svg'); */
    background-repeat: no-repeat;
    background-size: 220px;
    background-position: center;
    cursor: pointer;
}
.brand.brand-mobile {
	/* background-image: url('../../../fileadmin/template/main/images/slogan-mobile.svg'); */	
}

#menu-header .brand {
    float: left;
    margin-left: 30px;
}
#header .brand {
    float: right;
    margin-right: 10px;
}
li .menu-language {
    float: right;
    /*position: absolute;*/
    height: 50px;
    line-height: 50px; /*layouted----------------------------*/
    /*top: 50px;*/
    padding-left: 30px;
    margin-right: 10px;
    display: none;
}
li .menu-language a {
    margin-right: 10px
}
li .menu-language a.inactive {
    color: #999999;
    cursor: default;
}
#menu-list {
    position: absolute;
    /* Prevent elements to be highlighted on tap */
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/

    /* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);

    width: 400px; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
    z-index: 10;

    padding-bottom: 50px;
}
#menu-list ul li:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.5);
    /*border: 1px solid deeppink;*/
}

#menu-list ul li {
    list-style: none;
    /*width: 100%;*/
    height: 50px;
    display: table;
    overflow: hidden;
    position: relative;
}
#menu-list ul li a.snapable {
    list-style: none;
    width: 120px !important;
    height: 50px;
    line-height: 20px;
    /*background-color: rgba(255,255,255,.3);*/

    display: table-cell;
    vertical-align: middle;
    position: relative;
    
    padding: 0 50px 0 30px;
    
    border-bottom: 1px solid rgba(255,255,255,.5);
}
#menu-list ul li a.snapable:after {
    content: "\F093";
    font-family: 'Black Tie';
    line-height: 50px;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 18px; /* 18 */
    
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    
    font-weight: normal !important;
}
#menu-list ul li a.snapable:hover {
    /*color: white;*/
    /*background-color: rgba(75,199,146,1);*/
    background-color: rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,0);
}
#menu-language {
    padding: 15px 30px 0;
    line-height: 20px;
}
#menu-language .language-text {
	padding-right: 10px;
	color: #999999;
	font-size: 16px;
	font-weight: 300;
}
#menu-language a{
	font-size: 16px;
	font-weight: 300;
}
#menu-footer {
    padding: 30px;
    line-height: 20px;
    margin-top: 50px;
}
#menu-footer small {
   /* width: 100%;*/
    display: block;
    color: #999999;
}
.green {
    /*color: #34A574 !important;*/
    color: #0077bf !important;
}


/*SEARCH------------------------------------------------------*/
.search:after {
    text-align: center;
    content: "\F002";
    font-family: 'Black Tie';
    line-height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    width: 60px;
    height: 50px;
    /*color: #34A574;*/
    color: #0077bf
    
    font-size: 18px;
    font-weight: normal !important;
    /*font-weight: bold;*/
}
.search.form-group {
    margin: 0;
}
.search .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0px 60px 0px 30px;
    line-height: 30px;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
*:focus {
    outline: none;
}





/*GLOBALS-----------------------------------------------------*/
p {
    padding: 0 0 1em 0;
}

h1,
h1 * {
    font-weight: 500;
    text-transform: uppercase;
}
	h1 {
		margin: 0;
	}
h2,
h2 * {
    font-weight: 500;
     text-transform:uppercase;
}
	h2 {
		margin: 0;
	}



p:last-child {
	padding-bottom: 0;
}

p, ul li, ol li {
    font-weight: 300;
}
small {
    font-size: 14px;
    font-weight: 300;
}



a,
a *,
input[type="submit"] {
    /*color: #34A574;*/
    color: #0077bf;
    cursor: pointer;
    text-decoration: none;
}
a:hover,
a:hover *,,
input[type="submit"]:hover,
input[type="submit"]:active {
    color: #999999;
}
strong {
    font-weight: 700;
    color: #666666;
}

.btl {
    font-size: 18px !important;
}

hr {
	display: inline-block;
	width: 100%;
	height:1px; 
	border:none; 
	color:#ededed; 
	background-color:#ededed;
	margin-bottom: 50px;
	margin-top: 50px;
}

hr.hidden-l.hidden-xl:last-child{
	display: none;
}


.row ul li:before,
.row ol li:before {
    content: "-";
    position: absolute;
    left: -20px;
}
.row ul li,
.row ol li {
    list-style-type: none;
    line-height: 24px;
    list-style-position: outside;
    left: 20px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 20px;
}

img.alignright {
	float: right;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row img,
[id^="attachment_"] {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}
	.row [id^="attachment_"] img {
		margin-bottom: 10px;
	}

.ce-media iframe {
	display: block;
	max-width: 100%;
	margin-bottom: 1em;
}

/*ANIMATIONS--------------------------------------------*/
#header.tiny {
    height: 100px;
    line-height: 100px;
}
#header.tiny .toggle-nav {
    margin-top: 20px;
}
#header.tiny>.brand,
#header.tiny>.logo,
#menu.tiny #menu-header {
    height: 100px;
}

#menu.tiny .menu-language {
    height: 50px;
    top: 50px;
    line-height: 50px; /*layouted----------------------------*/
}
#menu.tiny .brand {
    height: 50px;
    background-position: left bottom
}
#menu.tiny .search:after {
    top: 100px;
}



.animated {
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
}
	.wording.init~.animated {
		-webkit-transition: 0ms ease all;
		-moz-transition: 0ms ease all;
		transition: 0ms ease all;
	}
	::-webkit-input-placeholder {  -webkit-transition: 150ms ease all; }
	::-moz-placeholder { -moz-transition: 150ms ease all; }
	:-ms-input-placeholder { transition: 150ms ease all; }
	input:-moz-placeholder { -moz-transition: 150ms ease all; }
.animated-2 {
    -webkit-transition: 1800ms ease all;
    -moz-transition: 1800ms ease all;
    transition: 1800ms ease all;
}
	.in .animated-2 {
	    -webkit-transition: 900ms ease all;
	    -moz-transition: 900ms ease all;
	    transition: 900ms ease all;
	}

.slide-left {
    -webkit-transform: translateX(-400px);  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);      /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
    transform: translateX-(400px);          /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WICHTIG */
}




/*DISABLE POINTER ON TOUCH---------------------------------------*/

.disable-hover {
    pointer-events: none;
}







/*LAYOUT---------------------------------------------------------*/

#scroller {
    width: 100%;
}
.content {}

.row-wrap {}
	.row-wrap.background-white,
	.row-wrap.background-1 {
		background: white; 
	}
	.row-wrap.row-close+.row-wrap.row-close .row {
		padding-top: 0;
	}

.row {
    max-width: 1024px;
    margin: 0 auto;
}
	.row.row-search {
		position: relative;
		padding: 0 5%;
	}
		.row.row-search>*:first-child {
			padding: 25px 0;
			border-bottom: 1px solid #ededed;
		}
	
	.row-wrap:first-child .row,
	.teaser+.row-wrap .row {
		padding-top: 50px;	
	}
	
	form .row {
		padding: 0;
	}
		form .row+.row {
			padding-top: 50px;
		}

.teaser {
	position: relative;
	overflow: hidden;
}
.teaser-image {
    background-color: #ededed;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

.wording {
	position: absolute;
	width: 100%;
	z-index: 99;
}
	.wording>.row {
		padding-top: 0 !important;
	}
	.wording h1 {
		color: white;
		opacity: 0;
		transition-property: opacity !important;
	}
	
	.wording.in h1 {
		opacity: 1;
	}
	.wording.init~.teaser .teaser-image,
	.wording.in~.teaser .teaser-image {
		filter: blur(15px);
		-webkit-filter: blur(15px);
		-moz-filter: blur(15px);
		-o-filter: blur(15px);
		-ms-filter: blur(15px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
	}



#site_title {
	display: block;
	height: 100%;
	/*width: 34%*/
	text-indent: 9999em;
}



[class*="page-content"] {
	display: inline-block;
	float: left;
	min-height: 1px;
}
	.page-content-offset {
	}
	.page-content,
	.page-content-sub {
		width: 80%;
	}
		.page-content-sub .subpage+.subpage {
			margin-top: 1em;
		}
	
	.page-tag>span {
		line-height: 40px;
		/*background-color: #34A574;*/
        background-color: #0077bf;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		text-align: center;
		color: white;
		display: block;
		margin-top: -6px;
	}
	
	.subpage a {
		line-height: 25px;
	} 
	
	.subpages-headline {
		color: #C8C8C8;
		font-size: 12px;
		margin-bottom: 42px;
	}
	
	
	
#page footer ul li {
	left: 0px;
}
#page footer ul li:before {
	content: '';
}

#page footer ul.menu>li {
	font-weight: bold;
}
	#page footer ul.menu>.menu-item+.menu-item {
		margin-top: 1.2em;
	}

#page footer ul.sub-menu {
	margin-top: 0.2em;
	margin-bottom: 0.6em;
}

#page footer ul.sub-menu ul.sub-menu {
	margin-left: 1em;
}
	#page footer ul.sub-menu ul.sub-menu li::before {
		content: '-';
		left: -1em;
		/*color: #34A574;*/
        color: #0077bf
	}
	
#page footer .row {
	border-top: 1px solid #f8f8f8;
}

[class^="powermail_form"] h3,
[class^="powermail_form"] legend{
	display: none;
}
	
[class^="powermail_form"] fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}
	
[class^="powermail_fieldwrap"] {
	position: relative;
	margin-bottom: 1em;
}
	
[class^="powermail_fieldwrap"] input,
[class^="powermail_fieldwrap"] textarea,
.form-mod-value {
	border: none !important;
	border-bottom: 1px solid #ededed !important;
	line-height: 30px !important;
	height: 30px;
	resize: none;
	width: 100%;
	border-radius: 0 !important;
	background: transparent !important;
	color: #666666 !important;
}
	[class^="powermail_fieldwrap"] textarea {
		height: 150px;
	}
	[class^="powermail_fieldwrap"] input.user-error,
	[class^="powermail_fieldwrap"] input[aria-invalid="true"],
	[class^="powermail_fieldwrap"] textarea.user-error,
	[class^="powermail_fieldwrap"] textarea[aria-invalid="true"],
	[class^="powermail_fieldwrap"] input.parsley-error, 
	[class^="powermail_fieldwrap"] textarea.parsley-error {
		border: none !important;
		border-bottom: 1px solid red !important;
		background-color: transparent !important;
	}
	
[class^="powermail_fieldwrap"] li.parsley-required{
	color: red !important;
}

[class^="powermail_fieldwrap"] li.parsley-required::before{
	content: none;
	left: 0;
}
	

[class^="powermail_fieldwrap"] select {
	position: absolute;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 99;
	opacity: 0;
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
	cursor: pointer;
}

[class^="powermail_fieldwrap"] input.powermail_checkbox {
	width: auto;
	height: auto;
	position: absolute;
	margin-left: -25px;
	margin-top: 7px;
}

[class^="powermail_fieldwrap"] input:focus::-webkit-input-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] input:focus::-moz-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] input:focus:-ms-input-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] input:focus:-moz-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] textarea:focus::-webkit-input-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] textarea:focus::-moz-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] textarea:focus:-ms-input-placeholder { opacity: 0; }
[class^="powermail_fieldwrap"] textarea:focus:-moz-placeholder { opacity: 0; }

.powermail_label {
	opacity: 0;
	color: #999;
}

.powermail_fieldwrap_type_select .powermail_label {
	opacity: 1;
	margin-bottom: 0;
}

.powermail_fieldwrap_type_select {
	border-bottom: 1px solid #ededed !important;
	line-height: 30px;
}

.powermail_fieldwrap_type_check {
	border-bottom: 1px solid #ededed !important;
	padding-bottom: 10px;
}

.powermail_fieldwrap_type_check .powermail_label{
	opacity: 1;
	line-height: 30px;
}

.powermail_fieldwrap_type_check .checkbox label{
	color: #999;
	padding-left: 25px;
	display: inline-block;
	line-height: 30px;
}
	
.form-mod-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 30px;
	font-family: 'Black Tie';
}

input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	background: none;	
	border: none !important;
	color: #0077bf !important;
	text-align: left;
}


.tx-indexedsearch-whatis,
.tx-indexedsearch-browsebox{
	display: none;
}

.help-block {
	display: none;
}


.layout-2-wrap {
    margin-bottom: 1em;
}
/*XS*/
.hidden {
	display: none;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5,
.col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10,
.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5,
.col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10,
.col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5,
.col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5,
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10,
form .col-sm-6 {
    position: relative;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    min-height: 1px;
}

.col-xs-1:last-child, .col-xs-2:last-child, .col-xs-3:last-child,
.col-xs-4:last-child, .col-xs-5:last-child, .col-xs-6:last-child,
.col-xs-7:last-child, .col-xs-8:last-child, .col-xs-9:last-child,
.col-s-1:last-child, .col-s-2:last-child, .col-s-3:last-child,
.col-s-4:last-child, .col-s-5:last-child, .col-s-6:last-child,
.col-s-7:last-child, .col-s-8:last-child, .col-s-9:last-child,
.col-m-1:last-child, .col-m-2:last-child, .col-m-3:last-child,
.col-m-4:last-child, .col-m-5:last-child, .col-m-6:last-child,
.col-m-7:last-child, .col-m-8:last-child, .col-m-9:last-child,
.col-l-1:last-child, .col-l-2:last-child, .col-l-3:last-child,
.col-l-4:last-child, .col-l-5:last-child, .col-l-6:last-child,
.col-l-7:last-child, .col-l-8:last-child, .col-l-9:last-child,
.col-xl-1:last-child, .col-xl-2:last-child, .col-xl-3:last-child,
.col-xl-4:last-child, .col-xl-5:last-child, .col-xl-6:last-child,
.col-xl-7:last-child, .col-xl-8:last-child, .col-xl-9:last-child,
form .col-sm-6:last-child {
    float: none;
    clear: both;
}

.row::after,
.subpages::after {
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    float: none;
    overflow: hidden;
    visibility: hidden;
}

.col-xs-1 { width: 8.3333333333%; }
.col-xs-2 { width: 16.666666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.333333333%; }
.col-xs-5 { width: 41.666666667%; }
.col-xs-6 { width: 50%; }
.row .col-xs-6 { padding-right: 3%; }
.col-xs-7 { width: 58.333333333%; }
.col-xs-8 { width: 66.666666666%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.333333333%; }
.col-xs-11 { width: 91.666666666%; }
.col-xs-12 { width: 100%; }

form .col-sm-6 {
	width: 100%;
	padding-right: 3%;
}

/*[class*="col-xs-12"]+[class*="col-xs-12"],
[class*="col-s-12"]+[class*="col-s-12"],
[class*="col-m-12"]+[class*="col-m-12"],
[class*="col-l-12"]+[class*="col-l-12"],
[class*="col-xl-12"]+[class*="col-xl-12"] {
	margin-top: 1em;
}*/
[class*="col-s-6"]+[class*="col-s-6"],
[class*="col-m-6"]+[class*="col-m-6"],
[class*="col-l-6"]+[class*="col-l-6"],
[class*="col-xl-6"]+[class*="col-xl-6"] {
	margin-top: 40px;
}
[class*="col-xs-6"]+[class*="col-xs-6"] {
	margin-top: 0;
}



* {
	font-size: 15px;
}

p {
    line-height: 26px;
}

h1,
h1 * {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.015em;
}
h2,
h2 * {
    font-size: 18px;
    line-height: 26px;
}

#page footer *,
.form-mod-label{
	font-size: 15px;
	line-height: 22px;
}

.page-tag>span {
	font-size: 18px;
}



h1:not(:last-child) {
	margin-bottom: 25px;
}
h2:not(:last-child) {
	margin-bottom: 12.5px;
}

.row {
	padding: 40px 5%;
}
#page footer ul li {
	margin: 8px 0;
}
footer .row-wrap .row {
	padding-top: 40px !important;
}



#menu,
#menu-header,
#menu-list ul li,
#menu-footer small {
	width: 300px;
}

#header,
.logo,
#menu-header {
	height: 60px;
	line-height: 60px;
}
#mobile_brand .brand {
	height: 90px;
	line-height: 90px;
}

	.logo {
		margin-left: 5%;
		background-size: 50px;
	}
		#mobile_brand .brand {
			margin-left: 5%;
			background-size: 170px;
			width: 170px;
		}
	.toggle-nav {
		margin-top: 5px;
	}
	
	#header .brand,
	#menu-header .brand {
		display: none;
	}

.teaser {
	height: 250px;
}

#scroller {
	padding-top: 60px;
}

.page-content-offset {
	width: 17.5%;
}

.col-grid-transparent .col-grid-content {
	background: #ededed;
}



/*S*/
@media screen and (max-width: 568px) {
	.hidden-xs {
		display: none;
	}
	
	.page-content {
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 569px) {
	.visible-s {
		display: block;
	}

	.col-s-1 { width: 8.3333333333%; }
	.col-s-2 { width: 16.666666667%; }
	.col-s-3 { width: 25%; }
	.col-s-4 { width: 33.333333333%; }
	.col-s-5 { width: 41.666666667%; }
	.col-s-6 { width: 50%; }
	.row .col-s-6 { padding-right: 3%; }
	.col-s-7 { width: 58.333333333%; }
	.col-s-8 { width: 66.666666666%; }
	.col-s-9 { width: 75%; }
	.col-s-10 { width: 83.333333333%; }
	.col-s-11 { width: 91.666666666%; }
	.col-s-12 { width: 100%; }

	[class*="col-xs-6"]+[class*="col-xs-6"],
	[class*="col-s-6"]+[class*="col-s-6"] {
		margin-top: 0;
	}
	
	

	* {
		font-size: 16px;
	}
	
	p {
	    line-height: 30px;
	}
	
	h1,
	h1 * {
	    font-size: 30px;
	    line-height: 36px;
	    letter-spacing: 0.015em;
	}
	h2,
	h2 * {
	    font-size: 20px;
	    line-height: 28px;
	}
	
	#page footer *,
	.form-mod-label{
		font-size: 14px;
		line-height: 18px;
	}
	
	.page-tag>span {
		font-size: 20px;
	}
		
		
		
	#header,
	.logo,
	#menu-header,
	#mobile_brand .brand {
		height: 100px;
		line-height: 100px;
	}
		.logo,
		#mobile_brand .brand {
			background-size: 100px;
		}
			#mobile_brand .brand {
				width: 200px;
			}
		.toggle-nav {
			margin-top: 25px;
		}
	
	.teaser {
		height: 400px;
	}
	
	#scroller {
		padding-top: 100px;
	}	
}



/*M*/
@media screen and (max-width: 766px){
	footer .col-xs-12:not(:first-child) {
		margin-top: 1.2em;
	}
		footer .col-xs-12>.col-xs-12:first-child {
			margin-top: 0;
		}
}

@media screen and (min-width: 569px) and (max-width: 766px) {
	.hidden-s {
		display: none;
	}
}
@media screen and (min-width: 767px) {
	.visible-m {
		display: block;
	}



	.col-m-1 { width: 8.3333333333%; }
	.col-m-2 { width: 16.666666667%; }
	.col-m-3 { width: 25%; }
	.col-m-4 { width: 33.333333333%; }
	.col-m-5 { width: 41.666666667%; }
	.col-m-6 { width: 50%; }
	.row .col-m-6 { padding-right: 3%; }
	.col-m-7 { width: 58.333333333%; }
	.col-m-8 { width: 66.666666666%; }
	.col-m-9 { width: 75%; }
	.col-m-10 { width: 83.333333333%; }
	.col-m-11 { width: 91.666666666%; }
	.col-m-12 { width: 100%; }
	
	form .col-sm-6 {
		width: 50%;
	}
	
	[class*="col-l-6"]+[class*="col-l-6"],
	[class*="col-xl-6"]+[class*="col-xl-6"] {
		margin-top: 75px;
	}
	[class*="col-xs-6"]+[class*="col-xs-6"],
	[class*="col-s-6"]+[class*="col-s-6"],
	[class*="col-m-6"]+[class*="col-m-6"] {
		margin-top: 0;
	}


	
	h1:not(:last-child) {
		margin-bottom: 50px;
	}
	.row {
		padding: 75px 5%;
	}
	#page footer ul li {
		margin: 6px 0;
	}
	footer .row-wrap .row {
		padding-top: 75px !important;
	}



	#menu,
	#menu-header,
	#menu-list ul li,
	#menu-footer small {
		width: 400px;
	}

	#header .brand,
	#menu-header .brand {
		display: block;
	}
	#mobile_brand {
		display: none;
	}

	.teaser {
		height: 450px;
	}
	
	footer .menu {
		padding-right: 3%;
	}	
}



/*L: Standard*/
@media screen and (min-width: 767px) and (max-width: 1022px) {
	.hidden-m {
		display: none;
	}
}
@media screen and (min-width: 1023px) {
	.visible-l {
		display: block;
	}

	.col-l-1 { width: 8.3333333333%; }
	.col-l-2 { width: 16.666666667%; }
	.col-l-3 { width: 25%; }
	.col-l-4 { width: 33.333333333%; }
	.col-l-5 { width: 41.666666667%; }
	.col-l-6 { width: 50%; }
	.row .col-l-6 { padding-right: 3%; }
	.col-l-7 { width: 58.333333333%; }
	.col-l-8 { width: 66.666666666%; }
	.col-l-9 { width: 75%; }
	.col-l-10 { width: 83.333333333%; }
	.col-l-11 { width: 91.666666666%; }
	.col-l-12 { width: 100%; }
	
	[class*="col-xs-6"]+[class*="col-xs-6"],
	[class*="col-s-6"]+[class*="col-s-6"],
	[class*="col-m-6"]+[class*="col-m-6"],
	[class*="col-l-6"]+[class*="col-l-6"] {
		margin-top: 0;
	}



	.logo {
		margin-left: 50px;
	}
	.toggle-nav {
		margin-right: 50px;
	}

	.teaser {
		height: 450px;
	}
	
	.page-content-offset {
		width: 20%;
	}
	
	.col-grid-transparent .col-grid-content {
		background: transparent;
	}
}



/*TEASER*/
@media screen and (min-width: 1050px) {
	.teaser {
		height: 500px;
	}
}



/*XL*/
@media screen and (min-width: 1023px) and (max-width: 1299px) {
	.hidden-l {
		display: none;
	}
}
@media screen and (min-width: 1300px) {
	.hidden-xl {
		display: none;
	}

	.col-xl-1 { width: 8.3333333333%; }
	.col-xl-2 { width: 16.666666667%; }
	.col-xl-3 { width: 25%; }
	.col-xl-4 { width: 33.333333333%; }
	.col-xl-5 { width: 41.666666667%; }
	.col-xl-6 { width: 50%; }
	.row .col-xl-6 { padding-right: 3%; }
	.col-xl-7 { width: 58.333333333%; }
	.col-xl-8 { width: 66.666666666%; }
	.col-xl-9 { width: 75%; }
	.col-xl-10 { width: 83.333333333%; }
	.col-xl-11 { width: 91.666666666%; }
	.col-xl-12 { width: 100%; }

	[class*="col-xs-6"]+[class*="col-xs-6"],
	[class*="col-s-6"]+[class*="col-s-6"],
	[class*="col-m-6"]+[class*="col-m-6"],
	[class*="col-l-6"]+[class*="col-l-6"],
	[class*="col-xl-6"]+[class*="col-xl-6"] {
		margin-top: 0;
	}
	


	.teaser {
		height: 600px;
	}
}


/*MEDIAQUERIES-------------------------------------------------

@media only screen and (max-width : 568px) {
    p {
        padding: 0 0 50px 0;
        line-height: 30px;
    }
    #scroller {
        padding: 20px;
        padding-top: 250px;
    }
    .logo {
        margin-left: 20px;
        background-size: 180px;
        width: 60%;
    }
    .toggle-nav {
        margin-right: 0px;
    }
    #menu,
    #menu-header,
    #menu-list {
        width: 260px;
    }
    #menu-header .brand {
        margin-left: 20px;
    }
    #menu-header .menu-language {
        padding-left: 20px;
    }
    .search .form-control {
        padding: 0px 20px;
    }
    #menu-list ul li a.snapable {
        padding: 0 40px 0 20px;
    }
    #menu-list ul li a.snapable:after {
        width: 40px;
    }
    
    .slide-left {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX-(260px);
    }
}
@media only screen and (max-width : 800px) {
    #header .brand {
        display: none;
    }
}




@media only screen and (min-width : 568px) {
    .teaser { height: 300px; }
}
@media only screen and (min-width : 768px) {
    .teaser { height: 400px; }
}
@media only screen and (min-width : 1024px) {
    .teaser { height: 500px; }
}*/