/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}
/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}
@charset "UTF-8";
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Import

*****************************************************************************/
/*
base.scss

Includes aller nötigen SCSS-Dateien

Styleguide 100
*/
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    variables

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

    Funktion      slick settings

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

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

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

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

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

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(../fonts/slick.eot);
  src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #000;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
  color: #34b65a;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

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

    Funktion    font-face
    Notes       Get your stuff together: https://google-webfonts-helper.herokuapp.com/fonts

*****************************************************************************/
@font-face {
  font-family: "Cute Smile";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/src/fonts/Asd-Studio-Cute-Smile.woff2") format("woff2"), url("/files/template/src/fonts/Asd-Studio-Cute-Smile.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/src/fonts/Inter-Regular.woff2") format("woff2"), url("/files/template/src/fonts/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/files/template/src/fonts/Inter-SemiBold.woff2") format("woff2"), url("/files/template/src/fonts/Inter-SemiBold.woff") format("woff");
}
/****************************************************************************
 *	MEDIA MOTION AG															*
 ****************************************************************************

	Funktion	css reset
	Authors		contao

*****************************************************************************/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
figure,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
  margin: 0;
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
}

caption,
th,
td {
  vertical-align: top;
  text-align: left;
  text-align: start;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  font-variant: normal;
  cursor: help;
}

blockquote,
q {
  quotes: none;
}

fieldset,
img,
iframe {
  border: 0;
}

ul {
  list-style-type: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
  display: block;
}

body {
  font: 12px/1 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  color: #000;
}

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit;
}

pre,
code {
  font-family: Monaco, monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  font-size: 100%;
  font-weight: 400;
}

h1 {
  font-size: 1.8333em;
}

h2 {
  font-size: 1.6667em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3333em;
}

caption,
th {
  font-weight: 700;
}

a {
  color: #00F;
}

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

