/**
 * 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: #327c00;
  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: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/files/template/src/fonts/roboto-v18-latin-300.woff2") format("woff2"), url("/files/template/src/fonts/roboto-v18-latin-300.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/src/fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("/files/template/src/fonts/roboto-v18-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/files/template/src/fonts/roboto-v18-latin-700.woff2") format("woff2"), url("/files/template/src/fonts/roboto-v18-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-regular.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-300italic.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-300italic.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-italic.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-700.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-700italic.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-700italic.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  src: url("/files/template/src/fonts/ubuntu-v11-latin-300.woff2") format("woff2"), url("/files/template/src/fonts/ubuntu-v11-latin-300.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?z72xnl") format("truetype"), url("/files/template/libs/icons/fonts/icons.woff?z72xnl") format("woff"), url("/files/template/libs/icons/fonts/icons.svg?z72xnl#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: 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% - 2rem * (0)) / 1 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-2-1 {
  width: calc(((100% - 2rem * (1)) / 2 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-2-2 {
  width: calc(((100% - 2rem * (1)) / 2 * (2) + 2rem * 1) - 0.01px);
}
.rs-column.-large-col-3-1 {
  width: calc(((100% - 2rem * (2)) / 3 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-3-2 {
  width: calc(((100% - 2rem * (2)) / 3 * (2) + 2rem * 1) - 0.01px);
}
.rs-column.-large-col-3-3 {
  width: calc(((100% - 2rem * (2)) / 3 * (3) + 2rem * 2) - 0.01px);
}
.rs-column.-large-col-4-1 {
  width: calc(((100% - 2rem * (3)) / 4 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-4-2 {
  width: calc(((100% - 2rem * (3)) / 4 * (2) + 2rem * 1) - 0.01px);
}
.rs-column.-large-col-4-3 {
  width: calc(((100% - 2rem * (3)) / 4 * (3) + 2rem * 2) - 0.01px);
}
.rs-column.-large-col-4-4 {
  width: calc(((100% - 2rem * (3)) / 4 * (4) + 2rem * 3) - 0.01px);
}
.rs-column.-large-col-5-1 {
  width: calc(((100% - 2rem * (4)) / 5 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-5-2 {
  width: calc(((100% - 2rem * (4)) / 5 * (2) + 2rem * 1) - 0.01px);
}
.rs-column.-large-col-5-3 {
  width: calc(((100% - 2rem * (4)) / 5 * (3) + 2rem * 2) - 0.01px);
}
.rs-column.-large-col-5-4 {
  width: calc(((100% - 2rem * (4)) / 5 * (4) + 2rem * 3) - 0.01px);
}
.rs-column.-large-col-5-5 {
  width: calc(((100% - 2rem * (4)) / 5 * (5) + 2rem * 4) - 0.01px);
}
.rs-column.-large-col-6-1 {
  width: calc(((100% - 2rem * (5)) / 6 * (1) + 2rem * 0) - 0.01px);
}
.rs-column.-large-col-6-2 {
  width: calc(((100% - 2rem * (5)) / 6 * (2) + 2rem * 1) - 0.01px);
}
.rs-column.-large-col-6-3 {
  width: calc(((100% - 2rem * (5)) / 6 * (3) + 2rem * 2) - 0.01px);
}
.rs-column.-large-col-6-4 {
  width: calc(((100% - 2rem * (5)) / 6 * (4) + 2rem * 3) - 0.01px);
}
.rs-column.-large-col-6-5 {
  width: calc(((100% - 2rem * (5)) / 6 * (5) + 2rem * 4) - 0.01px);
}
.rs-column.-large-col-6-6 {
  width: calc(((100% - 2rem * (5)) / 6 * (6) + 2rem * 5) - 0.01px);
}
@media screen and (max-width: 56.25em) {
  .rs-column {
    margin-top: 2rem;
    margin-right: 2rem;
    /* stylelint-disable selector-class-pattern */
    /* stylelint-enable selector-class-pattern */
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 2rem;
  }
  .rs-column.-large-first-row {
    margin-top: 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% - 2rem * (0)) / 1 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-2-1 {
    width: calc(((100% - 2rem * (1)) / 2 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-2-2 {
    width: calc(((100% - 2rem * (1)) / 2 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-3-1 {
    width: calc(((100% - 2rem * (2)) / 3 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-3-2 {
    width: calc(((100% - 2rem * (2)) / 3 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-3-3 {
    width: calc(((100% - 2rem * (2)) / 3 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-4-1 {
    width: calc(((100% - 2rem * (3)) / 4 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-4-2 {
    width: calc(((100% - 2rem * (3)) / 4 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-4-3 {
    width: calc(((100% - 2rem * (3)) / 4 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-4-4 {
    width: calc(((100% - 2rem * (3)) / 4 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-5-1 {
    width: calc(((100% - 2rem * (4)) / 5 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-5-2 {
    width: calc(((100% - 2rem * (4)) / 5 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-5-3 {
    width: calc(((100% - 2rem * (4)) / 5 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-5-4 {
    width: calc(((100% - 2rem * (4)) / 5 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-5-5 {
    width: calc(((100% - 2rem * (4)) / 5 * (5) + 2rem * 4) - 0.01px);
  }
  .rs-column.-medium-col-6-1 {
    width: calc(((100% - 2rem * (5)) / 6 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-medium-col-6-2 {
    width: calc(((100% - 2rem * (5)) / 6 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-medium-col-6-3 {
    width: calc(((100% - 2rem * (5)) / 6 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-medium-col-6-4 {
    width: calc(((100% - 2rem * (5)) / 6 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-medium-col-6-5 {
    width: calc(((100% - 2rem * (5)) / 6 * (5) + 2rem * 4) - 0.01px);
  }
  .rs-column.-medium-col-6-6 {
    width: calc(((100% - 2rem * (5)) / 6 * (6) + 2rem * 5) - 0.01px);
  }
}
@media screen and (max-width: 37.5em) {
  .rs-column {
    margin-right: 2rem;
    /* stylelint-disable selector-class-pattern */
    /* stylelint-enable selector-class-pattern */
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 2rem;
  }
  .rs-column.-medium-first-row {
    margin-top: 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% - 2rem * (0)) / 1 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-2-1 {
    width: calc(((100% - 2rem * (1)) / 2 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-2-2 {
    width: calc(((100% - 2rem * (1)) / 2 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-3-1 {
    width: calc(((100% - 2rem * (2)) / 3 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-3-2 {
    width: calc(((100% - 2rem * (2)) / 3 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-3-3 {
    width: calc(((100% - 2rem * (2)) / 3 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-4-1 {
    width: calc(((100% - 2rem * (3)) / 4 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-4-2 {
    width: calc(((100% - 2rem * (3)) / 4 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-4-3 {
    width: calc(((100% - 2rem * (3)) / 4 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-4-4 {
    width: calc(((100% - 2rem * (3)) / 4 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-5-1 {
    width: calc(((100% - 2rem * (4)) / 5 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-5-2 {
    width: calc(((100% - 2rem * (4)) / 5 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-5-3 {
    width: calc(((100% - 2rem * (4)) / 5 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-5-4 {
    width: calc(((100% - 2rem * (4)) / 5 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-5-5 {
    width: calc(((100% - 2rem * (4)) / 5 * (5) + 2rem * 4) - 0.01px);
  }
  .rs-column.-small-col-6-1 {
    width: calc(((100% - 2rem * (5)) / 6 * (1) + 2rem * 0) - 0.01px);
  }
  .rs-column.-small-col-6-2 {
    width: calc(((100% - 2rem * (5)) / 6 * (2) + 2rem * 1) - 0.01px);
  }
  .rs-column.-small-col-6-3 {
    width: calc(((100% - 2rem * (5)) / 6 * (3) + 2rem * 2) - 0.01px);
  }
  .rs-column.-small-col-6-4 {
    width: calc(((100% - 2rem * (5)) / 6 * (4) + 2rem * 3) - 0.01px);
  }
  .rs-column.-small-col-6-5 {
    width: calc(((100% - 2rem * (5)) / 6 * (5) + 2rem * 4) - 0.01px);
  }
  .rs-column.-small-col-6-6 {
    width: calc(((100% - 2rem * (5)) / 6 * (6) + 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 * 2rem)) / 1 - 0.01px);
  margin-right: calc(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 * 2rem)) / 2 - 0.01px);
  margin-right: calc(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 * 2rem)) / 3 - 0.01px);
  margin-right: calc(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 * 2rem)) / 4 - 0.01px);
  margin-right: calc(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 * 2rem)) / 5 - 0.01px);
  margin-right: calc(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 * 2rem)) / 6 - 0.01px);
  margin-right: calc(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 * 2rem) / 12 * 0 + 0 * 2rem
            );
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.push-right-11 {
  margin-right: calc(
                (100% - 11 * 2rem) / 12 * 11 + 11 * 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 * 2rem)) / 1 - 0.01px);
    margin-right: calc(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 * 2rem)) / 2 - 0.01px);
    margin-right: calc(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 * 2rem)) / 3 - 0.01px);
    margin-right: calc(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 * 2rem)) / 4 - 0.01px);
    margin-right: calc(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 * 2rem)) / 5 - 0.01px);
    margin-right: calc(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 * 2rem)) / 6 - 0.01px);
    margin-right: calc(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 * 2rem) / 12 * 0 + 0 * 2rem
            );
  }
  .push-right-medium-0 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 0 + 0 * 2rem
            );
  }
  .push-left-medium-1 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 1 + 1 * 2rem
            );
  }
  .push-right-medium-1 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 1 + 1 * 2rem
            );
  }
  .push-left-medium-2 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 2 + 2 * 2rem
            );
  }
  .push-right-medium-2 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 2 + 2 * 2rem
            );
  }
  .push-left-medium-3 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 3 + 3 * 2rem
            );
  }
  .push-right-medium-3 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 3 + 3 * 2rem
            );
  }
  .push-left-medium-4 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 4 + 4 * 2rem
            );
  }
  .push-right-medium-4 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 4 + 4 * 2rem
            );
  }
  .push-left-medium-5 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 5 + 5 * 2rem
            );
  }
  .push-right-medium-5 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 5 + 5 * 2rem
            );
  }
  .push-left-medium-6 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 6 + 6 * 2rem
            );
  }
  .push-right-medium-6 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 6 + 6 * 2rem
            );
  }
  .push-left-medium-7 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 7 + 7 * 2rem
            );
  }
  .push-right-medium-7 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 7 + 7 * 2rem
            );
  }
  .push-left-medium-8 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 8 + 8 * 2rem
            );
  }
  .push-right-medium-8 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 8 + 8 * 2rem
            );
  }
  .push-left-medium-9 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 9 + 9 * 2rem
            );
  }
  .push-right-medium-9 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 9 + 9 * 2rem
            );
  }
  .push-left-medium-10 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 10 + 10 * 2rem
            );
  }
  .push-right-medium-10 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 10 + 10 * 2rem
            );
  }
  .push-left-medium-11 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 11 + 11 * 2rem
            );
  }
  .push-right-medium-11 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 11 + 11 * 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 * 2rem)) / 1 - 0.01px);
    margin-right: calc(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 * 2rem)) / 2 - 0.01px);
    margin-right: calc(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 * 2rem)) / 3 - 0.01px);
    margin-right: calc(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 * 2rem)) / 4 - 0.01px);
    margin-right: calc(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 * 2rem)) / 5 - 0.01px);
    margin-right: calc(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 * 2rem)) / 6 - 0.01px);
    margin-right: calc(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 * 2rem) / 12 * 0 + 0 * 2rem
            );
  }
  .push-right-small-0 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 0 + 0 * 2rem
            );
  }
  .push-left-small-1 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 1 + 1 * 2rem
            );
  }
  .push-right-small-1 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 1 + 1 * 2rem
            );
  }
  .push-left-small-2 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 2 + 2 * 2rem
            );
  }
  .push-right-small-2 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 2 + 2 * 2rem
            );
  }
  .push-left-small-3 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 3 + 3 * 2rem
            );
  }
  .push-right-small-3 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 3 + 3 * 2rem
            );
  }
  .push-left-small-4 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 4 + 4 * 2rem
            );
  }
  .push-right-small-4 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 4 + 4 * 2rem
            );
  }
  .push-left-small-5 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 5 + 5 * 2rem
            );
  }
  .push-right-small-5 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 5 + 5 * 2rem
            );
  }
  .push-left-small-6 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 6 + 6 * 2rem
            );
  }
  .push-right-small-6 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 6 + 6 * 2rem
            );
  }
  .push-left-small-7 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 7 + 7 * 2rem
            );
  }
  .push-right-small-7 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 7 + 7 * 2rem
            );
  }
  .push-left-small-8 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 8 + 8 * 2rem
            );
  }
  .push-right-small-8 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 8 + 8 * 2rem
            );
  }
  .push-left-small-9 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 9 + 9 * 2rem
            );
  }
  .push-right-small-9 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 9 + 9 * 2rem
            );
  }
  .push-left-small-10 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 10 + 10 * 2rem
            );
  }
  .push-right-small-10 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 10 + 10 * 2rem
            );
  }
  .push-left-small-11 {
    margin-left: calc(
                (100% - 11 * 2rem) / 12 * 11 + 11 * 2rem
            );
  }
  .push-right-small-11 {
    margin-right: calc(
                (100% - 11 * 2rem) / 12 * 11 + 11 * 2rem
            );
  }
}
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      cols bem module

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

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

