@charset "UTF-8";
/* moved by compressor */
/**
 * screen.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (seliger@short-cuts.de)
 * MIT License (MIT)
 */
/* ==========================================================================
   Core functions, variables and mixins
   ========================================================================== */
/*$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);
 */
/*$grid-column-gutter: (
  small: 20px,
  medium: 30px,
);*/
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
/**
 * Foundation for Sites
 * Version 6.7.4
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* ==========================================================================
   Reset and dependencies
   ========================================================================== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xs=0em&sm=30em&md=48em&lg=62em&xl=75em";
}

html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media screen and (min-width: 30em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .column, .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

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

.small-5 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

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

.small-8 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

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

.small-11 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-up-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-up-7 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-up-8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.xs-1 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

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

.xs-2 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.xs-3 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

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

.xs-4 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

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

.xs-5 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.xs-6 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

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

.xs-7 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

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

.xs-8 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.xs-9 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

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

.xs-10 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

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

.xs-11 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.xs-12 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

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

.xs-up-1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-1 > .column, .xs-up-1 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.xs-up-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-2 > .column, .xs-up-2 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.xs-up-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-3 > .column, .xs-up-3 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.xs-up-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-4 > .column, .xs-up-4 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.xs-up-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-5 > .column, .xs-up-5 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.xs-up-6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-6 > .column, .xs-up-6 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.xs-up-7 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-7 > .column, .xs-up-7 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.xs-up-8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xs-up-8 > .column, .xs-up-8 > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.xs-expand {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.row.xs-unstack > .column, .row.xs-unstack > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.xs-collapse > .column, .xs-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.xs-uncollapse > .column, .xs-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media screen and (min-width: 30em) {
  .sm-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .sm-offset-0 {
    margin-left: 0%;
  }

  .sm-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .sm-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .sm-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

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

  .sm-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .sm-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .sm-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

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

  .sm-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .sm-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .sm-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

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

  .sm-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .sm-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .sm-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-1 > .column, .sm-up-1 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .sm-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-2 > .column, .sm-up-2 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .sm-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-3 > .column, .sm-up-3 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .sm-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-4 > .column, .sm-up-4 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .sm-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-5 > .column, .sm-up-5 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }

  .sm-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-6 > .column, .sm-up-6 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .sm-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-7 > .column, .sm-up-7 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .sm-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm-up-8 > .column, .sm-up-8 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 30em) and (min-width: 30em) {
  .sm-expand {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.row.sm-unstack > .column, .row.sm-unstack > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media screen and (min-width: 30em) {
  .row.sm-unstack > .column, .row.sm-unstack > .columns {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 30em) {
  .sm-collapse > .column, .sm-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 30em) {
  .sm-uncollapse > .column, .sm-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .md-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .md-offset-0 {
    margin-left: 0%;
  }

  .md-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .md-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .md-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

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

  .md-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .md-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .md-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

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

  .md-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .md-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .md-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

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

  .md-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .md-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .md-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-1 > .column, .md-up-1 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .md-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-2 > .column, .md-up-2 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .md-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-3 > .column, .md-up-3 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .md-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-4 > .column, .md-up-4 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .md-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-5 > .column, .md-up-5 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }

  .md-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-6 > .column, .md-up-6 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .md-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-7 > .column, .md-up-7 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .md-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md-up-8 > .column, .md-up-8 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .md-expand {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.row.md-unstack > .column, .row.md-unstack > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media screen and (min-width: 48em) {
  .row.md-unstack > .column, .row.md-unstack > .columns {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 48em) {
  .md-collapse > .column, .md-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .md-uncollapse > .column, .md-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .lg-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .lg-offset-0 {
    margin-left: 0%;
  }

  .lg-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .lg-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .lg-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

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

  .lg-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .lg-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .lg-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

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

  .lg-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .lg-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .lg-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

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

  .lg-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .lg-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .lg-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-1 > .column, .lg-up-1 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .lg-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-2 > .column, .lg-up-2 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .lg-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-3 > .column, .lg-up-3 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .lg-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-4 > .column, .lg-up-4 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .lg-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-5 > .column, .lg-up-5 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }

  .lg-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-6 > .column, .lg-up-6 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .lg-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-7 > .column, .lg-up-7 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .lg-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg-up-8 > .column, .lg-up-8 > .columns {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .lg-expand {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.row.lg-unstack > .column, .row.lg-unstack > .columns {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media screen and (min-width: 62em) {
  .row.lg-unstack > .column, .row.lg-unstack > .columns {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 62em) {
  .lg-collapse > .column, .lg-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 62em) {
  .lg-uncollapse > .column, .lg-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.shrink {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 30em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 62em) {
  .column-block {
    margin-bottom: 1.25rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button,
.menu .cc-btn,
.menu .form__file-button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menu.vertical {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
.menu.xs-horizontal {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menu.xs-vertical {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu.xs-expanded li {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.menu.xs-simple li {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
@media screen and (min-width: 30em) {
  .menu.sm-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.sm-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.sm-expanded li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.sm-simple li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
@media screen and (min-width: 48em) {
  .menu.md-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.md-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.md-expanded li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.md-simple li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
@media screen and (min-width: 62em) {
  .menu.lg-horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .menu.lg-vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu.lg-expanded li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
  .menu.lg-simple li {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu.align-left {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu.align-right li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menu.align-right li .submenu li {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu.align-center li .submenu li {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-centered > .menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-centered > .menu li .submenu li {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.align-left {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-right {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-top {
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-bottom {
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-middle {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.align-center-middle {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
     -moz-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
     -moz-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
     -moz-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.xs-order-1 {
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.xs-order-2 {
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.xs-order-3 {
  -webkit-box-ordinal-group: 4;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.xs-order-4 {
  -webkit-box-ordinal-group: 5;
     -moz-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.xs-order-5 {
  -webkit-box-ordinal-group: 6;
     -moz-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.xs-order-6 {
  -webkit-box-ordinal-group: 7;
     -moz-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (min-width: 30em) {
  .sm-order-1 {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .sm-order-2 {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .sm-order-3 {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .sm-order-4 {
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .sm-order-5 {
    -webkit-box-ordinal-group: 6;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .sm-order-6 {
    -webkit-box-ordinal-group: 7;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 48em) {
  .md-order-1 {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .md-order-2 {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .md-order-3 {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .md-order-4 {
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .md-order-5 {
    -webkit-box-ordinal-group: 6;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .md-order-6 {
    -webkit-box-ordinal-group: 7;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 62em) {
  .lg-order-1 {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .lg-order-2 {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .lg-order-3 {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .lg-order-4 {
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .lg-order-5 {
    -webkit-box-ordinal-group: 6;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .lg-order-6 {
    -webkit-box-ordinal-group: 7;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-child-auto {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-child-grow {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex-child-shrink {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.xs-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.xs-flex-child-auto {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.xs-flex-child-grow {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.xs-flex-child-shrink {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.xs-flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.xs-flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.xs-flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.xs-flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 30em) {
  .sm-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sm-flex-child-auto {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .sm-flex-child-grow {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .sm-flex-child-shrink {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .sm-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .sm-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .sm-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 48em) {
  .md-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md-flex-child-auto {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .md-flex-child-grow {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .md-flex-child-shrink {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .md-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .md-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .md-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .md-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 62em) {
  .lg-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg-flex-child-auto {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .lg-flex-child-grow {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .lg-flex-child-shrink {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .lg-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .lg-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lg-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.hide-for-xs {
  display: none !important;
}

.show-for-xs {
  display: none !important;
}

@media screen and (max-width: 29.99875em) {
  .hide-for-xs-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 30em) {
  .show-for-xs-only {
    display: none !important;
  }
}

@media screen and (min-width: 30em) {
  .hide-for-sm {
    display: none !important;
  }
}

@media screen and (max-width: 29.99875em) {
  .show-for-sm {
    display: none !important;
  }
}

@media screen and (min-width: 30em) and (max-width: 47.99875em) {
  .hide-for-sm-only {
    display: none !important;
  }
}

@media screen and (max-width: 29.99875em), screen and (min-width: 48em) {
  .show-for-sm-only {
    display: none !important;
  }
}

@media screen and (min-width: 48em) {
  .hide-for-md {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em) {
  .show-for-md {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 61.99875em) {
  .hide-for-md-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 62em) {
  .show-for-md-only {
    display: none !important;
  }
}

@media screen and (min-width: 62em) {
  .hide-for-lg {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em) {
  .show-for-lg {
    display: none !important;
  }
}

@media screen and (min-width: 62em) and (max-width: 74.99875em) {
  .hide-for-lg-only {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em), screen and (min-width: 75em) {
  .show-for-lg-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
.hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
.hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
.show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
.show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }

  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }

  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

/* ==========================================================================
   Default layout partials
   ========================================================================== */
/**
 * layout.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
body {
  color: #636363;
}

.main {
  padding-top: 3.75rem;
}

.util-relative {
  position: relative;
}

/* ==========================================================================
   Webfonts
   ========================================================================== */
