/**
 * 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: "Heebo";
  font-style: normal;
  font-weight: 300;
  src: url("/files/template/src/fonts/Heebo-Light.woff2") format("woff2"), url("/files/template/src/fonts/Heebo-Light.woff") format("woff");
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/src/fonts/Heebo-Regular.woff2") format("woff2"), url("/files/template/src/fonts/Heebo-Regular.woff") format("woff");
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 500;
  src: url("/files/template/src/fonts/Heebo-Medium.woff2") format("woff2"), url("/files/template/src/fonts/Heebo-Medium.woff") format("woff");
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 700;
  src: url("/files/template/src/fonts/Heebo-Bold.woff2") format("woff2"), url("/files/template/src/fonts/Heebo-Bold.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  src: url("/files/template/src/fonts/Barlow-ExtraLight.woff2") format("woff2"), url("/files/template/src/fonts/Barlow-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  src: url("/files/template/src/fonts/Barlow-ExtraLightItalic.woff") format("woff2"), url("/files/template/src/fonts/Barlow-ExtraLightItalic.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  src: url("/files/template/src/fonts/Barlow-Light.woff2") format("woff2"), url("/files/template/src/fonts/Barlow-Light.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  src: url("/files/template/src/fonts/Barlow-LightItalic.woff") format("woff2"), url("/files/template/src/fonts/Barlow-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url("/files/template/src/fonts/Barlow-SemiBold.woff2") format("woff2"), url("/files/template/src/fonts/Barlow-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  src: url("/files/template/src/fonts/Barlow-SemiBoldItalic.woff") format("woff2"), url("/files/template/src/fonts/Barlow-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  src: url("/files/template/libs/icomoon/fonts/icons.woff") format("woff"), url("/files/template/libs/icomoon/fonts/icons.ttf") format("truetype");
}
/****************************************************************************
 *	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/icomoon/fonts/icons.ttf?xf5k3l") format("truetype"), url("/files/template/libs/icomoon/fonts/icons.woff?xf5k3l") format("woff"), url("/files/template/libs/icomoon/fonts/icons.svg?xf5k3l#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--arrow-top-right:before {
  content: "\eaf4";
}

.icon--book1:before {
  content: "\eaec";
}

.icon--fingerprint:before {
  content: "\eaed";
}

.icon--alarm1:before {
  content: "\eaee";
}

.icon--seatbelt:before {
  content: "\eaef";
}

.icon--policecar:before {
  content: "\eaf0";
}

.icon--heart1:before {
  content: "\eaf1";
}

.icon--scale:before {
  content: "\eaf2";
}

.icon--eyescann:before {
  content: "\eaf3";
}

.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--globe:before {
  content: "\e9c9";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Funktion      helper includes

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

    Funktion      is-int mixin

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

    Funktion    mixin selection

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

    Funktion    mixin clearfix

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

    Funktion    mixin input

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

    Funktion      mixins color-scheme bem module

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

    Funktion    Basic font mixins. Just for inheritable values.

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

    Funktion    mixins media queries

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

    Funktion    mixin media helper

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

    Funktion    rocksolid columns overwrite

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

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

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

    Funktion      Rocksolid Grid alternative with custom gutter width

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push-right-medium-11 {
    margin-right: calc(
                (100% - 11 * 2.3rem) / 12 * 11 + 11 * 2.3rem
            );
  }
}
@media screen and (max-width: 37.5em) {
  .columns-small-1 > * {
    float: left;
  }
  .columns-small-1 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (0 * 2.3rem)) / 1 - 0.01px);
    margin-right: calc(2.3rem);
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    clear: left;
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    margin-right: 0;
  }
  .columns-small-1:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-1::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push-right-small-11 {
    margin-right: calc(
                (100% - 11 * 2.3rem) / 12 * 11 + 11 * 2.3rem
            );
  }
}
/****************************************************************************
 *  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: -4rem !important;
}
@media screen and (max-width: 81.25em) {
  .remove-margin-top-desktop-small {
    margin-top: -4rem !important;
  }
}
@media screen and (max-width: 56.25em) {
  .remove-margin-top-tablet {
    margin-top: -4rem !important;
  }
}
@media screen and (max-width: 37.5em) {
  .remove-margin-top-mobile {
    margin-top: -4rem !important;
  }
}

.add-margin-top {
  margin-top: 7rem;
}
@media screen and (max-width: 81.25em) {
  .add-margin-top-desktop-small {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 56.25em) {
  .add-margin-top-tablet {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 37.5em) {
  .add-margin-top-mobile {
    margin-top: 7rem;
  }
}

.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;
  }
}

.add-margin-bottom {
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 81.25em) {
  .add-margin-bottom-desktop-small {
    margin-bottom: 5rem !important;
  }
}
@media screen and (max-width: 56.25em) {
  .add-margin-bottom-tablet {
    margin-bottom: 5rem !important;
  }
}
@media screen and (max-width: 37.5em) {
  .add-margin-bottom-mobile {
    margin-bottom: 5rem !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: "Barlow";
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.01em;
  overflow-y: scroll;
  color: #000;
}
@media screen and (max-width: 56.25em) {
  body {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
body.overflow-hidden {
  overflow: hidden;
  height: 100vh;
}

a {
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
  cursor: pointer;
}
a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #000;
  transition: left 0.2s, width 0.2s;
}
a:hover::after {
  left: 50%;
  width: 0;
  transition: left 0.2s, width 0.2s;
}
a.hyperlink_img::after {
  display: none;
}

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

p {
  margin-bottom: 2rem;
}

h1,
.h1 {
  margin-top: 0;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.3;
}
@media screen and (max-width: 56.25em) {
  h1,
.h1 {
    margin-bottom: 5rem;
  }
}

h2,
.h2 {
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}
@media screen and (max-width: 56.25em) {
  h2,
.h2 {
    margin-bottom: 2rem;
  }
}

h3,
.h3 {
  font-size: 1.8rem;
  line-height: 1.2;
}

h4,
.h4 {
  font-size: 1.8rem;
}

h5,
.h5 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.8rem;
}

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;
  margin-bottom: 4rem;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #000;
}

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

label {
  position: absolute;
  top: 0.1rem;
  left: 0;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  transition: padding 0.2s, font-size 0.2s, top 0.2s;
}
@media screen and (max-width: 56.25em) {
  label {
    top: 0.4rem;
    font-size: 1.4rem;
  }
}
label.freeze, label.focus {
  top: -1rem;
  padding: 0 1rem;
  font-size: 1.2rem;
  transition: padding 0.2s, font-size 0.2s, top 0.2s;
}
@media screen and (max-width: 56.25em) {
  label.freeze, label.focus {
    top: -0.8rem;
  }
}

input,
select,
textarea {
  width: 100%;
  padding: 1.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #F0F0F0;
  -webkit-appearance: none;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #F0F0F0;
  background-color: #FFF;
  outline: none;
}

input[type=button], input[type=submit] {
  display: inline-block;
  padding: 1.5rem;
  border: 1px solid transparent;
  font-size: 2.2rem;
  text-align: center;
  color: #FFF;
  background-color: #0B2A4A;
  transition: all 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 56.25em) {
  input[type=button], input[type=submit] {
    padding: 1rem;
    font-size: 1.5rem;
  }
}
input[type=button]:hover, input[type=submit]:hover {
  border: 1px solid #0B2A4A;
  color: #0B2A4A;
  background-color: transparent;
  transition: all 0.4s;
}

textarea {
  vertical-align: middle;
}

button,
input[type=submit],
input[type=button] {
  display: inline-block;
  padding: 1.5rem;
  border: 1px solid transparent;
  font-size: 2.2rem;
  text-align: center;
  color: #FFF;
  background-color: #0B2A4A;
  transition: all 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 56.25em) {
  button,
input[type=submit],
input[type=button] {
    padding: 1rem;
    font-size: 1.5rem;
  }
}
button:hover,
input[type=submit]:hover,
input[type=button]:hover {
  border: 1px solid #0B2A4A;
  color: #0B2A4A;
  background-color: transparent;
  transition: all 0.4s;
}

.ce_table {
  overflow-x: auto;
}

table {
  width: 100%;
  font-size: inherit;
}
table .button {
  display: block;
  width: max-content;
  padding: 1rem;
  color: #FFF;
  background-color: #0B2A4A;
}
table .button::after {
  display: none;
}
table .button::before {
  display: none;
}
table td,
table th {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  font-weight: 300;
}
table p {
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  table tr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
table tr > *:nth-child(1) {
  width: 20%;
}
@media screen and (max-width: 56.25em) {
  table tr > *:nth-child(1) {
    order: 2;
    padding-bottom: 1rem;
  }
}
table tr > *:nth-child(2) {
  width: 15%;
}
@media screen and (max-width: 56.25em) {
  table tr > *:nth-child(2) {
    order: 1;
  }
}
table tr > *:nth-child(3) {
  width: 20%;
}
@media screen and (max-width: 56.25em) {
  table tr > *:nth-child(3) {
    order: 3;
    padding-top: 1.5rem;
    font-weight: 300;
  }
}
@media screen and (max-width: 56.25em) {
  table tr td,
table tr th {
    display: block;
    width: 100% !important;
  }
}
@media screen and (max-width: 56.25em) {
  table thead {
    display: none;
  }
}
table thead th,
table thead td {
  font-size: 2rem;
  font-weight: 300;
  color: #FFF;
  background-color: #666;
}
table tbody tr:nth-child(odd) {
  background-color: #F0F0F0;
}
table tbody td {
  padding-bottom: 4rem;
}
@media screen and (max-width: 56.25em) {
  table tbody td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(11, 42, 74, 0.6);
}

::selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(11, 42, 74, 0.6);
}

/**
 * base structure
 */