.cols {
  display: grid;
  grid-gap: 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: "Ubuntu";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #000;
}
@media screen and (max-width: 37.5em) {
  body {
    font-size: 1.4rem;
  }
}

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

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

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;
  height: auto;
  max-width: 100%;
}

label {
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
}

input,
select,
textarea {
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
}
input:focus,
select:focus,
textarea:focus {
  color: #a6a6a6;
  background-color: #f2f2f2;
}

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

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(72, 177, 0, 0.8);
}

::selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(72, 177, 0, 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: 120rem;
  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: 100rem;
}
.base-width--outset-width, .main .mod_article > *.outset-width {
  width: calc(100% - 2 * 1rem);
  max-width: 140rem;
}

/**
 * Header
 */
.main-header {
  position: relative;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 1.5rem 0;
  background-color: #f2f2f2;
}
.main-header .progress-wrapper {
  top: 100%;
}
.main-header .progress {
  background-color: #48B100;
}

.header-wrapper {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header-wrapper ul {
  margin-bottom: 0;
}
.header-wrapper form {
  margin-bottom: 0;
}
.header-wrapper .logo img {
  width: 250px;
}
.header-wrapper .line {
  background-color: #48B100;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .menu {
    display: none;
  }
}
.header-wrapper .menu > ul > li {
  display: inline-block;
}
.header-wrapper .menu ul a,
.header-wrapper .menu ul strong {
  display: block;
  padding: 0.6em;
  color: inherit;
}
.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 .hamburger {
  display: none;
}
@media screen and (max-width: 81.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.2rem;
}