/**
 * Din Web Pro - Light
 */
@font-face {
  font-family: DINWebPro;
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Light.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Light.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Light.woff') format("woff");
  font-weight: 100;
}
/**
 * Din Web Pro - Regular
 */
@font-face {
  font-family: DINWebPro;
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro.woff') format("woff");
  font-weight: 300;
}
/**
 * Din Web Pro - Bold
 */
@font-face {
  font-family: DINWebPro;
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Bold.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Bold.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/DINWebPro-Bold.woff') format("woff");
  font-weight: 500;
  font-display: swap;
}
/**
 * Light 100
 */
@font-face {
  font-family: "ff-din";
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5590864/39779148-17cb-4ed6-b39a-4f2f02d6d1ce.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5590864/39779148-17cb-4ed6-b39a-4f2f02d6d1ce.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5590864/439dfb28-34e7-4397-9e61-57b7792a1d51.woff2') format("woff2"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5590864/bead37db-3e39-42f6-9231-9107b01dfbc1.woff') format("woff"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5590864/ebc309b1-e7c9-4b68-88da-8dfe55f93a56.ttf') format("truetype");
  font-weight: 100;
  font-display: swap;
}
/**
 * Regular 300
 */
@font-face {
  font-family: "ff-din";
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591088/b977b274-69e8-486e-b643-b1f4a9bd51e6.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591088/b977b274-69e8-486e-b643-b1f4a9bd51e6.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591088/9ed03534-f484-47cf-a60b-b0cfd11b7238.woff2') format("woff2"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591088/e3fd9768-3efe-4bc2-9064-6c2dc909b994.woff') format("woff"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591088/c46c90b7-ae1f-45a6-a271-237f2d8bd73e.ttf') format("truetype");
  font-weight: 300;
  font-display: swap;
}
/**
 * Bold 500
 */
@font-face {
  font-family: "ff-din";
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591148/31a0341f-bafb-40a1-b678-3b4fcb12e35e.eot?#iefix');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591148/31a0341f-bafb-40a1-b678-3b4fcb12e35e.eot?#iefix') format("eot"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591148/ecf0980a-ae24-4271-ae5d-f538f91dc0eb.woff2') format("woff2"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591148/fcb50c8b-04fc-453b-b49c-227c6dc45e69.woff') format("woff"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/ff-din/5591148/f79355a1-422e-4893-966e-1cd687eac92b.ttf') format("truetype");
  font-weight: 500;
  font-display: swap;
}
/**
 * typo.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/* ==========================================================================
   Global Typo Styles
   ========================================================================== */
body {
  font-size: 1.25rem;
}

h1,
.h1 {
  font-weight: 100;
  font-size: 2.25rem;
  line-height: 1.2;
  color: #00A000;
  margin: 0 0 1.875rem;
}
@media screen and (min-width: 48em) {
  h1,
.h1 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 62em) {
  h1,
.h1 {
    font-size: 2.75rem;
  }
}
.frame-grey-blue h1,
.frame-grey-blue .h1 {
  color: #fff;
}
h1 span,
.h1 span {
  display: block;
}

h2,
.h2,
h1 span,
.h1 span {
  font-weight: 500;
  font-size: 1.75rem;
  color: #8CC814;
  margin: 0 0 1.25rem;
}
@media screen and (min-width: 48em) {
  h2,
.h2,
h1 span,
.h1 span {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 62em) {
  h2,
.h2,
h1 span,
.h1 span {
    font-size: 2rem;
  }
}
.frame-grey-blue h2,
.frame-grey-blue .h2,
.frame-grey-blue h1 span,
h1 .frame-grey-blue span,
.frame-grey-blue .h1 span,
.h1 .frame-grey-blue span {
  color: #8CC814;
}
p + h2, ul + h2, ol + h2,
p + .h2,
h1 p + span,
.h1 p + span,
ul + .h2,
h1 ul + span,
.h1 ul + span,
ol + .h2,
h1 ol + span,
.h1 ol + span {
  margin-top: 1.5em;
}
h2 a,
.h2 a,
h1 span a,
.h1 span a {
  text-decoration: none;
}
h2 a:hover,
.h2 a:hover,
h1 span a:hover,
.h1 span a:hover {
  text-decoration: underline;
}

h3,
.h3 {
  font-weight: 300;
  font-size: 1.625rem;
  color: #00A000;
  margin: 0 0 1em 0;
}
p + h3, ul + h3, ol + h3,
p + .h3,
ul + .h3,
ol + .h3 {
  margin-top: 2em;
}

h4,
.h4 {
  font-weight: 500;
  font-size: 1.375rem;
  color: #636363;
  margin: 0 0 1em 0;
}

h5,
.h5 {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin: 0 0 1.25rem 0;
}
.frame-grey-blue h5,
.frame-grey-blue .h5 {
  color: #8CC814;
}

blockquote {
  margin: 0;
}

p {
  margin: 0 0 1em 0;
}
p:last-child {
  margin-bottom: 0;
}

time {
  font-weight: 300;
  opacity: 0.8;
}
.image-teaser time::after, .card time::after, .search-results time::after {
  content: " – ";
}

figure {
  margin: 0;
}

a {
  color: #00A000;
  text-decoration: underline;
}

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

ol {
  margin: 0 0 1em 0;
}

li {
  position: relative;
  padding-left: 0.9375rem;
}
li::before {
  content: "+";
  position: absolute;
  left: 0;
}

table,
.table {
  width: 100%;
  text-align: left;
  vertical-align: top;
  font-size: 1.25rem;
  border-collapse: collapse;
}
table--application td:last-child,
.table--application td:last-child {
  text-align: right;
}

tr:nth-child(odd) {
  background: #fff;
}
tr:nth-child(odd):hover {
  background: #fcfcfc;
}
tr:nth-child(even) {
  background: #fafafa;
}
tr:nth-child(even):hover {
  background: whitesmoke;
}

th {
  font-weight: 500;
  padding: 0.9375rem 1.25rem;
}
@media screen and (min-width: 62em) {
  th {
    padding: 0.9375rem 2.5rem;
  }
}

td {
  padding: 0.9375rem 1.25rem;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 62em) {
  td {
    -webkit-hyphens: none;
       -moz-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    padding: 0.9375rem 2.5rem;
  }
}

hr {
  border: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 2em 0;
}

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

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

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

.text-lead {
  font-weight: 100;
  font-size: 1.625rem;
}

/**
 * icon-font.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/* ==========================================================================
   Icon Font settings
   ========================================================================== */
@font-face {
  font-family: "fontello";
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/iconfont/fontello.eot');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/iconfont/fontello.eot?#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/iconfont/fontello.woff') format("woff"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/iconfont/fontello.ttf') format("truetype"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/iconfont/fontello.svg#fontello') format("svg");
  font-weight: normal;
  font-style: normal;
}
.util-icon--before:before,
.util-icon--after:after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.util-icon--before.util-icon--globe:before,
.util-icon--after.util-icon--globe:after {
  content: "\e800";
}

.util-icon--before.util-icon--search:before,
.util-icon--after.util-icon--search:after {
  content: "\e801";
}

.util-icon--before.util-icon--down-open:before,
.util-icon--after.util-icon--down-open:after {
  content: "\e802";
}

.util-icon--before.util-icon--left-open:before,
.util-icon--after.util-icon--left-open:after {
  content: "\e803";
}

.util-icon--before.util-icon--right-open:before,
.util-icon--after.util-icon--right-open:after {
  content: "\e804";
}

.util-icon--before.util-icon--up-open:before,
.util-icon--after.util-icon--up-open:after {
  content: "\e805";
}

.util-icon--before.util-icon--xing:before,
.util-icon--after.util-icon--xing:after {
  content: "\f168";
}

.util-icon--before.util-icon--facebook:before,
.util-icon--after.util-icon--facebook:after {
  content: "\f09a";
}

.util-icon--before.util-icon--menu:before,
.util-icon--after.util-icon--menu:after {
  content: "\f0c9";
}

.util-icon--before.util-icon--cancel:before,
.util-icon--after.util-icon--cancel:after {
  content: "\e806";
}

/* ==========================================================================
   Components
   ========================================================================== */
/**
 * header.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (seliger@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
/* ==========================================================================
   Header
   ========================================================================== */
.header {
  background: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}
