@charset "UTF-8";
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Import
    Authors     
    Datum       

*****************************************************************************/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    variables
    Authors     
    Datum       

*****************************************************************************/
/**
 * font-size
 */
/**
 * font-families
 */
/**
 * line-heights
 */
/**
 * font-weight
 */
/**
 * color
 */
/**
 * schemes
 */
/**
 * measures
 */
/**
 * breakpoints
 */
/**
 * breakpoints mobile first
 * needs rewrite of the media query mixins and all includes
 */
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    memo theme settings.
    Authors     
    Datum       

*****************************************************************************/
/**
 * color usage
 */
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    All mixins for the site. Placespecific mixins may be included
                where they are used und c&p here if necessary.
    Authors     
    Datum       

*****************************************************************************/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Basic font mixins. Just for inheritable values.
    Authors     
    Datum       

*****************************************************************************/
/**
 * Mostly useful with sketch files or systems that are alike.
 * Try to copy paste the values first and replace them one by one.
 * For a general use approach try to use a relative Value for the line height. => line-height(px) / font-size(px)
 */
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    mixins media queries
    Authors     
    Datum       

*****************************************************************************/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    font-face
    Notes       Get your stuff together: https://google-webfonts-helper.herokuapp.com/fonts
    Authors     mac signer
    Datum       20180725

*****************************************************************************/
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300.woff") format("woff"); }

/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300italic.woff") format("woff"); }

/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700.woff") format("woff"); }

/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v15-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700italic.woff") format("woff"); }

/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans-v15-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800.woff") format("woff"); }

/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../fonts/open-sans-v15-latin-800italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800italic.woff") format("woff"); }

/* torqueweb-light - latin */
@font-face {
  font-family: "Torque";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/torqueweb-light.woff") format("woff"); }

/* torqueweb-light - latin */
@font-face {
  font-family: "Torque";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/torqueweb-medium.woff") format("woff"); }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    rocksolid columns overwrite
    Authors     
    Datum       

*****************************************************************************/
.rs-columns {
  clear: both;
  width: 100%; }
  .rs-columns:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.rs-column {
  float: left;
  width: 100%;
  margin-right: 1.6rem; }
  .rs-column.-large-first {
    clear: left; }
  .rs-column.-large-last {
    margin-right: 0; }
  .rs-column.-large-first-row {
    margin-top: 0; }
  .rs-column.-large-col-1-1 {
    width: calc( ( ( 100% - 1.6rem * ( 0 ) ) / 1 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-2-1 {
    width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-2-2 {
    width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
  .rs-column.-large-col-3-1 {
    width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-3-2 {
    width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
  .rs-column.-large-col-3-3 {
    width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
  .rs-column.-large-col-4-1 {
    width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-4-2 {
    width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
  .rs-column.-large-col-4-3 {
    width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
  .rs-column.-large-col-4-4 {
    width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
  .rs-column.-large-col-5-1 {
    width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-5-2 {
    width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
  .rs-column.-large-col-5-3 {
    width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
  .rs-column.-large-col-5-4 {
    width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
  .rs-column.-large-col-5-5 {
    width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
  .rs-column.-large-col-6-1 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
  .rs-column.-large-col-6-2 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
  .rs-column.-large-col-6-3 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
  .rs-column.-large-col-6-4 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
  .rs-column.-large-col-6-5 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
  .rs-column.-large-col-6-6 {
    width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 6 ) + 1.6rem * 5 ) - 0.01px); }
  @media screen and (max-width: 56.25em) {
    .rs-column {
      margin-top: 1.6rem;
      margin-right: 1.6rem; }
      .rs-column.-large-first {
        clear: none; }
      .rs-column.-large-last {
        margin-right: 1.6rem; }
      .rs-column.-large-first-row {
        margin-top: 1.6rem; }
      .rs-column.-medium-first {
        clear: left; }
      .rs-column.-medium-last {
        margin-right: 0; }
      .rs-column.-medium-first-row {
        margin-top: 0; }
      .rs-column.-medium-col-1-1 {
        width: calc( ( ( 100% - 1.6rem * ( 0 ) ) / 1 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-2-1 {
        width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-2-2 {
        width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-medium-col-3-1 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-3-2 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-medium-col-3-3 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-medium-col-4-1 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-4-2 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-medium-col-4-3 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-medium-col-4-4 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-medium-col-5-1 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-5-2 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-medium-col-5-3 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-medium-col-5-4 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-medium-col-5-5 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
      .rs-column.-medium-col-6-1 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-medium-col-6-2 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-medium-col-6-3 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-medium-col-6-4 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-medium-col-6-5 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
      .rs-column.-medium-col-6-6 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 6 ) + 1.6rem * 5 ) - 0.01px); } }
  @media screen and (max-width: 37.5em) {
    .rs-column {
      margin-right: 1.6rem; }
      .rs-column.-medium-first {
        clear: none; }
      .rs-column.-medium-last {
        margin-right: 1.6rem; }
      .rs-column.-medium-first-row {
        margin-top: 1.6rem; }
      .rs-column.-small-first {
        clear: left; }
      .rs-column.-small-last {
        margin-right: 0; }
      .rs-column.-small-first-row {
        margin-top: 0; }
      .rs-column.-small-col-1-1 {
        width: calc( ( ( 100% - 1.6rem * ( 0 ) ) / 1 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-2-1 {
        width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-2-2 {
        width: calc( ( ( 100% - 1.6rem * ( 1 ) ) / 2 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-small-col-3-1 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-3-2 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-small-col-3-3 {
        width: calc( ( ( 100% - 1.6rem * ( 2 ) ) / 3 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-small-col-4-1 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-4-2 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-small-col-4-3 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-small-col-4-4 {
        width: calc( ( ( 100% - 1.6rem * ( 3 ) ) / 4 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-small-col-5-1 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-5-2 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-small-col-5-3 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-small-col-5-4 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-small-col-5-5 {
        width: calc( ( ( 100% - 1.6rem * ( 4 ) ) / 5 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
      .rs-column.-small-col-6-1 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 1 ) + 1.6rem * 0 ) - 0.01px); }
      .rs-column.-small-col-6-2 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 2 ) + 1.6rem * 1 ) - 0.01px); }
      .rs-column.-small-col-6-3 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 3 ) + 1.6rem * 2 ) - 0.01px); }
      .rs-column.-small-col-6-4 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 4 ) + 1.6rem * 3 ) - 0.01px); }
      .rs-column.-small-col-6-5 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 5 ) + 1.6rem * 4 ) - 0.01px); }
      .rs-column.-small-col-6-6 {
        width: calc( ( ( 100% - 1.6rem * ( 5 ) ) / 6 * ( 6 ) + 1.6rem * 5 ) - 0.01px); } }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Rocksolid Grid alternative with custom gutter width
    Authors     
    Datum       

*****************************************************************************/
/*
@include columns-scheme(4 2 3, 0px, '.columns');

.columns-scheme {
	@include columns-scheme(7 5 3, 0px);
}
*/
.columns-1 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-1 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 0 * 1.6rem ) ) / 1 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-1 > *:nth-of-type(1n+1) {
    clear: left; }
  .columns-1 > *:nth-of-type(1n+1) {
    margin-right: 0; }

.columns-1:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-2 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-2 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 1 * 1.6rem ) ) / 2 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-2 > *:nth-of-type(2n+1) {
    clear: left; }
  .columns-2 > *:nth-of-type(2n+2) {
    margin-right: 0; }

.columns-2:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-3 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-3 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 2 * 1.6rem ) ) / 3 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-3 > *:nth-of-type(3n+1) {
    clear: left; }
  .columns-3 > *:nth-of-type(3n+3) {
    margin-right: 0; }

.columns-3:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-4 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-4 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 3 * 1.6rem ) ) / 4 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-4 > *:nth-of-type(4n+1) {
    clear: left; }
  .columns-4 > *:nth-of-type(4n+4) {
    margin-right: 0; }

.columns-4:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-5 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-5 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 4 * 1.6rem ) ) / 5 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-5 > *:nth-of-type(5n+1) {
    clear: left; }
  .columns-5 > *:nth-of-type(5n+5) {
    margin-right: 0; }

.columns-5:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-6 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .columns-6 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 5 * 1.6rem ) ) / 6 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-6 > *:nth-of-type(6n+1) {
    clear: left; }
  .columns-6 > *:nth-of-type(6n+6) {
    margin-right: 0; }

.columns-6:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.push-left-0 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }

.push-right-0 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }

.push-left-1 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }

.push-right-1 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }

.push-left-2 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }

.push-right-2 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }

.push-left-3 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }

.push-right-3 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }

.push-left-4 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }

.push-right-4 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }

.push-left-5 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }

.push-right-5 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }

.push-left-6 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }

.push-right-6 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }

.push-left-7 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }

.push-right-7 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }

.push-left-8 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }

.push-right-8 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }

.push-left-9 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }

.push-right-9 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }

.push-left-10 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }

.push-right-10 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }

.push-left-11 {
  margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }

.push-right-11 {
  margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }

.columns-11-1 > * {
  float: left; }
  .columns-11-1 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-11-1 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-11-1 > *:nth-child(2n+1) {
    clear: left; }
  .columns-11-1 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-11-1:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-10-2 > * {
  float: left; }
  .columns-10-2 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-10-2 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-10-2 > *:nth-child(2n+1) {
    clear: left; }
  .columns-10-2 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-10-2:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-9-3 > * {
  float: left; }
  .columns-9-3 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-9-3 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-9-3 > *:nth-child(2n+1) {
    clear: left; }
  .columns-9-3 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-9-3:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-8-4 > * {
  float: left; }
  .columns-8-4 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-8-4 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-8-4 > *:nth-child(2n+1) {
    clear: left; }
  .columns-8-4 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-8-4:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-7-5 > * {
  float: left; }
  .columns-7-5 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-7-5 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-7-5 > *:nth-child(2n+1) {
    clear: left; }
  .columns-7-5 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-7-5:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-6-6 > * {
  float: left; }
  .columns-6-6 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-6-6 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-6-6 > *:nth-child(2n+1) {
    clear: left; }
  .columns-6-6 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-6-6:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-5-7 > * {
  float: left; }
  .columns-5-7 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-5-7 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-5-7 > *:nth-child(2n+1) {
    clear: left; }
  .columns-5-7 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-5-7:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-4-8 > * {
  float: left; }
  .columns-4-8 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-4-8 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-4-8 > *:nth-child(2n+1) {
    clear: left; }
  .columns-4-8 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-4-8:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-3-9 > * {
  float: left; }
  .columns-3-9 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-3-9 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-3-9 > *:nth-child(2n+1) {
    clear: left; }
  .columns-3-9 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-3-9:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-2-10 > * {
  float: left; }
  .columns-2-10 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-2-10 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-2-10 > *:nth-child(2n+1) {
    clear: left; }
  .columns-2-10 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-2-10:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.columns-1-11 > * {
  float: left; }
  .columns-1-11 > *:nth-child(2n+1) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-1-11 > *:nth-child(2n+2) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .columns-1-11 > *:nth-child(2n+1) {
    clear: left; }
  .columns-1-11 > *:nth-child(2n+2) {
    margin-right: 0; }