/**
 * Main content
 */
/**
 * Footer
 */
.main-footer {
  padding: 1.5rem 0;
  background-color: #f2f2f2;
}
.main-footer .footer-area--social ul li {
  display: inline-block;
}
.main-footer .footer-area--social ul img {
  width: 35px;
}

/* **************************************************************************
 *  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 #48B100;
  border-width: 4px 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: 4px;
  background-color: #48B100;
  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 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: #48B100;
  transition: color 0.3s;
}
.ce_text a:hover,
.text-container a:hover {
  text-decoration: none;
  color: #327c00;
}

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

    Funktion      l-double bem module

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

Styleguide classes.l-double
*/
.l-double {
  display: flex;
  align-items: flex-start;
  margin-right: -1rem;
  margin-left: -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 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;
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      button bem module

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

Styleguide classes.button
*/
.button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 0.6em 1em 0.4em;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background-color: #48B100;
  transition: color 0.3s, background 0.3s;
}
.button:hover {
  background-color: #327c00;
}
.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: 1.6rem;
  padding-bottom: 1.6rem;
  color: #FFF;
  background-color: rgba(72, 177, 0, 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: 1.6rem;
}
.input__label {
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
}
.input__label, .input__field {
  margin: 0;
}
.input__field {
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  border: 1px solid transparent;
  border-radius: 0;
  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 {
  color: #a6a6a6;
  background-color: #f2f2f2;
}
.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;
}

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

    Funktion      dlh_googlemap bem module

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

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

/* **************************************************************************
 *  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(72, 177, 0, 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*/