.header__main {
  position: relative;
  z-index: 10;
}
.header__branding {
  width: 11rem;
  height: 2.8125rem;
  float: left;
  margin: 1rem 0;
}
.header__branding-link {
  background: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Images/logo-kuk-gruen.svg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  color: transparent;
}
.header__trigger {
  width: 2.5rem;
  height: 100%;
  text-align: center;
  line-height: 2.5rem;
  cursor: pointer;
  float: right;
  position: relative;
  z-index: 10;
}
.header__trigger::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c9";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.js-show-header-mobile .header__trigger::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e806";
}
@media screen and (min-width: 30em) {
  .header__trigger {
    right: 0.3125rem;
  }
}
@media screen and (min-width: 62em) {
  .header__trigger {
    display: none;
  }
}
.header__mobile {
  background: #fff;
  width: 100%;
  height: 100vh;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.15s linear, opacity 0.15s linear;
  transition: visibility 0.15s linear, opacity 0.15s linear;
  overflow: scroll;
  top: 0;
  z-index: 0;
  padding: 4.6875rem 0 6.25rem;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 62em) {
  .header__mobile {
    display: none;
  }
}
.js-show-header-mobile .header__mobile {
  visibility: visible;
  opacity: 1;
}
.header__search {
  position: absolute;
  height: auto;
  right: 0;
  top: 0;
  overflow: hidden;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  width: 0;
}
.js-show-header-search .header__search {
  width: 100%;
}
.header__search-trigger {
  position: relative;
  line-height: normal;
  cursor: pointer;
  float: left;
  margin: 0 -1.25rem 0 0;
  display: none;
  font-size: 1rem;
  padding: 1.625rem 1.25rem 0.75rem;
}
@media screen and (min-width: 62em) {
  .header__search-trigger {
    display: block;
  }
}
.header__search-trigger:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e801";
  vertical-align: 0.125rem;
}
.header__search-form {
  position: relative;
  padding: 0.3125rem 0;
}
.header__search-form button[type=submit] {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  padding: 0 0.625rem;
}
.header__search-form button[type=submit]:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e801";
  font-size: 1rem;
  color: #102932;
  vertical-align: -1.625rem;
}
.header__search-input {
  font-weight: 300;
  background: #fff;
  border: 0;
  display: block;
  width: 100%;
  padding: 0.375rem 1.25rem;
  border-bottom: 1px solid #102932;
}
.header__search-input::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 0.9375rem;
}
.header__search-input:-moz-placeholder {
  font-weight: 300;
  font-size: 0.9375rem;
}
.header__search-input::-moz-placeholder {
  font-weight: 300;
  font-size: 0.9375rem;
}
.header__search-input:-ms-input-placeholder {
  font-weight: 300;
  font-size: 0.9375rem;
}
.header__search-input:focus {
  outline: none;
}

/**
 * footer.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (seliger@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
/* ==========================================================================
   Footer
   ========================================================================== */