.columns-1-11:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

@media screen and (max-width: 56.25em) {
  .columns-medium-1 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-1 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 0 * 1.6rem ) ) / 1 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-1 > *:nth-of-type(1n+1) {
      clear: left; }
    .columns-medium-1 > *:nth-of-type(1n+1) {
      margin-right: 0; }
  .columns-medium-1:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-2 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-2 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 1 * 1.6rem ) ) / 2 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-2 > *:nth-of-type(2n+1) {
      clear: left; }
    .columns-medium-2 > *:nth-of-type(2n+2) {
      margin-right: 0; }
  .columns-medium-2:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-3 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-3 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 2 * 1.6rem ) ) / 3 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-3 > *:nth-of-type(3n+1) {
      clear: left; }
    .columns-medium-3 > *:nth-of-type(3n+3) {
      margin-right: 0; }
  .columns-medium-3:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-4 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-4 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 3 * 1.6rem ) ) / 4 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-4 > *:nth-of-type(4n+1) {
      clear: left; }
    .columns-medium-4 > *:nth-of-type(4n+4) {
      margin-right: 0; }
  .columns-medium-4:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-5 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-5 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 4 * 1.6rem ) ) / 5 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-5 > *:nth-of-type(5n+1) {
      clear: left; }
    .columns-medium-5 > *:nth-of-type(5n+5) {
      margin-right: 0; }
  .columns-medium-5:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-6 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-medium-6 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 5 * 1.6rem ) ) / 6 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-6 > *:nth-of-type(6n+1) {
      clear: left; }
    .columns-medium-6 > *:nth-of-type(6n+6) {
      margin-right: 0; }
  .columns-medium-6:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .push-left-medium-0 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }
  .push-right-medium-0 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }
  .push-left-medium-1 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }
  .push-right-medium-1 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }
  .push-left-medium-2 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }
  .push-right-medium-2 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }
  .push-left-medium-3 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }
  .push-right-medium-3 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }
  .push-left-medium-4 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }
  .push-right-medium-4 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }
  .push-left-medium-5 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }
  .push-right-medium-5 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }
  .push-left-medium-6 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }
  .push-right-medium-6 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }
  .push-left-medium-7 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }
  .push-right-medium-7 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }
  .push-left-medium-8 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }
  .push-right-medium-8 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }
  .push-left-medium-9 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }
  .push-right-medium-9 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }
  .push-left-medium-10 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }
  .push-right-medium-10 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }
  .push-left-medium-11 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }
  .push-right-medium-11 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }
  .columns-medium-11-1 > * {
    float: left; }
    .columns-medium-11-1 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-11-1 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-11-1 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-11-1 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-11-1:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-10-2 > * {
    float: left; }
    .columns-medium-10-2 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-10-2 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-10-2 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-10-2 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-10-2:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-9-3 > * {
    float: left; }
    .columns-medium-9-3 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-9-3 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-9-3 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-9-3 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-9-3:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-8-4 > * {
    float: left; }
    .columns-medium-8-4 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-8-4 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-8-4 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-8-4 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-8-4:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-7-5 > * {
    float: left; }
    .columns-medium-7-5 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-7-5 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-7-5 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-7-5 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-7-5:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-6-6 > * {
    float: left; }
    .columns-medium-6-6 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-6-6 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-6-6 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-6-6 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-6-6:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-5-7 > * {
    float: left; }
    .columns-medium-5-7 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-5-7 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-5-7 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-5-7 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-5-7:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-4-8 > * {
    float: left; }
    .columns-medium-4-8 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-4-8 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-4-8 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-4-8 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-4-8:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-3-9 > * {
    float: left; }
    .columns-medium-3-9 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-3-9 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-3-9 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-3-9 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-3-9:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-2-10 > * {
    float: left; }
    .columns-medium-2-10 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-2-10 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-2-10 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-2-10 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-2-10:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-medium-1-11 > * {
    float: left; }
    .columns-medium-1-11 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-1-11 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-medium-1-11 > *:nth-child(2n+1) {
      clear: left; }
    .columns-medium-1-11 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-medium-1-11:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; } }

@media screen and (max-width: 37.5em) {
  .columns-small-1 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-1 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 0 * 1.6rem ) ) / 1 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-1 > *:nth-of-type(1n+1) {
      clear: left; }
    .columns-small-1 > *:nth-of-type(1n+1) {
      margin-right: 0; }
  .columns-small-1:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-2 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-2 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 1 * 1.6rem ) ) / 2 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-2 > *:nth-of-type(2n+1) {
      clear: left; }
    .columns-small-2 > *:nth-of-type(2n+2) {
      margin-right: 0; }
  .columns-small-2:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-3 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-3 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 2 * 1.6rem ) ) / 3 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-3 > *:nth-of-type(3n+1) {
      clear: left; }
    .columns-small-3 > *:nth-of-type(3n+3) {
      margin-right: 0; }
  .columns-small-3:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-4 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-4 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 3 * 1.6rem ) ) / 4 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-4 > *:nth-of-type(4n+1) {
      clear: left; }
    .columns-small-4 > *:nth-of-type(4n+4) {
      margin-right: 0; }
  .columns-small-4:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-5 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-5 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 4 * 1.6rem ) ) / 5 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-5 > *:nth-of-type(5n+1) {
      clear: left; }
    .columns-small-5 > *:nth-of-type(5n+5) {
      margin-right: 0; }
  .columns-small-5:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-6 > * {
    float: left;
    margin-bottom: 1.6rem; }
    .columns-small-6 > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 5 * 1.6rem ) ) / 6 - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-6 > *:nth-of-type(6n+1) {
      clear: left; }
    .columns-small-6 > *:nth-of-type(6n+6) {
      margin-right: 0; }
  .columns-small-6:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .push-left-small-0 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }
  .push-right-small-0 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }
  .push-left-small-1 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }
  .push-right-small-1 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 1 + 1 * 1.6rem); }
  .push-left-small-2 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }
  .push-right-small-2 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 2 + 2 * 1.6rem); }
  .push-left-small-3 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }
  .push-right-small-3 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 3 + 3 * 1.6rem); }
  .push-left-small-4 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }
  .push-right-small-4 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 4 + 4 * 1.6rem); }
  .push-left-small-5 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }
  .push-right-small-5 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 5 + 5 * 1.6rem); }
  .push-left-small-6 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }
  .push-right-small-6 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 6 + 6 * 1.6rem); }
  .push-left-small-7 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }
  .push-right-small-7 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 7 + 7 * 1.6rem); }
  .push-left-small-8 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }
  .push-right-small-8 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); }
  .push-left-small-9 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }
  .push-right-small-9 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 9 + 9 * 1.6rem); }
  .push-left-small-10 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }
  .push-right-small-10 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 10 + 10 * 1.6rem); }
  .push-left-small-11 {
    margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }
  .push-right-small-11 {
    margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 11 + 11 * 1.6rem); }
  .columns-small-11-1 > * {
    float: left; }
    .columns-small-11-1 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-11-1 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-11-1 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-11-1 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-11-1:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-10-2 > * {
    float: left; }
    .columns-small-10-2 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-10-2 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-10-2 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-10-2 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-10-2:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-9-3 > * {
    float: left; }
    .columns-small-9-3 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-9-3 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-9-3 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-9-3 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-9-3:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-8-4 > * {
    float: left; }
    .columns-small-8-4 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-8-4 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-8-4 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-8-4 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-8-4:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-7-5 > * {
    float: left; }
    .columns-small-7-5 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-7-5 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-7-5 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-7-5 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-7-5:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-6-6 > * {
    float: left; }
    .columns-small-6-6 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-6-6 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 6 + 5 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-6-6 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-6-6 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-6-6:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-5-7 > * {
    float: left; }
    .columns-small-5-7 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 5 + 4 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-5-7 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 7 + 6 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-5-7 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-5-7 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-5-7:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-4-8 > * {
    float: left; }
    .columns-small-4-8 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 4 + 3 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-4-8 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 8 + 7 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-4-8 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-4-8 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-4-8:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-3-9 > * {
    float: left; }
    .columns-small-3-9 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 3 + 2 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-3-9 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 9 + 8 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-3-9 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-3-9 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-3-9:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-2-10 > * {
    float: left; }
    .columns-small-2-10 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 2 + 1 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-2-10 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 10 + 9 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-2-10 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-2-10 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-2-10:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .columns-small-1-11 > * {
    float: left; }
    .columns-small-1-11 > *:nth-child(2n+1) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 1 + 0 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-1-11 > *:nth-child(2n+2) {
      width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 * 11 + 10 * 1.6rem - 0.01px);
      margin-top: 0;
      margin-right: calc( 1.6rem);
      clear: none; }
    .columns-small-1-11 > *:nth-child(2n+1) {
      clear: left; }
    .columns-small-1-11 > *:nth-child(2n+2) {
      margin-right: 0; }
  .columns-small-1-11:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; } }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Rocksolid Grid alternative with custom gutter width
    Authors     
    Datum       

*****************************************************************************/
.columns-row-1 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-1 > * {
    float: left;
    width: calc( 100% / 1 - 0.01px);
    padding: 0.8rem; }
    .columns-row-1 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-1 > *:nth-of-type(1n+1) {
      clear: left; }
  .columns-row-1:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.columns-row-2 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-2 > * {
    float: left;
    width: calc( 100% / 2 - 0.01px);
    padding: 0.8rem; }
    .columns-row-2 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-2 > *:nth-of-type(2n+1) {
      clear: left; }
  .columns-row-2:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.columns-row-3 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-3 > * {
    float: left;
    width: calc( 100% / 3 - 0.01px);
    padding: 0.8rem; }
    .columns-row-3 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-3 > *:nth-of-type(3n+1) {
      clear: left; }
  .columns-row-3:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.columns-row-4 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-4 > * {
    float: left;
    width: calc( 100% / 4 - 0.01px);
    padding: 0.8rem; }
    .columns-row-4 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-4 > *:nth-of-type(4n+1) {
      clear: left; }
  .columns-row-4:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.columns-row-5 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-5 > * {
    float: left;
    width: calc( 100% / 5 - 0.01px);
    padding: 0.8rem; }
    .columns-row-5 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-5 > *:nth-of-type(5n+1) {
      clear: left; }
  .columns-row-5:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