.main-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 2.9rem);
  padding-left: 34.4833333333rem;
}
.main-wrapper > * {
  flex: 0 0 auto;
}
.main-wrapper > .main-container {
  position: relative;
  flex: 1 0 auto;
}

.base-width, .main .mod_article > * {
  width: 98%;
  width: calc(100% - 2 * 2rem);
  max-width: 100rem;
  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;
}

/**
 * Main content
 */
.w-100 {
  width: 100% !important;
}

@media screen and (max-width: 81.25em) {
  main > .inside {
    margin-top: 4rem;
  }
}
.mod_article {
  margin-bottom: 12rem;
}
.mod_article > * {
  visibility: hidden;
  opacity: 0;
  transform: translateY(15rem);
  transition: visibility 0s 0.8s, opacity 0.8s, transform 0.8s;
}
.mod_article.in-view > * {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: visibility 0s, opacity 0.8s, transform 0.8s;
}
@media screen and (max-width: 56.25em) {
  .mod_article {
    margin-bottom: 9rem;
  }
}
.mod_article:last-child {
  margin-bottom: 0;
}

.mod_newslist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mod_newslist > * {
  position: relative;
  width: calc(50% - 1.15rem);
  margin-bottom: 2.3rem;
  box-shadow: none;
  transition: box-shadow 0.4s;
}
@media screen and (max-width: 81.25em) {
  .mod_newslist > * {
    width: 100%;
  }
}
.mod_newslist > * > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mod_newslist > *:hover {
  box-shadow: 6px 6px 16px 0 #C6C6C6;
  transition: box-shadow 0.4s;
}
.mod_newslist > *:hover .content {
  color: #FFF;
  background-color: #0B2A4A;
  transition: color 0.4s, background-color 0.4s;
}
.mod_newslist > *:hover i {
  font-weight: 300;
  transition: font-weight 0.4s;
}
.mod_newslist .content {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 22rem;
  padding: 1rem 2.5rem 1.5rem;
  background-color: #F0F0F0;
  transition: color 0.4s, background-color 0.4s;
}
.mod_newslist .content .title {
  margin-bottom: 1rem;
}
@media screen and (max-width: 56.25em) {
  .mod_newslist .content {
    min-height: 18rem;
    padding: 1.5rem;
    padding-bottom: 1rem;
  }
}
.mod_newslist .content .location {
  padding-right: 4rem;
}
.mod_newslist .content .location p {
  margin-bottom: 0;
}
.mod_newslist .teaser {
  margin-bottom: 0;
}
.mod_newslist h2 {
  margin-bottom: 0;
}
.mod_newslist img {
  width: 100%;
  object-fit: cover;
}
.mod_newslist i {
  position: absolute;
  right: 2.5rem;
  bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: 300;
  transition: font-weight 0.4s;
}
@media screen and (max-width: 56.25em) {
  .mod_newslist i {
    font-size: 2rem;
  }
}
.mod_newslist figcaption {
  display: none;
}
.mod_newslist a::after {
  display: none;
}
.mod_newslist a::before {
  display: none;
}