.footer {
  background: #102932;
  border-top: 20px solid #4B5D64;
  color: #fff;
  font-size: 1rem;
}
.footer__top {
  padding: 2.25rem 0;
}
@media screen and (min-width: 75em) {
  .footer__top {
    padding: 1.78125rem 0;
  }
}
@media screen and (min-width: 75em) {
  .footer__top .row {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.footer__top > .row > .row {
  margin-bottom: 0.9375rem;
  margin-left: 0;
}
@media screen and (min-width: 75em) {
  .footer__top > .row > .row {
    margin-bottom: 0.9375rem;
    margin-left: 0;
  }
}
.footer__bot {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.9375rem 0;
}
.footer__logo {
  display: inline-block;
  margin: -42px 20px -28px -14px;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
}
.footer__logo svg {
  fill: #fff;
  width: 12.75rem;
  height: 5rem;
}
.footer__logo-link {
  -webkit-transform: translateY(11px);
      -ms-transform: translateY(11px);
          transform: translateY(11px);
  display: inline-block;
}
.footer__logo-link svg {
  fill: #fefefe;
  width: 11.5625rem;
  height: 2.1875rem;
}
.footer__colophon {
  font-weight: 100;
}
@media screen and (min-width: 48em) {
  .footer__sitemap {
    text-align: right;
  }
}
.footer__sitemap-link {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin: 0 0.625rem 0 0;
}
@media screen and (min-width: 48em) {
  .footer__sitemap-link {
    margin: 0 0 0 0.625rem;
  }
}
.footer__sitemap-link:hover, .footer__sitemap-link--active {
  color: #00A000;
  text-decoration: underline;
}
.footer__social {
  line-height: 0;
}
.footer__social-link {
  color: #fff;
  font-size: 0;
  display: inline-block;
  padding: 0 0.1875rem;
}
.footer__social-link:hover {
  color: #00A000;
}

/**
 * nav-main.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (seliger@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
/* ==========================================================================
   Main Navigation
   ========================================================================== */
.nav-main {
  display: none;
}
@media screen and (min-width: 62em) and (max-width: 74.99875em) {
  .nav-main li {
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) {
  .nav-main {
    float: left;
    display: block;
  }
}
.nav-main__lvl1 {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.nav-main__lvl1-item {
  display: inline-block;
}
.nav-main__lvl1-item:hover .nav-main__lvl2 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.nav-main__lvl1-link {
  color: #636363;
  font-size: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  line-height: normal;
  padding: 1.625rem 0.9375rem 0.75rem;
}
.nav-main__lvl1-link:hover, .nav-main__lvl1-link--current {
  color: #8CC814;
}
.nav-main__lvl2 {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 5px);
      -ms-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
  transition: visibility 0s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
  transition: visibility 0s linear, opacity 0.1s linear, transform 0.1s linear;
  transition: visibility 0s linear, opacity 0.1s linear, transform 0.1s linear, -webkit-transform 0.1s linear;
}
.nav-main__lvl2-list {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 0.1875rem 0.1875rem;
  padding: 0.625rem 1.5625rem;
}
.nav-main__lvl2-list::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -10px);
      -ms-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}
.nav-main__lvl2-item {
  padding: 0;
  margin: 0;
  position: static;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #B4B4B4;
  padding: 0.625rem 0;
}
.nav-main__lvl2-item::before {
  display: none;
}
.nav-main__lvl2-item:last-child {
  border: 0;
}
.nav-main__lvl2-link {
  font-weight: 300;
  display: block;
  font-size: 1.125rem;
  line-height: normal;
  color: #636363;
  text-decoration: none;
}
.nav-main__lvl2-link:hover, .nav-main__lvl2-link--current {
  color: #8CC814;
}
.nav-main__lvl3-list {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 0.3125rem 0;
}
.nav-main__lvl3-item {
  padding: 0;
  margin: 0;
  position: static;
}
.nav-main__lvl3-item::before {
  display: none;
}
.nav-main__lvl3-link {
  font-weight: 100;
  font-size: 1rem;
  color: #636363;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 0 0 0.9375rem;
}
.nav-main__lvl3-link::after {
  display: block;
  content: attr(title);
  font-weight: 300;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.nav-main__lvl3-link::before {
  content: "+";
  position: absolute;
  left: 0;
}
.nav-main__lvl3-link:hover, .nav-main__lvl3-link--current {
  font-weight: 300;
  color: #8CC814;
}

/**
 * frame.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-08
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.row.align-stretch .frame {
  height: 100%;
}
.frame-default {
  background-color: #fafafa;
}
.frame-default-offset {
  position: relative;
}
.frame-default-offset::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 2.5rem;
  background-color: #fafafa;
  z-index: -1;
}
.frame-black {
  background-color: #000;
}
.frame-white {
  background-color: #fff;
}
.frame-grey-blue {
  background-color: #102932;
}
.frame-grey-dark {
  background-color: #636363;
}
.frame-grey-light {
  background-color: #fafafa;
}
.frame-green {
  background-color: #00A000;
}
.frame-green-light {
  background-color: #8CC814;
}
.frame-placeholder {
  background-color: #818E92;
}
.frame-grey-blue {
  color: #fff;
}
.frame-space-before-default {
  padding-top: 2.5rem;
}
.frame-space-after-default {
  padding-bottom: 2.5rem;
}
.frame-space-before-small {
  padding-top: 1.25rem;
}
.frame-space-after-small {
  padding-bottom: 1.25rem;
}
.frame-space-before-large {
  padding-top: 3.75rem;
}
.frame-space-after-large {
  padding-bottom: 3.75rem;
}
.frame-space-before-none {
  padding-top: 0;
}
.frame-space-after-none {
  padding-bottom: 0;
}
.frame-type-gridelements_pi1 .frame-space-before-default {
  padding-top: 0;
}
.frame-type-gridelements_pi1 .frame-space-after-default {
  padding-bottom: 0;
}
.frame-type-ce_introslider {
  padding: 0;
}
.frame-type-ion2sprojects_slider {
  padding: 0;
}
.frame-type-ion2sprojects_projectlisting {
  padding: 0;
}
.frame-type-ce_project_list {
  padding: 0;
}
.frame-type-ce_timeline {
  padding: 0;
}
.frame-type-ce_project_teaser {
  padding: 0;
}
.frame-type-kukjobs_teaser {
  padding: 0;
}
.frame-type-ce_project_map {
  padding-bottom: 0;
}

/**
 * ce.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-02
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.ce-text__row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ce-text__column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-text__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.column .ce-text__column, .columns .ce-text__column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 62em) {
  .frame-layout-small-indent .ce-text__column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .frame-layout-small-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .frame-layout-small-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .frame-layout-small-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .frame-layout-small-indent .ce-text__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) {
  .frame-layout-large-indent .ce-text__column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .frame-layout-large-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .frame-layout-large-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .frame-layout-large-indent .ce-text__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .frame-layout-large-indent .ce-text__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

/**
 * intro-slider.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-02
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.intro-slider {
  position: relative;
  line-height: 0;
  overflow: hidden;
}
.intro-slider__item {
  display: none;
}
.intro-slider__item:first-child {
  display: block;
}
.intro-slider__figure {
  width: 100%;
  max-height: 80%;
  position: relative;
  margin: 0;
  height: 16.25rem;
}
@media screen and (min-width: 30em) {
  .intro-slider__figure {
    height: 700px;
  }
}
@media screen and (min-width: 48em) {
  .intro-slider__figure {
    height: 700px;
  }
}
@media screen and (min-width: 62em) {
  .intro-slider__figure {
    height: 700px;
  }
}
.intro-slider__figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.intro-slider__figcaption {
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  right: 0.625rem;
  bottom: 0.625rem;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.3125rem 0.625rem 0.4375rem;
  display: inline-block;
  line-height: 1.2;
}
.intro-slider__figcaption--header-image {
  color: #969696;
  text-shadow: 0 0 5px #636363;
}
.intro-slider__figcaption--header-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.3125rem 0.625rem 0.4375rem;
}
@media screen and (min-width: 48em) {
  .intro-slider__figcaption {
    font-size: 0.875rem;
  }
}
.intro-slider__picture {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.intro-slider__picture img {
  width: 100%;
  height: 200px;
}
.intro-slider__nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 20;
  display: none;
  padding: 0 0 1.875rem 0;
}
.intro-slider__nav--enabled {
  display: block;
}
.intro-slider__nav::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 9.375rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.intro-slider__nav-row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.intro-slider__nav-col {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}
@media print, screen and (min-width: 40em) {
  .intro-slider__nav-col {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .intro-slider__nav-col {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .intro-slider__nav-col {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .intro-slider__nav-col {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.intro-slider__nav-item {
  position: relative;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.intro-slider__nav-item--current, .intro-slider__nav-item:hover {
  opacity: 1;
}
.intro-slider__nav-title {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.2;
  display: none;
  padding: 0.625rem 0 0 0;
}
@media screen and (min-width: 48em) {
  .intro-slider__nav-title {
    display: block;
  }
}
.intro-slider__nav-progressbar {
  background: #fff;
  width: 100%;
  height: 0.0625rem;
  position: relative;
  margin: 0.0625rem 0;
}
.intro-slider__nav-item--current .intro-slider__nav-progressbar {
  height: 0.1875rem;
  margin: 0;
}
.intro-slider__nav-progress {
  background: #00A000;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  left: 0;
}

/*
position: absolute;
    background: rgba(0, 0, 0, 0.25);
    right: 0.625rem;
    bottom: 0.625rem;
    color: #a3a1a1;
    font-size: 0.75rem;
    padding: 0.3125rem 0.625rem 0.4375rem;
    display: inline-block;
    line-height: 1.2;
 */
/**
 * image-teaser.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-02
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.image-teaser {
  margin: 0 0 0.625rem 0;
  font-size: 1rem;
}
.image-teaser__link {
  display: block;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.image-teaser__link:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 65.5172413793%;
}
.image-teaser__link--white {
  background-color: #fff;
}
.image-teaser__link--grey-blue {
  background-color: #102932;
  color: #fff;
}
.image-teaser__link--grey-dark {
  background-color: #636363;
  color: #fff;
}
.image-teaser__link--grey-light {
  background-color: #fafafa;
  color: #fff;
}
.image-teaser__link--green {
  background-color: #00A000;
  color: #fff;
}
.image-teaser__link--green-light {
  background-color: #8CC814;
  color: #fff;
}
@media screen and (min-width: 48em) {
  .image-teaser__link:hover::after {
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
  }
  .image-teaser__link:hover .image-teaser__overlay {
    background: rgba(16, 41, 50, 0.8);
  }
  .image-teaser__link:hover .image-teaser__title {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .image-teaser__link:hover .image-teaser__description {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
    opacity: 1;
  }
  .image-teaser__link:hover .image-teaser__more {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
.image-teaser__link::after {
  content: attr(data-teaser-title);
  position: absolute;
  z-index: 30;
  color: #fff;
  bottom: 0.3125rem;
  left: 1.25rem;
  right: 1.25rem;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.15s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.15s cubic-bezier(0, 0, 0.3, 1);
  font-size: 1.5rem;
}
@media screen and (min-width: 30em) {
  .image-teaser__link::after {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 48em) {
  .image-teaser__link::after {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 62em) {
  .image-teaser__link::after {
    font-size: 1.875rem;
  }
}
.image-teaser__link:hover .image-teaser__figcaption {
  opacity: 0;
}
.image-teaser__figure {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.image-teaser__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.image-teaser__figcaption {
  position: absolute;
  right: 0.625rem;
  bottom: 0.3125rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 8pt;
  display: inline-block;
  line-height: 1.2;
}
.image-teaser__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
  -webkit-transition: all 0.1s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.1s cubic-bezier(0, 0, 0.3, 1);
}
.image-teaser__overlay--shadow-disabled {
  background: transparent;
}
.image-teaser__overlay--shadow-enabled {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
}
.image-teaser__overlay-inner {
  position: relative;
  height: 100%;
}
.image-teaser__category {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.image-teaser__meta {
  position: absolute;
  width: 100%;
  top: 2.5rem;
  left: 0;
  padding: 0 1.25rem;
}
.image-teaser__title {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  opacity: 0;
  font-size: 1.5rem;
}
@media screen and (min-width: 30em) {
  .image-teaser__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 48em) {
  .image-teaser__title {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 62em) {
  .image-teaser__title {
    font-size: 1.875rem;
  }
}
.image-teaser__description {
  font-size: 1.25rem;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  opacity: 0;
}
.image-teaser__more {
  color: #00A000;
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
}
.image-teaser__more:after {
  content: " »";
}

/**
 * nav-lang.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-03
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.nav-lang {
  font-size: 1rem;
}
.nav-lang--desktop {
  display: none;
}
@media screen and (min-width: 62em) {
  .nav-lang--desktop {
    float: left;
    display: inline-block;
    position: relative;
  }
}
@media screen and (min-width: 62em) {
  .nav-lang--mobile {
    display: none;
  }
}
.nav-lang__trigger {
  position: relative;
  line-height: normal;
  cursor: pointer;
  padding: 1.625rem 1.25rem 0.75rem;
}
.nav-lang__trigger:before, .nav-lang__trigger:after {
  top: 1.875rem;
}
.nav-lang__trigger:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e800";
  position: absolute;
  left: 0;
  color: #ccc;
}
.nav-lang__trigger:after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
  position: absolute;
  right: 0;
  font-size: 0.75rem;
}
.nav-lang--opened .nav-lang__trigger:after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e805";
}
.nav-lang__overlay {
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 30px);
      -ms-transform: translate(-50%, 30px);
          transform: translate(-50%, 30px);
  top: 100%;
  border-radius: 0.1875rem;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.3, 1);
  visibility: hidden;
}
.nav-lang--opened .nav-lang__overlay {
  opacity: 1;
  -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  visibility: visible;
}
.nav-lang__list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  padding: 0.5rem 0;
}
.nav-lang__list:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent white;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -7px);
      -ms-transform: translate(-50%, -7px);
          transform: translate(-50%, -7px);
}
.nav-lang__list-item {
  padding: 0;
  margin: 0;
  position: static;
  display: block;
}
.nav-lang__list-item::before {
  display: none;
}
.nav-lang__list-link {
  display: block;
  color: #102932;
  text-decoration: none;
  padding: 0 1.125rem;
}

/**
 * card.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-03
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.card {
  font-size: 1rem;
  padding-bottom: 1em;
  /*
  &--bordered {
  	background: transparent;
  	border: 1px solid color('grey-dark');
  	padding: rem-calc(20 20 0);
  }
   */
}
.card--with-overlay {
  cursor: pointer;
}
.align-stretch .card {
  height: 100%;
}
.card__inner {
  position: relative;
  background: #fff;
  height: 100%;
}
.card__inner--white {
  background-color: #fff;
}
.card__inner--grey-blue {
  background-color: #102932;
  color: #fff;
}
.card__inner--grey-dark {
  background-color: #636363;
  color: #fff;
}
.card__inner--grey-light {
  background-color: #fafafa;
  color: #fff;
}
.card__inner--green {
  background-color: #00A000;
  color: #fff;
}
.card__inner--green-light {
  background-color: #8CC814;
  color: #fff;
}
.card--bordered .card__inner {
  background: transparent;
  border: 1px solid #636363;
  padding: 1.25rem 1.25rem 0;
}
.card__seperator {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -0.75rem;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.card__seperator > span {
  background: #fafafa;
  display: block;
  padding: 0 0.625rem;
}
.card__seperator > span::before {
  font-weight: 300;
  content: "[";
  display: inline-block;
  padding-right: 0.375rem;
}
.card__seperator > span::after {
  font-weight: 300;
  content: "]";
  display: inline-block;
  padding-left: 0.375rem;
}
.card__figure img {
  width: 100%;
  height: auto;
}
.card__content {
  padding: 1.25rem 1.25rem 2.5rem;
}
.card__content--same {
  padding: 1.25rem;
}
.card--bordered .card__content {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.frame-grey-light .card__content {
  color: #636363;
}
.card__content p:last-child {
  margin-bottom: 0;
}
.card__subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.card__title {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: normal;
  margin: 0 0 0.625rem 0;
  color: #00A000;
}
.card--grey-blue .card__title {
  color: #8CC814;
}
.card--grey-dark .card__title {
  color: #8CC814;
}
.card--grey-light .card__title {
  color: #fff;
}
.card--green .card__title {
  color: #102932;
}
.card--green-light .card__title {
  color: #102932;
}
.card__title-sub {
  display: block;
  color: #636363;
  font-size: 1rem;
  opacity: 1;
}
.card__more {
  position: absolute;
  bottom: 1.25rem;
}
.card--grey-blue .card__more a {
  color: #8CC814;
}
.card--grey-dark .card__more a {
  color: #8CC814;
}
.card--grey-light .card__more a {
  color: #fff;
}
.card--green .card__more a {
  color: #102932;
}
.card--green-light .card__more a {
  color: #102932;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

div.card__inner figure iframe {
  border: 0;
}

/**
 * locations-map.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-03
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.locations-map {
  position: relative;
  height: 600px;
}
.locations-map__gmap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

/**
 * jobs-teaser.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-20
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.jobs-teaser {
  background: #102932;
  color: #fff;
  overflow: hidden;
  padding: 5rem 0 5.625rem;
}
.jobs-teaser__form {
  padding: 5rem 0 0;
}

/**
 * jobs-table.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2019-12-20
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.jobs-table {
  margin: 1em 0;
  font-size: 1.25rem;
}
.jobs-table__header {
  padding: 1rem 2.5rem;
}
.jobs-table__header-item {
  font-weight: 500;
  font-size: 1.375rem;
}
.jobs-table__item {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.jobs-table__item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.frame-grey-blue .jobs-table__item {
  background: transparent;
  color: #fff;
}
.frame-grey-blue .jobs-table__item:hover {
  background: rgba(255, 255, 255, 0.02);
}
.frame-default .jobs-table__item {
  color: #636363;
}
.frame-default .jobs-table__item:nth-child(odd) {
  background: #fff;
}
.frame-default .jobs-table__item:nth-child(even) {
  background: #fafafa;
}
.frame-default .jobs-table__item:hover {
  background: #102932;
  color: #fff;
}
.jobs-table__categories {
  display: none;
}
.jobs-table__link {
  text-decoration: none;
  display: block;
  padding: 1rem 2.5rem;
  line-height: normal;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  color: inherit;
}
.jobs-table__more {
  display: block;
  text-align: right;
}
.jobs-table .f3-widget-paginator {
  text-align: center;
  margin: 2.5em 0;
}
.jobs-table .f3-widget-paginator li {
  padding: 0;
  margin: 0;
  position: static;
  display: inline-block;
  margin: 0 0.3125rem;
}
.jobs-table .f3-widget-paginator li::before {
  display: none;
}
.jobs-table .f3-widget-paginator li.current {
  background: #00A000;
  color: #fff;
  width: 3.125rem;
  text-align: center;
  padding: 0.625rem 0;
}
.jobs-table .f3-widget-paginator li.next a {
  background: transparent;
  width: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.jobs-table .f3-widget-paginator li.next a:hover {
  background: #636363;
  color: #fff;
}
.jobs-table .f3-widget-paginator a {
  font-weight: 500;
  background: #fff;
  font-size: 1.25rem;
  display: block;
  color: #636363;
  text-decoration: none;
  width: 3.125rem;
  text-align: center;
  padding: 0.625rem 0;
}
.jobs-table .f3-widget-paginator a:hover {
  background: #00A000;
  color: #fff;
}

/**
 * projects-list.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-08
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.projects-list {
  overflow: hidden;
  padding: 0.5rem 0;
  background: #102932;
}
.projects-list__grid-sizer {
  width: 25%;
}
.projects-list__grid {
  float: left;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 8px #fff;
          box-shadow: 0 0 0 8px #fff;
  visibility: visible;
}
.projects-list__grid--size-1x1 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .projects-list__grid--size-1x1 {
    width: 50%;
  }
}
@media screen and (min-width: 62em) {
  .projects-list__grid--size-1x1 {
    width: 25%;
  }
}
.projects-list__grid--size-1x2 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .projects-list__grid--size-1x2 {
    width: 50%;
  }
}
@media screen and (min-width: 62em) {
  .projects-list__grid--size-1x2 {
    width: 25%;
  }
}
.projects-list__grid--size-2x2 {
  width: 100%;
}
@media screen and (min-width: 62em) {
  .projects-list__grid--size-2x2 {
    width: 50%;
  }
}
.projects-list__grid--hidden {
  visibility: hidden;
  width: 0;
}
.projects-list__grid--init {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .projects-list__grid--init {
    width: 50%;
  }
}
@media screen and (min-width: 62em) {
  .projects-list__grid--init {
    width: 25%;
  }
}
.projects-list__link {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
}
.projects-list__link--size-1x1 {
  padding-top: 75%;
}
.projects-list__link--size-1x2 {
  padding-top: 150%;
}
.projects-list__link--size-2x2 {
  padding-top: 75%;
}
.projects-list__link::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-shadow: inset 0 0 0 8px #fff;
          box-shadow: inset 0 0 0 8px #fff;
  z-index: 20;
}
.projects-list__link:hover .projects-list__overlay {
  opacity: 1;
}
.projects-list__link:hover .projects-list__meta {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.projects-list__link:hover .projects-list__more {
  opacity: 1;
}
.projects-list__show-more {
  color: #fefefe;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
  margin: 2.375rem auto;
  text-decoration: underline;
  width: 100%;
}
.projects-list__show-more--hidden {
  display: none;
}
.projects-list__figure {
  width: 100%;
  height: 100%;
}
.projects-list__figure--caption::after {
  content: attr(data-description);
  position: absolute;
  right: 1.1875rem;
  bottom: 1.1875rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 8pt;
  display: inline-block;
  line-height: 1.2;
  margin-right: -5px;
  margin-bottom: -5px;
}
.projects-list__image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
}
.projects-list__overlay {
  background: #8CC814;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.projects-list__meta {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  padding: 3rem 2.375rem 0 2.375rem;
  opacity: 0;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.projects-list__subtitle {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #102932;
  overflow: hidden;
  max-height: 85px;
}
.projects-list__location {
  font-weight: 500;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #102932;
  overflow: hidden;
  max-height: 40px;
}
.projects-list__title {
  font-size: 1.625rem;
  color: #fff;
  overflow: hidden;
}
.projects-list__more {
  font-weight: 100;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  padding: 0 0 3rem 2.375rem;
  color: #102932;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/**
 * projects.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-08
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
/**
 * button.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-09
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.cc-btn.cc-deny,
.cc-body .powered-by {
  display:none !important;
 }

.button, .cc-btn, .form__file-button {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  padding: 0.9375rem 1.5625rem;
  border: 0;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
.button--block {
  display: block;
  width: 100%;
  text-align: center;
}
.button--black {
  background-color: #000;
  color: #fff;
}
.button--white {
  background-color: #fff;
  color: #102932;
}
.button--grey-blue {
  background-color: #102932;
  color: #fff;
}
.button--grey-dark {
  background-color: #636363;
  color: #fff;
}
.button--grey-light {
  background-color: #fafafa;
  color: #fff;
}
.button--green, .cc-btn.cc-dismiss, .cc-btn.cc-allow-all {
  background-color: #00A000;
  color: #fff;
}
.button--green-light {
  background-color: #8CC814;
  color: #fff;
}
.button--grey-blue-reset {
  background-color: #102932;
  padding-top: 2.375rem;
  font-size: medium;
}
.button--grey-blue-reset a {
  color: #fff;
}

.dp--overlay {
  background:#102932;
  color:#fff;
  font-size: 12px;
}
.dp--overlay-header {
  font-weight: bold;
}
.dp--overlay-description {
  margin-bottom: 5px;
}
.dp--overlay-inner {
  padding:10px;
}
.db--overlay-submit {
  display: inline-block;
  text-decoration:none;
  font-weight: 500;
  padding:10px;
  border:0;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: all 0.2s ease;
  background-color: #fff;
  color: #102932;
}
dp-content.dp--loaded + .dp--overlay {
  display: none;
}

/**
 * team.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-09
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.team {
  position: relative;
}
.team__letter {
  font-weight: 100;
  text-align: center;
  font-size: 2.75rem;
  color: #00A000;
}
.team__section {
  background: #fff;
  padding: 3.75rem 0;
}
.team__section:nth-child(odd) {
  background: #fafafa;
}
.team__emplyoees {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.team__employees-item {
  display: inline;
  font-weight: 100;
  font-size: 1.25rem;
  line-height: 2.25rem;
  cursor: pointer;
}
.team__employees-item::after {
  content: ",";
  color: #636363 !important;
}
.team__employees-item:hover {
  color: #00A000;
}
.team__employees-item:last-child::after {
  display: none;
}
.team__overlay {
  background: rgba(16, 41, 50, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.1s linear, opacity 0.1s linear;
  transition: visibility 0.1s linear, opacity 0.1s linear;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.team__overlay--visible {
  visibility: visible;
  opacity: 1;
}
.team__slider {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.team__slider-item {
  width: 100vw;
  max-width: 37.5rem;
  padding: 0 1.5625rem;
  outline: none;
  opacity: 0.25;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
@media screen and (min-width: 30em) {
  .team__slider-item {
    padding: 0 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .team__slider-item {
    padding: 0 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .team__slider-item {
    padding: 0 1.5625rem;
  }
}
.team__slider-item.slick-current {
  opacity: 1;
}
.team .slick-arrow {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
  color: transparent;
  position: absolute;
  top: 50%;
  outline: none;
  cursor: pointer;
}
.team .slick-arrow:before {
  font-size: 1.5rem;
  color: #fff;
}
.team .slick-prev {
  left: 50%;
  margin-left: -25rem;
}
.team .slick-prev:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
}
.team .slick-next {
  right: 50%;
  margin-right: -25rem;
}
.team .slick-next:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e804";
}

/**
 * jobs-map.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-14
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.jobs-map {
  position: relative;
  padding-top: 35.3571428571%;
}
.jobs-map__gmap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

/**
 * jobs-search.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-15
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.jobs-search {
  background: #102932;
}
.jobs-search__text {
  font-weight: 100;
  font-size: 2.75rem;
  color: #fff;
  margin: 0 0 1em 0;
}
.jobs-search__text-select {
  display: inline-block;
  vertical-align: middle;
}
.jobs-search__text-select--job {
  min-width: 30rem;
}
.jobs-search__text-select--location {
  min-width: 15.625rem;
}
.jobs-search .selectize-input {
  padding: 0;
  font-size: 2.75rem;
}
.jobs-search .selectize-input input {
  font-size: inherit;
}
/**
 * nav-mobile.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-01-15
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.nav-mobile {
  background: #fff;
  padding: 0;
  font-size: 1rem;
  margin: 0 0 1.5625rem 0;
}
.nav-mobile ul {
  padding: 0;
  list-style: none;
}
.nav-mobile li {
  padding: 0;
  margin: 0;
  position: static;
  /*
  &.is-submenu-parent-item a {
  	font-size: rem-calc(18);
  	padding-top: rem-calc(15);
  	padding-bottom: rem-calc(18);
  	font-weight: 600;
  	text-transform: uppercase;

  	&:before {
  		font-size: rem-calc(13);
  		content: 'Übersicht';
  		display: block;
  		margin-bottom: rem-calc(10);
  		text-transform: none;
  		font-weight: normal;
  	}
  }
   */
}
.nav-mobile li::before {
  display: none;
}
.nav-mobile a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  outline: none;
}
.nav-mobile a:hover {
  text-decoration: none;
}
.nav-mobile .is-drilldown-submenu-parent > a:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e804";
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.5rem;
  text-align: center;
  font-size: 0.75rem;
}
.nav-mobile .is-drilldown-submenu-parent > a::after {
  display: none;
}
.nav-mobile .js-drilldown-back {
  position: relative;
}
.nav-mobile .js-drilldown-back > a {
  padding-left: 1.875rem;
}
.nav-mobile .js-drilldown-back > a:after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
  position: absolute;
  left: 0.9375rem;
  font-size: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.nav-mobile .js-drilldown-back > a::before {
  display: none;
}

/**
 * search-results.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-02-10
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.search-results__link {
  background: #fff;
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 1.25rem;
  margin: 0 0 1.25rem 0;
}
.search-results__tag {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.search-results__title {
  margin: 0;
}
.search-results__excerpt {
  font-weight: 100;
  color: #636363;
}
.search-results__uri {
  margin: 0.625rem -1.25rem -1.25rem;
  border-top: 1px solid rgba(99, 99, 99, 0.1);
  padding: 0.625rem 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(16, 41, 50, 0.5);
  text-overflow: ellipsis;
  font-size: 0.875rem;
  position: relative;
}
.search-results__uri::after {
  content: "";
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), #fff);
  width: 5rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.search-results__pagination {
  padding: 1.25rem 0;
}
.search-results__pagination-total {
  display: none;
}
.search-results__pagination-list {
  text-align: center;
}
.search-results__pagination-list ul {
  margin: 0;
}
.search-results__pagination-list li {
  padding: 0;
  margin: 0;
  position: static;
  display: inline-block;
  margin: 0 0.3125rem;
}
.search-results__pagination-list li::before {
  display: none;
}
.search-results__pagination-list a {
  font-weight: 500;
  width: 3.125rem;
  height: 3.125rem;
  display: block;
  background: #fff;
  color: #102932;
  text-decoration: none;
  font-size: 1.25rem;
  text-align: center;
  line-height: 3.125rem;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.search-results__pagination-list a.current, .search-results__pagination-list a:hover {
  background: #00A000;
  color: #fff;
}
.search-results__pagination-list a.next, .search-results__pagination-list a.prev {
  font-weight: 300;
  background: transparent;
  width: auto;
  padding: 0 0.9375rem;
  color: #102932;
}
.search-results__pagination-list a.next:hover, .search-results__pagination-list a.prev:hover {
  text-decoration: underline;
}

/**
 * select2-results.scss
 *
 * Copyright ion2s GmbH
 * https://www.ion2s.com/
 *
 * Date: 2021-12-15
 * Author: Christian Horsch (christian.horsch@ion2s.com)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.select2-results__option[aria-disabled=true] {
  display: none;
}

/**
 * form.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-02-10
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  font-weight: 300;
  font-size: 1rem;
  line-height: normal;
  width: 100%;
  padding: 1.125rem 1.25rem 0.625rem;
  border: 0;
}
input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-weight: 300;
}
input[type=color]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=week]:-moz-placeholder,
textarea:-moz-placeholder {
  font-weight: 300;
}
input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
textarea::-moz-placeholder {
  font-weight: 300;
}
input[type=color]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-weight: 300;
}

input[type=date] {
  padding: 1.0625rem 1.25rem 0.5625rem;
}

select {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.445' height='8.43'%3E%3Cpath d='M.354.354l7.369 7.369L15.092.354' fill='none' stroke='%23bbb'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  padding: 0.6875rem 1.25rem 0.75rem;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.form__fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 2.5rem 0;
}
.form__fieldset:last-child {
  margin-bottom: 0;
}
.form__legend {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-bottom: 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .form__legend {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .form__legend {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .form__legend {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .form__legend {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.form__legend span {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #8CC814;
  border-bottom: 1px solid #8CC814;
}
.form__row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.column .form__row, .columns .form__row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media screen and (min-width: 30em) {
  .column .form__row, .columns .form__row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .column .form__row, .columns .form__row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .column .form__row, .columns .form__row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
.form__column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-bottom: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .form__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .form__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .form__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .form__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.form__column--hidden {
  display: none;
}
.form__column:last-child {
  margin-bottom: 0;
}
.form__field {
  position: relative;
  margin: 0 0 1.875rem 0;
}
.form__column .form__field {
  margin-bottom: 0;
}
.form__label {
  font-weight: 300;
  font-size: 1.25rem;
  color: #818E92;
  position: absolute;
  left: 1.25rem;
  top: 0;
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
  -webkit-transition: font-size 0.2s ease, -webkit-transform 0.2s ease;
  transition: font-size 0.2s ease, -webkit-transform 0.2s ease;
  transition: font-size 0.2s ease, transform 0.2s ease;
  transition: font-size 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  will-change: font-size, transform;
}
.form__field--filled .form__label {
  font-size: 0.75rem;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.form__label--select, .form__label--file {
  display: none;
}
.form__file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
}
.form__file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.form__file-button {
  background: rgba(0, 0, 0, 0.1);
  margin-right: 0.625rem;
  color: #636363;
}
.form__file-label {
  color: #636363;
}

/**
 * jobs-list.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-02-18
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.jobs-list__filter-label {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #8CC814;
}
.jobs-list__pagination {
  display: none;
}

/**
 * ce-table.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-07-15
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.ce-table__row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ce-table__column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-table__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-table__column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .ce-table__column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .ce-table__column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.column .ce-table__column, .columns .ce-table__column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.ce-table tr {
  display: block;
}
@media screen and (min-width: 62em) {
  .ce-table tr {
    display: table-row;
  }
}
.ce-table th {
  display: block;
  font-weight: 500;
  padding: 0.9375rem 1.25rem 0;
}
@media screen and (min-width: 62em) {
  .ce-table th {
    display: table-cell;
    padding: 0.9375rem 2.5rem;
  }
}
.ce-table td {
  display: block;
  padding: 0 1.25rem 0.9375rem;
}
@media screen and (min-width: 62em) {
  .ce-table td {
    display: table-cell;
    padding: 0.9375rem 2.5rem;
  }
}

/**
 * textmedia.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-07-15
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.textmedia__row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.textmedia__row--align-middle {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row .textmedia__row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media screen and (min-width: 30em) {
  .row .textmedia__row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .row .textmedia__row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .row .textmedia__row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
.textmedia__textcol {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .textmedia__textcol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-top .textmedia__textcol {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media print, screen and (min-width: 40em) {
  .textmedia--figure-top .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .textmedia--figure-top .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .textmedia--figure-top .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .textmedia--figure-top .textmedia__textcol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-right .textmedia__textcol {
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 62em) {
  .textmedia--figure-right .textmedia__textcol {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 48%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .textmedia--figure-right .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .textmedia--figure-right .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .textmedia--figure-right .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .textmedia--figure-right .textmedia__textcol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-left .textmedia__textcol {
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 62em) {
  .textmedia--figure-left .textmedia__textcol {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 48%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .textmedia--figure-left .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .textmedia--figure-left .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .textmedia--figure-left .textmedia__textcol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .textmedia--figure-left .textmedia__textcol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia__figurecol {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .textmedia__figurecol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-top .textmedia__figurecol {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media print, screen and (min-width: 40em) {
  .textmedia--figure-top .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .textmedia--figure-top .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .textmedia--figure-top .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .textmedia--figure-top .textmedia__figurecol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-right .textmedia__figurecol {
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 62em) {
  .textmedia--figure-right .textmedia__figurecol {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 48%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .textmedia--figure-right .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .textmedia--figure-right .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .textmedia--figure-right .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .textmedia--figure-right .textmedia__figurecol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.textmedia--figure-left .textmedia__figurecol {
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 62em) {
  .textmedia--figure-left .textmedia__figurecol {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 48%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 40em) {
  .textmedia--figure-left .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 30em) {
  .textmedia--figure-left .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 48em) {
  .textmedia--figure-left .textmedia__figurecol {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) and (min-width: 62em) {
  .textmedia--figure-left .textmedia__figurecol {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

/**
 * datafacts.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-07-30
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.datafacts__container {
  padding: 1.875rem 0;
}
.datafacts__container--black {
  background-color: #000;
}
.datafacts__container--white {
  background-color: #fff;
}
.datafacts__container--grey-blue {
  background-color: #102932;
}
.datafacts__container--grey-dark {
  background-color: #636363;
}
.datafacts__container--grey-light {
  background-color: #fafafa;
}
.datafacts__container--green {
  background-color: #00A000;
}
.datafacts__container--green-light {
  background-color: #8CC814;
}
.datafacts__container--placeholder {
  background-color: #818E92;
}
.datafacts__header {
  color: #fff;
}
.datafacts__title {
  font-weight: 100;
  color: #fff;
}
.datafacts__fact {
  text-align: center;
  line-height: normal;
}
.datafacts__fact-icon {
  max-width: 5.625rem;
  margin: 0 auto;
}
.datafacts__fact-title {
  font-weight: 500;
  font-size: 0.875rem;
  color: #00A000;
  margin: 0 0 0.875rem 0;
}
.datafacts__fact-value {
  font-weight: 100;
  font-size: 2.75rem;
  color: #00A000;
  position: relative;
}
.datafacts__fact-value::before {
  content: "";
  background: #00A000;
  width: 5.625rem;
  height: 0.0625rem;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
/**
 * timeline.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-08-06
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.timeline {
  background: #102932;
  position: relative;
  overflow: hidden;
}
.timeline__path {
  width: 0.1875rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}
.timeline__path-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.timeline__path-before {
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.timeline__path-after {
  background: #8CC814;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.timeline__item {
  background: #102932;
  position: relative;
  z-index: 10;
  margin: 6.25rem 0;
  padding: 5rem 0;
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
      -ms-transform: matrix(1, 0, 0, 1, 0, 40);
          transform: matrix(1, 0, 0, 1, 0, 40);
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.timeline__item.sal-animate {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}
.timeline__item::before {
  content: "";
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(#102932), to(transparent));
  background: linear-gradient(to top, #102932, transparent);
  position: absolute;
  top: -20px;
  left: 0;
}
.timeline__item::after {
  content: "";
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#102932), to(transparent));
  background: linear-gradient(to bottom, #102932, transparent);
  position: absolute;
  bottom: -20px;
  left: 0;
}
.timeline__icon {
  width: 17.5rem;
  margin: 0 auto;
}
.timeline__headline {
  font-weight: 300;
  font-size: 1.625rem;
  color: #8CC814;
  margin: 0 0 1em 0;
}
.timeline__content {
  font-weight: 100;
  font-size: 1.25rem;
  color: #fff;
}

/**
 * projects-map.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-09-03
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.projects-map {
  position: relative;
}
.projects-map:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media screen and (min-width: 62em) {
  .projects-map:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 25%;
  }
}
.projects-map__gmap, .projects-map__gmap-old {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/**
 * team-list.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2020-10-20
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.team-list__overlay {
  background: rgba(16, 41, 50, 0.65);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  z-index: 100;
}
.team-list__overlay-row {
  height: 100%;
}
.team-list__slider-wrapper {
  padding: 1.875rem;
  position: relative;
}
.team-list__slider-item {
  font-weight: 100;
  font-size: 1rem;
  margin: 0 0.625rem;
  opacity: 0.3;
  outline: none;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.team-list__slider-item.slick-current {
  opacity: 1;
}
.team-list__slider-image {
  width: 100%;
  heighT: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-list__slider-content {
  background: #fff;
  color: #636363;
  height: 100%;
  padding: 1.875rem 1.25rem;
}
.team-list__slider-headline {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: normal;
  margin: 0 0 0.625rem 0;
  color: #00A000;
}
.team-list__slider-subline {
  display: block;
  color: #636363;
  font-size: 1rem;
  opacity: 1;
}
.team-list__list-item {
  display: none;
  background: #fafafa;
  padding: 2.5rem 0;
}
.team-list__list-item--visible {
  display: block;
}
.team-list__overlay {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.team-list__overlay--visible {
  visibility: visible;
  opacity: 1;
}
.team-list__overlay-close {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 2.5rem;
  top: 1.875rem;
  z-index: 100;
  color: #636363;
  cursor: pointer;
}
.team-list__overlay-close:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e806";
}
.team-list .slick-list {
  overflow: visible;
}
.team-list .slick-arrow {
  position: absolute;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  z-index: 100;
  outline: none;
}
.team-list .slick-arrow:before {
  font-size: 1.125rem;
  color: #fff;
}
.team-list .slick-prev {
  left: -2.5rem;
}
.team-list .slick-prev:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
}
.team-list .slick-next {
  right: -2.5rem;
}
.team-list .slick-next:before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e804";
}

/**
 * cc.scss
 *
 * Copyright SHORT CUTS GmbH
 * https://www.short-cuts.de/
 *
 * Date: 2021-02-15
 * Author: kaiseliger (*@short-cuts.de)
 * MIT License (MIT)
 */
/**
 * functions.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Return specific color
 */
/**
 * variables.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/*
$global-width: rem-calc(1200);
$body-font-family: "ff-din", Helvetica, Roboto, Arial, sans-serif !default;
$global-weight-normal: 300 !default;
$global-weight-bold: 500 !default;
$grid-column-alias: false !default;

// 2. Breakpoints
// --------------
$breakpoints: (
	small: 0,
	medium: 640px,
	large: 1024px,
	xs: 0,
	sm: 480px,
	md: 768px,
	lg: 992px,
	xl: 1200px
);

$grid-column-gutter: (
	small: 20px,
	medium: 30px,
	xs: 20px,
	sm: 30px,
	md: 30px,
	lg: 20px
);

$breakpoint-classes: ('xs', 'sm', 'md', 'lg');

*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * mixins.scss
 *
 * Your description
 *
 * Copyright SHORT CUTS GmbH
 * http://www.short-cuts.de
 *
 * Date: 2016-12-31
 * Author: Kai Seliger (hello@yesjoar.com)
 * MIT License (MIT)
 */
/**
 * Mixin for styling input placeholder.
 *
 * @include placeholder(){
 *   content goes here
 * }
 */
/**
 *
 *
 */
/**
 *
 *
 */
/**
 *
 */
.cc-window {
  background-color: #fff;
  bottom: 1.25rem;
  width: 31.25rem;
  max-width: calc(100% - 40px);
  position: fixed;
  z-index: 9999;
  font-size: 0.9375rem;
  padding: 1.25rem;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
  right: 1.25rem;
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.cc-window .dp--cookie-check {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 0;
  border-left: 0;
  background: transparent;
  padding: 0.625rem;
  margin: 1.25rem 0;
}
.cc-window label {
  display: block;
  margin: 0 0 0.9375rem 0;
}
@media screen and (min-width: 30em) {
  .cc-window label {
    display: inline-block;
    margin: 0 0.9375rem 0 0;
  }
}
.cc-window label:last-child {
  margin: 0;
}
.cc-window [type=checkbox] {
  position: static;
  left: 0;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.3125rem;
  vertical-align: middle;
  display: inline-block;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.cc-compliance {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column-reverse;
}
@media screen and (min-width: 30em) {
  .cc-compliance {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row-reverse;
  }
}
.cc-btn {
  font-size: 0.875rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cc-btn.cc-allow {
  border: 1px solid transparent !important;
  color: inherit !important;
}
.cc-btn.cc-allow::before {
  display: none;
}
.cc-btn.cc-allow:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-color: transparent !important;
}
.cc-btn.cc-dismiss:hover,
.cc-btn.cc-allow-all:hover {
  background-color: #008700 !important;
}
.cc-revoke,
.dp--revoke {
  display: none !important;
}

.cc-window.cc-invisible {
  opacity: 0;
}

.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
      transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
  -ms-transform: translateY(2em);
      transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-top {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.cc-hide {
  display:none;
}

body.bp-debug:after {
  background: #000;
  color: #fff;
  position: fixed;
  display: inline-block;
  right: 0;
  bottom: 0;
  padding: 5px 30px;
  z-index: 50;
  content: "xs";
}
@media screen and (min-width: 30em) {
  body.bp-debug:after {
    content: "sm";
  }
}
@media screen and (min-width: 48em) {
  body.bp-debug:after {
    content: "md";
  }
}
@media screen and (min-width: 62em) {
  body.bp-debug:after {
    content: "lg";
  }
}

[data-sal][data-sal-delay="50"] {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

[data-sal=fadeIn] {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
      -ms-transform: matrix(1, 0, 0, 1, 0, 40);
          transform: matrix(1, 0, 0, 1, 0, 40);
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

[data-sal=fadeIn].sal-animate {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

/* ==========================================================================
   Utility classes
   ========================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: "lightcase";
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/lightcase.eot?55356177');
  src: url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/lightcase.eot?55356177#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/lightcase.woff?55356177') format("woff"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/lightcase.ttf?55356177') format("truetype"), url('../../../typo3conf/ext/ion2s_page_kuk/Resources/Public/Fonts/lightcase.svg?55356177#lightcase') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=lightcase-icon-]:before {
  font-family: "lightcase", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
.lightcase-icon-play:before {
  content: "\e800";
}

.lightcase-icon-pause:before {
  content: "\e801";
}

.lightcase-icon-close:before {
  content: "\e802";
}

.lightcase-icon-prev:before {
  content: "\e803";
}

.lightcase-icon-next:before {
  content: "\e804";
}

.lightcase-icon-spin:before {
  content: "\e805";
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
  }
}

@media screen and (min-width: 641px) {
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
  }
}
@media screen and (min-width: 641px) {
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333;
  }
}
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}
@media screen and (max-width: 640px) {
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
@media screen and (min-width: 641px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
  }
}
@media screen and (min-width: 641px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
  }
}

#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}

.lightcase-open body {
  overflow: hidden;
}
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%;
}

#lightcase-info {
  position: absolute;
  padding-top: 15px;
}
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis;
}
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333;
  }
}
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa;
}
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
  }
}

#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}
#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

a[class*=lightcase-icon-] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer;
}
a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
a[class*=lightcase-icon-] > span {
  display: inline-block;
  text-indent: -9999px;
}
a[class*=lightcase-icon-]:hover {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 15px rgb(255, 255, 255);
}
.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
  color: #aaa;
  text-shadow: none;
}
a[class*=lightcase-icon-].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
}
a[class*=lightcase-icon-].lightcase-icon-prev {
  left: 15px;
}
a[class*=lightcase-icon-].lightcase-icon-next {
  right: 15px;
}
a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
  a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0;
  }
}
@media screen and (max-width: 640px) {
  a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -0.5em;
  }
  a[class*=lightcase-icon-]:hover, #lightcase-case:hover ~ a[class*=lightcase-icon-] {
    opacity: 1;
  }
}

#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333;
}
@media screen and (max-width: 640px) {
  #lightcase-overlay {
    opacity: 1 !important;
  }
}

.select2-container {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.ce-gallery {
  margin: 1em 0;
}
@media screen and (min-width: 62em) {
  .ce-gallery {
    margin: 0 0 1em 0;
  }
}
.ce-gallery--enableimagescaling img {
  width: 100%;
  height: auto;
}
.ce-gallery .image {
  position: relative;
  text-align: center;
  margin: 0.625rem 0;
}
.ce-gallery .image-copyright {
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 8pt;
  line-height: 1.2;
  text-align: right;
}
.ce-gallery .image-caption {
  width: 100%;
  color: #636363;
  font-size: 11pt;
  line-height: 1.2;
  text-align: left;
  margin-top: 1rem;
}
.ce-gallery .ce-row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.textmedia__figurecol .ce-gallery .ce-row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media screen and (min-width: 30em) {
  .textmedia__figurecol .ce-gallery .ce-row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .textmedia__figurecol .ce-gallery .ce-row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .textmedia__figurecol .ce-gallery .ce-row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
.ce-gallery .ce-row:first-child {
  padding-top: 0;
}
.ce-gallery .ce-row:last-child {
  padding-bottom: 0;
}
.ce-gallery[data-ce-columns="1"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="1"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="1"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="1"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="1"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="2"] {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="2"] {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="2"] {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="2"] {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="2"] {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="2"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="2"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="2"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="2"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="2"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="3"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="3"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="3"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="3"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="3"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="4"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="4"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="5"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="5"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="6"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="6"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="7"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="7"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery[data-ce-columns="8"] .ce-column {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 30em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 62em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 40em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 30em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 48em) and (min-width: 62em) {
  .ce-gallery[data-ce-columns="8"] .ce-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.ce-gallery .lightbox {
  position: relative;
  display: block;
}
.ce-gallery .lightbox:hover::before, .ce-gallery .lightbox:hover::after {
  opacity: 1;
}
.ce-gallery .lightbox::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, , );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  mix-blend-mode: multiply;
}
.ce-gallery .lightbox::after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  font-size: 3rem;
}
.ce-gallery .video {
  position: relative;
  padding-bottom: 53.7%;
  padding-top: 25px;
  height: 0;
}
.ce-gallery iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.lightcase {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}
.lightcase:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.lightcase::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e801";
  color: #fff;
  font-size: 1.375rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  will-change: transform;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
}

.lightcase-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}

a[class*=lightcase-icon-] {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  font-size: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
a[class*=lightcase-icon-] span {
  display: none;
}

.lightcase-icon-close::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e806";
}
.lightcase-icon-close:hover {
  text-shadow: none;
}

.lightcase-icon-prev::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
}

.lightcase-icon-next::before {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e804";
}

.select2 {
  outline: 0;
}

.select2-selection {
  outline: none;
  position: relative;
  background: transparent;
  border-radius: 0;
  font-size: 1.625rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid transparent;
  height: auto !important;
  padding: 0.5625rem 0;
}
.select2-selection::after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
  border: 0;
  margin: 0;
  width: auto;
  font-size: 1.125rem;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.select2-container--light .select2-selection::after {
  color: #636363;
}
.select2-container--dark .select2-selection::after {
  color: #fff;
}
.select2-container--open .select2-selection::after::after {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e805";
}
.select2-container--light .select2-selection {
  border-bottom-color: #636363;
}
.select2-container--dark .select2-selection {
  border-bottom-color: #fff;
}
.select2-container--light.select2-container--open .select2-selection {
  background: #fff;
  border-color: #e2e2e2;
  border-bottom-color: transparent;
}
.select2-container--dark.select2-container--open .select2-selection {
  background: #fff;
  border-color: #e2e2e2;
  border-bottom-color: transparent;
  color: #636363;
}

input[type=search].select2-search__field {
  outline: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.select2-results__options {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 17.5rem;
  overflow-y: auto;
}
.select2-results__options--nested {
  max-height: none;
  margin: 0 -0.625rem;
}

.select2-dropdown {
  border-radius: 0;
  border-color: #e2e2e2;
}

.select2-container--open .select2-dropdown--below {
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.select2-container--open .select2-dropdown--above {
  -webkit-box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1);
}

.select2-results__option {
  padding: 0;
  margin: 0;
  position: static;
  padding: 0.25rem 0.5625rem;
  line-height: normal;
}
.select2-results__option::before {
  display: none;
}
.select2-results__option--highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.select2-results__options--nested .select2-results__option::before {
  content: "+";
  position: absolute;
  display: block;
  left: 0.625rem;
  top: 0.1875rem;
}
.select2-results__options--nested .select2-results__option {
  position: relative;
  padding-left: 1.875rem;
}

.news__gallery-item {
  margin: 0 0 1.25rem 0;
  position: relative;
}
.news__gallery-item--video:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.news__gallery-item img {
  width: 100%;
  height: auto;
}
.news__gallery-item iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 0;
}
.news__gallery-item-figcaption {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 0.3125rem 0.625rem;
  text-align: left;
}
@media screen and (min-width: 48em) {
  .news__gallery-item-figcaption {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 62em) {
  .language-navigation {
    margin-left: 1.5625rem;
  }
}