@font-face {
  font-family: "icons";
  src: url("/files/template/libs/icons/fonts/icons.ttf?s0evd1") format("truetype"), url("/files/template/libs/icons/fonts/icons.woff?s0evd1") format("woff"), url("/files/template/libs/icons/fonts/icons.svg?s0evd1#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--home:before {
  content: "\e900";
}

.icon--home2:before {
  content: "\e901";
}

.icon--home3:before {
  content: "\e902";
}

.icon--office:before {
  content: "\e903";
}

.icon--newspaper:before {
  content: "\e904";
}

.icon--pencil:before {
  content: "\e905";
}

.icon--pencil2:before {
  content: "\e906";
}

.icon--quill:before {
  content: "\e907";
}

.icon--pen:before {
  content: "\e908";
}

.icon--blog:before {
  content: "\e909";
}

.icon--eyedropper:before {
  content: "\e90a";
}

.icon--droplet:before {
  content: "\e90b";
}

.icon--paint-format:before {
  content: "\e90c";
}

.icon--image:before {
  content: "\e90d";
}

.icon--images:before {
  content: "\e90e";
}

.icon--camera:before {
  content: "\e90f";
}

.icon--headphones:before {
  content: "\e910";
}

.icon--music:before {
  content: "\e911";
}

.icon--play:before {
  content: "\e912";
}

.icon--film:before {
  content: "\e913";
}

.icon--video-camera:before {
  content: "\e914";
}

.icon--dice:before {
  content: "\e915";
}

.icon--pacman:before {
  content: "\e916";
}

.icon--spades:before {
  content: "\e917";
}

.icon--clubs:before {
  content: "\e918";
}

.icon--diamonds:before {
  content: "\e919";
}

.icon--bullhorn:before {
  content: "\e91a";
}

.icon--connection:before {
  content: "\e91b";
}

.icon--podcast:before {
  content: "\e91c";
}

.icon--feed:before {
  content: "\e91d";
}

.icon--mic:before {
  content: "\e91e";
}

.icon--book:before {
  content: "\e91f";
}

.icon--books:before {
  content: "\e920";
}

.icon--library:before {
  content: "\e921";
}

.icon--file-text:before {
  content: "\e922";
}

.icon--profile:before {
  content: "\e923";
}

.icon--file-empty:before {
  content: "\e924";
}

.icon--files-empty:before {
  content: "\e925";
}

.icon--file-text2:before {
  content: "\e926";
}

.icon--file-picture:before {
  content: "\e927";
}

.icon--file-music:before {
  content: "\e928";
}

.icon--file-play:before {
  content: "\e929";
}

.icon--file-video:before {
  content: "\e92a";
}

.icon--file-zip:before {
  content: "\e92b";
}

.icon--copy:before {
  content: "\e92c";
}

.icon--paste:before {
  content: "\e92d";
}

.icon--stack:before {
  content: "\e92e";
}

.icon--folder:before {
  content: "\e92f";
}

.icon--folder-open:before {
  content: "\e930";
}

.icon--folder-plus:before {
  content: "\e931";
}

.icon--folder-minus:before {
  content: "\e932";
}

.icon--folder-download:before {
  content: "\e933";
}

.icon--folder-upload:before {
  content: "\e934";
}

.icon--price-tag:before {
  content: "\e935";
}

.icon--price-tags:before {
  content: "\e936";
}

.icon--barcode:before {
  content: "\e937";
}

.icon--qrcode:before {
  content: "\e938";
}

.icon--ticket:before {
  content: "\e939";
}

.icon--cart:before {
  content: "\e93a";
}

.icon--coin-dollar:before {
  content: "\e93b";
}

.icon--coin-euro:before {
  content: "\e93c";
}

.icon--coin-pound:before {
  content: "\e93d";
}

.icon--coin-yen:before {
  content: "\e93e";
}

.icon--credit-card:before {
  content: "\e93f";
}

.icon--calculator:before {
  content: "\e940";
}

.icon--lifebuoy:before {
  content: "\e941";
}

.icon--phone:before {
  content: "\e942";
}

.icon--phone-hang-up:before {
  content: "\e943";
}

.icon--address-book:before {
  content: "\e944";
}

.icon--envelop:before {
  content: "\e945";
}

.icon--pushpin:before {
  content: "\e946";
}

.icon--location:before {
  content: "\e947";
}

.icon--location2:before {
  content: "\e948";
}

.icon--compass:before {
  content: "\e949";
}

.icon--compass2:before {
  content: "\e94a";
}

.icon--map:before {
  content: "\e94b";
}

.icon--map2:before {
  content: "\e94c";
}

.icon--history:before {
  content: "\e94d";
}

.icon--clock:before {
  content: "\e94e";
}

.icon--clock2:before {
  content: "\e94f";
}

.icon--alarm:before {
  content: "\e950";
}

.icon--bell:before {
  content: "\e951";
}

.icon--stopwatch:before {
  content: "\e952";
}

.icon--calendar:before {
  content: "\e953";
}

.icon--printer:before {
  content: "\e954";
}

.icon--keyboard:before {
  content: "\e955";
}

.icon--display:before {
  content: "\e956";
}

.icon--laptop:before {
  content: "\e957";
}

.icon--mobile:before {
  content: "\e958";
}

.icon--mobile2:before {
  content: "\e959";
}

.icon--tablet:before {
  content: "\e95a";
}

.icon--tv:before {
  content: "\e95b";
}

.icon--drawer:before {
  content: "\e95c";
}

.icon--drawer2:before {
  content: "\e95d";
}

.icon--box-add:before {
  content: "\e95e";
}

.icon--box-remove:before {
  content: "\e95f";
}

.icon--download:before {
  content: "\e960";
}

.icon--upload:before {
  content: "\e961";
}

.icon--floppy-disk:before {
  content: "\e962";
}

.icon--drive:before {
  content: "\e963";
}

.icon--database:before {
  content: "\e964";
}

.icon--undo:before {
  content: "\e965";
}

.icon--redo:before {
  content: "\e966";
}

.icon--undo2:before {
  content: "\e967";
}

.icon--redo2:before {
  content: "\e968";
}

.icon--forward:before {
  content: "\e969";
}

.icon--reply:before {
  content: "\e96a";
}

.icon--bubble:before {
  content: "\e96b";
}

.icon--bubbles:before {
  content: "\e96c";
}

.icon--bubbles2:before {
  content: "\e96d";
}

.icon--bubble2:before {
  content: "\e96e";
}

.icon--bubbles3:before {
  content: "\e96f";
}

.icon--bubbles4:before {
  content: "\e970";
}

.icon--user:before {
  content: "\e971";
}

.icon--users:before {
  content: "\e972";
}

.icon--user-plus:before {
  content: "\e973";
}

.icon--user-minus:before {
  content: "\e974";
}

.icon--user-check:before {
  content: "\e975";
}

.icon--user-tie:before {
  content: "\e976";
}

.icon--quotes-left:before {
  content: "\e977";
}

.icon--quotes-right:before {
  content: "\e978";
}

.icon--hour-glass:before {
  content: "\e979";
}

.icon--spinner:before {
  content: "\e97a";
}

.icon--spinner2:before {
  content: "\e97b";
}

.icon--spinner3:before {
  content: "\e97c";
}

.icon--spinner4:before {
  content: "\e97d";
}

.icon--spinner5:before {
  content: "\e97e";
}

.icon--spinner6:before {
  content: "\e97f";
}

.icon--spinner7:before {
  content: "\e980";
}

.icon--spinner8:before {
  content: "\e981";
}

.icon--spinner9:before {
  content: "\e982";
}

.icon--spinner10:before {
  content: "\e983";
}

.icon--spinner11:before {
  content: "\e984";
}

.icon--binoculars:before {
  content: "\e985";
}

.icon--search:before {
  content: "\e986";
}

.icon--zoom-in:before {
  content: "\e987";
}

.icon--zoom-out:before {
  content: "\e988";
}

.icon--enlarge:before {
  content: "\e989";
}

.icon--shrink:before {
  content: "\e98a";
}

.icon--enlarge2:before {
  content: "\e98b";
}

.icon--shrink2:before {
  content: "\e98c";
}

.icon--key:before {
  content: "\e98d";
}

.icon--key2:before {
  content: "\e98e";
}

.icon--lock:before {
  content: "\e98f";
}

.icon--unlocked:before {
  content: "\e990";
}

.icon--wrench:before {
  content: "\e991";
}

.icon--equalizer:before {
  content: "\e992";
}

.icon--equalizer2:before {
  content: "\e993";
}

.icon--cog:before {
  content: "\e994";
}

.icon--cogs:before {
  content: "\e995";
}

.icon--hammer:before {
  content: "\e996";
}

.icon--magic-wand:before {
  content: "\e997";
}

.icon--aid-kit:before {
  content: "\e998";
}

.icon--bug:before {
  content: "\e999";
}

.icon--pie-chart:before {
  content: "\e99a";
}

.icon--stats-dots:before {
  content: "\e99b";
}

.icon--stats-bars:before {
  content: "\e99c";
}

.icon--stats-bars2:before {
  content: "\e99d";
}

.icon--trophy:before {
  content: "\e99e";
}

.icon--gift:before {
  content: "\e99f";
}

.icon--glass:before {
  content: "\e9a0";
}

.icon--glass2:before {
  content: "\e9a1";
}

.icon--mug:before {
  content: "\e9a2";
}

.icon--spoon-knife:before {
  content: "\e9a3";
}

.icon--leaf:before {
  content: "\e9a4";
}

.icon--rocket:before {
  content: "\e9a5";
}

.icon--meter:before {
  content: "\e9a6";
}

.icon--meter2:before {
  content: "\e9a7";
}

.icon--hammer2:before {
  content: "\e9a8";
}

.icon--fire:before {
  content: "\e9a9";
}

.icon--lab:before {
  content: "\e9aa";
}

.icon--magnet:before {
  content: "\e9ab";
}

.icon--bin:before {
  content: "\e9ac";
}

.icon--bin2:before {
  content: "\e9ad";
}

.icon--briefcase:before {
  content: "\e9ae";
}

.icon--airplane:before {
  content: "\e9af";
}

.icon--truck:before {
  content: "\e9b0";
}

.icon--road:before {
  content: "\e9b1";
}

.icon--accessibility:before {
  content: "\e9b2";
}

.icon--target:before {
  content: "\e9b3";
}

.icon--shield:before {
  content: "\e9b4";
}

.icon--power:before {
  content: "\e9b5";
}

.icon--switch:before {
  content: "\e9b6";
}

.icon--power-cord:before {
  content: "\e9b7";
}

.icon--clipboard:before {
  content: "\e9b8";
}

.icon--list-numbered:before {
  content: "\e9b9";
}

.icon--list:before {
  content: "\e9ba";
}

.icon--list2:before {
  content: "\e9bb";
}

.icon--tree:before {
  content: "\e9bc";
}

.icon--menu:before {
  content: "\e9bd";
}

.icon--menu2:before {
  content: "\e9be";
}

.icon--menu3:before {
  content: "\e9bf";
}

.icon--menu4:before {
  content: "\e9c0";
}

.icon--cloud:before {
  content: "\e9c1";
}

.icon--cloud-download:before {
  content: "\e9c2";
}

.icon--cloud-upload:before {
  content: "\e9c3";
}

.icon--cloud-check:before {
  content: "\e9c4";
}

.icon--download2:before {
  content: "\e9c5";
}

.icon--upload2:before {
  content: "\e9c6";
}

.icon--download3:before {
  content: "\e9c7";
}

.icon--upload3:before {
  content: "\e9c8";
}

.icon--sphere:before {
  content: "\e9c9";
}

.icon--earth:before {
  content: "\e9ca";
}

.icon--link:before {
  content: "\e9cb";
}

.icon--flag:before {
  content: "\e9cc";
}

.icon--attachment:before {
  content: "\e9cd";
}

.icon--eye:before {
  content: "\e9ce";
}

.icon--eye-plus:before {
  content: "\e9cf";
}

.icon--eye-minus:before {
  content: "\e9d0";
}

.icon--eye-blocked:before {
  content: "\e9d1";
}

.icon--bookmark:before {
  content: "\e9d2";
}

.icon--bookmarks:before {
  content: "\e9d3";
}

.icon--sun:before {
  content: "\e9d4";
}

.icon--contrast:before {
  content: "\e9d5";
}

.icon--brightness-contrast:before {
  content: "\e9d6";
}

.icon--star-empty:before {
  content: "\e9d7";
}

.icon--star-half:before {
  content: "\e9d8";
}

.icon--star-full:before {
  content: "\e9d9";
}

.icon--heart:before {
  content: "\e9da";
}

.icon--heart-broken:before {
  content: "\e9db";
}

.icon--man:before {
  content: "\e9dc";
}

.icon--woman:before {
  content: "\e9dd";
}

.icon--man-woman:before {
  content: "\e9de";
}

.icon--happy:before {
  content: "\e9df";
}

.icon--happy2:before {
  content: "\e9e0";
}

.icon--smile:before {
  content: "\e9e1";
}

.icon--smile2:before {
  content: "\e9e2";
}

.icon--tongue:before {
  content: "\e9e3";
}

.icon--tongue2:before {
  content: "\e9e4";
}

.icon--sad:before {
  content: "\e9e5";
}

.icon--sad2:before {
  content: "\e9e6";
}

.icon--wink:before {
  content: "\e9e7";
}

.icon--wink2:before {
  content: "\e9e8";
}

.icon--grin:before {
  content: "\e9e9";
}

.icon--grin2:before {
  content: "\e9ea";
}

.icon--cool:before {
  content: "\e9eb";
}

.icon--cool2:before {
  content: "\e9ec";
}

.icon--angry:before {
  content: "\e9ed";
}

.icon--angry2:before {
  content: "\e9ee";
}

.icon--evil:before {
  content: "\e9ef";
}

.icon--evil2:before {
  content: "\e9f0";
}

.icon--shocked:before {
  content: "\e9f1";
}

.icon--shocked2:before {
  content: "\e9f2";
}

.icon--baffled:before {
  content: "\e9f3";
}

.icon--baffled2:before {
  content: "\e9f4";
}

.icon--confused:before {
  content: "\e9f5";
}

.icon--confused2:before {
  content: "\e9f6";
}

.icon--neutral:before {
  content: "\e9f7";
}

.icon--neutral2:before {
  content: "\e9f8";
}

.icon--hipster:before {
  content: "\e9f9";
}

.icon--hipster2:before {
  content: "\e9fa";
}

.icon--wondering:before {
  content: "\e9fb";
}

.icon--wondering2:before {
  content: "\e9fc";
}

.icon--sleepy:before {
  content: "\e9fd";
}

.icon--sleepy2:before {
  content: "\e9fe";
}

.icon--frustrated:before {
  content: "\e9ff";
}

.icon--frustrated2:before {
  content: "\ea00";
}

.icon--crying:before {
  content: "\ea01";
}

.icon--crying2:before {
  content: "\ea02";
}

.icon--point-up:before {
  content: "\ea03";
}

.icon--point-right:before {
  content: "\ea04";
}

.icon--point-down:before {
  content: "\ea05";
}

.icon--point-left:before {
  content: "\ea06";
}

.icon--warning:before {
  content: "\ea07";
}

.icon--notification:before {
  content: "\ea08";
}

.icon--question:before {
  content: "\ea09";
}

.icon--plus:before {
  content: "\ea0a";
}

.icon--minus:before {
  content: "\ea0b";
}

.icon--info:before {
  content: "\ea0c";
}

.icon--cancel-circle:before {
  content: "\ea0d";
}

.icon--blocked:before {
  content: "\ea0e";
}

.icon--cross:before {
  content: "\ea0f";
}

.icon--checkmark:before {
  content: "\ea10";
}

.icon--checkmark2:before {
  content: "\ea11";
}

.icon--spell-check:before {
  content: "\ea12";
}

.icon--enter:before {
  content: "\ea13";
}

.icon--exit:before {
  content: "\ea14";
}

.icon--play2:before {
  content: "\ea15";
}

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

.icon--stop:before {
  content: "\ea17";
}

.icon--previous:before {
  content: "\ea18";
}

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

.icon--backward:before {
  content: "\ea1a";
}

.icon--forward2:before {
  content: "\ea1b";
}

.icon--play3:before {
  content: "\ea1c";
}

.icon--pause2:before {
  content: "\ea1d";
}

.icon--stop2:before {
  content: "\ea1e";
}

.icon--backward2:before {
  content: "\ea1f";
}

.icon--forward3:before {
  content: "\ea20";
}

.icon--first:before {
  content: "\ea21";
}

.icon--last:before {
  content: "\ea22";
}

.icon--previous2:before {
  content: "\ea23";
}

.icon--next2:before {
  content: "\ea24";
}

.icon--eject:before {
  content: "\ea25";
}

.icon--volume-high:before {
  content: "\ea26";
}

.icon--volume-medium:before {
  content: "\ea27";
}

.icon--volume-low:before {
  content: "\ea28";
}

.icon--volume-mute:before {
  content: "\ea29";
}

.icon--volume-mute2:before {
  content: "\ea2a";
}

.icon--volume-increase:before {
  content: "\ea2b";
}

.icon--volume-decrease:before {
  content: "\ea2c";
}

.icon--loop:before {
  content: "\ea2d";
}

.icon--loop2:before {
  content: "\ea2e";
}

.icon--infinite:before {
  content: "\ea2f";
}

.icon--shuffle:before {
  content: "\ea30";
}

.icon--arrow-up-left:before {
  content: "\ea31";
}

.icon--arrow-up:before {
  content: "\ea32";
}

.icon--arrow-up-right:before {
  content: "\ea33";
}

.icon--arrow-right:before {
  content: "\ea34";
}

.icon--arrow-down-right:before {
  content: "\ea35";
}

.icon--arrow-down:before {
  content: "\ea36";
}

.icon--arrow-down-left:before {
  content: "\ea37";
}

.icon--arrow-left:before {
  content: "\ea38";
}

.icon--arrow-up-left2:before {
  content: "\ea39";
}

.icon--arrow-up2:before {
  content: "\ea3a";
}

.icon--arrow-up-right2:before {
  content: "\ea3b";
}

.icon--arrow-right2:before {
  content: "\ea3c";
}

.icon--arrow-down-right2:before {
  content: "\ea3d";
}

.icon--arrow-down2:before {
  content: "\ea3e";
}

.icon--arrow-down-left2:before {
  content: "\ea3f";
}

.icon--arrow-left2:before {
  content: "\ea40";
}

.icon--circle-up:before {
  content: "\ea41";
}

.icon--circle-right:before {
  content: "\ea42";
}

.icon--circle-down:before {
  content: "\ea43";
}

.icon--circle-left:before {
  content: "\ea44";
}

.icon--tab:before {
  content: "\ea45";
}

.icon--move-up:before {
  content: "\ea46";
}

.icon--move-down:before {
  content: "\ea47";
}

.icon--sort-alpha-asc:before {
  content: "\ea48";
}

.icon--sort-alpha-desc:before {
  content: "\ea49";
}

.icon--sort-numeric-asc:before {
  content: "\ea4a";
}

.icon--sort-numberic-desc:before {
  content: "\ea4b";
}

.icon--sort-amount-asc:before {
  content: "\ea4c";
}

.icon--sort-amount-desc:before {
  content: "\ea4d";
}

.icon--command:before {
  content: "\ea4e";
}

.icon--shift:before {
  content: "\ea4f";
}

.icon--ctrl:before {
  content: "\ea50";
}

.icon--opt:before {
  content: "\ea51";
}

.icon--checkbox-checked:before {
  content: "\ea52";
}

.icon--checkbox-unchecked:before {
  content: "\ea53";
}

.icon--radio-checked:before {
  content: "\ea54";
}

.icon--radio-checked2:before {
  content: "\ea55";
}

.icon--radio-unchecked:before {
  content: "\ea56";
}

.icon--dot:before {
  content: "\eaeb";
}

.icon--crop:before {
  content: "\ea57";
}

.icon--make-group:before {
  content: "\ea58";
}

.icon--ungroup:before {
  content: "\ea59";
}

.icon--scissors:before {
  content: "\ea5a";
}

.icon--filter:before {
  content: "\ea5b";
}

.icon--font:before {
  content: "\ea5c";
}

.icon--ligature:before {
  content: "\ea5d";
}

.icon--ligature2:before {
  content: "\ea5e";
}

.icon--text-height:before {
  content: "\ea5f";
}

.icon--text-width:before {
  content: "\ea60";
}

.icon--font-size:before {
  content: "\ea61";
}

.icon--bold:before {
  content: "\ea62";
}

.icon--underline:before {
  content: "\ea63";
}

.icon--italic:before {
  content: "\ea64";
}

.icon--strikethrough:before {
  content: "\ea65";
}

.icon--omega:before {
  content: "\ea66";
}

.icon--sigma:before {
  content: "\ea67";
}

.icon--page-break:before {
  content: "\ea68";
}

.icon--superscript:before {
  content: "\ea69";
}

.icon--subscript:before {
  content: "\ea6a";
}

.icon--superscript2:before {
  content: "\ea6b";
}

.icon--subscript2:before {
  content: "\ea6c";
}

.icon--text-color:before {
  content: "\ea6d";
}

.icon--pagebreak:before {
  content: "\ea6e";
}

.icon--clear-formatting:before {
  content: "\ea6f";
}

.icon--table:before {
  content: "\ea70";
}

.icon--table2:before {
  content: "\ea71";
}

.icon--insert-template:before {
  content: "\ea72";
}

.icon--pilcrow:before {
  content: "\ea73";
}

.icon--ltr:before {
  content: "\ea74";
}

.icon--rtl:before {
  content: "\ea75";
}

.icon--section:before {
  content: "\ea76";
}

.icon--paragraph-left:before {
  content: "\ea77";
}

.icon--paragraph-center:before {
  content: "\ea78";
}

.icon--paragraph-right:before {
  content: "\ea79";
}

.icon--paragraph-justify:before {
  content: "\ea7a";
}

.icon--indent-increase:before {
  content: "\ea7b";
}

.icon--indent-decrease:before {
  content: "\ea7c";
}

.icon--share:before {
  content: "\ea7d";
}

.icon--new-tab:before {
  content: "\ea7e";
}

.icon--embed:before {
  content: "\ea7f";
}

.icon--embed2:before {
  content: "\ea80";
}

.icon--terminal:before {
  content: "\ea81";
}

.icon--share2:before {
  content: "\ea82";
}

.icon--mail:before {
  content: "\ea83";
}

.icon--mail2:before {
  content: "\ea84";
}

.icon--mail3:before {
  content: "\ea85";
}

.icon--mail4:before {
  content: "\ea86";
}

.icon--amazon:before {
  content: "\ea87";
}

.icon--google:before {
  content: "\ea88";
}

.icon--google2:before {
  content: "\ea89";
}

.icon--google3:before {
  content: "\ea8a";
}

.icon--google-plus:before {
  content: "\ea8b";
}

.icon--google-plus2:before {
  content: "\ea8c";
}

.icon--google-plus3:before {
  content: "\ea8d";
}

.icon--hangouts:before {
  content: "\ea8e";
}

.icon--google-drive:before {
  content: "\ea8f";
}

.icon--facebook:before {
  content: "\ea90";
}

.icon--facebook2:before {
  content: "\ea91";
}

.icon--instagram:before {
  content: "\ea92";
}

.icon--whatsapp:before {
  content: "\ea93";
}

.icon--spotify:before {
  content: "\ea94";
}

.icon--telegram:before {
  content: "\ea95";
}

.icon--twitter:before {
  content: "\ea96";
}

.icon--vine:before {
  content: "\ea97";
}

.icon--vk:before {
  content: "\ea98";
}

.icon--renren:before {
  content: "\ea99";
}

.icon--sina-weibo:before {
  content: "\ea9a";
}

.icon--rss:before {
  content: "\ea9b";
}

.icon--rss2:before {
  content: "\ea9c";
}

.icon--youtube:before {
  content: "\ea9d";
}

.icon--youtube2:before {
  content: "\ea9e";
}

.icon--twitch:before {
  content: "\ea9f";
}

.icon--vimeo:before {
  content: "\eaa0";
}

.icon--vimeo2:before {
  content: "\eaa1";
}

.icon--lanyrd:before {
  content: "\eaa2";
}

.icon--flickr:before {
  content: "\eaa3";
}

.icon--flickr2:before {
  content: "\eaa4";
}

.icon--flickr3:before {
  content: "\eaa5";
}

.icon--flickr4:before {
  content: "\eaa6";
}

.icon--dribbble:before {
  content: "\eaa7";
}

.icon--behance:before {
  content: "\eaa8";
}

.icon--behance2:before {
  content: "\eaa9";
}

.icon--deviantart:before {
  content: "\eaaa";
}

.icon--500px:before {
  content: "\eaab";
}

.icon--steam:before {
  content: "\eaac";
}

.icon--steam2:before {
  content: "\eaad";
}

.icon--dropbox:before {
  content: "\eaae";
}

.icon--onedrive:before {
  content: "\eaaf";
}

.icon--github:before {
  content: "\eab0";
}

.icon--npm:before {
  content: "\eab1";
}

.icon--basecamp:before {
  content: "\eab2";
}

.icon--trello:before {
  content: "\eab3";
}

.icon--wordpress:before {
  content: "\eab4";
}

.icon--joomla:before {
  content: "\eab5";
}

.icon--ello:before {
  content: "\eab6";
}

.icon--blogger:before {
  content: "\eab7";
}

.icon--blogger2:before {
  content: "\eab8";
}

.icon--tumblr:before {
  content: "\eab9";
}

.icon--tumblr2:before {
  content: "\eaba";
}

.icon--yahoo:before {
  content: "\eabb";
}

.icon--yahoo2:before {
  content: "\eabc";
}

.icon--tux:before {
  content: "\eabd";
}

.icon--appleinc:before {
  content: "\eabe";
}

.icon--finder:before {
  content: "\eabf";
}

.icon--android:before {
  content: "\eac0";
}

.icon--windows:before {
  content: "\eac1";
}

.icon--windows8:before {
  content: "\eac2";
}

.icon--soundcloud:before {
  content: "\eac3";
}

.icon--soundcloud2:before {
  content: "\eac4";
}

.icon--skype:before {
  content: "\eac5";
}

.icon--reddit:before {
  content: "\eac6";
}

.icon--hackernews:before {
  content: "\eac7";
}

.icon--wikipedia:before {
  content: "\eac8";
}

.icon--linkedin:before {
  content: "\eac9";
}

.icon--linkedin2:before {
  content: "\eaca";
}

.icon--lastfm:before {
  content: "\eacb";
}

.icon--lastfm2:before {
  content: "\eacc";
}

.icon--delicious:before {
  content: "\eacd";
}

.icon--stumbleupon:before {
  content: "\eace";
}

.icon--stumbleupon2:before {
  content: "\eacf";
}

.icon--stackoverflow:before {
  content: "\ead0";
}

.icon--pinterest:before {
  content: "\ead1";
}

.icon--pinterest2:before {
  content: "\ead2";
}

.icon--xing:before {
  content: "\ead3";
}

.icon--xing2:before {
  content: "\ead4";
}

.icon--flattr:before {
  content: "\ead5";
}

.icon--foursquare:before {
  content: "\ead6";
}

.icon--yelp:before {
  content: "\ead7";
}

.icon--paypal:before {
  content: "\ead8";
}

.icon--chrome:before {
  content: "\ead9";
}

.icon--firefox:before {
  content: "\eada";
}

.icon--IE:before {
  content: "\eadb";
}

.icon--edge:before {
  content: "\eadc";
}

.icon--safari:before {
  content: "\eadd";
}

.icon--opera:before {
  content: "\eade";
}

.icon--file-pdf:before {
  content: "\eadf";
}

.icon--file-openoffice:before {
  content: "\eae0";
}

.icon--file-word:before {
  content: "\eae1";
}

.icon--file-excel:before {
  content: "\eae2";
}

.icon--libreoffice:before {
  content: "\eae3";
}

.icon--html-five:before {
  content: "\eae4";
}

.icon--html-five2:before {
  content: "\eae5";
}

.icon--css3:before {
  content: "\eae6";
}

.icon--git:before {
  content: "\eae7";
}

.icon--codepen:before {
  content: "\eae8";
}

.icon--svg:before {
  content: "\eae9";
}

.icon--IcoMoon:before {
  content: "\eaea";
}

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

    Funktion      helper includes

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

    Funktion      is-int mixin

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

    Funktion    mixin selection

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

    Funktion    mixin clearfix

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

    Funktion    mixin input

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

    Funktion      mixins color-scheme bem module

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

    Funktion    Basic font mixins. Just for inheritable values.

*****************************************************************************/
/**
 * 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

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

    Funktion    mixin media helper

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

    Funktion    rocksolid columns overwrite

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

.rs-column {
  float: left;
  width: 100%;
  margin-right: 2.2rem;
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}
.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% - 2.2rem * (0)) / 1 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-2-1 {
  width: calc(((100% - 2.2rem * (1)) / 2 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-2-2 {
  width: calc(((100% - 2.2rem * (1)) / 2 * (2) + 2.2rem * 1) - 0.01px);
}
.rs-column.-large-col-3-1 {
  width: calc(((100% - 2.2rem * (2)) / 3 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-3-2 {
  width: calc(((100% - 2.2rem * (2)) / 3 * (2) + 2.2rem * 1) - 0.01px);
}
.rs-column.-large-col-3-3 {
  width: calc(((100% - 2.2rem * (2)) / 3 * (3) + 2.2rem * 2) - 0.01px);
}
.rs-column.-large-col-4-1 {
  width: calc(((100% - 2.2rem * (3)) / 4 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-4-2 {
  width: calc(((100% - 2.2rem * (3)) / 4 * (2) + 2.2rem * 1) - 0.01px);
}
.rs-column.-large-col-4-3 {
  width: calc(((100% - 2.2rem * (3)) / 4 * (3) + 2.2rem * 2) - 0.01px);
}
.rs-column.-large-col-4-4 {
  width: calc(((100% - 2.2rem * (3)) / 4 * (4) + 2.2rem * 3) - 0.01px);
}
.rs-column.-large-col-5-1 {
  width: calc(((100% - 2.2rem * (4)) / 5 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-5-2 {
  width: calc(((100% - 2.2rem * (4)) / 5 * (2) + 2.2rem * 1) - 0.01px);
}
.rs-column.-large-col-5-3 {
  width: calc(((100% - 2.2rem * (4)) / 5 * (3) + 2.2rem * 2) - 0.01px);
}
.rs-column.-large-col-5-4 {
  width: calc(((100% - 2.2rem * (4)) / 5 * (4) + 2.2rem * 3) - 0.01px);
}
.rs-column.-large-col-5-5 {
  width: calc(((100% - 2.2rem * (4)) / 5 * (5) + 2.2rem * 4) - 0.01px);
}
.rs-column.-large-col-6-1 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (1) + 2.2rem * 0) - 0.01px);
}
.rs-column.-large-col-6-2 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (2) + 2.2rem * 1) - 0.01px);
}
.rs-column.-large-col-6-3 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (3) + 2.2rem * 2) - 0.01px);
}
.rs-column.-large-col-6-4 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (4) + 2.2rem * 3) - 0.01px);
}
.rs-column.-large-col-6-5 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (5) + 2.2rem * 4) - 0.01px);
}
.rs-column.-large-col-6-6 {
  width: calc(((100% - 2.2rem * (5)) / 6 * (6) + 2.2rem * 5) - 0.01px);
}
@media screen and (max-width: 56.25em) {
  .rs-column {
    margin-top: 2.2rem;
    margin-right: 2.2rem;
    /* stylelint-disable selector-class-pattern */
    /* stylelint-enable selector-class-pattern */
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 2.2rem;
  }
  .rs-column.-large-first-row {
    margin-top: 2.2rem;
  }
  .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% - 2.2rem * (0)) / 1 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-2-1 {
    width: calc(((100% - 2.2rem * (1)) / 2 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-2-2 {
    width: calc(((100% - 2.2rem * (1)) / 2 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-3-1 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-3-2 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-3-3 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-4-1 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-4-2 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-4-3 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-4-4 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-5-1 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-5-2 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-5-3 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-5-4 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-5-5 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (5) + 2.2rem * 4) - 0.01px);
  }
  .rs-column.-medium-col-6-1 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-6-2 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-6-3 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-6-4 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-6-5 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (5) + 2.2rem * 4) - 0.01px);
  }
  .rs-column.-medium-col-6-6 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (6) + 2.2rem * 5) - 0.01px);
  }
}
@media screen and (max-width: 37.5em) {
  .rs-column {
    margin-right: 2.2rem;
    /* stylelint-disable selector-class-pattern */
    /* stylelint-enable selector-class-pattern */
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 2.2rem;
  }
  .rs-column.-medium-first-row {
    margin-top: 2.2rem;
  }
  .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% - 2.2rem * (0)) / 1 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-2-1 {
    width: calc(((100% - 2.2rem * (1)) / 2 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-2-2 {
    width: calc(((100% - 2.2rem * (1)) / 2 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-3-1 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-3-2 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-3-3 {
    width: calc(((100% - 2.2rem * (2)) / 3 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-4-1 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-4-2 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-4-3 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-4-4 {
    width: calc(((100% - 2.2rem * (3)) / 4 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-5-1 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-5-2 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-5-3 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-5-4 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-5-5 {
    width: calc(((100% - 2.2rem * (4)) / 5 * (5) + 2.2rem * 4) - 0.01px);
  }
  .rs-column.-small-col-6-1 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (1) + 2.2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-6-2 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (2) + 2.2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-6-3 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (3) + 2.2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-6-4 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (4) + 2.2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-6-5 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (5) + 2.2rem * 4) - 0.01px);
  }
  .rs-column.-small-col-6-6 {
    width: calc(((100% - 2.2rem * (5)) / 6 * (6) + 2.2rem * 5) - 0.01px);
  }
}

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

    Funktion      Rocksolid Grid alternative with custom gutter width

*****************************************************************************/
/*
.columns

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

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

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

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

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

.columns-6 > * {
  float: left;
}
.columns-6 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (5 * 2.2rem)) / 6 - 0.01px);
  margin-right: calc(2.2rem);
}
.columns-6 > *:nth-of-type(6n+1) {
  clear: left;
}
.columns-6 > *:nth-of-type(6n+6) {
  margin-right: 0;
}
.columns-6:nth-of-type(1) {
  margin-top: 0;
}
.columns-6:nth-of-type(2) {
  margin-top: 0;
}
.columns-6:nth-of-type(3) {
  margin-top: 0;
}
.columns-6:nth-of-type(4) {
  margin-top: 0;
}
.columns-6:nth-of-type(5) {
  margin-top: 0;
}
.columns-6:nth-of-type(6) {
  margin-top: 0;
}
.columns-6::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Funktion      cols bem module

*****************************************************************************/
/*
.cols

Styleguide classes.cols
*/
:root {
  --cols--gutter: 2.2rem;
  --cols--columns: 12;
}

.cols {
  display: grid;
  grid-gap: 2.2rem;
  grid-gap: var(--cols--gutter);
  grid-template-columns: repeat(12, 1fr);
}
@supports (grid-gap: var(--cols--gutter)) {
  .cols {
    grid-template-columns: repeat(var(--cols--columns), 1fr);
  }
}
.cols--1 {
  grid-template-columns: repeat(1, 1fr);
}
.cols--2 {
  grid-template-columns: repeat(2, 1fr);
}
.cols--3 {
  grid-template-columns: repeat(3, 1fr);
}
.cols--4 {
  grid-template-columns: repeat(4, 1fr);
}
.cols--5 {
  grid-template-columns: repeat(5, 1fr);
}
.cols--6 {
  grid-template-columns: repeat(6, 1fr);
}
.cols--7 {
  grid-template-columns: repeat(7, 1fr);
}
.cols--8 {
  grid-template-columns: repeat(8, 1fr);
}
.cols--9 {
  grid-template-columns: repeat(9, 1fr);
}
.cols--10 {
  grid-template-columns: repeat(10, 1fr);
}
.cols--11 {
  grid-template-columns: repeat(11, 1fr);
}
.cols--12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 81.25em) {
  .cols--1-desktop-small {
    grid-template-columns: repeat(1, 1fr);
  }
  .cols--2-desktop-small {
    grid-template-columns: repeat(2, 1fr);
  }
  .cols--3-desktop-small {
    grid-template-columns: repeat(3, 1fr);
  }
  .cols--4-desktop-small {
    grid-template-columns: repeat(4, 1fr);
  }
  .cols--5-desktop-small {
    grid-template-columns: repeat(5, 1fr);
  }
  .cols--6-desktop-small {
    grid-template-columns: repeat(6, 1fr);
  }
  .cols--7-desktop-small {
    grid-template-columns: repeat(7, 1fr);
  }
  .cols--8-desktop-small {
    grid-template-columns: repeat(8, 1fr);
  }
  .cols--9-desktop-small {
    grid-template-columns: repeat(9, 1fr);
  }
  .cols--10-desktop-small {
    grid-template-columns: repeat(10, 1fr);
  }
  .cols--11-desktop-small {
    grid-template-columns: repeat(11, 1fr);
  }
  .cols--12-desktop-small {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 56.25em) {
  .cols--1-medium {
    grid-template-columns: repeat(1, 1fr);
  }
  .cols--2-medium {
    grid-template-columns: repeat(2, 1fr);
  }
  .cols--3-medium {
    grid-template-columns: repeat(3, 1fr);
  }
  .cols--4-medium {
    grid-template-columns: repeat(4, 1fr);
  }
  .cols--5-medium {
    grid-template-columns: repeat(5, 1fr);
  }
  .cols--6-medium {
    grid-template-columns: repeat(6, 1fr);
  }
  .cols--7-medium {
    grid-template-columns: repeat(7, 1fr);
  }
  .cols--8-medium {
    grid-template-columns: repeat(8, 1fr);
  }
  .cols--9-medium {
    grid-template-columns: repeat(9, 1fr);
  }
  .cols--10-medium {
    grid-template-columns: repeat(10, 1fr);
  }
  .cols--11-medium {
    grid-template-columns: repeat(11, 1fr);
  }
  .cols--12-medium {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 37.5em) {
  .cols--1-small {
    grid-template-columns: repeat(1, 1fr);
  }
  .cols--2-small {
    grid-template-columns: repeat(2, 1fr);
  }
  .cols--3-small {
    grid-template-columns: repeat(3, 1fr);
  }
  .cols--4-small {
    grid-template-columns: repeat(4, 1fr);
  }
  .cols--5-small {
    grid-template-columns: repeat(5, 1fr);
  }
  .cols--6-small {
    grid-template-columns: repeat(6, 1fr);
  }
  .cols--7-small {
    grid-template-columns: repeat(7, 1fr);
  }
  .cols--8-small {
    grid-template-columns: repeat(8, 1fr);
  }
  .cols--9-small {
    grid-template-columns: repeat(9, 1fr);
  }
  .cols--10-small {
    grid-template-columns: repeat(10, 1fr);
  }
  .cols--11-small {
    grid-template-columns: repeat(11, 1fr);
  }
  .cols--12-small {
    grid-template-columns: repeat(12, 1fr);
  }
}
.cols--no-gutter {
  grid-gap: 0;
}
.cols__item {
  overflow: hidden;
}
.cols__item--w-1 {
  grid-column: span 1;
}
.cols__item--w-2 {
  grid-column: span 2;
}
.cols__item--w-3 {
  grid-column: span 3;
}
.cols__item--w-4 {
  grid-column: span 4;
}
.cols__item--w-5 {
  grid-column: span 5;
}
.cols__item--w-6 {
  grid-column: span 6;
}
.cols__item--w-7 {
  grid-column: span 7;
}
.cols__item--w-8 {
  grid-column: span 8;
}
.cols__item--w-9 {
  grid-column: span 9;
}
.cols__item--w-10 {
  grid-column: span 10;
}
.cols__item--w-11 {
  grid-column: span 11;
}
.cols__item--w-12 {
  grid-column: span 12;
}
@media screen and (max-width: 81.25em) {
  .cols__item--w-1-desktop-small {
    grid-column: span 1;
  }
  .cols__item--w-2-desktop-small {
    grid-column: span 2;
  }
  .cols__item--w-3-desktop-small {
    grid-column: span 3;
  }
  .cols__item--w-4-desktop-small {
    grid-column: span 4;
  }
  .cols__item--w-5-desktop-small {
    grid-column: span 5;
  }
  .cols__item--w-6-desktop-small {
    grid-column: span 6;
  }
  .cols__item--w-7-desktop-small {
    grid-column: span 7;
  }
  .cols__item--w-8-desktop-small {
    grid-column: span 8;
  }
  .cols__item--w-9-desktop-small {
    grid-column: span 9;
  }
  .cols__item--w-10-desktop-small {
    grid-column: span 10;
  }
  .cols__item--w-11-desktop-small {
    grid-column: span 11;
  }
  .cols__item--w-12-desktop-small {
    grid-column: span 12;
  }
}
@media screen and (max-width: 56.25em) {
  .cols__item--w-1-medium {
    grid-column: span 1;
  }
  .cols__item--w-2-medium {
    grid-column: span 2;
  }
  .cols__item--w-3-medium {
    grid-column: span 3;
  }
  .cols__item--w-4-medium {
    grid-column: span 4;
  }
  .cols__item--w-5-medium {
    grid-column: span 5;
  }
  .cols__item--w-6-medium {
    grid-column: span 6;
  }
  .cols__item--w-7-medium {
    grid-column: span 7;
  }
  .cols__item--w-8-medium {
    grid-column: span 8;
  }
  .cols__item--w-9-medium {
    grid-column: span 9;
  }
  .cols__item--w-10-medium {
    grid-column: span 10;
  }
  .cols__item--w-11-medium {
    grid-column: span 11;
  }
  .cols__item--w-12-medium {
    grid-column: span 12;
  }
}
@media screen and (max-width: 37.5em) {
  .cols__item--w-1-small {
    grid-column: span 1;
  }
  .cols__item--w-2-small {
    grid-column: span 2;
  }
  .cols__item--w-3-small {
    grid-column: span 3;
  }
  .cols__item--w-4-small {
    grid-column: span 4;
  }
  .cols__item--w-5-small {
    grid-column: span 5;
  }
  .cols__item--w-6-small {
    grid-column: span 6;
  }
  .cols__item--w-7-small {
    grid-column: span 7;
  }
  .cols__item--w-8-small {
    grid-column: span 8;
  }
  .cols__item--w-9-small {
    grid-column: span 9;
  }
  .cols__item--w-10-small {
    grid-column: span 10;
  }
  .cols__item--w-11-small {
    grid-column: span 11;
  }
  .cols__item--w-12-small {
    grid-column: span 12;
  }
}

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

    Funktion      col-push bem module

*****************************************************************************/
/*
.col-push

Styleguide classes.col-push
*/
.col-push-left-0 {
  grid-column-start: 1;
}
.col-push-right-0 {
  grid-column-end: -1;
}
.col-push-left-1 {
  grid-column-start: 2;
}
.col-push-right-1 {
  grid-column-end: -2;
}
.col-push-left-2 {
  grid-column-start: 3;
}
.col-push-right-2 {
  grid-column-end: -3;
}
.col-push-left-3 {
  grid-column-start: 4;
}
.col-push-right-3 {
  grid-column-end: -4;
}
.col-push-left-4 {
  grid-column-start: 5;
}
.col-push-right-4 {
  grid-column-end: -5;
}
.col-push-left-5 {
  grid-column-start: 6;
}
.col-push-right-5 {
  grid-column-end: -6;
}
.col-push-left-6 {
  grid-column-start: 7;
}
.col-push-right-6 {
  grid-column-end: -7;
}
.col-push-left-7 {
  grid-column-start: 8;
}
.col-push-right-7 {
  grid-column-end: -8;
}
.col-push-left-8 {
  grid-column-start: 9;
}
.col-push-right-8 {
  grid-column-end: -9;
}
.col-push-left-9 {
  grid-column-start: 10;
}
.col-push-right-9 {
  grid-column-end: -10;
}
.col-push-left-10 {
  grid-column-start: 11;
}
.col-push-right-10 {
  grid-column-end: -11;
}
.col-push-left-11 {
  grid-column-start: 12;
}
.col-push-right-11 {
  grid-column-end: -12;
}
@media screen and (max-width: 81.25em) {
  .col-push-left-0--desktop-small {
    grid-column-start: 1;
  }
  .col-push-right-0--desktop-small {
    grid-column-end: -1;
  }
  .col-push-left-1--desktop-small {
    grid-column-start: 2;
  }
  .col-push-right-1--desktop-small {
    grid-column-end: -2;
  }
  .col-push-left-2--desktop-small {
    grid-column-start: 3;
  }
  .col-push-right-2--desktop-small {
    grid-column-end: -3;
  }
  .col-push-left-3--desktop-small {
    grid-column-start: 4;
  }
  .col-push-right-3--desktop-small {
    grid-column-end: -4;
  }
  .col-push-left-4--desktop-small {
    grid-column-start: 5;
  }
  .col-push-right-4--desktop-small {
    grid-column-end: -5;
  }
  .col-push-left-5--desktop-small {
    grid-column-start: 6;
  }
  .col-push-right-5--desktop-small {
    grid-column-end: -6;
  }
  .col-push-left-6--desktop-small {
    grid-column-start: 7;
  }
  .col-push-right-6--desktop-small {
    grid-column-end: -7;
  }
  .col-push-left-7--desktop-small {
    grid-column-start: 8;
  }
  .col-push-right-7--desktop-small {
    grid-column-end: -8;
  }
  .col-push-left-8--desktop-small {
    grid-column-start: 9;
  }
  .col-push-right-8--desktop-small {
    grid-column-end: -9;
  }
  .col-push-left-9--desktop-small {
    grid-column-start: 10;
  }
  .col-push-right-9--desktop-small {
    grid-column-end: -10;
  }
  .col-push-left-10--desktop-small {
    grid-column-start: 11;
  }
  .col-push-right-10--desktop-small {
    grid-column-end: -11;
  }
  .col-push-left-11--desktop-small {
    grid-column-start: 12;
  }
  .col-push-right-11--desktop-small {
    grid-column-end: -12;
  }
}
@media screen and (max-width: 56.25em) {
  .col-push-left-0--tablet {
    grid-column-start: 1;
  }
  .col-push-right-0--tablet {
    grid-column-end: -1;
  }
  .col-push-left-1--tablet {
    grid-column-start: 2;
  }
  .col-push-right-1--tablet {
    grid-column-end: -2;
  }
  .col-push-left-2--tablet {
    grid-column-start: 3;
  }
  .col-push-right-2--tablet {
    grid-column-end: -3;
  }
  .col-push-left-3--tablet {
    grid-column-start: 4;
  }
  .col-push-right-3--tablet {
    grid-column-end: -4;
  }
  .col-push-left-4--tablet {
    grid-column-start: 5;
  }
  .col-push-right-4--tablet {
    grid-column-end: -5;
  }
  .col-push-left-5--tablet {
    grid-column-start: 6;
  }
  .col-push-right-5--tablet {
    grid-column-end: -6;
  }
  .col-push-left-6--tablet {
    grid-column-start: 7;
  }
  .col-push-right-6--tablet {
    grid-column-end: -7;
  }
  .col-push-left-7--tablet {
    grid-column-start: 8;
  }
  .col-push-right-7--tablet {
    grid-column-end: -8;
  }
  .col-push-left-8--tablet {
    grid-column-start: 9;
  }
  .col-push-right-8--tablet {
    grid-column-end: -9;
  }
  .col-push-left-9--tablet {
    grid-column-start: 10;
  }
  .col-push-right-9--tablet {
    grid-column-end: -10;
  }
  .col-push-left-10--tablet {
    grid-column-start: 11;
  }
  .col-push-right-10--tablet {
    grid-column-end: -11;
  }
  .col-push-left-11--tablet {
    grid-column-start: 12;
  }
  .col-push-right-11--tablet {
    grid-column-end: -12;
  }
}
@media screen and (max-width: 37.5em) {
  .col-push-left-0--small {
    grid-column-start: 1;
  }
  .col-push-right-0--small {
    grid-column-end: -1;
  }
  .col-push-left-1--small {
    grid-column-start: 2;
  }
  .col-push-right-1--small {
    grid-column-end: -2;
  }
  .col-push-left-2--small {
    grid-column-start: 3;
  }
  .col-push-right-2--small {
    grid-column-end: -3;
  }
  .col-push-left-3--small {
    grid-column-start: 4;
  }
  .col-push-right-3--small {
    grid-column-end: -4;
  }
  .col-push-left-4--small {
    grid-column-start: 5;
  }
  .col-push-right-4--small {
    grid-column-end: -5;
  }
  .col-push-left-5--small {
    grid-column-start: 6;
  }
  .col-push-right-5--small {
    grid-column-end: -6;
  }
  .col-push-left-6--small {
    grid-column-start: 7;
  }
  .col-push-right-6--small {
    grid-column-end: -7;
  }
  .col-push-left-7--small {
    grid-column-start: 8;
  }
  .col-push-right-7--small {
    grid-column-end: -8;
  }
  .col-push-left-8--small {
    grid-column-start: 9;
  }
  .col-push-right-8--small {
    grid-column-end: -9;
  }
  .col-push-left-9--small {
    grid-column-start: 10;
  }
  .col-push-right-9--small {
    grid-column-end: -10;
  }
  .col-push-left-10--small {
    grid-column-start: 11;
  }
  .col-push-right-10--small {
    grid-column-end: -11;
  }
  .col-push-left-11--small {
    grid-column-start: 12;
  }
  .col-push-right-11--small {
    grid-column-end: -12;
  }
}

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

    Funktion      float bem module

*****************************************************************************/
/*
.float

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

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

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

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

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

*****************************************************************************/
/*
Helper

- `.clearfix`
- `.invisible`
- `.overflow-hidden`
- `.text-align-left`
- `.text-align-center`
- `.text-align-right`

Styleguide 100.20
*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.invisible {
  display: none !important;
  overflow: hidden;
  position: absolute !important;
  left: -9999em !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

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

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

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

/*
.remove-margin-*

- `.remove-margin-top`
- `.remove-margin-top-desktop-small`
- `.remove-margin-top-tablet`
- `.remove-margin-top-mobile`

---

- `.remove-margin-right`
- `.remove-margin-right-desktop-small`
- `.remove-margin-right-tablet`
- `.remove-margin-right-mobile`

---

- `.remove-margin-bottom`
- `.remove-margin-bottom-desktop-small`
- `.remove-margin-bottom-tablet`
- `.remove-margin-bottom-mobile`

---

- `.remove-margin-left`
- `.remove-margin-left-desktop-small`
- `.remove-margin-left-tablet`
- `.remove-margin-left-mobile`

Styleguide 100.21
*/
.remove-margin-top {
  margin-top: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-margin-top-desktop-small {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-margin-top-tablet {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-margin-top-mobile {
    margin-top: 0 !important;
  }
}

.remove-margin-right {
  margin-right: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-margin-right-desktop-small {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-margin-right-tablet {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-margin-right-mobile {
    margin-right: 0 !important;
  }
}

.remove-margin-bottom {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-margin-bottom-desktop-small {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-margin-bottom-tablet {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-margin-bottom-mobile {
    margin-bottom: 0 !important;
  }
}

.remove-margin-left {
  margin-left: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-margin-left-desktop-small {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-margin-left-tablet {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-margin-left-mobile {
    margin-left: 0 !important;
  }
}

.remove-padding-top {
  padding-top: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-padding-top-desktop-small {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-padding-top-tablet {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-padding-top-mobile {
    padding-top: 0 !important;
  }
}

.remove-padding-right {
  padding-right: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-padding-right-desktop-small {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-padding-right-tablet {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-padding-right-mobile {
    padding-right: 0 !important;
  }
}

.remove-padding-bottom {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-padding-bottom-desktop-small {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-padding-bottom-tablet {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-padding-bottom-mobile {
    padding-bottom: 0 !important;
  }
}

.remove-padding-left {
  padding-left: 0 !important;
}
@media screen and (max-width: 81.25em) {
  .remove-padding-left-desktop-small {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-padding-left-tablet {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-padding-left-mobile {
    padding-left: 0 !important;
  }
}

/*
.hide-on-*

- `.hide-on-desktop-small`
- `.hide-on-tablet`
- `.hide-on-mobile`

Styleguide 100.22
*/
@media screen and (max-width: 81.25em) {
  .hide-on-desktop-small {
    display: none !important;
  }
}

@media screen and (max-width: 56.25em) {
  .hide-on-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 37.5em) {
  .hide-on-mobile {
    display: none !important;
  }
}

/*
.show-on-*

- `.show-on-desktop-small`
- `.show-on-desktop-small--flex`
- `.show-on-desktop-small--inline`
- `.show-on-desktop-small--inline-block`

---

- `.show-on-tablet`
- `.show-on-tablet--flex`
- `.show-on-tablet--inline`
- `.show-on-tablet--inline-block`

---

- `.show-on-mobile`
- `.show-on-mobile--flex`
- `.show-on-mobile--inline`
- `.show-on-mobile--inline-block`

Styleguide 100.23
*/
.show-on-desktop-small {
  display: none !important;
}
@media screen and (max-width: 81.25em) {
  .show-on-desktop-small {
    display: block !important;
  }
  .show-on-desktop-small--flex {
    display: flex !important;
  }
  .show-on-desktop-small--inline {
    display: inline !important;
  }
  .show-on-desktop-small--inline-block {
    display: inline-block !important;
  }
}

.show-on-tablet {
  display: none !important;
}
@media screen and (max-width: 56.25em) {
  .show-on-tablet {
    display: block !important;
  }
  .show-on-tablet--flex {
    display: flex !important;
  }
  .show-on-tablet--inline {
    display: inline !important;
  }
  .show-on-tablet--inline-block {
    display: inline-block !important;
  }
}

.show-on-mobile {
  display: none !important;
}
@media screen and (max-width: 37.5em) {
  .show-on-mobile {
    display: block !important;
  }
  .show-on-mobile--flex {
    display: flex !important;
  }
  .show-on-mobile--inline {
    display: inline !important;
  }
  .show-on-mobile--inline-block {
    display: inline-block !important;
  }
}

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

    Funktion    main css. HTML elements and basic structure
    Authors
    Datum

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

html {
  font-size: 62.5%;
}
@media screen\9  {
  html {
    font-size: 10px;
  }
}
@media screen\0  {
  html {
    font-size: 10px;
  }
}

body {
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #000;
  opacity: 0;
}
@media screen and (max-width: 56.25em) {
  body {
    font-size: 1.6rem;
  }
}
body.scrolled .header-wrapper .logo img {
  width: 110px;
  transition: width 0.8s;
}
@media screen and (max-width: 37.5em) {
  body.scrolled .header-wrapper .logo img {
    width: 70px;
  }
}
body.scrolled .main-header {
  padding: 3rem 0;
  transition: padding 0.8s 0.4s;
}
@media screen and (max-width: 37.5em) {
  body.scrolled .main-header {
    padding: 1rem 0;
  }
}
body.active {
  opacity: 1;
  transition: opacity 0.8s 0.5s;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

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

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

h1,
.h1 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 4.9rem;
  line-height: 1.2;
}
@media screen and (max-width: 56.25em) {
  h1,
.h1 {
    font-size: 4rem;
  }
}

h2,
.h2 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 3.3rem;
  line-height: 1.2;
}
@media screen and (max-width: 56.25em) {
  h2,
.h2 {
    font-size: 2.4rem;
  }
}

h3,
.h3 {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #A2A09F;
}
@media screen and (max-width: 56.25em) {
  h3,
.h3 {
    font-size: 1.2rem;
  }
}

h4,
.h4 {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #77D893;
}
@media screen and (max-width: 56.25em) {
  h4,
.h4 {
    font-size: 1.2rem;
  }
}

.intro {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
}
@media screen and (max-width: 56.25em) {
  .intro {
    font-size: 2rem;
  }
}

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

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid rgba(160, 0, 57, 0.6);
  outline-offset: -1px;
  transition: outline 0.4s;
}

hr {
  height: 1px;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #000;
}

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

input,
select {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
}
input:focus,
select:focus {
  border-bottom: 0.1rem solid #34b65a;
  outline: none;
}

input[type=button], input[type=submit] {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  min-width: calc(16.6666666667% - 1.1rem);
  padding: 1rem;
  border: 1px solid #FFF;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
  border-color: #77D893;
  color: #77D893;
  transition: all 0.2s;
}
input[type=button]:hover, input[type=submit]:hover {
  color: #FFF;
  background-color: #77D893;
  transition: all 0.2s;
}

textarea {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
  border: 0.1rem solid #77D893;
}
textarea:focus {
  border-bottom: 0.1rem solid #34b65a;
  outline: none;
}
textarea:focus {
  border-color: #34b65a;
}

table {
  width: 100%;
  font-size: inherit;
}

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(119, 216, 147, 0.8);
}

::selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(119, 216, 147, 0.8);
}

/**
 * base structure
 */
.main-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main-wrapper > * {
  flex: 0 0 auto;
}
.main-wrapper > .main-container {
  flex: 1 0 auto;
}

.base-width, .main .mod_article > * {
  width: 98%;
  width: calc(100% - 2 * 2rem);
  max-width: 126rem;
  margin-right: auto;
  margin-left: auto;
}
.base-width--full-width, .main .mod_article > *.full-width {
  width: auto;
  max-width: none;
}
.base-width--inset-width, .main .mod_article > *.inset-width {
  width: calc(100% - 2 * 8rem);
  max-width: 84rem;
}
.base-width--outset-width, .main .mod_article > *.outset-width {
  width: calc(100% - 2 * 1rem);
  max-width: 140rem;
}

.grid-space-2 {
  padding-right: 22.1rem;
  padding-left: 22.1rem;
}
@media screen and (max-width: 81.25em) {
  .grid-space-2 {
    padding-right: 0;
    padding-left: 0;
  }
}

.grid-space-3 {
  padding-right: 32.6rem;
  padding-left: 32.6rem;
}

.link {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 0;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #A2A09F;
  transition: padding-left 0.4s;
}
.link::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "icons", Arial, sans-serif;
  transform: translateY(-50%) translatex(-100%);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .link::after {
    display: none;
  }
}
.link:hover {
  padding-left: 2rem;
  transition: padding-left 0.4s;
}
@media screen and (max-width: 56.25em) {
  .link:hover {
    padding-left: 0;
  }
}
.link:hover::after {
  transform: translateY(-47%) translatex(0);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .link {
    font-size: 1.2rem;
  }
}

.tiny {
  font-size: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  .tiny {
    font-size: 1.4rem;
  }
}

.teaser {
  font-size: 2rem;
}
@media screen and (max-width: 56.25em) {
  .teaser {
    font-size: 1.8rem;
  }
}

.width-compact > * {
  padding-right: 22.1rem;
  padding-left: 32.6rem;
}
@media screen and (max-width: 56.25em) {
  .width-compact > * {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-space {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
@media screen and (max-width: 56.25em) {
  .small-space {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.main .mod_article {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20rem);
  transition: transform 0.8s, visibility 0s 0.8s, opacity 0.8s;
}
.main .mod_article.in-view {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.8s 0.2s, visibility 0s, opacity 0.8s 0.2s;
}
.main .mod_article.in-view-child {
  position: static;
  margin-top: 20rem;
  transform: none;
  transition: margin-top 0.8s, opacity 0.8s, visibility 0s 0.8s;
}
.main .mod_article.in-view-child.in-view {
  margin-top: 0;
  transition: margin-top 0.8s, opacity 0.8s, visibility 0s;
}

/**
 * Header
 */
.main-header {
  position: relative;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 3rem 0 5rem;
  background-color: #FFF;
  transition: padding 0.8s;
}
.main-header .progress-wrapper {
  top: 100%;
}
.main-header .progress {
  background-color: #77D893;
}
@media screen and (max-width: 37.5em) {
  .main-header {
    padding: 1rem 0;
  }
}

.header-wrapper {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3A3A3A;
}
.header-wrapper .header-view {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media screen and (max-width: 37.5em) {
  .header-wrapper .header-view {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 81.25em) {
  .header-wrapper {
    font-size: 1.2rem;
  }
}
.header-wrapper ul {
  margin-bottom: 0;
}
.header-wrapper form {
  margin-bottom: 0;
}
.header-wrapper .logo {
  position: absolute;
  top: 0;
  left: -10rem;
  padding: 0 10rem 1.5rem;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .logo {
    left: -5rem;
    padding: 0 5rem 1.5rem;
  }
}
@media screen and (max-width: 37.5em) {
  .header-wrapper .logo {
    position: static;
    padding: 0;
  }
}
.header-wrapper .logo::after {
  content: "";
  display: block;
  position: absolute;
  top: -60%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 160%;
  border-radius: 0% 0% 100% 100%;
  background-color: #FFF;
}
@media screen and (max-width: 37.5em) {
  .header-wrapper .logo::after {
    display: none;
  }
}
.header-wrapper .logo img {
  width: 160px;
  transition: width 0.8s 0.4s;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .logo img {
    width: 120px;
  }
}
@media screen and (max-width: 37.5em) {
  .header-wrapper .logo img {
    width: 80px;
  }
}
.header-wrapper .line {
  background-color: #77D893;
}
@media screen and (max-width: 1400px) {
  .header-wrapper .menu {
    padding-right: 6rem;
  }
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .menu .mod_navigation {
    display: none;
  }
}
.header-wrapper .menu .mod_navigation > ul > li {
  display: inline-block;
  margin-right: 1.5rem;
}
.header-wrapper .menu .mod_navigation > ul > li:last-child {
  margin-right: 0;
}
.header-wrapper .menu ul a,
.header-wrapper .menu ul strong {
  display: block;
  color: inherit;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3A3A3A;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .menu ul a,
.header-wrapper .menu ul strong {
    font-size: 1.2rem;
  }
}
.header-wrapper .menu ul ul {
  position: absolute;
  top: 100%;
  left: -9999em;
}
.header-wrapper .menu ul ul a,
.header-wrapper .menu ul ul strong {
  color: inherit;
}
.header-wrapper .menu li {
  position: relative;
}
.header-wrapper .menu li:hover > ul {
  left: 0;
}
.header-wrapper .menu .active > strong,
.header-wrapper .menu .active > a,
.header-wrapper .menu .trail > strong,
.header-wrapper .menu .trail > a {
  position: relative;
  font-weight: 600;
}
.header-wrapper .menu .active > strong::after,
.header-wrapper .menu .active > a::after,
.header-wrapper .menu .trail > strong::after,
.header-wrapper .menu .trail > a::after {
  content: "\e9e1";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  font-family: "icons", Arial, sans-serif;
  font-size: 3.4rem;
  line-height: 0.5;
  color: #77D893;
  transform: translateX(-50%);
}
.header-wrapper .hamburger {
  display: none;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .hamburger {
    display: block;
  }
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .search {
    display: none;
  }
}
.header-wrapper .search .widget {
  display: inline-block;
}
.header-wrapper .search input {
  margin-bottom: 0;
}
.header-wrapper .breadcrumb {
  flex: 0 0 100%;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .breadcrumb {
    display: none;
  }
}
.header-wrapper .breadcrumb li {
  display: inline-block;
}
.header-wrapper .breadcrumb li:not(:last-child)::after {
  content: "/";
  display: inline-block;
  padding-left: 0.5rem;
}
.header-wrapper .breadcrumb ul span,
.header-wrapper .breadcrumb ul a {
  display: inline-block;
  padding: 0.1rem;
  font-size: 1.4rem;
}
.header-wrapper .search-container {
  position: absolute;
  top: 0;
  right: 2.5rem;
  font-size: 1.8rem;
  color: #77D893;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .search-container i {
    font-size: 3rem;
  }
}
@media screen and (max-width: 37.5em) {
  .header-wrapper .search-container {
    top: 50%;
    transform: translateY(-50%);
  }
}

/**
 * Main content
 */
/**
 * Footer
 */
.main-footer {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #FFF;
}
@media screen and (max-width: 56.25em) {
  .main-footer {
    font-size: 1.5rem;
  }
}
.main-footer .footer-view {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 56.25em) {
  .main-footer .footer-view {
    flex-wrap: wrap;
    justify-content: normal;
  }
}
.main-footer .ce_hyperlink .grid-space-2 {
  padding-left: 25.8rem;
}
@media screen and (max-width: 81.25em) {
  .main-footer .ce_hyperlink .grid-space-2 {
    padding-right: 0;
    padding-left: 0;
  }
}
.main-footer .footer-area--logo {
  width: 19.9rem;
}
@media screen and (max-width: 56.25em) {
  .main-footer .footer-area--logo {
    min-width: auto;
    max-width: calc(25% - 1.1rem);
  }
}
@media screen and (max-width: 37.5em) {
  .main-footer .footer-area--logo {
    max-width: 100%;
  }
}
.main-footer .footer-area--logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 37.5em) {
  .main-footer .footer-area--logo img {
    width: 16rem;
  }
}
.main-footer .footer-area--text {
  width: 100%;
  max-width: 61.9rem;
  padding: 0 4.5rem;
}
@media screen and (max-width: 56.25em) {
  .main-footer .footer-area--text {
    max-width: calc(75% - 1.1rem);
    padding: 0 0 0 2.2rem;
  }
}
@media screen and (max-width: 37.5em) {
  .main-footer .footer-area--text {
    max-width: 100%;
    margin-top: 2.2rem;
    padding: 0;
  }
}
.main-footer .footer-area--social div {
  display: inline-block;
  margin-right: 1.5rem;
}
.main-footer .footer-area--social div:last-child {
  margin-right: 0;
}
.main-footer .footer-area--social i {
  color: #77D893;
}
.main-footer .footer-area-container {
  min-width: 19.9rem;
}
@media screen and (max-width: 56.25em) {
  .main-footer .footer-area-container {
    margin-top: 2.2rem;
    padding-right: 2.2rem;
  }
  .main-footer .footer-area-container:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 37.5em) {
  .main-footer .footer-area-container {
    width: 100%;
    margin-top: 3rem;
    padding-right: 0;
  }
}
.main-footer .footer-area-container > * {
  margin-bottom: 3rem;
}
.main-footer .footer-area-container > *:last-child,
.main-footer .footer-area-container > * ul {
  margin-bottom: 0;
}
.main-footer .footer-area-container .footer-area--social {
  margin-bottom: 6rem;
}
.main-footer .footer-area-container .footer-area--social .youtube {
  vertical-align: middle;
  font-size: 2rem;
}
@media screen and (max-width: 37.5em) {
  .main-footer .footer-area-container .footer-area--social {
    margin-bottom: 3rem;
  }
}
.main-footer .footer-wrapper {
  position: relative;
  padding: 8rem 0;
  background-color: #3A3A3A;
}
.main-footer .footer-wrapper .js-to-top {
  position: absolute;
  right: 3rem;
  bottom: 8rem;
  font-size: 3.3rem;
  color: #77D893;
  cursor: pointer;
}

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

    Funktion      icon-burger bem module

*****************************************************************************/
/*
.icon-burger

Styleguide classes.icon-burger
*/
.icon-burger {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 3rem;
  border: 0 solid #77D893;
  border-width: 2.5px 0;
  transition: border 0.4s 0.4s, color 0.4s 0.4s;
  cursor: pointer;
}
.icon-burger::before, .icon-burger::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2.5px;
  background-color: #77D893;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.4s, background 0.4s;
}
.icon-burger--close {
  border: 0 solid transparent;
  transition-delay: 0s;
}
.icon-burger--close::before, .icon-burger--close::after {
  transition-delay: 0.4s;
}
.icon-burger--close::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.icon-burger--close::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

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

    Funktion      ce_text bem module

*****************************************************************************/
/*
.ce_text

Styleguide classes.ce_text
*/
.ce_text--tile {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20rem);
  transition: transform 0.8s, visibility 0s 0.8s, opacity 0.8s;
}
.ce_text--tile.in-view {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.8s 0.2s, visibility 0s, opacity 0.8s 0.2s;
}
@media screen and (max-width: 37.5em) {
  .ce_text--tile {
    margin-bottom: 0 !important;
  }
}
.ce_text--tile .float_left,
.ce_text--tile .float_right {
  float: none;
  margin: 0;
}
.ce_text--tile.float_left, .ce_text--tile.float_right {
  float: none;
  margin: 0 auto;
}
.ce_text--tile.float_left .ce_text--tile__content, .ce_text--tile.float_right .ce_text--tile__content {
  position: absolute;
  top: 8%;
  width: 100%;
  max-width: 61.9rem;
}
@media screen and (max-width: 56.25em) {
  .ce_text--tile.float_left .ce_text--tile__content, .ce_text--tile.float_right .ce_text--tile__content {
    top: 100%;
    transform: translateY(-6rem);
  }
}
@media screen and (max-width: 37.5em) {
  .ce_text--tile.float_left .ce_text--tile__content, .ce_text--tile.float_right .ce_text--tile__content {
    position: static;
    transform: none;
  }
}
.ce_text--tile.float_right .ce_text--tile__content {
  left: 0;
}
.ce_text--tile.float_left .ce_text--tile__content {
  right: 0;
}
.ce_text--tile .float_left {
  margin-right: 43.1rem;
}
@media screen and (max-width: 56.25em) {
  .ce_text--tile .float_left {
    margin-right: 25%;
  }
}
@media screen and (max-width: 37.5em) {
  .ce_text--tile .float_left {
    margin-right: 0;
  }
}
.ce_text--tile .float_right {
  margin-left: 43.1rem;
}
@media screen and (max-width: 56.25em) {
  .ce_text--tile .float_right {
    margin-left: 25%;
  }
}
@media screen and (max-width: 37.5em) {
  .ce_text--tile .float_right {
    margin-left: 0;
  }
}
.ce_text--tile__content {
  padding: 3rem;
}
.ce_text--tile__content.bg--green {
  color: #000;
}
.ce_text--tile .link {
  margin-bottom: 0;
  color: #FFF;
}
.ce_text--tile .image_container {
  overflow: hidden;
}
.ce_text--tile .image_container img {
  width: 100%;
  transform: scale(1);
  transition: transform 0.4s 0.4s;
}
.ce_text--tile:hover .image_container img {
  transform: scale(1.1);
  transition: transform 0.4s;
}

.ce_text ol,
.ce_text ul,
.text-container ol,
.text-container ul {
  display: table;
  list-style: none;
  width: 100%;
}
.ce_text li,
.text-container li {
  display: table-row;
}
.ce_text li::before,
.text-container li::before {
  content: "–";
  display: table-cell;
  width: 1px;
  padding-right: 0.3em;
}
.ce_text li::after,
.text-container li::after {
  content: "";
  display: block;
  margin-bottom: 0.4em;
}
.ce_text li ul,
.ce_text li ol,
.ce_text li li::after,
.text-container li ul,
.text-container li ol,
.text-container li li::after {
  margin-bottom: 0;
}
.ce_text ol,
.text-container ol {
  counter-reset: list-count;
}
.ce_text ol li::before,
.text-container ol li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
  text-align: right;
}
.ce_text a,
.text-container a {
  text-decoration: underline;
  color: #77D893;
  transition: color 0.3s;
}
.ce_text a:hover,
.text-container a:hover {
  text-decoration: none;
  color: #34b65a;
}

footer .ce_text a {
  text-decoration: none;
  color: #FFF;
}

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

    Funktion      l-double bem module

*****************************************************************************/
/*
.l-double

Styleguide classes.l-double
*/
.l-double {
  display: flex;
  align-items: flex-start;
  margin-right: -1.1rem;
  margin-left: -1.1rem;
}
.l-double--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 56.25em) {
  .l-double {
    flex-direction: column;
  }
}
.l-double--valign-center {
  align-items: center;
}
.l-double--valign-bottom {
  align-items: flex-end;
}
.l-double__header, .l-double__main {
  padding: 10rem 1.1rem;
}
@media screen and (max-width: 56.25em) {
  .l-double__header, .l-double__main {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
.l-double__header {
  flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
}
@media screen and (max-width: 81.25em) {
  .l-double__header {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}
@media screen and (max-width: 56.25em) {
  .l-double__header {
    flex: 0 0 auto;
    width: 100%;
  }
}
.l-double__image {
  text-align: center;
}
.l-double__main {
  flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
}
@media screen and (max-width: 81.25em) {
  .l-double__main {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}
@media screen and (max-width: 56.25em) {
  .l-double__main {
    width: 100%;
  }
}

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

    Funktion    article_gallery module

*****************************************************************************/
.article_gallery {
  overflow: hidden;
}

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

    Funktion      ce_accordion bem module

*****************************************************************************/
/*
.ce_accordion

Styleguide classes.ce_accordion
*/
.ce_accordion .toggler:focus {
  outline: none;
}
.ce_hyperlink a {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 0;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #A2A09F;
  transition: padding-left 0.4s;
  padding-left: 0.6rem;
}
.ce_hyperlink a::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "icons", Arial, sans-serif;
  transform: translateY(-50%) translatex(-100%);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .ce_hyperlink a::after {
    display: none;
  }
}
.ce_hyperlink a:hover {
  padding-left: 2rem;
  transition: padding-left 0.4s;
}
@media screen and (max-width: 56.25em) {
  .ce_hyperlink a:hover {
    padding-left: 0;
  }
}
.ce_hyperlink a:hover::after {
  transform: translateY(-47%) translatex(0);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .ce_hyperlink a {
    font-size: 1.2rem;
  }
}
.ce_hyperlink a.button {
  font-size: 1.5rem;
  letter-spacing: normal;
  text-transform: none;
  color: #FFF;
}
@media screen and (max-width: 56.25em) {
  .ce_hyperlink a.button {
    font-size: 1.2rem;
  }
}
.ce_hyperlink a.button:hover {
  padding-left: 4rem;
  color: #77D893;
}
@media screen and (max-width: 56.25em) {
  .ce_hyperlink a.button:hover {
    padding-left: 0.6rem;
  }
}
.ce_hyperlink a.button:hover::after {
  transform: translateY(-50%) translateX(100%);
}
.ce_hyperlink .column-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #FFF;
}
@media screen and (max-width: 37.5em) {
  .ce_hyperlink .column-2 {
    flex-direction: column;
    text-align: center;
  }
  .ce_hyperlink .column-2 .button {
    margin-top: 1rem;
  }
}
.ce_hyperlink .style-button {
  margin-bottom: 2rem;
}
.ce_hyperlink .style-button a {
  display: block;
  position: relative;
  padding: 4rem 4rem 4rem 2rem;
  border: 0.1rem solid #77D893;
  font-size: 1.8rem;
  letter-spacing: 0;
  text-transform: none;
  color: #000;
  background-color: #77D893;
  transition: all 0.4s 0.4s;
}
.ce_hyperlink .style-button a::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 46%;
  right: 3rem;
  left: auto;
  width: 1.5rem;
  height: 1.5rem;
  font-family: "icons", Arial, sans-serif;
  font-size: 2rem;
  transform: translateY(-50%);
}
.ce_hyperlink .style-button a:hover {
  color: #77D893;
  background-color: transparent;
  transition: all 0.4s;
}

.headline-wrapper .subtitle {
  display: block;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #3A3A3A;
}
@media screen and (max-width: 56.25em) {
  .headline-wrapper .subtitle {
    font-size: 1.2rem;
  }
}

.ce_downloads .download-element {
  margin-bottom: 2rem;
}
.ce_downloads .download-element:last-child {
  margin-bottom: 0;
}
.ce_downloads a {
  display: block;
  position: relative;
  padding: 4rem 4rem 4rem 2rem;
  border: 0.1rem solid #77D893;
  background-color: #77D893;
  transition: all 0.4s 0.4s;
}
.ce_downloads a::after {
  content: "\e960";
  display: block;
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 1.5rem;
  height: 1.5rem;
  font-family: "icons", Arial, sans-serif;
  font-size: 2rem;
  transform: translateY(-50%);
}
.ce_downloads a:hover {
  color: #77D893;
  background-color: transparent;
  transition: all 0.4s;
}

.ce_form label {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  font-size: 1.4rem;
  transition: top 0.2s, left 0.2s, font-size 0.2s;
}
.ce_form label.freeze, .ce_form label.focus {
  top: -1.2rem;
  left: 0;
  font-size: 1rem;
  transition: top 0.2s, left 0.2s, font-size 0.2s;
}
.ce_form button {
  margin-bottom: 0;
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  min-width: calc(16.6666666667% - 1.1rem);
  padding: 1rem;
  border: 1px solid #FFF;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
  border-color: #77D893;
  color: #77D893;
  transition: all 0.2s;
}
.ce_form button:hover {
  color: #FFF;
  background-color: #77D893;
  transition: all 0.2s;
}
.ce_form .widget {
  position: relative;
  margin-bottom: 2.5rem;
}
.ce_form .widget:last-child {
  margin-bottom: 0;
}
.ce_form .widget-submit {
  width: 20rem;
}
.ce_form .widget-text {
  display: inline-block;
  width: calc(50% - 1rem);
}
@media screen and (max-width: 37.5em) {
  .ce_form .widget-text {
    width: 100%;
  }
}
.ce_form .widget-text:nth-child(odd) {
  margin-right: 1.9rem;
}
.ce_form .widget-textarea {
  margin-bottom: 1rem;
}
.ce_form .widget-explanation {
  margin-bottom: 1rem;
}
.ce_form .widget-explanation .tiny {
  font-size: 1.2rem;
}
.ce_form .widget-captcha .captcha_text {
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 56.25em) {
  .ce_form .widget-captcha .captcha_text {
    font-size: 1.6rem;
  }
}
.ce_form input,
.ce_form textarea,
.ce_form select,
.ce_form button {
  width: 100%;
  margin-bottom: 0;
}
.ce_form .formbody {
  font-size: 0;
}

.ce_gallery li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1rem;
}

.rsce_iframe {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.rsce_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotation {
  font-family: "Cute Smile";
  font-size: 7.2rem;
  line-height: 0.85;
  position: absolute;
  right: 6%;
  bottom: 2rem;
  padding-right: 0;
  padding-left: 0;
  line-height: 0.8;
  text-align: center;
  color: #77D893;
}
@media screen and (max-width: 56.25em) {
  .annotation {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 56.25em) {
  .annotation {
    display: none;
  }
}
.annotation--content {
  transform: rotate(-20deg);
}
.annotation--arrow {
  margin-top: -2rem;
  margin-left: 85%;
}

.icon_tile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.icon_tile--item {
  width: calc(25% - 2.2rem);
  visibility: hidden;
  opacity: 0;
  transform: translateY(20rem);
  transition: transform 0.8s, visibility 0s 0.8s, opacity 0.8s;
}
.icon_tile--item.in-view {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.icon_tile--item.in-view:nth-child(4n+1) {
  transition: transform 0.8s 0.2s, visibility 0s, opacity 0.8s 0.2s;
}
.icon_tile--item.in-view:nth-child(4n+2) {
  transition: transform 0.8s 0.4s, visibility 0s, opacity 0.8s 0.4s;
}
.icon_tile--item.in-view:nth-child(4n+3) {
  transition: transform 0.8s 0.6s, visibility 0s, opacity 0.8s 0.6s;
}
.icon_tile--item.in-view:nth-child(4n+4) {
  transition: transform 0.8s 0.8s, visibility 0s, opacity 0.8s 0.8s;
}
@media screen and (max-width: 37.5em) {
  .icon_tile--item.in-view {
    transition: transform 0.8s, visibility 0s, opacity 0.8s !important;
  }
}
.icon_tile--item:hover .icon_tile--icon {
  font-size: 6rem;
  transition: font-size 0.4s;
}
@media screen and (max-width: 56.25em) {
  .icon_tile--item {
    width: calc(50% - 2.2rem);
    margin-bottom: 2.2rem;
  }
}
@media screen and (max-width: 37.5em) {
  .icon_tile--item {
    width: 100%;
  }
}
.icon_tile--icon {
  width: 12rem;
  height: 12rem;
  margin: 0 auto 5rem;
  border-radius: 50%;
  font-family: "icons", Arial, sans-serif;
  font-size: 5rem;
  text-align: center;
  color: #FFF;
  background-color: #77D893;
  transition: font-size 0.4s;
}
.icon_tile--icon .inner {
  display: table-cell;
  vertical-align: middle;
  width: 12rem;
  height: 12rem;
}

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

    Funktion      button bem module

*****************************************************************************/
/*
.button

Styleguide classes.button
*/
.button {
  display: inline-block;
  position: relative;
  min-width: 19.9rem;
  max-width: 100%;
  padding: 0.6rem;
  border: 1px solid #FFF;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  transition: color 0.3s, background 0.3s;
}
.button:hover {
  background-color: #FFF;
}
.button--align-left {
  text-align: left;
}
.button--align-right {
  text-align: right;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--underline {
  text-decoration: underline;
}
.button--block {
  display: block;
  width: auto;
}
.button--large {
  font-size: 1.3em;
}
.button--small {
  font-size: 0.8em;
}

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

    Funktion      inline-list bem module

*****************************************************************************/
/*
.inline-list

Styleguide classes.inline-list
*/
.inline-list {
  display: flex;
  margin: 0 -0.7rem;
}
.inline-list__item {
  margin: 0 0.7rem;
}

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

    Funktion      cookie-banner bem module

*****************************************************************************/
/*
.cookie-banner

Styleguide classes.cookie-banner
*/
.cookie-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #FFF;
  background-color: rgba(119, 216, 147, 0.8);
}
.cookie-banner__button {
  text-decoration: none;
}

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

    Funktion      input bem module

*****************************************************************************/
/*
.input

Styleguide classes.input
*/
.input {
  position: relative;
}
.input + .input {
  margin-top: 2rem;
}
.input__label {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
}
.input__label, .input__field {
  margin: 0;
}
.input__field {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
  display: block;
  width: 100%;
  border: 1px solid #000;
  background-color: #FFF;
  outline: none;
  transition: outline 0.3s, background 0.3s;
}
.input__field:focus {
  border-bottom: 0.1rem solid #34b65a;
  outline: none;
}
.input__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.js .input__label {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 1;
  transition: top, left, font-size, padding, color, opacity, transform;
  transition-duration: 0.2s;
}
.js .input__label--static {
  position: static;
}
.js .input__field:focus {
  outline: none;
}
.js .input--has-focus .input__label {
  opacity: 0.8;
}
.js .input--has-focus .input__label, .js .input--is-filled-out .input__label {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1.2em;
  font-size: 0.7em;
  color: inherit;
  transform: translateY(-100%);
}
.js .input--is-filled-out .input__label {
  padding-left: 0.2em;
  opacity: 1;
  transition-duration: 0.8s;
}
.js .input--is-filled-out .input__input {
  color: rbga(#000, 0.9);
}

@keyframes onAutoFillStart {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 1;
  }
}
@keyframes onAutoFillCancel {
  0% {
    opacity: 0.99;
  }
  100% {
    opacity: 1;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      slick bem module

*****************************************************************************/
/*
.slick

Styleguide classes.slick
*/
.slick-slider img {
  width: 100%;
}
.slick-slider a {
  outline: 0;
}
.slick-slide, .slick-slide * {
  outline: none;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

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

    Funktion      dlh_googlemap bem module

*****************************************************************************/
/*
.dlh_googlemap

Styleguide classes.dlh_googlemap
*/
.dlh_googlemap {
  width: 100%;
  height: 500px;
}

.slider_wrapper img {
  object-fit: cover;
}
.slider_wrapper img,
.slider_wrapper iframe {
  width: 100%;
}
.slider_wrapper img,
.slider_wrapper iframe,
.slider_wrapper .slick-track {
  min-height: 30rem;
}
.slider_wrapper .image_container {
  position: relative;
}
.slider_wrapper .image_container .caption {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 126rem;
  padding: 0 2rem;
  color: #FFF;
  transform: translate(-50%, -50%);
  font-size: 6.2rem;
  line-height: 1.2;
  text-align: center;
  text-shadow: black 1px 1px 10px;
}
@media screen and (max-width: 56.25em) {
  .slider_wrapper .image_container .caption {
    font-size: 4rem;
  }
}
.slider_wrapper .slick-prev, .slider_wrapper .slick-next {
  z-index: 1;
  width: 7.5rem;
  height: 7.5rem;
  transition: width 0.4s, height 0.4s;
}
@media screen and (max-width: 56.25em) {
  .slider_wrapper .slick-prev, .slider_wrapper .slick-next {
    top: 65%;
    width: 4.5rem;
    height: 4.5rem;
  }
}
.slider_wrapper .slick-prev::before, .slider_wrapper .slick-next::before {
  font-family: "icons", "slick", Arial, sans-serif;
  font-size: 7.5rem;
  color: #FFF;
  transition: font-size 0.4s;
}
@media screen and (max-width: 56.25em) {
  .slider_wrapper .slick-prev::before, .slider_wrapper .slick-next::before {
    font-size: 4.5rem;
  }
}
.slider_wrapper .slick-prev:hover, .slider_wrapper .slick-next:hover {
  width: 8.5rem;
  height: 8.5rem;
  transition: width 0.4s, height 0.4s;
}
@media screen and (max-width: 56.25em) {
  .slider_wrapper .slick-prev:hover, .slider_wrapper .slick-next:hover {
    width: 6rem;
    height: 6rem;
  }
}
.slider_wrapper .slick-prev:hover::before, .slider_wrapper .slick-next:hover::before {
  font-size: 8.5rem;
  transition: font-size 0.4s;
}
@media screen and (max-width: 56.25em) {
  .slider_wrapper .slick-prev:hover::before, .slider_wrapper .slick-next:hover::before {
    font-size: 6rem;
  }
}
.slider_wrapper .slick-next {
  right: 4rem;
}
.slider_wrapper .slick-next::before {
  content: "\ea42";
}
.slider_wrapper .slick-prev {
  left: 4rem;
}
.slider_wrapper .slick-prev::before {
  content: "\ea44";
}
.slider_wrapper .slick-slide > div {
  display: flex;
}
.slider_wrapper.tiny {
  height: 50vh;
}
.slider_wrapper.tiny img,
.slider_wrapper.tiny iframe,
.slider_wrapper.tiny .slick-track {
  height: 50vh;
}
.slider_wrapper.tiny img {
  object-position: top;
}
.slider_wrapper.tiny .slick-dots {
  bottom: 1.8rem;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
}
.slider_wrapper.tiny .slick-dots li {
  margin: 0 1rem;
}
.slider_wrapper.tiny .slick-dots button::before {
  color: #FFF;
}

.bg--green {
  background-color: #77D893;
}
.bg.mod_article {
  padding: 10rem 0;
}
.bg .subtitle {
  color: #FFF;
}

body.bg--green {
  background-color: transparent;
}

.spacer {
  margin: 0 auto;
  padding: 7rem 0;
  border: none;
}
@media screen and (max-width: 56.25em) {
  .spacer {
    padding: 3rem 0;
  }
}
.spacer.tiny {
  padding: 2rem 0;
}
@media screen and (max-width: 56.25em) {
  .spacer.tiny {
    padding: 1rem 0;
  }
}

.video_thumbnail {
  position: relative;
}
.video_thumbnail--video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.video_thumbnail--video iframe {
  width: 100%;
  height: 100%;
}
.video_thumbnail--content {
  position: absolute;
  top: auto;
  bottom: 5rem;
  left: 50%;
  color: #FFF;
  transform: translateX(-50%);
}
.video_thumbnail--content .inner {
  width: 50%;
}
@media screen and (max-width: 56.25em) {
  .video_thumbnail--content .inner {
    width: 100%;
  }
}
.video_thumbnail--content.centered {
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.video_thumbnail--content.centered .video_thumbnail--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 56.25em) {
  .video_thumbnail--content.centered .video_thumbnail--play {
    position: static;
    margin: 0 auto;
    margin-bottom: 2rem;
    transform: none;
  }
}
.video_thumbnail--content.centered .video_thumbnail--play img {
  height: auto !important;
}
.video_thumbnail--content.centered .inner {
  padding-right: 8rem;
  padding-left: 10.5rem;
}
@media screen and (max-width: 56.25em) {
  .video_thumbnail--content.centered .inner {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
.video_thumbnail--image {
  z-index: 1;
}
.video_thumbnail--image img {
  object-fit: cover;
  object-position: top;
}
.video_thumbnail--play {
  width: 15rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 37.5em) {
  .video_thumbnail--play {
    width: 7rem;
  }
}
.video_thumbnail--play img {
  min-height: auto;
  cursor: pointer;
}
.video_thumbnail--subtitle {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #77D893;
}
@media screen and (max-width: 56.25em) {
  .video_thumbnail--subtitle {
    font-size: 1.2rem;
  }
}
.video_thumbnail--headline {
  font-family: "Cute Smile";
  font-size: 7.2rem;
  line-height: 0.85;
}
@media screen and (max-width: 56.25em) {
  .video_thumbnail--headline {
    font-size: 5.6rem;
  }
}
.video_thumbnail--text {
  margin-bottom: 1rem;
}
.video_thumbnail.played .video_thumbnail--image,
.video_thumbnail.played .video_thumbnail--content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0s 0.4s;
}
.video_thumbnail.played .video_thumbnail--video {
  z-index: 1;
  transition: z-index 0s 0.4s;
}

.navigation-tile--wrapper {
  display: flex;
  display: grid;
  grid-auto-rows: minmax(4rem, auto);
  grid-gap: 4rem;
  grid-template-columns: repeat(12, 1fr);
  flex-wrap: wrap;
  max-width: 100%;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--wrapper {
    grid-gap: 2rem;
  }
}
@media screen and (max-width: 37.5em) {
  .navigation-tile--wrapper {
    display: block;
  }
}
.navigation-tile--item {
  display: flex;
  grid-row: span 4;
  flex: 1 0 20rem;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20rem);
  transition: transform 0.8s, visibility 0s 0.8s, opacity 0.8s;
}
.navigation-tile--item.in-view {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.navigation-tile--item.in-view:nth-child(4n+1) {
  transition: transform 0.8s 0.2s, visibility 0s, opacity 0.8s 0.2s;
}
.navigation-tile--item.in-view:nth-child(4n+2) {
  transition: transform 0.8s 0.4s, visibility 0s, opacity 0.8s 0.4s;
}
.navigation-tile--item.in-view:nth-child(4n+3) {
  transition: transform 0.8s 0.6s, visibility 0s, opacity 0.8s 0.6s;
}
.navigation-tile--item.in-view:nth-child(4n+4) {
  transition: transform 0.8s 0.8s, visibility 0s, opacity 0.8s 0.8s;
}
@media screen and (max-width: 37.5em) {
  .navigation-tile--item.in-view {
    transition: transform 0.8s, visibility 0s, opacity 0.8s !important;
  }
}
.navigation-tile--item img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.4s;
}
.navigation-tile--item:hover img {
  transform: scale(1.1);
  transition: transform 0.4s;
}
.navigation-tile--item:nth-child(10n+1) {
  grid-column: span 5;
  grid-row: span 1;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+1) {
    grid-column: span 6;
  }
}
.navigation-tile--item:nth-child(10n+1) img {
  height: 35rem;
}
.navigation-tile--item:nth-child(10n+1) .navigation-tile--image {
  order: 2;
}
.navigation-tile--item:nth-child(10n+2) {
  grid-column: 7/span 6;
  grid-row: span 2;
  margin-top: 8rem;
}
.navigation-tile--item:nth-child(10n+2) img {
  height: 36rem;
}
.navigation-tile--item:nth-child(10n+3) {
  grid-column: 1/span 4;
  grid-row: span 6;
  margin-top: 5rem;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+3) {
    grid-column: span 6;
  }
}
.navigation-tile--item:nth-child(10n+3) img {
  height: 68rem;
}
.navigation-tile--item:nth-child(10n+3) .navigation-tile--image {
  order: 2;
}
.navigation-tile--item:nth-child(10n+4) {
  grid-column: span 4;
  margin: -4rem 2rem 0;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+4) {
    grid-column: span 6;
    margin: 0;
  }
}
.navigation-tile--item:nth-child(10n+4) img {
  height: 49rem;
}
.navigation-tile--item:nth-child(10n+5) {
  grid-column: span 4;
  margin-top: -6rem;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+5) {
    grid-column: span 6;
    margin-top: 0;
  }
}
.navigation-tile--item:nth-child(10n+5) img {
  height: 53rem;
}
.navigation-tile--item:nth-child(10n+5) .navigation-tile--image {
  order: 2;
}
.navigation-tile--item:nth-child(10n+6) {
  grid-column: 1/span 5;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+6) {
    grid-column: span 6;
  }
}
.navigation-tile--item:nth-child(10n+6) img {
  height: 36rem;
}
.navigation-tile--item:nth-child(10n+6) .navigation-tile--image {
  order: 2;
}
.navigation-tile--item:nth-child(10n+7) {
  grid-column: 7/span 6;
  margin-top: -8rem;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+7) {
    grid-column: 7/span 6;
    margin-top: 0;
  }
}
.navigation-tile--item:nth-child(10n+7) img {
  height: 42rem;
}
.navigation-tile--item:nth-child(10n+8) {
  grid-column: span 6;
}
.navigation-tile--item:nth-child(10n+8) img {
  height: 39rem;
}
.navigation-tile--item:nth-child(10n+9) {
  grid-column: span 6;
}
.navigation-tile--item:nth-child(10n+9) img {
  height: 40rem;
}
.navigation-tile--item:nth-child(10n+10) {
  grid-column: span 6;
  margin-left: 11.6rem;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--item:nth-child(10n+10) {
    margin-left: 0;
  }
}
.navigation-tile--item:nth-child(10n+10) img {
  height: 35rem;
}
.navigation-tile--item:nth-child(10n+10) .navigation-tile--image {
  order: 2;
}
@media screen and (max-width: 37.5em) {
  .navigation-tile--item {
    margin: 0 0 2.2rem !important;
  }
  .navigation-tile--item img {
    height: auto !important;
  }
  .navigation-tile--item .navigation-tile--image {
    order: 2 !important;
  }
}
.navigation-tile--item.width-100 {
  grid-column: span 12;
  flex-direction: row;
  align-items: center;
}
.navigation-tile--item.width-100 .navigation-tile--image {
  order: 2;
  width: 93.4rem;
}
.navigation-tile--item.width-100 .navigation-tile--content {
  width: 32.6rem;
}
.navigation-tile--item.bg--green .navigation-tile--link {
  color: #FFF;
}
.navigation-tile--content {
  padding: 2.5rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--content {
    font-size: 1.4rem;
  }
}
.navigation-tile--content h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.navigation-tile--image {
  overflow: hidden;
  position: relative;
}
.navigation-tile--image a {
  position: absolute;
  inset: 0;
}
.navigation-tile--text {
  margin-bottom: 2rem;
}
.navigation-tile--link {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 0;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #A2A09F;
  transition: padding-left 0.4s;
}
.navigation-tile--link::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "icons", Arial, sans-serif;
  transform: translateY(-50%) translatex(-100%);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--link::after {
    display: none;
  }
}
.navigation-tile--link:hover {
  padding-left: 2rem;
  transition: padding-left 0.4s;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--link:hover {
    padding-left: 0;
  }
}
.navigation-tile--link:hover::after {
  transform: translateY(-47%) translatex(0);
  transition: transform 0.4s;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--link {
    font-size: 1.2rem;
  }
}
.navigation-tile--annotation {
  position: absolute;
  top: 50%;
  right: 0;
  color: #77D893;
  transform: translateX(calc(100% + 4rem));
  font-family: "Cute Smile";
  font-size: 7.2rem;
  line-height: 0.85;
}
@media screen and (max-width: 56.25em) {
  .navigation-tile--annotation {
    font-size: 5.6rem;
  }
}
.navigation-tile--annotation p {
  transform: rotate(13deg);
}
.navigation-tile--annotation i {
  margin-left: -2rem;
}

.navigation-button--item {
  margin-bottom: 2rem;
}
.navigation-button--item:last-child {
  margin-bottom: 0;
}
.navigation-button a {
  display: block;
  position: relative;
  padding: 4rem 4rem 4rem 2rem;
  border: 0.1rem solid #77D893;
  background-color: #77D893;
  transition: all 0.4s 0.4s;
}
.navigation-button a::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 46%;
  right: 3rem;
  width: 1.5rem;
  height: 1.5rem;
  font-family: "icons", Arial, sans-serif;
  font-size: 2rem;
  transform: translateY(-50%);
}
.navigation-button a:hover {
  color: #77D893;
  background-color: transparent;
  transition: all 0.4s;
}

.mod_breadcrumb .first {
  display: none;
}
.mod_breadcrumb li {
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  margin-right: 2rem;
  padding-right: 2rem;
  color: #A2A09F;
}
@media screen and (max-width: 56.25em) {
  .mod_breadcrumb li {
    font-size: 1.4rem;
  }
}
.mod_breadcrumb li::after {
  content: "\ea34";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  font-family: "icons", Arial, sans-serif;
  transform: translate(-50%, -50%);
}
.mod_breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.mod_breadcrumb li:last-child::after {
  display: none;
}

.mod_search input,
.mod_search button {
  width: 100%;
  margin-bottom: 0;
}
.mod_search button {
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-bottom: 0.1rem solid #77D893;
  border-radius: 0;
  font-size: 1.5rem;
  transition: color 0.4s, background 0.4s;
  min-width: calc(16.6666666667% - 1.1rem);
  padding: 1rem;
  border: 1px solid #FFF;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 0;
  border-color: #77D893;
  color: #77D893;
  transition: all 0.2s;
}
.mod_search button:hover {
  color: #FFF;
  background-color: #77D893;
  transition: all 0.2s;
}
.mod_search .widget {
  display: inline-block;
  vertical-align: bottom;
}
.mod_search .widget-text {
  width: 100%;
  padding-right: 17rem;
}
.mod_search .widget-submit {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 15rem;
}
.mod_search .formbody {
  position: relative;
  font-size: 0;
}
.mod_search > div.even, .mod_search > div.odd {
  margin-bottom: 1rem;
  padding: 2rem;
  background-color: #69D381;
}
.mod_search > div.even h3, .mod_search > div.odd h3 {
  margin-top: 0;
  color: #FFF;
}

@media screen and (max-width: 56.25em) {
  .mod_mmenu {
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #3A3A3A;
    font-size: 1.5rem !important;
  }
}
@media screen and (max-width: 56.25em) and (max-width: 81.25em) {
  .mod_mmenu {
    font-size: 1.2rem;
  }
}
.mod_mmenu .mm-panel {
  background-color: #77D893;
}
.mod_mmenu .mm-navbar {
  display: none;
}
.mod_mmenu .mm-listitem {
  border: none;
}
.mod_mmenu .mm-listitem__text {
  padding: 2rem;
}
.mod_mmenu .mm-listitem__title {
  padding-top: 10px;
}
.mod_mmenu .mm-listitem::after {
  display: none;
}

.eapps-instagram-feed-title-container {
  display: none;
}
.eapps-instagram-feed .eapps-instagram-feed-posts-view {
  justify-content: center;
}

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

    Funktion      t-hover bem module

*****************************************************************************/
/*
.t-hover

Styleguide classes.t-hover
*/
.t-hover {
  position: relative;
}
.t-hover__content {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  text-align: center;
  color: #FFF;
  background-color: rgba(119, 216, 147, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s, visibility 0s 0.8s;
}
.t-hover__content > * {
  margin-right: auto;
  margin-left: auto;
}
.t-hover__content > :last-child {
  margin-bottom: 0;
}
.t-hover:hover .t-hover__content {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.8s, 0s;
  transition-delay: 0s;
}

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

    Funktion      featherlight bem module

*****************************************************************************/
/*
.featherlight

Styleguide classes.featherlight
*/

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