.mod_newsreader {
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.mod_newsreader .layout_full {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader .layout_full {
    flex-direction: column;
  }
}
.mod_newsreader .content-wrapper {
  width: calc(58.3333333333% - 1.15rem);
  padding-right: 4rem;
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader .content-wrapper {
    width: 100%;
    margin-bottom: 4rem;
    padding-right: 0;
  }
}
.mod_newsreader .side-wrapper {
  width: calc(41.6666666667% - 1.15rem);
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader .side-wrapper {
    width: 100%;
  }
}
.mod_newsreader .side-wrapper a {
  pointer-events: none;
}
.mod_newsreader .side-wrapper a::after {
  display: none;
}
.mod_newsreader .side-wrapper a::before {
  display: none;
}
.mod_newsreader .side-wrapper img {
  width: 100%;
  object-fit: cover;
}
.mod_newsreader .content {
  padding: 3.5rem;
  background-color: #F0F0F0;
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader .content {
    padding: 1.5rem;
  }
}
.mod_newsreader .content > * {
  margin-bottom: 2rem;
}
.mod_newsreader .content > *:last-child {
  margin-bottom: 0;
}
.mod_newsreader h5 {
  margin-bottom: 0;
}
.mod_newsreader .back {
  position: absolute;
  top: -12rem;
  right: 0;
  font-size: 2rem;
}
@media screen and (max-width: 81.25em) {
  .mod_newsreader .back {
    position: static;
    margin-bottom: 6rem;
    text-align: right;
  }
}
@media screen and (max-width: 56.25em) {
  .mod_newsreader .back {
    order: 2;
    margin-top: 4rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    text-align: left;
  }
}
.mod_newsreader .back i {
  margin-right: 7.5rem;
}
.mod_newsreader .back a::after {
  bottom: -1rem;
  height: 0.2rem;
}

.mod_changelanguage {
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
}
.mod_changelanguage__container {
  position: relative;
  margin-bottom: 0;
  text-align: center;
}
.mod_changelanguage__container ul {
  margin-bottom: 0;
}
.mod_changelanguage__inactive {
  display: block;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0s 0.4s;
}
@media screen and (max-width: 56.25em) {
  .mod_changelanguage__inactive {
    top: auto;
    bottom: calc(100% + 0.5rem);
  }
}
@media screen and (max-height: 940px) {
  .mod_changelanguage__inactive {
    top: auto;
    bottom: calc(100% + 0.5rem);
  }
}
.mod_changelanguage__inactive li {
  position: relative;
  margin-bottom: 0.5rem;
}
.mod_changelanguage__inactive li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #FFF;
  transition: width 0.2s;
}
.mod_changelanguage__inactive li:hover::after {
  content: "";
  width: 0;
  transition: width 0.2s;
}
.mod_changelanguage__inactive li:last-child {
  margin-bottom: 0;
}
.mod_changelanguage__active {
  font-weight: 300;
}