.columns-row-6 {
  margin-right: -0.8rem;
  margin-left: -0.8rem; }
  .columns-row-6 > * {
    float: left;
    width: calc( 100% / 6 - 0.01px);
    padding: 0.8rem; }
    .columns-row-6 > *:nth-of-type(1n) {
      margin: 0;
      clear: none; }
    .columns-row-6 > *:nth-of-type(6n+1) {
      clear: left; }
  .columns-row-6:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }

@media screen and (max-width: 56.25em) {
  .columns-row-medium-1 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-1 > * {
      float: left;
      width: calc( 100% / 1 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-1 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-1 > *:nth-of-type(1n+1) {
        clear: left; }
    .columns-row-medium-1:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-medium-2 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-2 > * {
      float: left;
      width: calc( 100% / 2 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-2 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-2 > *:nth-of-type(2n+1) {
        clear: left; }
    .columns-row-medium-2:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-medium-3 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-3 > * {
      float: left;
      width: calc( 100% / 3 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-3 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-3 > *:nth-of-type(3n+1) {
        clear: left; }
    .columns-row-medium-3:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-medium-4 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-4 > * {
      float: left;
      width: calc( 100% / 4 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-4 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-4 > *:nth-of-type(4n+1) {
        clear: left; }
    .columns-row-medium-4:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-medium-5 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-5 > * {
      float: left;
      width: calc( 100% / 5 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-5 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-5 > *:nth-of-type(5n+1) {
        clear: left; }
    .columns-row-medium-5:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-medium-6 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-medium-6 > * {
      float: left;
      width: calc( 100% / 6 - 0.01px);
      padding: 0.8rem; }
      .columns-row-medium-6 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-medium-6 > *:nth-of-type(6n+1) {
        clear: left; }
    .columns-row-medium-6:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; } }

@media screen and (max-width: 37.5em) {
  .columns-row-small-1 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-1 > * {
      float: left;
      width: calc( 100% / 1 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-1 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-1 > *:nth-of-type(1n+1) {
        clear: left; }
    .columns-row-small-1:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-small-2 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-2 > * {
      float: left;
      width: calc( 100% / 2 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-2 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-2 > *:nth-of-type(2n+1) {
        clear: left; }
    .columns-row-small-2:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-small-3 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-3 > * {
      float: left;
      width: calc( 100% / 3 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-3 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-3 > *:nth-of-type(3n+1) {
        clear: left; }
    .columns-row-small-3:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-small-4 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-4 > * {
      float: left;
      width: calc( 100% / 4 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-4 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-4 > *:nth-of-type(4n+1) {
        clear: left; }
    .columns-row-small-4:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-small-5 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-5 > * {
      float: left;
      width: calc( 100% / 5 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-5 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-5 > *:nth-of-type(5n+1) {
        clear: left; }
    .columns-row-small-5:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; }
  .columns-row-small-6 {
    margin-right: -0.8rem;
    margin-left: -0.8rem; }
    .columns-row-small-6 > * {
      float: left;
      width: calc( 100% / 6 - 0.01px);
      padding: 0.8rem; }
      .columns-row-small-6 > *:nth-of-type(1n) {
        margin: 0;
        clear: none; }
      .columns-row-small-6 > *:nth-of-type(6n+1) {
        clear: left; }
    .columns-row-small-6:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; } }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    main css. HTML elements and basic structure
    Authors     
    Datum       

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

:root * + * {
  margin-top: 2rem; }

.sf-toolbar,
.sf-toolbar * + *,
#web-developer-ruler-container,
#web-developer-ruler-container * + * {
  margin-top: 0; }

:root body {
  margin-top: 0; }

html {
  font-size: 62.5%; }

body {
  font-family: "Open Sans";
  font-size: 2.4rem;
  font-weight: 300;
  letter-spacing: .031rem;
  line-height: 1.25;
  padding-top: 10rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: #282828;
  background-color: #fefffe; }
  @media screen and (max-width: 37.5em) {
    body {
      font-size: 1.6rem; } }
  @media screen and (max-width: 56.25em) {
    body {
      padding-top: 6rem; } }
  @media screen and (max-width: 37.5em) {
    body {
      padding-top: 2rem; } }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a {
    color: #000019; }
  .color-scheme-turquoise a {
    color: #68C0BB; }
  .color-scheme-red a {
    color: #D75A55; }
  .color-scheme-yellow a {
    color: #FBD353; }

strong {
  font-weight: 700; }

h1,
h2,
h3,
h4,
h5,
h6,
.h6,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
  margin-bottom: 2rem; }

h1,
.h1 {
  font-family: "Torque";
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: .2rem;
  line-height: 1.1;
  text-transform: uppercase;
  margin-bottom: 3rem; }
  @media screen and (max-width: 56.25em) {
    h1,
    .h1 {
      font-size: 1.6em; } }

h2,
.h2 {
  font-family: "Torque";
  font-size: 3rem;
  letter-spacing: .12rem;
  line-height: 1.1;
  margin-top: 6rem;
  margin-bottom: 2rem; }
  @media screen and (max-width: 56.25em) {
    h2,
    .h2 {
      font-size: 1.4em; } }

h3,
.h3 {
  font-family: "Torque";
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: .2rem;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 2.8rem;
  margin-bottom: 4rem; }
  @media screen and (max-width: 56.25em) {
    h3,
    .h3 {
      font-size: 1.6em; } }

h4,
.h4 {
  font-family: "Torque";
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: .2rem;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 2.6rem;
  margin-bottom: 4rem; }
  @media screen and (max-width: 56.25em) {
    h4,
    .h4 {
      font-size: 1.6em; } }


h5,
h6,
.h6,
.h5 {
  font-family: "Open Sans";
  font-size: 2.4rem;
  font-weight: 300;
  letter-spacing: .031rem;
  line-height: 1.25;
  font-weight: 800; }
  @media screen and (max-width: 37.5em) {
    
    h5,
    h6,
    .h6,
    .h5 {
      font-size: 1.6rem; } }

ul,
ol {
  list-style-position: inside; }

q {
  quotes: "«" "»" "‹" "›"; }

blockquote {
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  border: 0 solid rgba(40, 40, 40, 0.15);
  border-width: 3px 0; }
  blockquote > :last-child {
    margin-bottom: 0; }

hr {
  margin-top: 8rem;
  margin-bottom: 8rem;
  border: 3px solid rgba(40, 40, 40, 0.15);
  border-width: 3px 0 0; }
  hr {
    border-color: rgba(0, 0, 25, 0.15); }
  color-scheme-turquoise hr {
    border-color: rgba(104, 192, 187, 0.15); }
  color-scheme-red hr {
    border-color: rgba(215, 90, 85, 0.15); }
  color-scheme-yellow hr {
    border-color: rgba(251, 211, 83, 0.15); }

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

input:not([type="checkbox"]):not([type="radio"]),
button,
textarea {
  display: block;
  width: 100%; }

label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0px;
  border: 3px solid transparent;
  margin-bottom: 1.6rem;
  padding: .4em 1em .3em;
  transition: color .4s, background .4s, border .4s;
  display: inline-block;
  margin-bottom: 0; }

input,
select,
textarea {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0px;
  border: 3px solid transparent;
  margin-bottom: 1.6rem;
  padding: .4em 1em .3em;
  transition: color .4s, background .4s, border .4s;
  color: rgba(40, 40, 40, 0.8);
  background-color: #fefffe;
  border-color: rgba(40, 40, 40, 0.8);
  vertical-align: top; }
  input:focus,
  select:focus,
  textarea:focus {
    color: #282828; }

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid rgba(40, 40, 40, 0.15);
  outline-offset: -1px;
  transition: outline 0.4s; }
  input:focus,
  textarea:focus,
  select:focus {
    outline-color: rgba(0, 0, 25, 0.15); }
  color-scheme-turquoise input:focus, color-scheme-turquoise
  textarea:focus, color-scheme-turquoise
  select:focus {
    outline-color: rgba(104, 192, 187, 0.15); }
  color-scheme-red input:focus, color-scheme-red
  textarea:focus, color-scheme-red
  select:focus {
    outline-color: rgba(215, 90, 85, 0.15); }
  color-scheme-yellow input:focus, color-scheme-yellow
  textarea:focus, color-scheme-yellow
  select:focus {
    outline-color: rgba(251, 211, 83, 0.15); }

button,
input[type="submit"],
input[type="button"] {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0px;
  border: 3px solid transparent;
  margin-bottom: 1.6rem;
  padding: .4em 1em .3em;
  transition: color .4s, background .4s, border .4s;
  font-weight: 700;
  font-size: .75em;
  cursor: pointer;
  border-color: transparent; }
  button,
  input[type="submit"],
  input[type="button"] {
    background-color: #000019;
    border-color: #000019;
    color: #fefffe; }
  .color-scheme-turquoise button, input[type="submit"], input[type="button"] {
    background-color: #68C0BB;
    border-color: #68C0BB;
    color: #fefffe; }
  .color-scheme-red button, input[type="submit"], input[type="button"] {
    background-color: #D75A55;
    border-color: #D75A55;
    color: #fefffe; }
  .color-scheme-yellow button, input[type="submit"], input[type="button"] {
    background-color: #FBD353;
    border-color: #FBD353;
    color: #fefffe; }
  button button, button input[type="submit"], button input[type="button"]:hover, button button, button input[type="submit"], button input[type="button"].active, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"]:hover, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"].active, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"]:hover, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"].active {
    color: #000019;
    background-color: #fefffe; }
  .color-scheme-turquoise button button, button input[type="submit"], button input[type="button"]:hover, button button, button input[type="submit"], button input[type="button"].active, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"]:hover, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"].active, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"]:hover, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"].active {
    color: #68C0BB;
    background-color: #fefffe; }
  .color-scheme-red button button, button input[type="submit"], button input[type="button"]:hover, button button, button input[type="submit"], button input[type="button"].active, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"]:hover, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"].active, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"]:hover, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"].active {
    color: #D75A55;
    background-color: #fefffe; }
  .color-scheme-yellow button button, button input[type="submit"], button input[type="button"]:hover, button button, button input[type="submit"], button input[type="button"].active, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"]:hover, input[type="submit"] button, input[type="submit"] input[type="submit"], input[type="submit"] input[type="button"].active, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"]:hover, input[type="button"] button, input[type="button"] input[type="submit"], input[type="button"] input[type="button"].active {
    color: #FBD353;
    background-color: #fefffe; }

table {
  width: 100%;
  font-size: inherit; }
  table {
    color: #000019; }
  .color-scheme-turquoise table {
    color: #68C0BB; }
  .color-scheme-red table {
    color: #D75A55; }
  .color-scheme-yellow table {
    color: #FBD353; }

@media screen and (max-width: 37.5em) {
  thead {
    display: none; } }

@media screen and (max-width: 37.5em) {
  tr:nth-of-type(odd) {
    background-color: inherit; } }

@media screen and (max-width: 37.5em) {
  td {
    display: block;
    width: 100%;
    text-align: left; }
    td:before {
      content: attr(data-th);
      display: inline-block;
      padding-right: 1.2rem;
      text-align: left;
      font-weight: 800; } }

/**
 * reset lobotomized owl
 */
.custom {
  margin-top: 0; }

::-moz-selection {
  text-shadow: none; }
  ::-moz-selection {
    color: #000019; }
  .color-scheme-turquoise ::-moz-selection {
    color: #68C0BB; }
  .color-scheme-red ::-moz-selection {
    color: #D75A55; }
  .color-scheme-yellow ::-moz-selection {
    color: #FBD353; }
  ::-moz-selection {
    background-color: rgba(0, 0, 25, 0.15); }
  color-scheme-turquoise ::-moz-selection {
    background-color: rgba(104, 192, 187, 0.15); }
  color-scheme-red ::-moz-selection {
    background-color: rgba(215, 90, 85, 0.15); }
  color-scheme-yellow ::-moz-selection {
    background-color: rgba(251, 211, 83, 0.15); }

::selection {
  text-shadow: none; }
  ::selection {
    color: #000019; }
  .color-scheme-turquoise ::selection {
    color: #68C0BB; }
  .color-scheme-red ::selection {
    color: #D75A55; }
  .color-scheme-yellow ::selection {
    color: #FBD353; }
  ::selection {
    background-color: rgba(0, 0, 25, 0.15); }
  color-scheme-turquoise ::selection {
    background-color: rgba(104, 192, 187, 0.15); }
  color-scheme-red ::selection {
    background-color: rgba(215, 90, 85, 0.15); }
  color-scheme-yellow ::selection {
    background-color: rgba(251, 211, 83, 0.15); }

/**
 * base structure
 */
/*
.base

description

:hover - hover description
.base--modifier - modifier description

Markup:
<div style="border: 1px solid black">
	<div class="base {{modifier_class}}">
		<p>You don't believe in the Force, do you? I'm surprised you had the courage to take the responsibility yourself. Ye-ha! What!? Look, I can take you as far as Anchorhead. You can get a transport there to Mos Eisley or wherever you're going.</p>
		<a href="#" class=""></a>
		<img src="http://place-hold.it/800x120" style="border: 2px solid black; width: 100%"/>
	</div>
</div>

Styleguide 1.1
*/
.main-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .main-wrapper > * {
    flex: 0 0 auto; }
  .main-wrapper > .main-container {
    flex: 1 0 auto; }

/**
 * base structure
 */
.main .mod_article,
.base-width,
.search-area > *,
.featherlight-content {
  width: 98%;
  width: calc(100% - 2 * 2rem);
  max-width: 120rem;
  margin-right: auto;
  margin-left: auto; }
  .main .mod_article--full-width,
  .base-width--full-width {
    max-width: none;
    width: auto; }

/**
 * Header
 */
.main-header-height {
  display: flex; }

.main-header,
.popup-header {
  height: 7.2rem; }
  @media screen and (max-width: 37.5em) {
    .main-header,
    .popup-header {
      height: 5.2rem; } }

.main-header {
  position: relative;
  position: -webkit-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #fefffe;
  pointer-events: none; }
  .main-header a,
  .main-header strong {
    pointer-events: all; }
  @media screen and (max-width: 75em) {
    .main-header {
      min-height: 0;
      max-height: none; } }
  .main-header .ce_image img {
    width: 100%; }
  .main-header .mod_article {
    margin-top: 0; }
  .main-header .inside > * {
    position: relative; }
  .main-header.has-scrolled .logo {
    opacity: 0; }

.header-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .header-layout > * {
    flex: 0 0 auto;
    margin-top: 0; }
  .header-layout .logo {
    width: 18rem;
    max-width: 100%; }
    @media screen and (max-width: 56.25em) {
      .header-layout .logo {
        width: 12rem; } }
    @media screen and (max-width: 37.5em) {
      .header-layout .logo {
        width: 8rem; } }

.main-wrapper {
  overflow: hidden; }

.header-wrapper,
.popup-header {
  padding-top: 1.6rem; }
  @media screen and (max-width: 37.5em) {
    .header-wrapper,
    .popup-header {
      padding-top: 1rem; } }

.header-wrapper {
  z-index: 10;
  font-family: "Torque";
  font-size: 2.2rem;
  letter-spacing: .071rem;
  line-height: 1; }
  .header-wrapper ul {
    margin: 0; }
  .header-wrapper form {
    margin-bottom: 0; }
  .header-wrapper .logo {
    overflow: hidden;
    opacity: 1;
    transition: height .4s, opacity .4s; }
  .header-wrapper .hamburger {
    display: none; }
    @media screen and (max-width: 81.25em) {
      .header-wrapper .hamburger {
        display: block; } }

.main-nav {
  text-align: right;
  text-transform: uppercase;
  line-height: 1.8;
  font-weight: 600; }
  @media screen and (max-width: 81.25em) {
    .main-nav {
      display: none; } }
  .main-nav .mod_navigation > ul:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  .main-nav .mod_navigation > ul > li > a, .main-nav .mod_navigation > ul > li > a:before,
  .main-nav .mod_navigation > ul > li > strong,
  .main-nav .mod_navigation > ul > li > strong:before {
    transition: color .3s, transform .4s, visibility .3s, opacity .3s; }
  .main-nav .mod_navigation > ul > li > a,
  .main-nav .mod_navigation > ul > li > strong {
    display: block;
    position: relative;
    padding: .5em 0;
    font-size: .7em;
    white-space: nowrap;
    transform: translate(0, 0);
    color: transparent; }
    .main-nav .mod_navigation > ul > li > a:hover,
    .main-nav .mod_navigation > ul > li > strong:hover {
      transform: translate(-0.2em, 0); }
      .has-scrolled .main-nav .mod_navigation > ul > li > a:hover, .has-scrolled
      .main-nav .mod_navigation > ul > li > strong:hover {
        transform: translate(0, 0.2em); }
    .has-scrolled .main-nav .mod_navigation > ul > li > a, .has-scrolled
    .main-nav .mod_navigation > ul > li > strong {
      color: #000019; }
    .main-nav .mod_navigation > ul > li > a:before,
    .main-nav .mod_navigation > ul > li > strong:before {
      content: attr(data-pseudo-title);
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      padding: .2em .2em .1em;
      font-size: 1.43em;
      line-height: 1;
      color: #000019;
      background-color: #fefffe;
      opacity: 1;
      transform: translateY(-50%); }
      .has-scrolled .main-nav .mod_navigation > ul > li > a:before, .has-scrolled
      .main-nav .mod_navigation > ul > li > strong:before {
        visibility: hidden;
        opacity: 0;
        transition-delay: 0s, 0s, .3s, 0s; }
    .main-nav .mod_navigation > ul > li > a.trail:before, .main-nav .mod_navigation > ul > li > a.active:before,
    .main-nav .mod_navigation > ul > li > strong.trail:before,
    .main-nav .mod_navigation > ul > li > strong.active:before {
      color: #fefffe;
      background-color: #000019; }
  .main-nav .mod_navigation > ul > li {
    float: right;
    clear: both; }
  .main-nav strong {
    text-decoration: underline; }
  .main-nav li {
    margin-top: 0;
    margin-left: 2em;
    transition: transform .3s; }

/**
 * popup header
 * to be aligned with the main header
 */
.popup-header {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  pointer-events: none; }
  .popup-header a {
    pointer-events: all; }

/**
 * Navigation area
 */
.nav-area {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  margin: 0;
  background-color: rgba(254, 255, 254, 0.9);
  text-align: center;
  opacity: 0;
  transition: opacity .8s, visibility 0s .8s; }
  .nav-area.open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
  .nav-area .inside {
    margin: auto;
    padding-top: 8rem;
    padding-bottom: 2rem; }
  .nav-area a {
    color: inherit; }
  .nav-area ul {
    margin: 0; }
  .nav-area .teaser {
    display: block; }
  .nav-area .mod_navigation {
    white-space: nowrap; }
    .nav-area .mod_navigation li {
      margin: 0; }
    .nav-area .mod_navigation > ul > li > a,
    .nav-area .mod_navigation > ul > li > strong {
      display: block;
      position: relative;
      transition: color .4s, background .4s; }
    .nav-area .mod_navigation > ul > li li a,
    .nav-area .mod_navigation > ul > li li strong {
      display: block; }
    .nav-area .mod_navigation ul a,
    .nav-area .mod_navigation ul strong {
      font-family: "Torque";
      font-size: 2.2rem;
      letter-spacing: .071rem;
      line-height: 1;
      text-transform: uppercase; }
    .nav-area .mod_navigation ul ul {
      text-align: right; }
    .nav-area .mod_navigation ul a,
    .nav-area .mod_navigation ul strong {
      display: block;
      padding: .4em 0;
      font-weight: inherit; }
      .nav-area .mod_navigation ul a.active, .nav-area .mod_navigation ul a.trail, .nav-area .mod_navigation ul a:hover,
      .nav-area .mod_navigation ul strong.active,
      .nav-area .mod_navigation ul strong.trail,
      .nav-area .mod_navigation ul strong:hover {
        text-decoration: underline; }
    .nav-area .mod_navigation ul li .icon-plus {
      display: none; }
    @media screen and (max-width: 75em) {
      .nav-area .mod_navigation ul li .icon-plus {
        display: block; }
        .nav-area .mod_navigation ul li .icon-plus:before, .nav-area .mod_navigation ul li .icon-plus:after {
          transition-duration: 0; }
      .nav-area .mod_navigation ul li.open .icon-plus:before, .nav-area .mod_navigation ul li.open .icon-plus:after {
        transition-duration: .4s; }
      .nav-area .mod_navigation ul li.open .icon-plus:before {
        transform: translate(-50%, -50%) rotate(450deg); }
      .nav-area .mod_navigation ul li.open .icon-plus:after {
        transform: translate(-50%, -50%) rotate(360deg); }
      .nav-area .mod_navigation ul li.open > ul {
        visibility: visible;
        height: auto;
        opacity: 1;
        transition-duration: 0s, .8s, .8s;
        transition-delay: 0s, 0s, 0s; } }
    .nav-area .mod_navigation ul li .nav-toggler {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 100%;
      margin: auto; }
    .nav-area .mod_navigation ul ul {
      overflow: hidden;
      height: 0;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s .8s, opacity .8s 0s, height .8s; }

/**
 * header area
 */
.header-area {
  position: relative;
  margin-top: 0;
  min-height: 12rem; }
  .header-area .ce_image img,
  .header-area .mod_eventreader img,
  .header-area .mod_newsreader img {
    width: 100%; }
  .header-area .claim {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: .4em;
    font-size: .8em; }

/**
 * main wrapper
 */
/**
 * Pseudo close
 */
#pseudo-close {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 0 !important; }

/**
 * Search area
 */
.search-area {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: rgba(254, 255, 254, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s .4s, opacity .4s; }
  .search-area:target, .search-area.target-active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s; }
  .search-area > * {
    position: relative;
    flex: 0 0 auto;
    margin: 2em auto; }
  .search-area .button {
    position: absolute;
    right: 0;
    bottom: 100%;
    color: #fefffe;
    background-color: rgba(0, 0, 25, 0.6); }

/**
 * Main content
 */
/**
 * Footer
 */
.main-footer {
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: .021rem;
  line-height: 1.43;
  margin-top: 24rem;
  margin-bottom: -1.6rem; }
  @media screen and (max-width: 56.25em) {
    .main-footer {
      font-size: .7em; } }
  @media screen and (max-width: 37.5em) {
    .main-footer {
      font-size: .9em; } }
  .main-footer .menu ul li {
    display: inline-block; }

.footer-area__logo {
  height: 29rem;
  overflow: hidden; }

.footer-area__contact .ce_text > :last-child {
  margin-bottom: 0; }

.cookie-bar {
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: .021rem;
  line-height: 1.43;
  overflow: hidden;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1rem solid black;
  background-color: rgba(254, 255, 254, 0.9); }
  @media screen and (max-width: 56.25em) {
    .cookie-bar {
      font-size: .7em; } }
  @media screen and (max-width: 37.5em) {
    .cookie-bar {
      font-size: .9em; } }
  .cookie-bar {
    border-color: #000019; }
  .color-scheme-turquoise .cookie-bar {
    border-color: #68C0BB; }
  .color-scheme-red .cookie-bar {
    border-color: #D75A55; }
  .color-scheme-yellow .cookie-bar {
    border-color: #FBD353; }
  .cookie-bar .button {
    display: inline-block;
    color: #fefffe; }
  .cookie-bar .mod_cookie_bar > :last-child {
    margin-bottom: 0; }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    featherlight
    Authors     mac signer

*****************************************************************************/
/*
Lightbox/Popup

Styleguide 20.3.
*/
/*
Default Lightbox/Featherlight

Default Popup/Lightbox funktionalität. Es wird <a href="https://github.com/noelboss/featherlight/#installation" target="_blank">Featherlight</a> verwendet. Es ist am einfachsten, sich mit den `data-`Attributen von Featherlight weiterzuhelfen.
Teilweise ist hier nur die Grundfunktionalität dokumentiert.

Markup:
<a class="button" href="#" data-featherlight="#lightbox-id" data-featherlight-variant="">Default</a><br />
<a class="button" href="#" data-featherlight="#lightbox-id" data-featherlight-variant="featherlight--small">data-featherlight-variant="featherlight--small"</a><br />
<div class="hide">
	<div id="lightbox-id">
		<img src="https://placehold.it/800x600" />
		<p>He is here. I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- Kid, I've flown from one side of this galaxy to the other. I've seen a lot of strange stuff, but I've never seen anything to make me believe there's one all-powerful Force controlling everything. There's no mystical energy field that controls my destiny. It's all a lot of simple tricks and nonsense.</p>
		<p>I have traced the Rebel spies to her. Now she is my only link to finding their secret base. Obi-Wan is here. The Force is with him. <strong> Your eyes can deceive you.</strong> <em> Don't trust them.</em> Red Five standing by.</p>
	</div>
</div>

Styleguide 20.3.1.
*/
.featherlight {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 4rem 0;
  background-color: rgba(254, 255, 254, 0.9); }
  .featherlight-content {
    position: relative;
    flex: 0 0 auto;
    margin: auto; }
  .featherlight .featherlight-content > * + * {
    margin-top: 0; }
  .featherlight-content-wrapper {
    margin: 6em auto;
    position: relative; }
  .featherlight .featherlight-close {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 10;
    line-height: 1;
    cursor: pointer;
    color: #000019;
    background-color: transparent;
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    border: none;
    transform: scale(1);
    transition: transform .4s, color .4s;
    outline: none !important; }
    @media screen and (max-width: 37.5em) {
      .featherlight .featherlight-close {
        font-size: 1.2em; } }
    .featherlight .featherlight-close .hamburger {
      width: 100%;
      height: 100%; }
  .featherlight-inner {
    overflow: hidden; }
  .featherlight--small .featherlight-content {
    max-width: 62rem; }
    @media screen and (max-width: 81.25em) {
      .featherlight--small .featherlight-content {
        max-width: 66rem; } }
    @media screen and (max-width: 56.25em) {
      .featherlight--small .featherlight-content {
        width: 80%; } }
    @media screen and (max-width: 37.5em) {
      .featherlight--small .featherlight-content {
        width: 95%; } }
  .featherlight--base-gallery {
    overflow: hidden; }
  .featherlight--base-galler .featherlight-content {
    max-width: none; }
  .featherlight--base-gallery img {
    max-width: calc(100vw - 16rem * 2) !important;
    max-height: calc(100vh - 3.2rem * 2) !important;
    width: auto !important;
    height: auto !important; }
  .featherlight--base-gallery .featherlight-content {
    overflow: visible;
    position: relative;
    flex: 0 1 auto;
    width: auto;
    max-width: none; }
  .featherlight--base-gallery .featherlight-inner {
    background-color: transparent; }
  .featherlight-previous, .featherlight-next {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8rem;
    height: 8rem;
    margin-top: auto !important;
    margin-bottom: auto !important;
    font-size: 1.5em;
    color: #000019;
    background-color: transparent;
    cursor: pointer; }
    @media screen and (max-width: 37.5em) {
      .featherlight-previous, .featherlight-next {
        font-size: 1.2em; } }
    .featherlight-previous .fortimo-icon, .featherlight-next .fortimo-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .featherlight-previous:hover, .featherlight-previous:active, .featherlight-next:hover, .featherlight-next:active {
      color: #fefffe;
      background-color: #000019; }
  .featherlight-previous {
    right: 100%; }
  .featherlight-next {
    left: 100%; }
  .featherlight__fav-icon {
    visibility: hidden; }
  .featherlight--favourite .featherlight__fav-icon {
    visibility: visible; }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Contains classes/helpers, mostly used by the dev-team
    Authors     
    Datum       

*****************************************************************************/
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.invisible {
  position: absolute;
  left: -9999em;
  display: none; }

.object-fit-fallback {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%; }
  .object-fit-fallback img {
    opacity: 0; }

.no-margin {
  margin: 0 !important; }
  .no-margin-top {
    margin-top: 0 !important; }
  .no-margin-right {
    margin-right: 0 !important; }
  .no-margin-bottom {
    margin-bottom: 0 !important; }
  .no-margin-left {
    margin-left: 0 !important; }

/* **************************************************************************
 *  MEDIA MOTION AG														 *
 ****************************************************************************

	Funktion	contao element styles and custom classes
	Authors	 
	Datum	   

*****************************************************************************/
/**
 * Contao layout builder classes
 */
@media screen and (max-width: 56.25em) {
  .float_left,
  .float_right {
    max-width: none;
    float: none;
    clear: both;
    margin: 2em 0; } }

.float_left {
  float: left;
  margin: 0 2em 1em 0; }

.float_right {
  float: right;
  margin: 0 0 1em 2em; }

/**
 * Contao Module styles
 */
.mod_articleList li {
  display: inline-block;
  padding-right: 20px; }

.mod_newscategories ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -0.8rem; }
  .mod_newscategories ul a,
  .mod_newscategories ul strong {
    display: block;
    margin: 0; }

.mod_newscategories li {
  margin: 0.8rem; }

.ce_form [class*="columns-"] > * {
  margin-bottom: 0; }

.ce_player * + * {
  margin-top: 0; }

.ce_text a, .text-container a {
  color: #000019; }

.color-scheme-turquoise .ce_text a, .text-container a {
  color: #68C0BB; }

.color-scheme-red .ce_text a, .text-container a {
  color: #D75A55; }

.color-scheme-yellow .ce_text a, .text-container a {
  color: #FBD353; }

.ce_text a:hover,
.text-container a:hover {
  color: rgba(0, 0, 25, 0.15); }

color-scheme-turquoise .ce_text a:hover, color-scheme-turquoise
.text-container a:hover {
  color: rgba(104, 192, 187, 0.15); }

color-scheme-red .ce_text a:hover, color-scheme-red
.text-container a:hover {
  color: rgba(215, 90, 85, 0.15); }

color-scheme-yellow .ce_text a:hover, color-scheme-yellow
.text-container a:hover {
  color: rgba(251, 211, 83, 0.15); }

.rs-columns + .ce_text,
.ce_image + .ce_text {
  margin-top: 8rem; }

.main .ce_text ul,
.main .ce_text ol,
.ce_list ul,
.ce_downloads ul,
.ce_list ol,
.ce_downloads ol,
.text-container ul,
.text-container ol {
  margin-bottom: 6rem;
  list-style-position: inside; }
  .main .ce_text ul:before, .main .ce_text ul:after,
  .main .ce_text ol:before,
  .main .ce_text ol:after,
  .ce_list ul:before,
  .ce_downloads ul:before,
  .ce_list ul:after,
  .ce_downloads ul:after,
  .ce_list ol:before,
  .ce_downloads ol:before,
  .ce_list ol:after,
  .ce_downloads ol:after,
  .text-container ul:before,
  .text-container ul:after,
  .text-container ol:before,
  .text-container ol:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.main .ce_text li,
.ce_list li,
.ce_downloads li,
.text-container li {
  float: left;
  clear: left;
  margin-bottom: .2rem;
  padding: 1rem 1rem 0; }
  .main .ce_text li,
  .ce_list li,
  .ce_downloads li,
  .text-container li {
    background-color: rgba(0, 0, 25, 0.15); }
  color-scheme-turquoise .main .ce_text li, color-scheme-turquoise .ce_list li, color-scheme-turquoise .ce_downloads li, color-scheme-turquoise
  .text-container li {
    background-color: rgba(104, 192, 187, 0.15); }
  color-scheme-red .main .ce_text li, color-scheme-red .ce_list li, color-scheme-red .ce_downloads li, color-scheme-red
  .text-container li {
    background-color: rgba(215, 90, 85, 0.15); }
  color-scheme-yellow .main .ce_text li, color-scheme-yellow .ce_list li, color-scheme-yellow .ce_downloads li, color-scheme-yellow
  .text-container li {
    background-color: rgba(251, 211, 83, 0.15); }

.ce_gallery {
  margin-top: 8rem; }

.cols_1 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_1 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 0 * 1.6rem ) ) / 1 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_1 > *:nth-of-type(1n+1) {
    clear: left; }
  .cols_1 > *:nth-of-type(1n+1) {
    margin-right: 0; }

.cols_1:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_2 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_2 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 1 * 1.6rem ) ) / 2 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_2 > *:nth-of-type(2n+1) {
    clear: left; }
  .cols_2 > *:nth-of-type(2n+2) {
    margin-right: 0; }

.cols_2:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_3 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_3 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 2 * 1.6rem ) ) / 3 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_3 > *:nth-of-type(3n+1) {
    clear: left; }
  .cols_3 > *:nth-of-type(3n+3) {
    margin-right: 0; }

.cols_3:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_4 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_4 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 3 * 1.6rem ) ) / 4 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_4 > *:nth-of-type(4n+1) {
    clear: left; }
  .cols_4 > *:nth-of-type(4n+4) {
    margin-right: 0; }

.cols_4:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_5 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_5 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 4 * 1.6rem ) ) / 5 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_5 > *:nth-of-type(5n+1) {
    clear: left; }
  .cols_5 > *:nth-of-type(5n+5) {
    margin-right: 0; }

.cols_5:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_6 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_6 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 5 * 1.6rem ) ) / 6 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_6 > *:nth-of-type(6n+1) {
    clear: left; }
  .cols_6 > *:nth-of-type(6n+6) {
    margin-right: 0; }

.cols_6:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_7 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_7 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 6 * 1.6rem ) ) / 7 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_7 > *:nth-of-type(7n+1) {
    clear: left; }
  .cols_7 > *:nth-of-type(7n+7) {
    margin-right: 0; }

.cols_7:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_8 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_8 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 7 * 1.6rem ) ) / 8 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_8 > *:nth-of-type(8n+1) {
    clear: left; }
  .cols_8 > *:nth-of-type(8n+8) {
    margin-right: 0; }

.cols_8:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_9 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_9 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 8 * 1.6rem ) ) / 9 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_9 > *:nth-of-type(9n+1) {
    clear: left; }
  .cols_9 > *:nth-of-type(9n+9) {
    margin-right: 0; }

.cols_9:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_10 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_10 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 9 * 1.6rem ) ) / 10 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_10 > *:nth-of-type(10n+1) {
    clear: left; }
  .cols_10 > *:nth-of-type(10n+10) {
    margin-right: 0; }

.cols_10:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_11 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_11 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 10 * 1.6rem ) ) / 11 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_11 > *:nth-of-type(11n+1) {
    clear: left; }
  .cols_11 > *:nth-of-type(11n+11) {
    margin-right: 0; }

.cols_11:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.cols_12 > * {
  float: left;
  margin-bottom: 1.6rem; }
  .cols_12 > *:nth-of-type(1n) {
    width: calc( ( 100% - ( 11 * 1.6rem ) ) / 12 - 0.01px);
    margin-top: 0;
    margin-right: calc( 1.6rem);
    clear: none; }
  .cols_12 > *:nth-of-type(12n+1) {
    clear: left; }
  .cols_12 > *:nth-of-type(12n+12) {
    margin-right: 0; }

.cols_12:after {
  content: ".";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
  flex: 0 0 100%;
  width: 100%; }

.ce_text tbody td,
.ce_text tbody th,
.ce_text thead td,
.ce_text thead th,
.ce_table tbody td,
.ce_table tbody th,
.ce_table thead td,
.ce_table thead th,
.text-container tbody td,
.text-container tbody th,
.text-container thead td,
.text-container thead th {
  padding-top: 3.8rem;
  padding-bottom: 2.8rem;
  border-bottom: 2px solid transparent; }
  .ce_text tbody td,
  .ce_text tbody th,
  .ce_text thead td,
  .ce_text thead th,
  .ce_table tbody td,
  .ce_table tbody th,
  .ce_table thead td,
  .ce_table thead th,
  .text-container tbody td,
  .text-container tbody th,
  .text-container thead td,
  .text-container thead th {
    border-color: #000019; }
  .color-scheme-turquoise .ce_text tbody td, .ce_text tbody th, .ce_text thead td, .ce_text thead th, .ce_table tbody td, .ce_table tbody th, .ce_table thead td, .ce_table thead th, .text-container tbody td, .text-container tbody th, .text-container thead td, .text-container thead th {
    border-color: #68C0BB; }
  .color-scheme-red .ce_text tbody td, .ce_text tbody th, .ce_text thead td, .ce_text thead th, .ce_table tbody td, .ce_table tbody th, .ce_table thead td, .ce_table thead th, .text-container tbody td, .text-container tbody th, .text-container thead td, .text-container thead th {
    border-color: #D75A55; }
  .color-scheme-yellow .ce_text tbody td, .ce_text tbody th, .ce_text thead td, .ce_text thead th, .ce_table tbody td, .ce_table tbody th, .ce_table thead td, .ce_table thead th, .text-container tbody td, .text-container tbody th, .text-container thead td, .text-container thead th {
    border-color: #FBD353; }
  @media screen and (max-width: 56.25em) {
    .ce_text tbody td,
    .ce_text tbody th,
    .ce_text thead td,
    .ce_text thead th,
    .ce_table tbody td,
    .ce_table tbody th,
    .ce_table thead td,
    .ce_table thead th,
    .text-container tbody td,
    .text-container tbody th,
    .text-container thead td,
    .text-container thead th {
      padding-top: 1.4rem;
      padding-bottom: 0.4rem; } }

.ce_text tfoot td,
.ce_text tfoot th,
.ce_table tfoot td,
.ce_table tfoot th,
.text-container tfoot td,
.text-container tfoot th {
  padding-top: 2rem; }

.ce_text table,
.ce_table table,
.text-container table {
  margin-top: 8rem;
  margin-bottom: 12rem; }

.ce_accordion .toggler {
  border: 3px solid #000019;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0px;
  border: 3px solid transparent;
  margin-bottom: 1.6rem;
  padding: .4em 1em .3em;
  transition: color .4s, background .4s, border .4s;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 0; }
  .ce_accordion .toggler {
    border-color: #000019;
    color: #000019; }
  .color-scheme-turquoise .ce_accordion .toggler {
    border-color: #68C0BB;
    color: #68C0BB; }
  .color-scheme-red .ce_accordion .toggler {
    border-color: #D75A55;
    color: #D75A55; }
  .color-scheme-yellow .ce_accordion .toggler {
    border-color: #FBD353;
    color: #FBD353; }
  .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
    text-shadow: none; }
    .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      color: #000019; }
    .color-scheme-turquoise .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      color: #68C0BB; }
    .color-scheme-red .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      color: #D75A55; }
    .color-scheme-yellow .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      color: #FBD353; }
    .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-turquoise .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-red .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-yellow .ce_accordion .toggler ::-moz-selection, .ce_accordion .toggler::-moz-selection {
      background-color: #fefffe; }
  .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
    text-shadow: none; }
    .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      color: #000019; }
    .color-scheme-turquoise .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      color: #68C0BB; }
    .color-scheme-red .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      color: #D75A55; }
    .color-scheme-yellow .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      color: #FBD353; }
    .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      background-color: #fefffe; }
    .color-scheme-turquoise .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      background-color: #fefffe; }
    .color-scheme-red .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      background-color: #fefffe; }
    .color-scheme-yellow .ce_accordion .toggler ::selection, .ce_accordion .toggler::selection {
      background-color: #fefffe; }
  .ce_accordion .toggler:focus {
    outline: none; }
  .ce_accordion .toggler .ui-accordion-header-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 2rem;
    transform: translateY(-50%); }
    .ce_accordion .toggler .ui-accordion-header-icon:after {
      content: "";
      display: block;
      width: .8em;
      height: .8em;
      border: 3px solid transparent;
      border-width: 0 3px 3px 0;
      transform: translateX(0) rotate(45deg);
      transition: transform .8s; }
      .ce_accordion .toggler .ui-accordion-header-icon:after {
        border-right-color: #000019;
        border-bottom-color: #000019; }
      .color-scheme-turquoise .ce_accordion .toggler .ui-accordion-header-icon:after {
        border-right-color: #68C0BB;
        border-bottom-color: #68C0BB; }
      .color-scheme-red .ce_accordion .toggler .ui-accordion-header-icon:after {
        border-right-color: #D75A55;
        border-bottom-color: #D75A55; }
      .color-scheme-yellow .ce_accordion .toggler .ui-accordion-header-icon:after {
        border-right-color: #FBD353;
        border-bottom-color: #FBD353; }
  .ce_accordion .toggler.ui-accordion-header-active .ui-accordion-header-icon:after {
    transform: translateX(-0.6em) rotate(135deg); }

.ce_accordion .accordion {
  position: relative; }
  .ce_accordion .accordion > div {
    overflow: hidden; }
    .ce_accordion .accordion > div > :first-child {
      margin-top: 0; }
    .ce_accordion .accordion > div > :last-child {
      margin-bottom: 0; }

.ce_image.full-width .image_container {
  margin-top: 24rem;
  margin-bottom: 20rem; }

.ce_image .caption-wrapper {
  position: absolute;
  right: 0;
  left: 0; }

.image_container {
  position: relative; }
  .image_container figcaption {
    font-family: "Open Sans";
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: .021rem;
    line-height: 1.25; }

.mod_breadcrumb {
  color: #000019; }

.color-scheme-turquoise .mod_breadcrumb {
  color: #68C0BB; }

.color-scheme-red .mod_breadcrumb {
  color: #D75A55; }

.color-scheme-yellow .mod_breadcrumb {
  color: #FBD353; }

.mod_breadcrumb li {
  display: inline-block; }
  .mod_breadcrumb li:not(:last-child):after {
    content: "»";
    display: inline-block;
    margin-left: .7em;
    margin-right: .5em;
    vertical-align: bottom; }
  .mod_breadcrumb li a,
  .mod_breadcrumb li strong,
  .mod_breadcrumb li span {
    color: inherit; }
  .mod_breadcrumb li span,
  .mod_breadcrumb li strong {
    font-weight: 800; }

.js .widget input {
  margin-top: 0; }

.js .widget-text,
.js .widget-textarea,
.js .widget-password {
  position: relative; }
  .js .widget-text label,
  .js .widget-textarea label,
  .js .widget-password label {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
    transition: top .4s, left .4s, font-size .4s, padding .4s, opacity .4s; }
  .js .widget-text.focus label, .js .widget-text.filled-out label,
  .js .widget-textarea.focus label,
  .js .widget-textarea.filled-out label,
  .js .widget-password.focus label,
  .js .widget-password.filled-out label {
    padding: 2px;
    font-size: .5em;
    opacity: .8; }

.layout_latest a {
  color: inherit; }

.layout_latest .ce_text > :last-child {
  margin-bottom: 0; }

.layout_full__main {
  margin-bottom: 12rem; }

.layout_list .button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit; }

.calendar {
  table-layout: fixed;
  border-spacing: 1rem;
  border-collapse: separate;
  margin-right: -1rem;
  margin-left: -1rem;
  width: calc(100% + (2 * 1rem)); }
  @media screen and (max-width: 56.25em) {
    .calendar table,
    .calendar tr,
    .calendar td,
    .calendar th,
    .calendar thead,
    .calendar tfoot,
    .calendar tbody {
      display: block; } }
  @media screen and (max-width: 56.25em) {
    .calendar thead tr:nth-of-type(1) {
      text-align: center; }
      .calendar thead tr:nth-of-type(1):after {
        content: ".";
        display: block;
        overflow: hidden;
        height: 0;
        clear: both;
        visibility: hidden;
        flex: 0 0 100%;
        width: 100%; } }
  @media screen and (max-width: 37.5em) {
    .calendar thead tr:nth-of-type(1) {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .calendar thead tr:nth-of-type(1) th {
    padding-bottom: 4rem; }
    .calendar thead tr:nth-of-type(1) th.current {
      font-weight: 800; }
  @media screen and (max-width: 56.25em) {
    .calendar thead tr:nth-of-type(2) {
      display: none; } }
  .calendar thead tr:nth-of-type(2) th {
    padding-bottom: 2rem;
    text-align: center; }
  .calendar tbody {
    color: #fefffe; }
    .calendar tbody a {
      color: inherit; }
    .calendar tbody td.empty .spanner {
      background-color: rgba(0, 0, 25, 0.05); }
    @media screen and (max-width: 56.25em) {
      .calendar tbody td {
        display: block;
        width: auto;
        text-align: left; }
        .calendar tbody td:before {
          content: attr(data-th);
          display: inline-block;
          padding-right: 1.2rem;
          text-align: left;
          font-weight: 800; }
        .calendar tbody td:not(.active) {
          display: none; } }
    .calendar tbody td:hover .spanner {
      background-color: rgba(0, 0, 25, 0.05); }
    .calendar tbody td.active:hover .spanner {
      background-color: rgba(0, 0, 25, 0.3); }
  .calendar .current {
    text-align: center; }
    @media screen and (max-width: 56.25em) {
      .calendar .current {
        display: inline-block; } }
    @media screen and (max-width: 37.5em) {
      .calendar .current {
        order: -1;
        flex: 0 0 100%; } }
  .calendar .previous {
    text-align: left; }
    @media screen and (max-width: 56.25em) {
      .calendar .previous {
        float: left; } }
    .calendar .previous a:before {
      background-image: url(../img/icons/arrow_left_black.svg);
      margin-right: .4em; }
    .calendar .previous a:hover:before {
      transform: translateX(-0.4em); }
  .calendar .next {
    text-align: right; }
    @media screen and (max-width: 56.25em) {
      .calendar .next {
        float: right; } }
    .calendar .next a:after {
      background-image: url(../img/icons/arrow_right_black.svg);
      margin-left: .4em; }
    .calendar .next a:hover:after {
      transform: translateX(0.4em); }
  @media screen and (max-width: 56.25em) {
    .calendar .previous,
    .calendar .next {
      min-width: 20rem; } }
  @media screen and (max-width: 37.5em) {
    .calendar .previous,
    .calendar .next {
      min-width: 0; } }
  .calendar .previous a:before,
  .calendar .next a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1.4rem;
    margin: -.1em .4em 0;
    margin-top: -.1em;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: transform .4s; }
  .calendar .spanner {
    display: flex;
    flex-direction: column;
    min-height: 13rem;
    padding: 2rem 2rem .2rem;
    background-color: lightgrey;
    background-color: rgba(0, 0, 25, 0.15);
    transition: background .4s; }
  .calendar .header {
    flex: 0 0 auto;
    font-weight: 800; }
  .calendar .event {
    margin: .2rem 0; }
    .calendar .event:hover {
      background-color: black; }
    .calendar .event:hovercolor-scheme-turquoise {
      background-color: #56b8b3; }
    .calendar .event:hovercolor-scheme-red {
      background-color: #d24640; }
    .calendar .event:hovercolor-scheme-yellow {
      background-color: #facd3a; }
    .calendar .event a {
      color: inherit;
      background-color: inherit;
      display: block;
      padding: .8rem 2rem .2rem;
      transition: color .4s, background .4s; }
  .calendar .events {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: -2rem;
    margin-left: -2rem; }

/**
 * Custom classes
 */
.ikt-logo {
  width: 100%;
  height: auto; }
  .ikt-logo .logo-fill {
    fill: #1c3137; }
  .ikt-logo .logo-bg-fill {
    fill: #fefffe; }

.hamburger {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 3rem;
  border: 0px solid #000019;
  border-width: 4px 0;
  transition: border .4s .4s, color .4s .4s; }
  .hamburger:before, .hamburger:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 4px;
    background-color: #000019;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: transform .4s, background .4s; }
  .hamburger.close {
    border: 0 solid transparent;
    transition-delay: 0s; }
    .hamburger.close:before, .hamburger.close:after {
      transition-delay: .4s; }
    .hamburger.close:before {
      transform: translate(-50%, -50%) rotate(135deg); }
    .hamburger.close:after {
      transform: translate(-50%, -50%) rotate(-135deg); }

.text-icon {
  position: relative;
  margin-bottom: 10rem; }
  .text-icon:after {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 48.4rem;
    height: 48.4rem;
    margin: 0 4.8rem;
    border: 1.4rem solid #000019;
    pointer-events: none;
    transition: border .4s, width .4s, height .4s; }
    @media screen and (max-width: 56.25em) {
      .text-icon:after {
        width: 20rem;
        height: 20rem;
        border-width: .8rem; } }
    @media screen and (max-width: 37.5em) {
      .text-icon:after {
        border-width: .2rem;
        width: 10rem;
        height: 10rem; } }
  .text-icon--valign-top:after {
    transform: translateY(-60%); }
  .text-icon--valign-bottom:after {
    transform: translateY(60%); }
  .text-icon--align-right:after {
    right: auto;
    left: 100%; }
  .text-icon:after {
    border-color: #000019; }
  .text-icon--color-scheme-turquoise:after {
    border-color: #68C0BB; }
  .text-icon--color-scheme-red:after {
    border-color: #D75A55; }
  .text-icon--color-scheme-yellow:after {
    border-color: #FBD353; }

.icon-plus {
  display: inline-block;
  position: relative;
  width: 1.4em;
  height: 1.4em; }
  .icon-plus:before, .icon-plus:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    width: 100%;
    background-color: #000019;
    transition: transform .4s, background .4s; }
  .icon-plus:before {
    transform: translate(-50%, -50%) rotate(90deg); }
  .icon-plus:after {
    transform: translate(-50%, -50%) rotate(0deg); }

.image-size-full-width {
  width: 100%; }

.button {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0px;
  border: 3px solid transparent;
  margin-bottom: 1.6rem;
  padding: .4em 1em .3em;
  transition: color .4s, background .4s, border .4s;
  font-weight: 700;
  font-size: .75em;
  cursor: pointer;
  border-color: transparent; }
  .button {
    background-color: #000019;
    border-color: #000019;
    color: #fefffe; }
  .color-scheme-turquoise .button {
    background-color: #68C0BB;
    border-color: #68C0BB;
    color: #fefffe; }
  .color-scheme-red .button {
    background-color: #D75A55;
    border-color: #D75A55;
    color: #fefffe; }
  .color-scheme-yellow .button {
    background-color: #FBD353;
    border-color: #FBD353;
    color: #fefffe; }
  .button .button:hover, .button .button.active {
    color: #000019;
    background-color: #fefffe; }
  .color-scheme-turquoise .button .button:hover, .button .button.active {
    color: #68C0BB;
    background-color: #fefffe; }
  .color-scheme-red .button .button:hover, .button .button.active {
    color: #D75A55;
    background-color: #fefffe; }
  .color-scheme-yellow .button .button:hover, .button .button.active {
    color: #FBD353;
    background-color: #fefffe; }

/*
	Tiles
	
	einfache tiles.
	
	Styleguide 3.
*/
.square-tile {
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: .021rem;
  line-height: 1.25;
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: center center;
  border: 1rem solid #000019;
  padding: 1.6rem; }
  .square-tile {
    border-color: #000019;
    color: #000019; }
  .color-scheme-turquoise .square-tile {
    border-color: #68C0BB;
    color: #68C0BB; }
  .color-scheme-red .square-tile {
    border-color: #D75A55;
    color: #D75A55; }
  .color-scheme-yellow .square-tile {
    border-color: #FBD353;
    color: #FBD353; }
  .square-tile a {
    color: inherit; }
  .square-tile--inverted {
    border-color: #000019;
    background-color: #000019;
    color: #fefffe; }
  .color-scheme-turquoise .square-tile--inverted {
    border-color: #68C0BB;
    background-color: #68C0BB;
    color: #fefffe; }
  .color-scheme-red .square-tile--inverted {
    border-color: #D75A55;
    background-color: #D75A55;
    color: #fefffe; }
  .color-scheme-yellow .square-tile--inverted {
    border-color: #FBD353;
    background-color: #FBD353;
    color: #fefffe; }
  .square-tile[style*="background-image"] {
    padding: 2.6rem;
    border-width: 0;
    border-color: transparent;
    color: #fefffe;
    background-color: rgba(0, 0, 25, 0.6); }
    .square-tile[style*="background-image"]:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      margin: 0;
      background-color: rgba(0, 0, 25, 0.6); }
  .square-tile__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 100%;
    width: 100%;
    margin: 0; }
    .square-tile__content > * {
      flex: 0 0 auto; }
    .square-tile__content > * + * {
      margin-top: 1rem; }
    .square-tile__content > :first-child {
      margin-top: 0; }
    .square-tile__content > :last-child {
      margin-bottom: 0; }
  .square-tile__text > :last-child {
    margin-bottom: 0; }
  .square-tile__date {
    font-weight: 700; }
  .square-tile__title {
    font-family: "Torque";
    font-size: 3rem;
    letter-spacing: .12rem;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 0; }
    @media screen and (max-width: 56.25em) {
      .square-tile__title {
        font-size: 1.4em; } }
  .square-tile:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%;
    padding: 100% 0 0; }
  .square-tile__rule {
    width: 6.5rem;
    max-width: 100%;
    margin: 1rem auto 3rem;
    border-top-width: 1px; }
    .square-tile__rule {
      border-color: #000019; }
    .color-scheme-turquoise .square-tile__rule {
      border-color: #68C0BB; }
    .color-scheme-red .square-tile__rule {
      border-color: #D75A55; }
    .color-scheme-yellow .square-tile__rule {
      border-color: #FBD353; }
  .square-tile--inverted .square-tile__rule {
    border-color: #fefffe; }
  .color-scheme-turquoise .square-tile--inverted .square-tile__rule {
    border-color: #fefffe; }
  .color-scheme-red .square-tile--inverted .square-tile__rule {
    border-color: #fefffe; }
  .color-scheme-yellow .square-tile--inverted .square-tile__rule {
    border-color: #fefffe; }
  .square-tile__image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0; }
    .square-tile__image img,
    .square-tile__image figure {
      width: 100%;
      height: 100%; }
    .square-tile__image img {
      object-fit: cover;
      background-size: cover; }

.span-link-container {
  position: relative; }
  .span-link-container__span-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0; }

.tile, .caption-wrapper .caption {
  overflow: hidden;
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: nowrap;
  padding: 2.4rem;
  color: #fefffe; }
  .tile, .caption-wrapper .caption {
    background-color: rgba(0, 0, 25, 0.8); }
  color-scheme-turquoise .tile, color-scheme-turquoise .caption-wrapper .caption, .caption-wrapper color-scheme-turquoise .caption {
    background-color: rgba(104, 192, 187, 0.8); }
  color-scheme-red .tile, color-scheme-red .caption-wrapper .caption, .caption-wrapper color-scheme-red .caption {
    background-color: rgba(215, 90, 85, 0.8); }
  color-scheme-yellow .tile, color-scheme-yellow .caption-wrapper .caption, .caption-wrapper color-scheme-yellow .caption {
    background-color: rgba(251, 211, 83, 0.8); }
  .tile > *, .caption-wrapper .caption > * {
    flex: 0 0 100%; }
  .tile:after, .caption-wrapper .caption:after {
    content: "";
    display: block;
    height: 0;
    padding: 100% 0 0;
    flex: 0 0 100%; }
  @media screen and (max-width: 37.5em) {
    .tile:after, .caption-wrapper .caption:after {
      display: none; } }

.caption-wrapper {
  position: relative; }
  .caption-wrapper.align-top {
    top: 0; }
    .caption-wrapper.align-top figcaption {
      top: 0;
      margin-top: -8rem; }
      @media screen and (max-width: 37.5em) {
        .caption-wrapper.align-top figcaption {
          margin-top: -2rem; } }
  .caption-wrapper.align-bottom {
    bottom: 0; }
    .caption-wrapper.align-bottom figcaption {
      bottom: 0;
      margin-bottom: -8rem; }
      @media screen and (max-width: 37.5em) {
        .caption-wrapper.align-bottom figcaption {
          margin-bottom: -2rem; } }
  .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
    text-shadow: none; }
    .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      color: #000019; }
    .color-scheme-turquoise .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      color: #68C0BB; }
    .color-scheme-red .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      color: #D75A55; }
    .color-scheme-yellow .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      color: #FBD353; }
    .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-turquoise .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-red .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      background-color: #fefffe; }
    .color-scheme-yellow .caption-wrapper ::-moz-selection, .caption-wrapper::-moz-selection {
      background-color: #fefffe; }
  .caption-wrapper ::selection, .caption-wrapper::selection {
    text-shadow: none; }
    .caption-wrapper ::selection, .caption-wrapper::selection {
      color: #000019; }
    .color-scheme-turquoise .caption-wrapper ::selection, .caption-wrapper::selection {
      color: #68C0BB; }
    .color-scheme-red .caption-wrapper ::selection, .caption-wrapper::selection {
      color: #D75A55; }
    .color-scheme-yellow .caption-wrapper ::selection, .caption-wrapper::selection {
      color: #FBD353; }
    .caption-wrapper ::selection, .caption-wrapper::selection {
      background-color: #fefffe; }
    .color-scheme-turquoise .caption-wrapper ::selection, .caption-wrapper::selection {
      background-color: #fefffe; }
    .color-scheme-red .caption-wrapper ::selection, .caption-wrapper::selection {
      background-color: #fefffe; }
    .color-scheme-yellow .caption-wrapper ::selection, .caption-wrapper::selection {
      background-color: #fefffe; }
  .caption-wrapper .caption {
    position: absolute;
    right: 0;
    left: 0; }
    @media screen and (max-width: 56.25em) {
      .caption-wrapper .caption {
        margin-left: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); }
      .caption-wrapper .caption {
        margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 8 + 8 * 1.6rem); } }
    @media screen and (max-width: 37.5em) {
      .caption-wrapper .caption {
        margin-right: calc( ( 100% - 11 * 1.6rem ) / 12 * 0 + 0 * 1.6rem); } }

.link-box {
  position: relative; }
  .link-box__title {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit; }
  .link-box[data-featherlight] {
    cursor: pointer; }

.lightbox-detail {
  padding: 2rem;
  border: 0.5rem solid #000019;
  background-color: #fefffe; }
  .lightbox-detail__header {
    margin: 0; }
  .lightbox-detail__close {
    position: absolute;
    top: 0;
    right: 0;
    margin: .2em;
    background-color: #fefffe; }

.member {
  margin-bottom: 10rem; }
  .member a {
    color: inherit; }
  .member .title {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    margin-bottom: 0;
    font-weight: 800; }
  .member .tile, .member .caption-wrapper .caption, .caption-wrapper .member .caption {
    margin-top: -9rem; }
  .member .meta > :first-child {
    margin-top: 0; }
  .member .meta > :last-child {
    margin-bottom: 0; }

.tiles-wrapper {
  margin: -0.8rem;
  transition: height .4s; }
  .tiles-wrapper > * {
    float: left;
    margin-bottom: 1.6rem; }
    .tiles-wrapper > *:nth-of-type(1n) {
      width: calc( ( 100% - ( 2 * 0px ) ) / 3 - 0.01px);
      margin-top: 0;
      margin-right: calc( 0px);
      clear: none; }
    .tiles-wrapper > *:nth-of-type(3n+1) {
      clear: left; }
    .tiles-wrapper > *:nth-of-type(3n+3) {
      margin-right: 0; }
  .tiles-wrapper:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
    flex: 0 0 100%;
    width: 100%; }
  @media screen and (max-width: 56.25em) {
    .tiles-wrapper > * {
      float: left;
      margin-bottom: 1.6rem; }
      .tiles-wrapper > *:nth-of-type(1n) {
        width: calc( ( 100% - ( 1 * 0px ) ) / 2 - 0.01px);
        margin-top: 0;
        margin-right: calc( 0px);
        clear: none; }
      .tiles-wrapper > *:nth-of-type(2n+1) {
        clear: left; }
      .tiles-wrapper > *:nth-of-type(2n+2) {
        margin-right: 0; }
    .tiles-wrapper:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; } }
  @media screen and (max-width: 37.5em) {
    .tiles-wrapper > * {
      float: left;
      margin-bottom: 1.6rem; }
      .tiles-wrapper > *:nth-of-type(1n) {
        width: calc( ( 100% - ( 0 * 1.6rem ) ) / 1 - 0.01px);
        margin-top: 0;
        margin-right: calc( 1.6rem);
        clear: none; }
      .tiles-wrapper > *:nth-of-type(1n+1) {
        clear: left; }
      .tiles-wrapper > *:nth-of-type(1n+1) {
        margin-right: 0; }
    .tiles-wrapper:after {
      content: ".";
      display: block;
      overflow: hidden;
      height: 0;
      clear: both;
      visibility: hidden;
      flex: 0 0 100%;
      width: 100%; } }
  .tiles-wrapper > * {
    padding: 0.8rem; }

.slick-slider img {
  width: 100%; }

.slick-slider a {
  outline: 0; }

.slick-slider .slick-slide, .slick-slider .slick-slide * {
  outline: none !important; }

.media-mobile-menu-only {
  display: none; }
  @media screen and (max-width: 75em) {
    .media-mobile-menu-only {
      display: block; } }

.leaflet-map * + * {
  margin-top: 0; }

.leaflet-map-wrapper {
  position: relative;
  height: 0;
  padding: 66.66% 0 0; }
  .leaflet-map-wrapper > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    overwrites for plugins
    Authors     
    Datum       

*****************************************************************************/
/**
 * Plugin overwrites
 */
.dlh_googlemap {
  height: 500px;
  width: 100%; }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    overwrites mmenu
    Authors     
    Datum       

*****************************************************************************/
.mm-menu.mm-theme-white {
  background: #fefffe;
  border-color: #68C0BB;
  color: #68C0BB; }
  .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * {
    color: #68C0BB; }
  .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
    border-color: #68C0BB; }
  .mm-menu.mm-theme-white .mm-listview {
    border-color: #68C0BB; }
    .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
      border-color: #68C0BB; }
    .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: #282828;
      tap-highlight-color: #282828; }
    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
      background: #282828; }
    .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next {
      background: #282828; }
  .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: #282828; }
  .mm-menu.mm-theme-white .mm-divider {
    background: #282828; }
  .mm-menu.mm-theme-white label.mm-check:before {
    border-color: #68C0BB; }
  .mm-menu.mm-theme-white em.mm-counter {
    color: #68C0BB; }
  .mm-menu.mm-theme-white .mm-fixeddivider span {
    background: #282828; }

.mm-menu.mm-keyboardfocus a:focus {
  background: #282828; }

.mm-menu.mm-shadow-page.mm-theme-white:after, .mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: #282828;
  color: #68C0BB; }

.mm-menu.mm-theme-white .mm-noresultsmsg, .mm-menu.mm-theme-white .mm-indexer a {
  color: #68C0BB; }

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: #282828; }

.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span {
  background: #282828; }

.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: #282828; }

.mm-menu.mm-theme-white label.mm-toggle {
  background: #68C0BB; }
  .mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fefffe; }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #68C0BB; }

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    animations
    Authors     
    Datum       30.07.18

*****************************************************************************/

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