.mod_search .formbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(75% - (2.3rem / 2));
}
@media screen and (max-width: 56.25em) {
  .mod_search .formbody {
    width: 100%;
  }
}
.mod_search .widget-text {
  width: calc(75% - (2.3rem / 2));
}
@media screen and (max-width: 56.25em) {
  .mod_search .widget-text {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.mod_search .widget-submit {
  width: calc(25% - (2.3rem / 2));
}
.mod_search .widget-submit button {
  width: 100%;
  padding: 1.1rem;
}
@media screen and (max-width: 37.5em) {
  .mod_search .widget-submit {
    width: 100%;
  }
}
.mod_search > div {
  position: relative;
  width: calc(75% - (2.3rem / 2));
  margin-bottom: 2rem;
  padding: 1.5rem;
  color: inherit;
  background-color: #F0F0F0;
  transition: background-color 0.2s 0.2s, color 0.2s 0.2s;
}
@media screen and (max-width: 56.25em) {
  .mod_search > div {
    width: 100%;
  }
}
.mod_search > div:hover {
  color: #FFF;
  background-color: #0B2A4A;
  transition: background-color 0.2s, color 0.2s;
}
.mod_search > div h3 {
  margin-top: 0;
}
.mod_search > div a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mod_search > div a::after {
  display: none;
}
.mod_search > div a::before {
  display: none;
}
.mod_search > div p.url {
  margin-bottom: 0;
}

.mod_information_event .filter_corps {
  width: 50%;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mod_information_event .filter_corps label {
  display: block;
  position: static;
  margin-bottom: 0.5rem;
  padding: 0;
}
.mod_information_event .filter_corps select {
  background-image: url("/files/template/img/select-icon.png");
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1.5rem;
}
.mod_information_event tbody tr {
  display: none;
}
.mod_information_event tbody tr.active {
  display: table-row;
}
.mod_information_event tbody th.text-align-right {
  text-align: right;
}
.mod_information_event tbody td {
  padding-bottom: 1rem;
}
.mod_information_event tbody td.vertical-align-middle {
  vertical-align: middle;
}
.mod_information_event tbody td.vertical-align-bottom {
  vertical-align: bottom;
}
@media screen and (max-width: 56.25em) {
  .mod_information_event tbody td.empty {
    display: none;
  }
}
.mod_information_event tbody td.align-right > * {
  margin-left: auto;
}
@media screen and (max-width: 56.25em) {
  .mod_information_event tbody td.align-right > * {
    margin-left: 0;
  }
}

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

    Funktion      icon-burger bem module

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

Styleguide classes.icon-burger
*/
.icon-burger {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 0 solid #FFF;
  border-width: 0.2rem 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: 0.2rem;
  background-color: #FFF;
  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: 1rem;
}
.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 ol li::after,
.text-container ol li::after {
  margin-bottom: 2.5rem;
}
.ce_text ul,
.text-container ul {
  line-height: 1.2;
}

.ce_vimeo .video_container {
  position: relative;
  height: 0;
  padding-bottom: 56.5%;
}
.ce_vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ce_gallery ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media screen and (max-width: 37.5em) {
  .ce_gallery ul {
    display: grid;
    grid-gap: 2.3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.ce_gallery li {
  width: auto;
  margin-right: calc(2.3rem - .01rem);
  margin-bottom: 3rem;
}
@media screen and (max-width: 37.5em) {
  .ce_gallery li {
    margin-right: 0;
    margin-bottom: 0;
  }
  .ce_gallery li img {
    width: 100%;
    height: auto;
  }
}
.ce_gallery li:last-child {
  margin-right: 0;
}
.ce_gallery a::after {
  display: none;
}
.ce_gallery a::before {
  display: none;
}

.ce_player figure {
  overflow-y: hidden;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.ce_player video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.ce_form .formbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ce_form .widget {
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
.ce_form .widget-text, .ce_form .widget-select {
  width: calc(50% - 1.15rem);
}
@media screen and (max-width: 56.25em) {
  .ce_form .widget-text, .ce_form .widget-select {
    width: 100%;
  }
}
.ce_form .widget-textarea, .ce_form .widget-explanation {
  width: 100%;
}
.ce_form .widget-textarea {
  margin-bottom: 0.8rem;
}
.ce_form .widget-explanation {
  margin-bottom: 1.8rem;
  padding-left: 1rem;
  font-size: 1.2rem;
  color: #666;
}
.ce_form .widget-explanation p {
  margin-bottom: 0;
}
.ce_form .widget-radio input:checked, .ce_form .widget-checkbox input:checked {
  background-color: #FF5238;
}
.ce_form .widget-submit {
  width: calc(16.6666666667% - 1.15rem);
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  .ce_form .widget-submit {
    width: calc(50% - 1.15rem);
  }
}
.ce_form .widget-submit button {
  width: 100%;
  padding: 1.2rem;
}
.ce_form .widget-altcha {
  width: 100%;
}
.ce_form .widget-altcha label {
  position: static;
}
.ce_form .widget-altcha input {
  padding: 0;
}
.ce_form .widget-altcha .altcha[data-state=verified] input {
  background-color: #0B2A4A;
}
.ce_form .form-exam {
  margin-top: 6rem;
}
.ce_form .form-exam .formbody {
  display: block;
}
.ce_form .form-exam .formbody > fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 8.5rem;
}
.ce_form .form-exam legend {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 300;
}
.ce_form .form-exam .widget-radio, .ce_form .form-exam .widget-checkbox {
  margin-bottom: 2rem;
}
.ce_form .form-exam .widget-radio fieldset, .ce_form .form-exam .widget-checkbox fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ce_form .form-exam .widget-radio fieldset span, .ce_form .form-exam .widget-checkbox fieldset span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.ce_form .form-exam .widget-radio label, .ce_form .form-exam .widget-checkbox label {
  position: static;
  margin-bottom: 0;
  padding: 0 1rem;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 56.25em) {
  .ce_form .form-exam .widget-radio label, .ce_form .form-exam .widget-checkbox label {
    font-size: 1.4rem;
  }
}
.ce_form .form-exam .widget-radio input, .ce_form .form-exam .widget-checkbox input {
  width: auto;
  padding: 1rem;
}
.ce_form .form-exam .widget-radio {
  width: 100%;
}
.ce_form .form-exam .widget-radio fieldset {
  width: calc(50% - 1.15rem);
}
@media screen and (max-width: 56.25em) {
  .ce_form .form-exam .widget-radio fieldset {
    width: 100%;
  }
}
.ce_form .form-exam .widget-radio input {
  border-radius: 50%;
}
.ce_form .form-exam .widget-radio span {
  width: 40%;
}
.ce_form .form-exam .widget-checkbox {
  width: 100%;
  margin-bottom: 4rem;
}
.ce_form .form-exam .widget-checkbox a {
  font-weight: 300;
}
@media screen and (max-width: 56.25em) {
  .ce_form .form-exam .widget-checkbox a {
    text-decoration: underline;
  }
  .ce_form .form-exam .widget-checkbox a::after {
    display: none;
  }
  .ce_form .form-exam .widget-checkbox a::before {
    display: none;
  }
}
.ce_form .form-exam .widget-explanation {
  margin-bottom: 4rem;
  padding-left: 0;
}
.ce_form .form-exam .widget-explanation.font-big {
  font-size: 1.8rem;
  color: #000;
}
@media screen and (max-width: 56.25em) {
  .ce_form .form-exam .widget-explanation.font-big {
    font-size: 1.4rem;
  }
}
.ce_form .form-exam .widget select {
  background-image: url("/files/template/img/select-icon.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 2rem) 50%;
  background-size: 1.6rem 0.9rem;
}

.ce_image figcaption {
  margin-top: 1rem;
  color: #666;
}
.ce_image.full-width img {
  width: 100%;
}
.ce_image .align-right {
  text-align: right;
}

/**
 * Header
 */
.main-header {
  position: relative;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  max-width: 34.4833333333rem;
  color: #FFF;
  background-color: #0B2A4A;
}
.main-header .progress-wrapper {
  top: 100%;
}
.main-header .progress {
  background-color: #48B100;
}

.header-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100vh;
  font-size: 3rem;
  line-height: 1;
}
.header-wrapper ul {
  margin-bottom: 0;
}
.header-wrapper form {
  margin-bottom: 0;
}
.header-wrapper .logo {
  padding: 2.5rem 2rem;
  background-color: #C2C2C2;
}
.header-wrapper .logo img {
  width: 30.5rem;
}
.header-wrapper .logo a::after,
.header-wrapper nav a::after {
  display: none;
}
.header-wrapper .logo a::before,
.header-wrapper nav a::before {
  display: none;
}
.header-wrapper nav .level_1 > li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
  width: 0;
  height: 0.2rem;
  background-color: #FFF;
  transition: width 0.2s;
}
.header-wrapper nav .level_1 > li.active strong::after, .header-wrapper nav .level_1 > li:hover a::after {
  width: 100%;
  transition: width 0.2s;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper nav .level_1 > li:hover a::after {
    display: none;
  }
}
@media screen and (max-height: 940px) {
  .header-wrapper nav .level_1 > li:hover a::after {
    display: none;
  }
}
.header-wrapper .menu {
  padding-top: 9rem;
  padding-bottom: 9rem;
  padding-left: 7.1833333333rem;
  font-size: 2.5rem;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .menu {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    font-size: 2rem;
  }
}
@media screen and (max-height: 940px) {
  .header-wrapper .menu {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    font-size: 2rem;
  }
}
.header-wrapper .menu nav > ul > li {
  display: block;
  position: relative;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .menu nav > ul > li:hover::after {
    display: none;
  }
}
.header-wrapper .menu nav > ul > li:last-child {
  margin-bottom: 0;
}
.header-wrapper .menu nav > .trail,
.header-wrapper .menu nav strong {
  font-weight: 300;
}
.header-wrapper .menu nav .remove-navigation-desktop {
  display: none;
}
.header-wrapper .menu ul a,
.header-wrapper .menu ul strong {
  display: inline-block;
  color: inherit;
}
.header-wrapper .menu ul a .mobile-toggler,
.header-wrapper .menu ul strong .mobile-toggler {
  display: none;
}
.header-wrapper .menu ul .trail {
  position: relative;
}
.header-wrapper .menu ul .trail strong::after,
.header-wrapper .menu ul .trail a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #FFF;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .menu ul .trail strong::after,
.header-wrapper .menu ul .trail a::after {
    display: none;
  }
}
.header-wrapper .menu ul strong {
  position: relative;
}
.header-wrapper .menu ul strong::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #FFF;
}
@media screen and (max-width: 81.25em) {
  .header-wrapper .menu ul strong::after {
    display: none;
  }
}
.header-wrapper .menu ul ul {
  display: none;
  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;
}
.header-wrapper .search .widget {
  display: inline-block;
}
.header-wrapper .search input {
  margin-bottom: 0;
}
.header-wrapper .badge {
  padding-top: 7.5rem;
  text-align: center;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .badge {
    padding-top: 2rem;
    padding-left: 2rem;
    text-align: left;
  }
}
@media screen and (max-height: 940px) {
  .header-wrapper .badge {
    padding-top: 2rem;
    padding-left: 2rem;
    text-align: left;
  }
}
.header-wrapper .badge svg {
  width: 22rem;
  height: auto;
}
@media screen and (max-height: 940px) {
  .header-wrapper .badge svg {
    width: 16rem;
  }
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .badge svg {
    width: 16rem;
  }
}
.header-wrapper .badge a::after {
  display: none;
}
.header-wrapper .badge a::before {
  display: none;
}
.header-wrapper .link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 4rem;
  padding-bottom: 5rem;
  padding-left: 4rem;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .link {
    justify-content: flex-start;
    padding-right: 2rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
  }
}
@media screen and (max-height: 940px) {
  .header-wrapper .link {
    justify-content: flex-start;
    padding-right: 2rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
  }
}
.header-wrapper .link a {
  display: inline-block;
}
.header-wrapper .link a::after {
  display: none;
}
.header-wrapper .link a::before {
  display: none;
}
@media screen and (max-width: 56.25em) {
  .header-wrapper .link a {
    margin-right: 4rem;
  }
}
@media screen and (max-height: 940px) {
  .header-wrapper .link a {
    margin-right: 4rem;
  }
}
.header-wrapper .link i {
  vertical-align: middle;
  font-size: 3rem;
}

.header_top {
  padding-top: 0.5rem;
  padding-right: 3rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  font-size: 1.2rem;
  text-align: right;
  color: #666;
}
@media screen and (max-width: 81.25em) {
  .header_top {
    display: none;
  }
}
.header_top > div {
  display: inline-block;
  position: relative;
  margin-right: 2rem;
  color: inherit;
  transition: color 0.2s;
}
.header_top > div:last-child {
  margin-right: 0;
}
.header_top > div a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.header_top > div a::after {
  display: none;
}
.header_top > div a::before {
  display: none;
}
.header_top > div:hover {
  color: #000;
  transition: color 0.2s;
}
.header_top > div.active {
  font-weight: 300;
  color: #000;
}
.header_top__langswitch:hover .mod_changelanguage__inactive {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s, visibility 0s;
}

footer {
  font-size: 1.6rem;
  padding-top: 10rem;
  padding-bottom: 4rem;
}
footer .remove-navigation-desktop {
  display: none;
}
footer .icon_button a.icon_button__item--text {
  margin-bottom: 0;
  font-size: 1.6rem;
}
footer .icon_button a.icon_button__item--text i {
  margin-right: 0.5rem;
}
footer .footer-view {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .footer-view h5 {
  width: 100% !important;
}
footer .footer-view a::after {
  display: none;
}
footer .footer-view a::before {
  display: none;
}
footer .footer-view--info {
  width: calc((100% - 25.3rem) / 12 * 9 + 18.4rem);
}
@media screen and (max-width: 56.25em) {
  footer .footer-view--info {
    width: 100%;
  }
}
footer .footer-view--link {
  width: calc((100% - 25.3rem) / 12 * 3 + 4.6rem);
  font-size: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  footer .footer-view--link {
    display: none;
  }
}
@media screen and (max-width: 56.25em) {
  footer .footer-view--link, footer .footer-view--info {
    width: 100%;
  }
}
footer .footer-view--scroll-up {
  vertical-align: middle;
  position: absolute;
  top: -5rem;
  right: 0;
  font-size: 3rem;
  transform: rotate(-90deg);
  cursor: pointer;
}
@media screen and (max-width: 56.25em) {
  footer .footer-view--scroll-up {
    top: auto;
    bottom: 2rem;
  }
}
footer .footer-view--item {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 56.25em) {
  footer .footer-view--item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
footer .footer-view p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  footer .footer-area--address {
    margin-bottom: 1rem;
  }
  footer .footer-area--contact {
    margin-bottom: 4rem;
  }
  footer .footer-area--menu ul {
    margin-bottom: 0;
  }
}

.subnavigation {
  position: sticky;
  top: 0;
  z-index: 90;
  margin-top: 5rem;
  margin-bottom: 6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 3rem;
  background-color: #FFF;
}
@media screen and (max-width: 81.25em) {
  .subnavigation {
    display: none;
  }
}
.subnavigation li {
  display: inline-block;
  margin-right: 2rem;
}
.subnavigation li a {
  color: #666;
  transition: color 0.2s;
}
.subnavigation li a:hover {
  color: #000;
  transition: color 0.2s;
}
.subnavigation li:last-child {
  margin-right: 0;
}
.subnavigation li.active, .subnavigation li.trail {
  position: relative;
}
.subnavigation li.active::after, .subnavigation li.trail::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #000;
}
.subnavigation strong,
.subnavigation .trail a {
  font-weight: 300;
  color: #000;
}
.subnavigation a::after {
  display: none;
}
.subnavigation a::before {
  display: none;
}

@media screen and (max-width: 81.25em) {
  .show-subnavi-tablet .subnavigation {
    display: block;
  }
}

.header-area {
  max-width: 100rem;
  margin: 0 auto;
}
.header-area .police-logo {
  text-align: right;
}

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

    Funktion      l-double bem module

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

Styleguide classes.l-double
*/
.l-double {
  display: flex;
  align-items: flex-start;
  margin-right: -1.15rem;
  margin-left: -1.15rem;
}
.l-double--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 56.25em) {
  .l-double {
    flex-direction: column;
  }
}
.l-double--valign-center {
  align-items: center;
}
.l-double--valign-bottom {
  align-items: flex-end;
}
.l-double__header, .l-double__main {
  padding: 10rem 1.15rem;
}
@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 .toggler {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: 900;
  color: #0B2A4A;
}
.ce_accordion .toggler:focus {
  outline: none;
}
.ce_accordion .toggler::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background-image: url(../fonts/right-arrow.svg);
  transition: transform 0.3s ease-in-out;
}
.ce_accordion .accordion {
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.ce_accordion .accordion[aria-expanded=true] {
  display: block;
}
.ce_accordion .toggler[aria-expanded=true]::before {
  transform: rotate(90deg);
}

/* **************************************************************************
 *  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: #0B2A4A;
  transition: color 0.3s, background 0.3s;
}
.button:hover {
  background-color: #0B2A4A;
}
.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 {
  width: 100%;
  padding: 1.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
}
.input__label, .input__field {
  margin: 0;
}
.input__field {
  width: 100%;
  padding: 1.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #F0F0F0;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  border: 1px solid #000;
  background-color: #FFF;
  outline: none;
  transition: outline 0.3s, background 0.3s;
}
.input__field:focus {
  border: 1px solid #F0F0F0;
  background-color: #FFF;
  outline: none;
}
.input__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.js .input__label {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 1;
  transition: top, left, font-size, padding, color, opacity, transform;
  transition-duration: 0.2s;
}
.js .input__label--static {
  position: static;
}
.js .input__field:focus {
  outline: none;
}
.js .input--has-focus .input__label {
  opacity: 0.8;
}
.js .input--has-focus .input__label, .js .input--is-filled-out .input__label {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1.2em;
  font-size: 0.7em;
  color: inherit;
  transform: translateY(-100%);
}
.js .input--is-filled-out .input__label {
  padding-left: 0.2em;
  opacity: 1;
  transition-duration: 0.8s;
}
.js .input--is-filled-out .input__input {
  color: rbga(#000, 0.9);
}

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

    Funktion      slick bem module

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

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

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

    Funktion      dlh_googlemap bem module

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

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

.bg--grey-light {
  background-color: #F0F0F0;
}
.bg--orange {
  color: #FFF;
  background-color: #FF5238;
}

.bg_wrapper {
  padding: 12rem 0;
}
.bg_wrapper input,
.bg_wrapper select,
.bg_wrapper textarea {
  width: 100%;
  padding: 1.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
}
.bg_wrapper input:focus,
.bg_wrapper select:focus,
.bg_wrapper textarea:focus {
  border: 1px solid #FFF;
  background-color: #F0F0F0;
  outline: none;
}

.phase {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.phase__item {
  width: calc(16.6666666667% - 1.15rem);
}
@media screen and (max-width: 81.25em) {
  .phase__item {
    width: calc(33.3333333333% - 1.15rem);
  }
}
@media screen and (max-width: 56.25em) {
  .phase__item {
    width: calc(50% - 1.15rem);
  }
}
@media screen and (max-width: 37.5em) {
  .phase__item {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.phase__item:nth-child(1) .phase__title {
  background-color: #8295A4;
}
.phase__item:nth-child(1) .phase__title::after {
  border-left-color: #8295A4;
}
.phase__item:nth-child(2) .phase__title {
  background-color: #698092;
}
@media screen and (max-width: 56.25em) {
  .phase__item:nth-child(2) .phase__title::after, .phase__item:nth-child(2) .phase__title::before {
    display: none;
  }
}
.phase__item:nth-child(2) .phase__title::after {
  border-left-color: #698092;
}
.phase__item:nth-child(3) .phase__title {
  background-color: #506B7F;
}
@media screen and (max-width: 81.25em) {
  .phase__item:nth-child(3) .phase__title::after, .phase__item:nth-child(3) .phase__title::before {
    display: none;
  }
}
@media screen and (max-width: 56.25em) {
  .phase__item:nth-child(3) .phase__title::after, .phase__item:nth-child(3) .phase__title::before {
    display: block;
  }
}
@media screen and (max-width: 37.5em) {
  .phase__item:nth-child(3) .phase__title::after, .phase__item:nth-child(3) .phase__title::before {
    display: none;
  }
}
.phase__item:nth-child(3) .phase__title::after {
  border-left-color: #506B7F;
}
.phase__item:nth-child(4) .phase__title {
  background-color: #37556F;
}
@media screen and (max-width: 56.25em) {
  .phase__item:nth-child(4) .phase__title::after, .phase__item:nth-child(4) .phase__title::before {
    display: none;
  }
}
.phase__item:nth-child(4) .phase__title::after {
  border-left-color: #37556F;
}
.phase__item:nth-child(5) .phase__title {
  background-color: #1F405C;
}
.phase__item:nth-child(5) .phase__title::after {
  border-left-color: #1F405C;
}
.phase__item:nth-child(6) .phase__title {
  background-color: #072B4A;
}
.phase__item:nth-child(6) .phase__title::after {
  border-left-color: #072B4A;
}
.phase__item:last-child .phase__title::after,
.phase__item:last-child .phase__title::before {
  display: none;
}
.phase__title {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  min-height: 9rem;
  margin-bottom: 2rem;
  padding: 1rem 1.2rem 1rem 2.8rem;
  font-size: 2.2rem;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 37.5em) {
  .phase__title {
    min-height: 7rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.phase__title::after, .phase__title::before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 4.5rem solid transparent;
  border-bottom: 4.5rem solid transparent;
}
@media screen and (max-width: 37.5em) {
  .phase__title::after, .phase__title::before {
    display: none;
  }
}
.phase__title::after {
  right: -2.5rem;
  border-left: 25px solid transparent;
}
.phase__title::before {
  right: -3.8rem;
  border-left: 25px solid #FFF;
}

.iconcontent {
  display: grid;
  grid-gap: 2.3rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 56.25em) {
  .iconcontent {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 37.5em) {
  .iconcontent {
    grid-template-columns: repeat(1, 1fr);
  }
}
.iconcontent__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 2rem;
  text-align: center;
}
.iconcontent__icon {
  font-family: "icomoon";
  font-size: 6rem;
}
.iconcontent__content span {
  display: block;
}
.iconcontent__content .counter {
  font-size: 4.3rem;
  font-weight: 300;
  line-height: 1;
}
.iconcontent__content .lesson {
  margin-top: 2rem;
  font-size: 2.5rem;
}
.iconcontent h3 {
  margin-top: 2rem;
}

.bg_wrapper .iconcontent__item {
  background-color: #FFF;
}

.reference {
  display: grid;
  grid-gap: 2.3rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 56.25em) {
  .reference {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 37.5em) {
  .reference {
    grid-template-columns: repeat(1, 1fr);
  }
}
.reference.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
.reference__item {
  margin-bottom: 6rem;
}
.reference__item a::after {
  display: none;
}
.reference__item a::before {
  display: none;
}
.reference__imagearea {
  overflow: hidden;
  position: relative;
}
.reference__imagearea:hover .reference__content {
  transform: translateY(calc(-100% + 0.1rem));
  transition: transform 0.4s;
}
.reference__image {
  padding: 2.5rem;
  text-align: center;
  background-color: #F0F0F0;
}
.reference__image.big {
  padding: 1.2rem;
}
.reference__content {
  position: absolute;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  line-height: 1.3;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(0%);
  transition: transform 0.2s 0.4s;
}
.reference__address, .reference__phone, .reference__email {
  display: table;
  position: relative;
  width: 100%;
}
.reference__address i, .reference__phone i, .reference__email i {
  width: 1.8rem;
}
.reference__address i,
.reference__address span, .reference__phone i,
.reference__phone span, .reference__email i,
.reference__email span {
  display: table-cell;
}
.reference__address span a, .reference__phone span a, .reference__email span a {
  position: static;
}
.reference__address a, .reference__phone a, .reference__email a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.reference__arrow {
  display: flex;
  position: absolute;
  right: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(calc(-100% - 1rem));
}
.reference__title {
  padding: 1.5rem 0;
}
.reference__title span {
  display: block;
}
.reference__title .lead {
  margin-bottom: 1rem;
}
.reference img {
  width: auto;
}

.icon_button {
  margin-bottom: 2rem;
}
.icon_button.space-top {
  margin-top: 17rem;
}
@media screen and (max-width: 56.25em) {
  .icon_button.space-top {
    margin-top: 5rem;
  }
}
.icon_button.space-left {
  margin-left: 5rem;
}
@media screen and (max-width: 56.25em) {
  .icon_button.space-left {
    margin-left: 0;
  }
}
.icon_button a {
  display: inline-block;
  padding: 1.5rem;
  border: 1px solid transparent;
  font-size: 2.2rem;
  text-align: center;
  color: #FFF;
  background-color: #0B2A4A;
  transition: all 0.4s;
  cursor: pointer;
  display: block;
  max-width: 100%;
  margin-bottom: 2rem;
  text-align: left;
  white-space: normal;
}
@media screen and (max-width: 56.25em) {
  .icon_button a {
    padding: 1rem;
    font-size: 1.5rem;
  }
}
.icon_button a:hover {
  border: 1px solid #0B2A4A;
  color: #0B2A4A;
  background-color: transparent;
  transition: all 0.4s;
}
.icon_button a::after {
  display: none;
}
.icon_button a::before {
  display: none;
}
@media screen and (max-width: 56.25em) {
  .icon_button a {
    margin-bottom: 1rem;
  }
}
.icon_button a i {
  margin-right: 1rem;
}
.icon_button a.size-font {
  display: inline-block;
  width: auto;
  padding: 1.5rem 3rem;
}
.icon_button a.icon_button__item--text {
  display: table;
  width: auto;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  border: none;
  font-size: 1.8rem;
  color: #000;
  background-color: transparent;
  transition: none;
}
@media screen and (max-width: 81.25em) {
  .icon_button a.icon_button__item--text {
    font-size: 1.5rem;
  }
}
.icon_button a.icon_button__item--text.space-between {
  margin-bottom: 1rem;
}
.icon_button a.icon_button__item--text i,
.icon_button a.icon_button__item--text span {
  display: table-cell;
}
.icon_button a.icon_button__item--text span {
  padding-left: 1.5rem;
}

.video_badge {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 100vh;
}
@media screen and (max-width: 56.25em) {
  .video_badge {
    margin-top: 0;
    padding-bottom: calc(100vh - 4.6rem);
  }
}
.video_badge video {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.video_badge__player {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 34rem;
  max-height: 34rem;
  transform: translate(-50%, -50%);
}
.video_badge__player img,
.video_badge__player svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video_badge__player svg {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.video_badge__player img {
  z-index: -1;
  cursor: pointer;
}
.video_badge__player img.hidden {
  display: none;
}
.video_badge__thumbnail {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(100% + 0.1rem);
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%);
}
.video_badge__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video_badge__thumbnail.hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0s 0.4s;
}
.video_badge .animation-1 {
  stroke-dasharray: 456px;
  stroke-dashoffset: 456px;
}
.video_badge .animation-2 {
  stroke-dasharray: 147px;
  stroke-dashoffset: 147px;
}
.video_badge .animation-3 {
  stroke-dasharray: 122px;
  stroke-dashoffset: 122px;
}
.video_badge.active .animation-1 {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s ease-out;
}
.video_badge.active .animation-2 {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s 0.8s ease-out;
}
.video_badge.active .animation-3 {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s 1.4s ease-out;
}
.video_badge.active svg {
  width: 6.8rem;
  visibility: hidden;
  opacity: 0;
  transition: width 2s 3s ease-out, opacity 0.4s 5.2s, visibility 0s 5.6s;
}

.video_thumbnail {
  position: relative;
  margin-bottom: 5rem;
}
.video_thumbnail video {
  max-width: 100%;
}
.video_thumbnail__inner {
  position: relative;
}
.video_thumbnail__player {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 7rem;
  height: 7rem;
  transform: translate(-50%, -50%);
}
.video_thumbnail__player img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video_thumbnail__player img.hidden {
  display: none;
}
.video_thumbnail__caption {
  margin-top: 1rem;
  color: #666;
}
.video_thumbnail__thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.video_thumbnail__thumbnail img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.video_thumbnail__thumbnail.hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0s 0.4s;
}

.image_link__item {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 44.5rem;
  margin-bottom: 4rem;
  box-shadow: none;
  transition: box-shadow 0.4s;
}
@media screen and (max-width: 56.25em) {
  .image_link__item {
    flex-direction: column;
    height: auto !important;
    min-height: auto;
    margin-bottom: 2rem;
  }
}
.image_link__item > * {
  width: 50%;
}
@media screen and (max-width: 56.25em) {
  .image_link__item > * {
    width: 100%;
  }
}
.image_link__item:nth-child(2n) .image_link__image {
  order: 2;
}
.image_link__item:hover {
  box-shadow: 6px 6px 16px 0 #C6C6C6;
  transition: box-shadow 0.4s;
}
.image_link__item:hover .image_link__content {
  color: #FFF;
  background-color: #0B2A4A;
  transition: color 0.4s, background-color 0.4s;
}
.image_link__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3rem;
  color: inherit;
  background-color: #F0F0F0;
  transition: color 0.4s, background-color 0.4s;
}
@media screen and (max-width: 56.25em) {
  .image_link__content {
    padding: 1.5rem;
    padding-bottom: 1rem;
  }
}
.image_link__image,
.image_link img {
  height: 100%;
}
@media screen and (max-width: 56.25em) {
  .image_link__image,
.image_link img {
    height: 20rem;
  }
}
.image_link__arrow {
  vertical-align: middle;
  font-size: 3.2rem;
  text-align: right;
}
.image_link__arrow i {
  vertical-align: middle;
}
@media screen and (max-width: 56.25em) {
  .image_link__arrow {
    font-size: 2rem;
  }
}
.image_link h2 {
  margin-bottom: 0;
}
.image_link img {
  width: 100%;
  object-fit: cover;
}
.image_link a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.image_link a::after {
  display: none;
}
.image_link a::before {
  display: none;
}

.slider__image,
.slider img {
  width: 100%;
  object-fit: cover;
}
.slider .slick-list,
.slider .slick-track {
  width: 100%;
}
@media screen and (max-width: 56.25em) {
  .slider .slick-list,
.slider .slick-track {
    height: 100%;
  }
}
.slider__video {
  position: relative;
  height: 0;
  padding-bottom: 60rem;
}
@media screen and (max-width: 56.25em) {
  .slider__video {
    padding-bottom: 40rem;
  }
}
.slider__video video {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
}
.slider__video .slider__caption {
  position: absolute;
  bottom: -5.5rem;
}
.slider__caption {
  margin-top: 1rem;
  color: #666;
}
.slider .slick-arrow {
  top: calc(100% + 0.5rem);
  width: auto;
  height: auto;
  transform: translate(0, 0);
}
.slider .slick-arrow::before {
  font-family: "icomoon";
  font-size: 3.2rem;
  color: #0B2A4A;
  opacity: 0.8;
  transition: opacity 0.4s;
}
.slider .slick-arrow:hover {
  border: none;
}
.slider .slick-arrow:hover::before {
  opacity: 1;
  transition: opacity 0.4s;
}
.slider .slick-prev {
  right: auto;
  left: 0;
}
.slider .slick-prev::before {
  content: "\ea40";
}
.slider .slick-next {
  right: auto;
  left: 6rem;
}
.slider .slick-next::before {
  content: "\ea3c";
}
.slider .slick-disabled {
  cursor: default;
}
.slider .slick-disabled::before, .slider .slick-disabled:hover::before {
  opacity: 0.4;
  transition: opacity 0.4s;
}
.slider .slick-dots {
  bottom: 6.5rem;
}
@media screen and (max-width: 56.25em) {
  .slider .slick-dots {
    bottom: 1.5rem;
  }
}
.slider .slick-dots li {
  margin: 0 8px;
}
@media screen and (max-width: 56.25em) {
  .slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0;
  }
}
.slider .slick-dots li button {
  width: 10px;
  height: 10px;
}
.slider .slick-dots li button::before {
  width: 10px;
  height: 10px;
  font-size: 0.7rem;
}
.slider .slick-dots button::before {
  color: #FFF;
  opacity: 0.5;
}
.slider .slick-dots .slick-active button::before {
  color: #FFF;
  opacity: 1;
}

.ce_rsce_slider {
  margin-bottom: 6rem;
}

.team_image {
  padding: 0;
}
.team_image img {
  width: 100%;
  object-fit: cover;
}
.team_content {
  padding: 2rem 1.5rem;
}
.team_content .reference__arrow {
  transform: translateY(calc(-100% - 2rem));
}
.team_title .lead {
  margin-bottom: 0.5rem;
}

.side-container {
  position: fixed;
  top: 50%;
  right: 2rem;
  text-align: right;
  transform: translateY(-50%);
}
@media screen and (max-width: 81.25em) {
  .side-container {
    display: none;
  }
}
.side-container .side-item {
  position: relative;
  margin-bottom: 2rem;
  padding-right: 4.5rem;
  font-size: 1.2rem;
  color: #666;
  transition: font-size 0.4s 0.2s, color 0.4s 0.2s;
}
.side-container .side-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.2rem;
  height: 0.1rem;
  background-color: #666;
  transform: translateY(-50%);
  transition: width 0.4s 0.2s, background-color 0.4s 0.2s;
}
.side-container .side-item:last-child {
  margin-bottom: 0;
}
.side-container .side-item.active {
  font-size: 1.8rem;
  color: #000;
  transition: font-size 0.4s, color 0.4s;
}
.side-container .side-item.active::before {
  width: 3.5rem;
  background-color: #000;
  transition: width 0.4s, background-color 0.4s;
}
.side-container a::after {
  display: none;
}
.side-container a::before {
  display: none;
}

@media screen and (max-width: 81.25em) {
  .main-wrapper {
    padding-left: 0;
  }
  .main-wrapper::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 95;
    background-color: transparent;
    visibility: hidden;
    transition: all 0.4s 0.4s;
  }

  .main-header {
    left: -34.4833333333rem;
    transition: left 0.4s;
  }

  .header-wrapper .burger-wrapper {
    display: block;
    position: absolute;
    top: 4rem;
    right: -5.5rem;
    width: 5.5rem;
    height: 4rem;
    padding: 1rem 0.5rem;
    background-color: #0B2A4A;
    transition: right 0.4s 0.4s;
  }
  .header-wrapper .hamburger {
    display: block;
    border-color: #FFF;
    transition: all 0.4s 0.4s;
  }
  .header-wrapper .hamburger::after, .header-wrapper .hamburger::before {
    background-color: #FFF;
    transition: all 0.4s;
  }
  .header-wrapper .menu a {
    position: relative;
  }
  .header-wrapper .menu a,
.header-wrapper .menu strong {
    margin-bottom: 1rem;
  }
  .header-wrapper .menu .mobile-toggler {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2.7rem;
  }
  .header-wrapper .menu .mobile-toggler::after, .header-wrapper .menu .mobile-toggler::before {
    content: "";
    display: block;
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 2rem;
    height: 0.1rem;
    background-color: #FFF;
    transition: transform 0.4s;
    pointer-events: none;
  }
  .header-wrapper .menu .mobile-toggler::before {
    transform: rotate(90deg);
  }
  .header-wrapper .menu .active .mobile-toggler::after, .header-wrapper .menu .active .mobile-toggler::before {
    transition: transform 0.4s;
  }
  .header-wrapper .menu .active .mobile-toggler::after {
    transform: rotate(-180deg);
  }
  .header-wrapper .menu .active .mobile-toggler::before {
    transform: rotate(180deg);
  }
  .header-wrapper .menu .trail > a,
.header-wrapper .menu li strong {
    padding-bottom: 0.2rem;
    border-bottom: 0.2rem solid #FFF;
    font-weight: 600;
  }
  .header-wrapper .menu ul ul {
    display: block;
    position: static;
    height: 0;
    padding-left: 0;
    font-size: 1.8rem;
    visibility: hidden;
    opacity: 0;
    transition: height 0.4s 0.8s, padding-left 0.4s, opacity 0.4s 0.4s, visibility 0s 1.2s;
  }
  .header-wrapper .menu ul ul.active {
    padding-left: 2rem;
    visibility: visible;
    opacity: 1;
    transition: height 0.4s 0.4s, padding-left 0.4s 1s, opacity 0.4s 0.8s, visibility 0s;
  }

  .mobile-nav-active .main-header {
    left: 0;
    transition: left 0.4s 0.4s;
  }
  .mobile-nav-active .main-wrapper::after {
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    transition: all 0.4s;
  }
  .mobile-nav-active .header-wrapper .burger-wrapper {
    right: 2rem;
    transition: right 0.4s 0.4s;
  }
  .mobile-nav-active .header-wrapper .hamburger {
    border-color: #FFF;
    transition: border 0.2s;
  }
  .mobile-nav-active .header-wrapper .hamburger::after, .mobile-nav-active .header-wrapper .hamburger::before {
    background-color: #FFF;
    transition: all 0.4s;
  }
}
.police_logo {
  width: 100rem;
  margin: 0 auto;
  text-align: right;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  background: #FF5238;
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  border-color: #FF5238;
}

.ce_register_form form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.ce_register_form form .ui-alert-container {
  order: 2;
}
.ce_register_form form .modal-footer {
  order: 3;
}
.ce_register_form input[type=checkbox],
.ce_register_form input[type=radio] {
  width: auto;
  padding: 1rem;
}
.ce_register_form input[type=checkbox]:checked,
.ce_register_form input[type=radio]:checked {
  background-color: #FF5238;
}
.ce_register_form input[type=radio] {
  border-radius: 50%;
}
.ce_register_form select {
  background-image: url("/files/template/img/select-icon.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 2rem) 50%;
  background-size: 1.6rem 0.9rem;
}
.ce_register_form .modal-header button.close {
  display: none;
}
.ce_register_form .modal-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ce_register_form .modal-body > *:not(.form-group) {
  width: 100%;
}
.ce_register_form .form-group {
  position: relative;
  width: calc(50% - 1rem);
  margin-bottom: 2rem;
}
@media screen and (max-width: 56.25em) {
  .ce_register_form .form-group {
    width: 100%;
  }
}
.ce_register_form .form-group:first-child, .ce_register_form .form-group:nth-child(3), .ce_register_form .form-group.corps, .ce_register_form .form-group.gr, .ce_register_form .form-group:nth-child(15) {
  width: 100%;
}
.ce_register_form .form-group.gr {
  display: none;
}
.ce_register_form .form-group > div {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.5rem;
}
.ce_register_form .form-group > div label {
  position: static;
  margin-left: 1rem;
  padding: 0;
}
.ce_register_form .checkbox > label {
  display: inline-block;
  position: relative;
  margin-bottom: 1rem;
  padding: 0;
}
.ce_register_form .checkbox input {
  vertical-align: middle;
}
.ce_register_form .checkbox a {
  font-family: inherit !important;
}
.ce_register_form .modal-footer div:first-child {
  display: none;
}
.ce_register_form .alert-danger {
  margin-bottom: 2rem;
  color: #A00039;
}
.ce_register_form .alert-danger button {
  display: none;
}

/* **************************************************************************
 *  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
*/
.draw-svg img {
  display: none;
}
.draw-svg svg {
  max-width: 100%;
}

.in-view .draw-svg path {
  stroke-dashoffset: 0 !important;
  transition: stroke-dashoffset 3s 1s;
}

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