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

*****************************************************************************/
/**
 * Font-sizes
 */
/**
 * Font-weights
 */
/**
 * font families
 */
/**
 * Colors
 */
/**
 * Color Usage
 */
/**
 * Measures
 */
/**
 * Breakpoints
 */
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    font includes

*****************************************************************************/
/* ubuntu-regular - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/ubuntu-v13-latin-regular.woff2) format("woff2"), url(../fonts/ubuntu-v13-latin-regular.woff) format("woff");
}
/* ubuntu-italic - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/ubuntu-v13-latin-italic.woff2) format("woff2"), url(../fonts/ubuntu-v13-latin-italic.woff) format("woff");
}
/* ubuntu-700 - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(../fonts/ubuntu-v13-latin-700.woff2) format("woff2"), url(../fonts/ubuntu-v13-latin-700.woff) format("woff");
}
/* ubuntu-700italic - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(../fonts/ubuntu-v13-latin-700italic.woff2) format("woff2"), url(../fonts/ubuntu-v13-latin-700italic.woff) format("woff");
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/source-sans-pro-v12-latin-300.woff2) format("woff2"), url(../fonts/source-sans-pro-v12-latin-300.woff) format("woff");
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/source-sans-pro-v12-latin-300italic.woff2) format("woff2"), url(../fonts/source-sans-pro-v12-latin-300italic.woff) format("woff");
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(../fonts/source-sans-pro-v12-latin-regular.woff2) format("woff2"), url(../fonts/source-sans-pro-v12-latin-regular.woff) format("woff");
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(../fonts/source-sans-pro-v12-latin-italic.woff2) format("woff2"), url(../fonts/source-sans-pro-v12-latin-italic.woff) format("woff");
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    icon font settings
    Authors     mac signer

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

    Funktion    mixin clearfix
    Authors

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

    Funktion    font mixins
    Authors     mac signer
    Datum       10.05.18

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

    Funktion    mixin input
    Authors

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

    Funktion    mixin media helper
    Authors

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

    Funktion    mixins for media queries
    Authors     mac signer
    Datum       11.05.18

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

    Funktion    mixin selection
    Authors

*****************************************************************************/
@font-face {
  font-family: "Ringgishalde";
  src: url("/files/template/libs/icon-font/fonts/Ringgishalde.ttf?jl5jzu") format("truetype"), url("/files/template/libs/icon-font/fonts/Ringgishalde.woff?jl5jzu") format("woff"), url("/files/template/libs/icon-font/fonts/Ringgishalde.svg?jl5jzu#Ringgishalde") format("svg");
  font-weight: normal;
  font-style: normal;
}
.rh-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Ringgishalde" !important;
  speak: none;
  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;
}

.rh-icon-home:before {
  content: "";
}

.rh-icon-home2:before {
  content: "";
}

.rh-icon-home3:before {
  content: "";
}

.rh-icon-office:before {
  content: "";
}

.rh-icon-newspaper:before {
  content: "";
}

.rh-icon-pencil:before {
  content: "";
}

.rh-icon-pencil2:before {
  content: "";
}

.rh-icon-quill:before {
  content: "";
}

.rh-icon-pen:before {
  content: "";
}

.rh-icon-blog:before {
  content: "";
}

.rh-icon-eyedropper:before {
  content: "";
}

.rh-icon-droplet:before {
  content: "";
}

.rh-icon-paint-format:before {
  content: "";
}

.rh-icon-image:before {
  content: "";
}

.rh-icon-images:before {
  content: "";
}

.rh-icon-camera:before {
  content: "";
}

.rh-icon-headphones:before {
  content: "";
}

.rh-icon-music:before {
  content: "";
}

.rh-icon-play:before {
  content: "";
}

.rh-icon-film:before {
  content: "";
}

.rh-icon-video-camera:before {
  content: "";
}

.rh-icon-dice:before {
  content: "";
}

.rh-icon-pacman:before {
  content: "";
}

.rh-icon-spades:before {
  content: "";
}

.rh-icon-clubs:before {
  content: "";
}

.rh-icon-diamonds:before {
  content: "";
}

.rh-icon-bullhorn:before {
  content: "";
}

.rh-icon-connection:before {
  content: "";
}

.rh-icon-podcast:before {
  content: "";
}

.rh-icon-feed:before {
  content: "";
}

.rh-icon-mic:before {
  content: "";
}

.rh-icon-book:before {
  content: "";
}

.rh-icon-books:before {
  content: "";
}

.rh-icon-library:before {
  content: "";
}

.rh-icon-file-text:before {
  content: "";
}

.rh-icon-profile:before {
  content: "";
}

.rh-icon-file-empty:before {
  content: "";
}

.rh-icon-files-empty:before {
  content: "";
}

.rh-icon-file-text2:before {
  content: "";
}

.rh-icon-file-picture:before {
  content: "";
}

.rh-icon-file-music:before {
  content: "";
}

.rh-icon-file-play:before {
  content: "";
}

.rh-icon-file-video:before {
  content: "";
}

.rh-icon-file-zip:before {
  content: "";
}

.rh-icon-copy:before {
  content: "";
}

.rh-icon-paste:before {
  content: "";
}

.rh-icon-stack:before {
  content: "";
}

.rh-icon-folder:before {
  content: "";
}

.rh-icon-folder-open:before {
  content: "";
}

.rh-icon-folder-plus:before {
  content: "";
}

.rh-icon-folder-minus:before {
  content: "";
}

.rh-icon-folder-download:before {
  content: "";
}

.rh-icon-folder-upload:before {
  content: "";
}

.rh-icon-price-tag:before {
  content: "";
}

.rh-icon-price-tags:before {
  content: "";
}

.rh-icon-barcode:before {
  content: "";
}

.rh-icon-qrcode:before {
  content: "";
}

.rh-icon-ticket:before {
  content: "";
}

.rh-icon-cart:before {
  content: "";
}

.rh-icon-coin-dollar:before {
  content: "";
}

.rh-icon-coin-euro:before {
  content: "";
}

.rh-icon-coin-pound:before {
  content: "";
}

.rh-icon-coin-yen:before {
  content: "";
}

.rh-icon-credit-card:before {
  content: "";
}

.rh-icon-calculator:before {
  content: "";
}

.rh-icon-lifebuoy:before {
  content: "";
}

.rh-icon-phone:before {
  content: "";
}

.rh-icon-phone-hang-up:before {
  content: "";
}

.rh-icon-address-book:before {
  content: "";
}

.rh-icon-envelop:before {
  content: "";
}

.rh-icon-pushpin:before {
  content: "";
}

.rh-icon-location:before {
  content: "";
}

.rh-icon-location2:before {
  content: "";
}

.rh-icon-compass:before {
  content: "";
}

.rh-icon-compass2:before {
  content: "";
}

.rh-icon-map:before {
  content: "";
}

.rh-icon-map2:before {
  content: "";
}

.rh-icon-history:before {
  content: "";
}

.rh-icon-clock:before {
  content: "";
}

.rh-icon-clock2:before {
  content: "";
}

.rh-icon-alarm:before {
  content: "";
}

.rh-icon-bell:before {
  content: "";
}

.rh-icon-stopwatch:before {
  content: "";
}

.rh-icon-calendar:before {
  content: "";
}

.rh-icon-printer:before {
  content: "";
}

.rh-icon-keyboard:before {
  content: "";
}

.rh-icon-display:before {
  content: "";
}

.rh-icon-laptop:before {
  content: "";
}

.rh-icon-mobile:before {
  content: "";
}

.rh-icon-mobile2:before {
  content: "";
}

.rh-icon-tablet:before {
  content: "";
}

.rh-icon-tv:before {
  content: "";
}

.rh-icon-drawer:before {
  content: "";
}

.rh-icon-drawer2:before {
  content: "";
}

.rh-icon-box-add:before {
  content: "";
}

.rh-icon-box-remove:before {
  content: "";
}

.rh-icon-download:before {
  content: "";
}

.rh-icon-upload:before {
  content: "";
}

.rh-icon-floppy-disk:before {
  content: "";
}

.rh-icon-drive:before {
  content: "";
}

.rh-icon-database:before {
  content: "";
}

.rh-icon-undo:before {
  content: "";
}

.rh-icon-redo:before {
  content: "";
}

.rh-icon-undo2:before {
  content: "";
}

.rh-icon-redo2:before {
  content: "";
}

.rh-icon-forward:before {
  content: "";
}

.rh-icon-reply:before {
  content: "";
}

.rh-icon-bubble:before {
  content: "";
}

.rh-icon-bubbles:before {
  content: "";
}

.rh-icon-bubbles2:before {
  content: "";
}

.rh-icon-bubble2:before {
  content: "";
}

.rh-icon-bubbles3:before {
  content: "";
}

.rh-icon-bubbles4:before {
  content: "";
}

.rh-icon-user:before {
  content: "";
}

.rh-icon-users:before {
  content: "";
}

.rh-icon-user-plus:before {
  content: "";
}

.rh-icon-user-minus:before {
  content: "";
}

.rh-icon-user-check:before {
  content: "";
}

.rh-icon-user-tie:before {
  content: "";
}

.rh-icon-quotes-left:before {
  content: "";
}

.rh-icon-quotes-right:before {
  content: "";
}

.rh-icon-hour-glass:before {
  content: "";
}

.rh-icon-spinner:before {
  content: "";
}

.rh-icon-spinner2:before {
  content: "";
}

.rh-icon-spinner3:before {
  content: "";
}

.rh-icon-spinner4:before {
  content: "";
}

.rh-icon-spinner5:before {
  content: "";
}

.rh-icon-spinner6:before {
  content: "";
}

.rh-icon-spinner7:before {
  content: "";
}

.rh-icon-spinner8:before {
  content: "";
}

.rh-icon-spinner9:before {
  content: "";
}

.rh-icon-spinner10:before {
  content: "";
}

.rh-icon-spinner11:before {
  content: "";
}

.rh-icon-binoculars:before {
  content: "";
}

.rh-icon-search:before {
  content: "";
}

.rh-icon-zoom-in:before {
  content: "";
}

.rh-icon-zoom-out:before {
  content: "";
}

.rh-icon-enlarge:before {
  content: "";
}

.rh-icon-shrink:before {
  content: "";
}

.rh-icon-enlarge2:before {
  content: "";
}

.rh-icon-shrink2:before {
  content: "";
}

.rh-icon-key:before {
  content: "";
}

.rh-icon-key2:before {
  content: "";
}

.rh-icon-lock:before {
  content: "";
}

.rh-icon-unlocked:before {
  content: "";
}

.rh-icon-wrench:before {
  content: "";
}

.rh-icon-equalizer:before {
  content: "";
}

.rh-icon-equalizer2:before {
  content: "";
}

.rh-icon-cog:before {
  content: "";
}

.rh-icon-cogs:before {
  content: "";
}

.rh-icon-hammer:before {
  content: "";
}

.rh-icon-magic-wand:before {
  content: "";
}

.rh-icon-aid-kit:before {
  content: "";
}

.rh-icon-bug:before {
  content: "";
}

.rh-icon-pie-chart:before {
  content: "";
}

.rh-icon-stats-dots:before {
  content: "";
}

.rh-icon-stats-bars:before {
  content: "";
}

.rh-icon-stats-bars2:before {
  content: "";
}

.rh-icon-trophy:before {
  content: "";
}

.rh-icon-gift:before {
  content: "";
}

.rh-icon-glass:before {
  content: "";
}

.rh-icon-glass2:before {
  content: "";
}

.rh-icon-mug:before {
  content: "";
}

.rh-icon-spoon-knife:before {
  content: "";
}

.rh-icon-leaf:before {
  content: "";
}

.rh-icon-rocket:before {
  content: "";
}

.rh-icon-meter:before {
  content: "";
}

.rh-icon-meter2:before {
  content: "";
}

.rh-icon-hammer2:before {
  content: "";
}

.rh-icon-fire:before {
  content: "";
}

.rh-icon-lab:before {
  content: "";
}

.rh-icon-magnet:before {
  content: "";
}

.rh-icon-bin:before {
  content: "";
}

.rh-icon-bin2:before {
  content: "";
}

.rh-icon-briefcase:before {
  content: "";
}

.rh-icon-airplane:before {
  content: "";
}

.rh-icon-truck:before {
  content: "";
}

.rh-icon-accessibility:before {
  content: "";
}

.rh-icon-target:before {
  content: "";
}

.rh-icon-shield:before {
  content: "";
}

.rh-icon-power:before {
  content: "";
}

.rh-icon-switch:before {
  content: "";
}

.rh-icon-power-cord:before {
  content: "";
}

.rh-icon-clipboard:before {
  content: "";
}

.rh-icon-list-numbered:before {
  content: "";
}

.rh-icon-list:before {
  content: "";
}

.rh-icon-list2:before {
  content: "";
}

.rh-icon-tree:before {
  content: "";
}

.rh-icon-menu:before {
  content: "";
}

.rh-icon-menu2:before {
  content: "";
}

.rh-icon-menu3:before {
  content: "";
}

.rh-icon-menu4:before {
  content: "";
}

.rh-icon-cloud:before {
  content: "";
}

.rh-icon-cloud-download:before {
  content: "";
}

.rh-icon-cloud-upload:before {
  content: "";
}

.rh-icon-cloud-check:before {
  content: "";
}

.rh-icon-download2:before {
  content: "";
}

.rh-icon-upload2:before {
  content: "";
}

.rh-icon-download3:before {
  content: "";
}

.rh-icon-upload3:before {
  content: "";
}

.rh-icon-sphere:before {
  content: "";
}

.rh-icon-earth:before {
  content: "";
}

.rh-icon-link:before {
  content: "";
}

.rh-icon-flag:before {
  content: "";
}

.rh-icon-attachment:before {
  content: "";
}

.rh-icon-eye:before {
  content: "";
}

.rh-icon-eye-plus:before {
  content: "";
}

.rh-icon-eye-minus:before {
  content: "";
}

.rh-icon-eye-blocked:before {
  content: "";
}

.rh-icon-bookmark:before {
  content: "";
}

.rh-icon-bookmarks:before {
  content: "";
}

.rh-icon-sun:before {
  content: "";
}

.rh-icon-contrast:before {
  content: "";
}

.rh-icon-brightness-contrast:before {
  content: "";
}

.rh-icon-star-empty:before {
  content: "";
}

.rh-icon-star-half:before {
  content: "";
}

.rh-icon-star-full:before {
  content: "";
}

.rh-icon-heart:before {
  content: "";
}

.rh-icon-heart-broken:before {
  content: "";
}

.rh-icon-man:before {
  content: "";
}

.rh-icon-woman:before {
  content: "";
}

.rh-icon-man-woman:before {
  content: "";
}

.rh-icon-happy:before {
  content: "";
}

.rh-icon-happy2:before {
  content: "";
}

.rh-icon-smile:before {
  content: "";
}

.rh-icon-smile2:before {
  content: "";
}

.rh-icon-tongue:before {
  content: "";
}

.rh-icon-tongue2:before {
  content: "";
}

.rh-icon-sad:before {
  content: "";
}

.rh-icon-sad2:before {
  content: "";
}

.rh-icon-wink:before {
  content: "";
}

.rh-icon-wink2:before {
  content: "";
}

.rh-icon-grin:before {
  content: "";
}

.rh-icon-grin2:before {
  content: "";
}

.rh-icon-cool:before {
  content: "";
}

.rh-icon-cool2:before {
  content: "";
}

.rh-icon-angry:before {
  content: "";
}

.rh-icon-angry2:before {
  content: "";
}

.rh-icon-evil:before {
  content: "";
}

.rh-icon-evil2:before {
  content: "";
}

.rh-icon-shocked:before {
  content: "";
}

.rh-icon-shocked2:before {
  content: "";
}

.rh-icon-baffled:before {
  content: "";
}

.rh-icon-baffled2:before {
  content: "";
}

.rh-icon-confused:before {
  content: "";
}

.rh-icon-confused2:before {
  content: "";
}

.rh-icon-neutral:before {
  content: "";
}

.rh-icon-neutral2:before {
  content: "";
}

.rh-icon-hipster:before {
  content: "";
}

.rh-icon-hipster2:before {
  content: "";
}

.rh-icon-wondering:before {
  content: "";
}

.rh-icon-wondering2:before {
  content: "";
}

.rh-icon-sleepy:before {
  content: "";
}

.rh-icon-sleepy2:before {
  content: "";
}

.rh-icon-frustrated:before {
  content: "";
}

.rh-icon-frustrated2:before {
  content: "";
}

.rh-icon-crying:before {
  content: "";
}

.rh-icon-crying2:before {
  content: "";
}

.rh-icon-point-up:before {
  content: "";
}

.rh-icon-point-right:before {
  content: "";
}

.rh-icon-point-down:before {
  content: "";
}

.rh-icon-point-left:before {
  content: "";
}

.rh-icon-warning:before {
  content: "";
}

.rh-icon-notification:before {
  content: "";
}

.rh-icon-question:before {
  content: "";
}

.rh-icon-plus:before {
  content: "";
}

.rh-icon-minus:before {
  content: "";
}

.rh-icon-info:before {
  content: "";
}

.rh-icon-cancel-circle:before {
  content: "";
}

.rh-icon-blocked:before {
  content: "";
}

.rh-icon-cross:before {
  content: "";
}

.rh-icon-checkmark:before {
  content: "";
}

.rh-icon-checkmark2:before {
  content: "";
}

.rh-icon-spell-check:before {
  content: "";
}

.rh-icon-enter:before {
  content: "";
}

.rh-icon-exit:before {
  content: "";
}

.rh-icon-play2:before {
  content: "";
}

.rh-icon-pause:before {
  content: "";
}

.rh-icon-stop:before {
  content: "";
}

.rh-icon-previous:before {
  content: "";
}

.rh-icon-next:before {
  content: "";
}

.rh-icon-backward:before {
  content: "";
}

.rh-icon-forward2:before {
  content: "";
}

.rh-icon-play3:before {
  content: "";
}

.rh-icon-pause2:before {
  content: "";
}

.rh-icon-stop2:before {
  content: "";
}

.rh-icon-backward2:before {
  content: "";
}

.rh-icon-forward3:before {
  content: "";
}

.rh-icon-first:before {
  content: "";
}

.rh-icon-last:before {
  content: "";
}

.rh-icon-previous2:before {
  content: "";
}

.rh-icon-next2:before {
  content: "";
}

.rh-icon-eject:before {
  content: "";
}

.rh-icon-volume-high:before {
  content: "";
}

.rh-icon-volume-medium:before {
  content: "";
}

.rh-icon-volume-low:before {
  content: "";
}

.rh-icon-volume-mute:before {
  content: "";
}

.rh-icon-volume-mute2:before {
  content: "";
}

.rh-icon-volume-increase:before {
  content: "";
}

.rh-icon-volume-decrease:before {
  content: "";
}

.rh-icon-loop:before {
  content: "";
}

.rh-icon-loop2:before {
  content: "";
}

.rh-icon-infinite:before {
  content: "";
}

.rh-icon-shuffle:before {
  content: "";
}

.rh-icon-arrow-up-left:before {
  content: "";
}

.rh-icon-arrow-up:before {
  content: "";
}

.rh-icon-arrow-up-right:before {
  content: "";
}

.rh-icon-arrow-right:before {
  content: "";
}

.rh-icon-arrow-down-right:before {
  content: "";
}

.rh-icon-arrow-down:before {
  content: "";
}

.rh-icon-arrow-down-left:before {
  content: "";
}

.rh-icon-arrow-left:before {
  content: "";
}

.rh-icon-arrow-up-left2:before {
  content: "";
}

.rh-icon-arrow-up2:before {
  content: "";
}

.rh-icon-arrow-up-right2:before {
  content: "";
}

.rh-icon-arrow-right2:before {
  content: "";
}

.rh-icon-arrow-down-right2:before {
  content: "";
}

.rh-icon-arrow-down2:before {
  content: "";
}

.rh-icon-arrow-down-left2:before {
  content: "";
}

.rh-icon-arrow-left2:before {
  content: "";
}

.rh-icon-circle-up:before {
  content: "";
}

.rh-icon-circle-right:before {
  content: "";
}

.rh-icon-circle-down:before {
  content: "";
}

.rh-icon-circle-left:before {
  content: "";
}

.rh-icon-tab:before {
  content: "";
}

.rh-icon-move-up:before {
  content: "";
}

.rh-icon-move-down:before {
  content: "";
}

.rh-icon-sort-alpha-asc:before {
  content: "";
}

.rh-icon-sort-alpha-desc:before {
  content: "";
}

.rh-icon-sort-numeric-asc:before {
  content: "";
}

.rh-icon-sort-numberic-desc:before {
  content: "";
}

.rh-icon-sort-amount-asc:before {
  content: "";
}

.rh-icon-sort-amount-desc:before {
  content: "";
}

.rh-icon-command:before {
  content: "";
}

.rh-icon-shift:before {
  content: "";
}

.rh-icon-ctrl:before {
  content: "";
}

.rh-icon-opt:before {
  content: "";
}

.rh-icon-checkbox-checked:before {
  content: "";
}

.rh-icon-checkbox-unchecked:before {
  content: "";
}

.rh-icon-radio-checked:before {
  content: "";
}

.rh-icon-radio-checked2:before {
  content: "";
}

.rh-icon-radio-unchecked:before {
  content: "";
}

.rh-icon-crop:before {
  content: "";
}

.rh-icon-make-group:before {
  content: "";
}

.rh-icon-ungroup:before {
  content: "";
}

.rh-icon-scissors:before {
  content: "";
}

.rh-icon-filter:before {
  content: "";
}

.rh-icon-font:before {
  content: "";
}

.rh-icon-ligature:before {
  content: "";
}

.rh-icon-ligature2:before {
  content: "";
}

.rh-icon-text-height:before {
  content: "";
}

.rh-icon-text-width:before {
  content: "";
}

.rh-icon-font-size:before {
  content: "";
}

.rh-icon-bold:before {
  content: "";
}

.rh-icon-underline:before {
  content: "";
}

.rh-icon-italic:before {
  content: "";
}

.rh-icon-strikethrough:before {
  content: "";
}

.rh-icon-omega:before {
  content: "";
}

.rh-icon-sigma:before {
  content: "";
}

.rh-icon-page-break:before {
  content: "";
}

.rh-icon-superscript:before {
  content: "";
}

.rh-icon-subscript:before {
  content: "";
}

.rh-icon-superscript2:before {
  content: "";
}

.rh-icon-subscript2:before {
  content: "";
}

.rh-icon-text-color:before {
  content: "";
}

.rh-icon-pagebreak:before {
  content: "";
}

.rh-icon-clear-formatting:before {
  content: "";
}

.rh-icon-table:before {
  content: "";
}

.rh-icon-table2:before {
  content: "";
}

.rh-icon-insert-template:before {
  content: "";
}

.rh-icon-pilcrow:before {
  content: "";
}

.rh-icon-ltr:before {
  content: "";
}

.rh-icon-rtl:before {
  content: "";
}

.rh-icon-section:before {
  content: "";
}

.rh-icon-paragraph-left:before {
  content: "";
}

.rh-icon-paragraph-center:before {
  content: "";
}

.rh-icon-paragraph-right:before {
  content: "";
}

.rh-icon-paragraph-justify:before {
  content: "";
}

.rh-icon-indent-increase:before {
  content: "";
}

.rh-icon-indent-decrease:before {
  content: "";
}

.rh-icon-share:before {
  content: "";
}

.rh-icon-new-tab:before {
  content: "";
}

.rh-icon-embed:before {
  content: "";
}

.rh-icon-embed2:before {
  content: "";
}

.rh-icon-terminal:before {
  content: "";
}

.rh-icon-share2:before {
  content: "";
}

.rh-icon-mail:before {
  content: "";
}

.rh-icon-mail2:before {
  content: "";
}

.rh-icon-mail3:before {
  content: "";
}

.rh-icon-mail4:before {
  content: "";
}

.rh-icon-amazon:before {
  content: "";
}

.rh-icon-google:before {
  content: "";
}

.rh-icon-google2:before {
  content: "";
}

.rh-icon-google3:before {
  content: "";
}

.rh-icon-google-plus:before {
  content: "";
}

.rh-icon-google-plus2:before {
  content: "";
}

.rh-icon-google-plus3:before {
  content: "";
}

.rh-icon-hangouts:before {
  content: "";
}

.rh-icon-google-drive:before {
  content: "";
}

.rh-icon-facebook:before {
  content: "";
}

.rh-icon-facebook2:before {
  content: "";
}

.rh-icon-instagram:before {
  content: "";
}

.rh-icon-whatsapp:before {
  content: "";
}

.rh-icon-spotify:before {
  content: "";
}

.rh-icon-telegram:before {
  content: "";
}

.rh-icon-twitter:before {
  content: "";
}

.rh-icon-vine:before {
  content: "";
}

.rh-icon-vk:before {
  content: "";
}

.rh-icon-renren:before {
  content: "";
}

.rh-icon-sina-weibo:before {
  content: "";
}

.rh-icon-rss:before {
  content: "";
}

.rh-icon-rss2:before {
  content: "";
}

.rh-icon-youtube:before {
  content: "";
}

.rh-icon-youtube2:before {
  content: "";
}

.rh-icon-twitch:before {
  content: "";
}

.rh-icon-vimeo:before {
  content: "";
}

.rh-icon-vimeo2:before {
  content: "";
}

.rh-icon-lanyrd:before {
  content: "";
}

.rh-icon-flickr:before {
  content: "";
}

.rh-icon-flickr2:before {
  content: "";
}

.rh-icon-flickr3:before {
  content: "";
}

.rh-icon-flickr4:before {
  content: "";
}

.rh-icon-dribbble:before {
  content: "";
}

.rh-icon-behance:before {
  content: "";
}

.rh-icon-behance2:before {
  content: "";
}

.rh-icon-deviantart:before {
  content: "";
}

.rh-icon-500px:before {
  content: "";
}

.rh-icon-steam:before {
  content: "";
}

.rh-icon-steam2:before {
  content: "";
}

.rh-icon-dropbox:before {
  content: "";
}

.rh-icon-onedrive:before {
  content: "";
}

.rh-icon-github:before {
  content: "";
}

.rh-icon-npm:before {
  content: "";
}

.rh-icon-basecamp:before {
  content: "";
}

.rh-icon-trello:before {
  content: "";
}

.rh-icon-wordpress:before {
  content: "";
}

.rh-icon-joomla:before {
  content: "";
}

.rh-icon-ello:before {
  content: "";
}

.rh-icon-blogger:before {
  content: "";
}

.rh-icon-blogger2:before {
  content: "";
}

.rh-icon-tumblr:before {
  content: "";
}

.rh-icon-tumblr2:before {
  content: "";
}

.rh-icon-yahoo:before {
  content: "";
}

.rh-icon-yahoo2:before {
  content: "";
}

.rh-icon-tux:before {
  content: "";
}

.rh-icon-appleinc:before {
  content: "";
}

.rh-icon-finder:before {
  content: "";
}

.rh-icon-android:before {
  content: "";
}

.rh-icon-windows:before {
  content: "";
}

.rh-icon-windows8:before {
  content: "";
}

.rh-icon-soundcloud:before {
  content: "";
}

.rh-icon-soundcloud2:before {
  content: "";
}

.rh-icon-skype:before {
  content: "";
}

.rh-icon-reddit:before {
  content: "";
}

.rh-icon-hackernews:before {
  content: "";
}

.rh-icon-wikipedia:before {
  content: "";
}

.rh-icon-linkedin:before {
  content: "";
}

.rh-icon-linkedin2:before {
  content: "";
}

.rh-icon-lastfm:before {
  content: "";
}

.rh-icon-lastfm2:before {
  content: "";
}

.rh-icon-delicious:before {
  content: "";
}

.rh-icon-stumbleupon:before {
  content: "";
}

.rh-icon-stumbleupon2:before {
  content: "";
}

.rh-icon-stackoverflow:before {
  content: "";
}

.rh-icon-pinterest:before {
  content: "";
}

.rh-icon-pinterest2:before {
  content: "";
}

.rh-icon-xing:before {
  content: "";
}

.rh-icon-xing2:before {
  content: "";
}

.rh-icon-flattr:before {
  content: "";
}

.rh-icon-foursquare:before {
  content: "";
}

.rh-icon-yelp:before {
  content: "";
}

.rh-icon-paypal:before {
  content: "";
}

.rh-icon-chrome:before {
  content: "";
}

.rh-icon-firefox:before {
  content: "";
}

.rh-icon-IE:before {
  content: "";
}

.rh-icon-edge:before {
  content: "";
}

.rh-icon-safari:before {
  content: "";
}

.rh-icon-opera:before {
  content: "";
}

.rh-icon-file-pdf:before {
  content: "";
}

.rh-icon-file-openoffice:before {
  content: "";
}

.rh-icon-file-word:before {
  content: "";
}

.rh-icon-file-excel:before {
  content: "";
}

.rh-icon-libreoffice:before {
  content: "";
}

.rh-icon-html-five:before {
  content: "";
}

.rh-icon-html-five2:before {
  content: "";
}

.rh-icon-css3:before {
  content: "";
}

.rh-icon-git:before {
  content: "";
}

.rh-icon-codepen:before {
  content: "";
}

.rh-icon-svg:before {
  content: "";
}

.rh-icon-IcoMoon:before {
  content: "";
}

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

    Funktion    plugin memo-useful-image-map.js
    Authors     mac signer
    Datum       24.06.18

*****************************************************************************/
.canvas-image-wrap {
  position: relative;
  z-index: 1;
}
.canvas-image-wrap img {
  position: relative;
  z-index: 100;
}
.canvas-image-wrap canvas {
  position: absolute;
  top: 0;
  left: 0;
}

/* **************************************************************************
 *  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("/node_modules/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* 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: "Ringgishalde";
  font-size: 20px;
  line-height: 1;
  color: #060a0a;
  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: "Ringgishalde";
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
  color: rgba(6, 10, 10, 0.6);
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #060a0a;
  opacity: 0.75;
}

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

    Funktion    rocksolid columns overwrite

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

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

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

    Funktion    Rocksolid Grid alternative with custom gutter width
    Authors
    Datum

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

.columns-scheme {
	@include columns-scheme(7 5 3, 0px);
}
*/
.columns-1 > * {
  float: left;
}
.columns-1 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (0 * 1.6rem)) / 1 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-2 > * {
  float: left;
}
.columns-2 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (1 * 1.6rem)) / 2 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-3 > * {
  float: left;
}
.columns-3 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (2 * 1.6rem)) / 3 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-4 > * {
  float: left;
}
.columns-4 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (3 * 1.6rem)) / 4 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-5 > * {
  float: left;
}
.columns-5 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (4 * 1.6rem)) / 5 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-6 > * {
  float: left;
}
.columns-6 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (5 * 1.6rem)) / 6 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.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;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.columns-11-1 > * {
  float: left;
}
.columns-11-1 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-11-1 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-11-1 > *:nth-child(2n+1) {
  clear: left;
}
.columns-11-1 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-11-1:nth-child(1) {
  margin-top: 0;
}
.columns-11-1:nth-child(2) {
  margin-top: 0;
}
.columns-11-1::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-10-2 > * {
  float: left;
}
.columns-10-2 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-10-2 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-10-2 > *:nth-child(2n+1) {
  clear: left;
}
.columns-10-2 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-10-2:nth-child(1) {
  margin-top: 0;
}
.columns-10-2:nth-child(2) {
  margin-top: 0;
}
.columns-10-2::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-9-3 > * {
  float: left;
}
.columns-9-3 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-9-3 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-9-3 > *:nth-child(2n+1) {
  clear: left;
}
.columns-9-3 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-9-3:nth-child(1) {
  margin-top: 0;
}
.columns-9-3:nth-child(2) {
  margin-top: 0;
}
.columns-9-3::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-8-4 > * {
  float: left;
}
.columns-8-4 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-8-4 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-8-4 > *:nth-child(2n+1) {
  clear: left;
}
.columns-8-4 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-8-4:nth-child(1) {
  margin-top: 0;
}
.columns-8-4:nth-child(2) {
  margin-top: 0;
}
.columns-8-4::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-7-5 > * {
  float: left;
}
.columns-7-5 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-7-5 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-7-5 > *:nth-child(2n+1) {
  clear: left;
}
.columns-7-5 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-7-5:nth-child(1) {
  margin-top: 0;
}
.columns-7-5:nth-child(2) {
  margin-top: 0;
}
.columns-7-5::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-6-6 > * {
  float: left;
}
.columns-6-6 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-6-6 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-6-6 > *:nth-child(2n+1) {
  clear: left;
}
.columns-6-6 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-6-6:nth-child(1) {
  margin-top: 0;
}
.columns-6-6:nth-child(2) {
  margin-top: 0;
}
.columns-6-6::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-5-7 > * {
  float: left;
}
.columns-5-7 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-5-7 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-5-7 > *:nth-child(2n+1) {
  clear: left;
}
.columns-5-7 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-5-7:nth-child(1) {
  margin-top: 0;
}
.columns-5-7:nth-child(2) {
  margin-top: 0;
}
.columns-5-7::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-4-8 > * {
  float: left;
}
.columns-4-8 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-4-8 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-4-8 > *:nth-child(2n+1) {
  clear: left;
}
.columns-4-8 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-4-8:nth-child(1) {
  margin-top: 0;
}
.columns-4-8:nth-child(2) {
  margin-top: 0;
}
.columns-4-8::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-3-9 > * {
  float: left;
}
.columns-3-9 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-3-9 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-3-9 > *:nth-child(2n+1) {
  clear: left;
}
.columns-3-9 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-3-9:nth-child(1) {
  margin-top: 0;
}
.columns-3-9:nth-child(2) {
  margin-top: 0;
}
.columns-3-9::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-2-10 > * {
  float: left;
}
.columns-2-10 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-2-10 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-2-10 > *:nth-child(2n+1) {
  clear: left;
}
.columns-2-10 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-2-10:nth-child(1) {
  margin-top: 0;
}
.columns-2-10:nth-child(2) {
  margin-top: 0;
}
.columns-2-10::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

.columns-1-11 > * {
  float: left;
}
.columns-1-11 > *:nth-child(2n+1) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-1-11 > *:nth-child(2n+2) {
  clear: none;
  width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.columns-1-11 > *:nth-child(2n+1) {
  clear: left;
}
.columns-1-11 > *:nth-child(2n+2) {
  margin-right: 0;
}
.columns-1-11:nth-child(1) {
  margin-top: 0;
}
.columns-1-11:nth-child(2) {
  margin-top: 0;
}
.columns-1-11::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

@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 * 1.6rem)) / 1 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-2 > * {
    float: left;
  }
  .columns-medium-2 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (1 * 1.6rem)) / 2 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-3 > * {
    float: left;
  }
  .columns-medium-3 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (2 * 1.6rem)) / 3 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-4 > * {
    float: left;
  }
  .columns-medium-4 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (3 * 1.6rem)) / 4 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-5 > * {
    float: left;
  }
  .columns-medium-5 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (4 * 1.6rem)) / 5 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-6 > * {
    float: left;
  }
  .columns-medium-6 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (5 * 1.6rem)) / 6 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .columns-medium-11-1 > * {
    float: left;
  }
  .columns-medium-11-1 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-11-1 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-11-1 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-11-1 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-11-1:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-11-1:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-11-1::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-10-2 > * {
    float: left;
  }
  .columns-medium-10-2 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-10-2 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-10-2 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-10-2 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-10-2:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-10-2:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-10-2::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-9-3 > * {
    float: left;
  }
  .columns-medium-9-3 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-9-3 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-9-3 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-9-3 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-9-3:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-9-3:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-9-3::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-8-4 > * {
    float: left;
  }
  .columns-medium-8-4 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-8-4 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-8-4 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-8-4 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-8-4:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-8-4:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-8-4::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-7-5 > * {
    float: left;
  }
  .columns-medium-7-5 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-7-5 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-7-5 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-7-5 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-7-5:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-7-5:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-7-5::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-6-6 > * {
    float: left;
  }
  .columns-medium-6-6 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-6-6 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-6-6 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-6-6 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-6-6:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-6-6:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-6-6::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-5-7 > * {
    float: left;
  }
  .columns-medium-5-7 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-5-7 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-5-7 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-5-7 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-5-7:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-5-7:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-5-7::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-4-8 > * {
    float: left;
  }
  .columns-medium-4-8 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-4-8 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-4-8 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-4-8 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-4-8:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-4-8:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-4-8::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-3-9 > * {
    float: left;
  }
  .columns-medium-3-9 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-3-9 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-3-9 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-3-9 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-3-9:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-3-9:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-3-9::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-2-10 > * {
    float: left;
  }
  .columns-medium-2-10 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-2-10 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-2-10 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-2-10 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-2-10:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-2-10:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-2-10::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-medium-1-11 > * {
    float: left;
  }
  .columns-medium-1-11 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-1-11 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-medium-1-11 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-1-11 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-1-11:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-1-11:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-1-11::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }
}
@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 * 1.6rem)) / 1 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-2 > * {
    float: left;
  }
  .columns-small-2 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (1 * 1.6rem)) / 2 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-3 > * {
    float: left;
  }
  .columns-small-3 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (2 * 1.6rem)) / 3 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-4 > * {
    float: left;
  }
  .columns-small-4 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (3 * 1.6rem)) / 4 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-5 > * {
    float: left;
  }
  .columns-small-5 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (4 * 1.6rem)) / 5 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-6 > * {
    float: left;
  }
  .columns-small-6 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (5 * 1.6rem)) / 6 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .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;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .columns-small-11-1 > * {
    float: left;
  }
  .columns-small-11-1 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-11-1 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-11-1 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-11-1 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-11-1:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-11-1:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-11-1::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-10-2 > * {
    float: left;
  }
  .columns-small-10-2 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-10-2 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-10-2 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-10-2 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-10-2:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-10-2:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-10-2::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-9-3 > * {
    float: left;
  }
  .columns-small-9-3 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-9-3 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-9-3 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-9-3 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-9-3:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-9-3:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-9-3::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-8-4 > * {
    float: left;
  }
  .columns-small-8-4 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-8-4 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-8-4 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-8-4 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-8-4:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-8-4:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-8-4::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-7-5 > * {
    float: left;
  }
  .columns-small-7-5 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-7-5 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-7-5 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-7-5 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-7-5:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-7-5:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-7-5::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-6-6 > * {
    float: left;
  }
  .columns-small-6-6 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-6-6 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 6 + 5 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-6-6 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-6-6 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-6-6:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-6-6:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-6-6::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-5-7 > * {
    float: left;
  }
  .columns-small-5-7 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 5 + 4 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-5-7 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 7 + 6 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-5-7 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-5-7 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-5-7:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-5-7:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-5-7::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-4-8 > * {
    float: left;
  }
  .columns-small-4-8 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 4 + 3 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-4-8 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 8 + 7 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-4-8 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-4-8 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-4-8:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-4-8:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-4-8::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-3-9 > * {
    float: left;
  }
  .columns-small-3-9 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 3 + 2 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-3-9 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 9 + 8 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-3-9 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-3-9 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-3-9:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-3-9:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-3-9::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-2-10 > * {
    float: left;
  }
  .columns-small-2-10 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 2 + 1 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-2-10 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 10 + 9 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-2-10 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-2-10 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-2-10:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-2-10:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-2-10::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }

  .columns-small-1-11 > * {
    float: left;
  }
  .columns-small-1-11 > *:nth-child(2n+1) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 1 + 0 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-1-11 > *:nth-child(2n+2) {
    clear: none;
    width: calc( (100% - (11 * 1.6rem)) / 12 * 11 + 10 * 1.6rem - 0.01px );
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .columns-small-1-11 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-1-11 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-1-11:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-1-11:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-1-11::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    icon-to-top module
    Authors     mac signer

*****************************************************************************/
/*
.icon-to-top

Styleguide classes.icon-to-top
*/
.icon-to-top {
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  font-size: 1.4em;
  text-align: center;
  background-color: #35413B;
}
.icon-to-top::before {
  content: "";
  display: block;
  width: 0.33em;
  height: 0.33em;
  border: 1px solid #FFF;
  border-width: 1px 1px 0 0;
  transform: translateY(33%) rotate(-45deg);
  transition: transform 0.8s;
}
.icon-to-top:hover::before {
  transform: translateY(0) rotate(-45deg);
  transition-duration: 0.3s;
}

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

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

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

/*
Helper

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

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

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

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

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

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

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

/*
.remove-margin-*

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

---

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

---

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

---

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

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

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

.remove-margin-bottom {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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: 75em) {
  .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;
  }
}

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

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

body {
  font-family: "Source Sans Pro";
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 37.5em) {
  body {
    font-size: 2rem;
  }
}

body {
  color: #35413B;
}

.color-scheme-black {
  color: #000;
}

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

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

h1,
.h1 {
  position: relative;
  font-family: "Ubuntu";
  font-size: 6.8rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 37.5em) {
  h1,
.h1 {
    font-size: 4.76rem;
  }
}

h2,
.h2,
.description-image__description {
  font-family: "Ubuntu";
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 37.5em) {
  h2,
.h2,
.description-image__description {
    font-size: 2.45rem;
  }
}

h3,
.h3 {
  font-family: "Ubuntu";
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0;
}

h4,
.h4 {
  font-family: "Ubuntu";
  font-weight: 700;
}

h5,
.h5 {
  font-family: "Ubuntu";
  font-weight: 700;
}

h6,
.h6 {
  font-family: "Ubuntu";
  font-weight: 700;
}

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

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid #35413B;
  outline-offset: -1px;
  transition: outline 0.4s;
}

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(53, 65, 59, 0.6);
}

::selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(53, 65, 59, 0.6);
}

hr {
  margin-top: 6.8rem;
  margin-bottom: 6.8rem;
  color: lightgrey;
  opacity: 0.6;
}

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

input,
select,
button,
textarea {
  display: block;
  width: 100%;
  margin-bottom: 3.4rem;
  padding: 0.4rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  transition: color 0.4s, background 0.4s;
}
input,
select,
button,
textarea {
  border-color: #35413B;
}
.color-scheme-black input,
.color-scheme-black select,
.color-scheme-black button,
.color-scheme-black textarea {
  border-color: #000;
}

label {
  display: block;
}

[type=button],
[type=submit],
button {
  transition: color 0.4s, background 0.8s;
  cursor: pointer;
}
[type=button],
[type=submit],
button {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black [type=button],
.color-scheme-black [type=submit],
.color-scheme-black button {
  background-color: #000;
  color: #FFF;;
}
[type=button]:hover,
[type=submit]:hover,
button:hover {
  transition-duration: 0.2s, 0.4s;
}
[type=button]:hover,
[type=submit]:hover,
button:hover {
  color: #35413B;
  background-color: #FFF;;
}
.color-scheme-black [type=button]:hover,
.color-scheme-black [type=submit]:hover,
.color-scheme-black button:hover {
  color: #000;
  background-color: #FFF;;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table a {
  color: inherit;
}

caption,
th {
  font-weight: inherit;
}

caption {
  margin-bottom: 1.7rem;
  font-family: "Source Sans Pro";
  font-size: inherit;
  font-weight: 700;
  letter-spacing: 0;
}

th,
td {
  padding: 2rem 2.4rem 2rem 0.2rem;
}

tr {
  border-width: 0 0 1px;
  border-style: solid;
}
tr {
  border-color: #35413B;
}
.color-scheme-black tr {
  border-color: #000;
}
tr,
tr a {
  transition: none;
}
tbody tr:hover, tbody tr.click, tbody tr.hover {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black tbody tr:hover, .color-scheme-black tbody tr.click, .color-scheme-black tbody tr.hover {
  background-color: #000;
  color: #FFF;;
}
tbody tr:hover,
tbody tr:hover a, tbody tr.click,
tbody tr.click a, tbody tr.hover,
tbody tr.hover a {
  transition-duration: 0s;
}

thead tr {
  border-bottom-width: 2px;
}

.main-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-header,
.main-footer {
  flex: 0 0 auto;
}

.main-container {
  flex: 1 0 auto;
}
.main-container--no-header {
  margin-top: 15.6rem;
}
@media screen and (max-width: 56.25em) {
  .main-container--no-header {
    margin-top: 8.4rem;
  }
}

.base-width, .header-area .link-boxes, .main .mod_article > * {
  width: 98%;
  width: calc(100% - 2 * 2rem);
  max-width: 120rem;
  margin-right: auto;
  margin-left: auto;
}
.base-width--full-width, .main .mod_article > *.full-width {
  width: auto;
  max-width: none;
}

.main .mod_article > *.full-width.ce_image img {
  width: 100%;
}

/**
 * Header
 */
.main-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  padding-top: 4.4rem;
  padding-bottom: 4rem;
  color: #FFF;
  background-color: #35413B;
  transition: padding 0.5s;
}
@media screen and (max-width: 56.25em) {
  .main-header {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
}
.main-header.has-scrolled {
  padding-top: 1.2rem;
  padding-bottom: 1rem;
}

.header-wrapper {
  position: relative;
}
.header-wrapper ul {
  margin: 0;
}
.header-wrapper .logo {
  transition: width 1s;
}
.has-scrolled .header-wrapper .logo {
  width: 10rem;
}
.header-wrapper .logo-path {
  fill: #35413B;
}
.color-scheme-black .header-wrapper .logo-path {
  fill: #000;
}
.header-wrapper .menu {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.header-wrapper .menu .mod_navigation {
  text-align: center;
}
.header-wrapper .menu .mod_navigation a,
.header-wrapper .menu .mod_navigation strong {
  position: relative;
  z-index: 10;
  white-space: nowrap;
  color: #FFF;
  transition: color 0.2s 0.2s;
}
.header-wrapper .menu .mod_navigation > ul {
  line-height: 1;
}
.header-wrapper .menu .mod_navigation > ul > li {
  display: inline-block;
  position: relative;
}
.header-wrapper .menu .mod_navigation > ul > li > a::after, .header-wrapper .menu .mod_navigation > ul > li > strong::after {
  content: attr(data-name);
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1.2em;
  font-size: 1em;
  color: #FFF;
  opacity: 0;
  transition: top, height, margin, opacity, font-size, color, background;
  transition-duration: 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.4s;
}
.header-wrapper .menu .mod_navigation > ul > li:hover > a::after,
.header-wrapper .menu .mod_navigation > ul > li:hover > strong::after, .header-wrapper .menu .mod_navigation > ul > li.active > a::after,
.header-wrapper .menu .mod_navigation > ul > li.active > strong::after, .header-wrapper .menu .mod_navigation > ul > li.trail > a::after,
.header-wrapper .menu .mod_navigation > ul > li.trail > strong::after {
  top: 100%;
  top: calc(100% + .2em);
  height: 4px;
  background-color: #FFF;
  opacity: 1;
  transition-duration: 0.4s;
}
.header-wrapper .menu .mod_navigation > ul > li:not(:last-child) {
  margin-right: 4.4rem;
}
.header-wrapper .menu .mod_navigation ul ul {
  background-color: #35413B;
}
.header-wrapper .menu .mod_navigation ul ul a,
.header-wrapper .menu .mod_navigation ul ul strong {
  min-height: 1.7em;
  padding: 0.4rem 1rem;
}
.header-wrapper .menu .mod_navigation ul a,
.header-wrapper .menu .mod_navigation ul strong {
  display: block;
  padding: 0;
  font-weight: inherit;
}
.header-wrapper .menu .mod_navigation ul li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  padding-top: 2rem;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -10px);
  transition: opacity 0.4s, transform 0.4s, visibility 0s 0.4s;
}
.header-wrapper .menu .mod_navigation ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  transition-delay: 0s, 0s, 0s;
}

/**
 * header area
 */
.header-area {
  position: relative;
  padding-top: 14rem;
}
@media screen and (max-width: 56.25em) {
  .header-area {
    padding-top: 8rem;
  }
}
.header-area .ce_image img {
  width: 100%;
}
.header-area .link-boxes {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  animation: fadeInDown 3.2s forwards;
}
@media screen and (max-width: 56.25em) {
  .header-area .link-boxes {
    position: relative;
    margin-top: -4rem;
    margin-top: -10vmin;
  }
}
.header-area .link-boxes > ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header-area .link-boxes > ul > * {
  width: 50%;
}
@media screen and (max-width: 56.25em) {
  .header-area .link-boxes > ul > * {
    width: 100%;
  }
}
.header-area .dlh_googlemap {
  padding-bottom: 30% !important;
}

/**
 * Main content
 */
.main .mod_article > .ce_image img {
  margin-top: 6.8rem;
}

/**
 * Footer
 */
.main-footer {
  position: relative;
  margin-top: 11rem;
  padding-top: 4rem;
  padding-bottom: 3.4rem;
}
.main-footer {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black .main-footer {
  background-color: #000;
  color: #FFF;;
}
.main-footer a {
  color: inherit;
}

.footer-area h5,
.footer-area h6 {
  margin-top: 0;
}
.footer-area .mod_navigation a,
.footer-area .mod_navigation strong,
.footer-area .mod_customnav a,
.footer-area .mod_customnav strong {
  font-weight: inherit;
  text-decoration: underline;
}

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

    Funktion    header-view module
    Authors     mac signer

*****************************************************************************/
.header-view {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media screen and (max-width: 56.25em) {
  .header-view {
    align-items: center;
  }
}
.header-view__logo, .header-view__menu {
  flex: 0 1 auto;
}
.header-view__menu {
  margin-left: auto;
}
@media screen and (max-width: 56.25em) {
  .header-view__logo .h2, .header-view__logo .description-image__description {
    font-size: 3rem;
    font-size: calc(1.6rem + 1vw);
  }
}

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

    Funktion    float module
    Authors

*****************************************************************************/
.float_left {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.float_right {
  float: right;
  margin-bottom: 1em;
  margin-left: 2em;
}

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

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

    Funktion    ce_text text-container module
    Authors     mac signer

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

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

    Funktion      ce_player bem module

*****************************************************************************/
/*
.ce_player

Styleguide classes.ce_player
*/
.ce_player__aspec {
  position: relative;
  height: 0;
}
.ce_player__aspec > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}
.ce_player .mediaelementwrapper {
  display: block;
  width: 100%;
  height: 100%;
}
.ce_player video {
  width: 100%;
  height: 100%;
}
.ce_player button {
  background-color: transparent !important;
}

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

    Funktion      mejs bem module

*****************************************************************************/
/*
.mejs

Styleguide classes.mejs
*/
.mejs__layer {
  width: 100% !important;
  height: 100% !important;
}

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

    Funktion      ce_gallery bem module

*****************************************************************************/
/*
.ce_gallery

Styleguide classes.ce_gallery
*/
.ce_gallery .cols_2 > * {
  float: left;
}
.ce_gallery .cols_2 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (1 * 1.6rem)) / 2 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.ce_gallery .cols_2 > *:nth-of-type(2n+1) {
  clear: left;
}
.ce_gallery .cols_2 > *:nth-of-type(2n+2) {
  margin-right: 0;
}
.ce_gallery .cols_2:nth-of-type(1) {
  margin-top: 0;
}
.ce_gallery .cols_2:nth-of-type(2) {
  margin-top: 0;
}
.ce_gallery .cols_2::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}
.ce_gallery .cols_3 > * {
  float: left;
}
.ce_gallery .cols_3 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (2 * 1.6rem)) / 3 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.ce_gallery .cols_3 > *:nth-of-type(3n+1) {
  clear: left;
}
.ce_gallery .cols_3 > *:nth-of-type(3n+3) {
  margin-right: 0;
}
.ce_gallery .cols_3:nth-of-type(1) {
  margin-top: 0;
}
.ce_gallery .cols_3:nth-of-type(2) {
  margin-top: 0;
}
.ce_gallery .cols_3:nth-of-type(3) {
  margin-top: 0;
}
.ce_gallery .cols_3::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}
.ce_gallery .cols_4 > * {
  float: left;
}
.ce_gallery .cols_4 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (3 * 1.6rem)) / 4 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.ce_gallery .cols_4 > *:nth-of-type(4n+1) {
  clear: left;
}
.ce_gallery .cols_4 > *:nth-of-type(4n+4) {
  margin-right: 0;
}
.ce_gallery .cols_4:nth-of-type(1) {
  margin-top: 0;
}
.ce_gallery .cols_4:nth-of-type(2) {
  margin-top: 0;
}
.ce_gallery .cols_4:nth-of-type(3) {
  margin-top: 0;
}
.ce_gallery .cols_4:nth-of-type(4) {
  margin-top: 0;
}
.ce_gallery .cols_4::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}
.ce_gallery .cols_5 > * {
  float: left;
}
.ce_gallery .cols_5 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (4 * 1.6rem)) / 5 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.ce_gallery .cols_5 > *:nth-of-type(5n+1) {
  clear: left;
}
.ce_gallery .cols_5 > *:nth-of-type(5n+5) {
  margin-right: 0;
}
.ce_gallery .cols_5:nth-of-type(1) {
  margin-top: 0;
}
.ce_gallery .cols_5:nth-of-type(2) {
  margin-top: 0;
}
.ce_gallery .cols_5:nth-of-type(3) {
  margin-top: 0;
}
.ce_gallery .cols_5:nth-of-type(4) {
  margin-top: 0;
}
.ce_gallery .cols_5:nth-of-type(5) {
  margin-top: 0;
}
.ce_gallery .cols_5::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}
.ce_gallery .cols_6 > * {
  float: left;
}
.ce_gallery .cols_6 > *:nth-of-type(1n) {
  clear: none;
  width: calc((100% - (5 * 1.6rem)) / 6 - 0.01px);
  margin-right: calc(1.6rem);
  margin-bottom: 1.6rem;
}
.ce_gallery .cols_6 > *:nth-of-type(6n+1) {
  clear: left;
}
.ce_gallery .cols_6 > *:nth-of-type(6n+6) {
  margin-right: 0;
}
.ce_gallery .cols_6:nth-of-type(1) {
  margin-top: 0;
}
.ce_gallery .cols_6:nth-of-type(2) {
  margin-top: 0;
}
.ce_gallery .cols_6:nth-of-type(3) {
  margin-top: 0;
}
.ce_gallery .cols_6:nth-of-type(4) {
  margin-top: 0;
}
.ce_gallery .cols_6:nth-of-type(5) {
  margin-top: 0;
}
.ce_gallery .cols_6:nth-of-type(6) {
  margin-top: 0;
}
.ce_gallery .cols_6::after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  flex: 0 0 100%;
  height: 0;
  visibility: hidden;
}

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

    Funktion      aspect bem module

*****************************************************************************/
/*
.aspect

Styleguide classes.aspect
*/
.aspect {
  position: relative;
  height: 0;
  padding: 56.25% 0 0;
}
.aspect > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

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

    Funktion      icon bem module

*****************************************************************************/
/*
.icon

Styleguide classes.icon
*/
.icon {
  display: inline-block;
  vertical-align: middle;
}

.icon-stroke {
  stroke: #35413B;
}
.color-scheme-black .icon-stroke {
  stroke: #000;
}

.icon-fill {
  fill: #35413B;
}
.color-scheme-black .icon-fill {
  fill: #000;
}

.icon-plus {
  width: 3rem;
  height: 3rem;
  background-image: url("/files/template/img/icons/icon_plus.svg");
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.icon-close {
  display: inline-block;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 56.25em) {
  .icon-close {
    width: 2rem;
    height: 2rem;
  }
}
.icon-close::before, .icon-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
}
.icon-close::before, .icon-close::after {
  background-color: #35413B;
}
.color-scheme-black .icon-close::before, .color-scheme-black .icon-close::after {
  background-color: #000;
}
.icon-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.icon-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.icon-magnifying-glass {
  width: 1.8rem;
  height: 1.9rem;
  background-image: url("/files/template/img/icons/icon_magnifying_glass.svg");
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.icon-hamburger {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 2.6rem;
  border: 2px solid #FFF;
  border-width: 2px 0;
}
.icon-hamburger::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  transform: translateY(-50%);
}

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

    Funktion      media-helper bem module

*****************************************************************************/
/*
.media-helper

Styleguide classes.media-helper
*/
@media screen and (max-width: 75em) {
  .desktop-small-hide {
    display: none;
  }
}

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

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

.tablet-only {
  display: none;
}
@media screen and (max-width: 56.25em) {
  .tablet-only {
    display: block;
  }
}

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

    Funktion      sticky-map bem module

*****************************************************************************/
/*
.sticky-map

Styleguide classes.sticky-map
*/
@media screen and (min-height: 80em/1.6) {
  .sticky-map {
    position: sticky;
    top: 9rem;
    z-index: 10;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8);
    transition: top 0.4s;
  }
}

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

    Funktion      link-boxes bem module

*****************************************************************************/
/*
.link-boxes

Styleguide classes.link-boxes
*/
.link-boxes > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 -0.8rem 3.4rem;
}
@media screen and (max-width: 37.5em) {
  .link-boxes > ul {
    display: block;
  }
}
.link-boxes > ul > * {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0.8rem;
  -webkit-box-flex: 0;
}
@media screen and (max-width: 75em) {
  .link-boxes > ul > * {
    width: 50%;
  }
}
@media screen and (max-width: 37.5em) {
  .link-boxes > ul > * {
    width: auto;
  }
}

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

    Funktion      image-map bem module

*****************************************************************************/
/*
.image-map

Styleguide classes.image-map
*/
@media screen and (max-width: 75em) {
  .image-map {
    display: none;
  }
}
.image-map img,
.image-map canvas {
  margin-top: 3.4rem;
  margin-bottom: 1rem;
}
.image-map canvas {
  opacity: 0.2;
}
.image-map canvas.state-hover {
  opacity: 0.8;
}
.image-map canvas.state-click {
  opacity: 1;
}

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

    Funktion      apartments bem module

*****************************************************************************/
/*
.apartments

Styleguide classes.apartments
*/
.apartments > :last-child {
  margin-bottom: 10.2rem;
}
.apartments .caption {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
}
.apartments tr:hover .icon-stroke,
.apartments tr.hover .icon-stroke,
.apartments tr.click .icon-stroke {
  stroke: #FFF;;
}
.color-scheme-black .apartments tr:hover .icon-stroke,
.color-scheme-black .apartments tr.hover .icon-stroke,
.color-scheme-black .apartments tr.click .icon-stroke {
  stroke: #FFF;;
}
.apartments tr:hover .icon-fill,
.apartments tr.hover .icon-fill,
.apartments tr.click .icon-fill {
  fill: #FFF;;
}
.color-scheme-black .apartments tr:hover .icon-fill,
.color-scheme-black .apartments tr.hover .icon-fill,
.color-scheme-black .apartments tr.click .icon-fill {
  fill: #FFF;;
}
.apartments tr a:hover {
  background-color: transparent;
}
.default .apartments tr.status-sold, .default .apartments tr.status-rented, .default .apartments tr.status-reserved {
  background-color: rgba(53, 65, 59, 0.3);
}
.color-scheme-black .apartments tr.status-sold, .color-scheme-black .apartments tr.status-rented, .color-scheme-black .apartments tr.status-reserved {
  background-color: rgba(0, 0, 0, 0.3);
}
.apartments tr.status-sold:hover, .apartments tr.status-rented:hover, .apartments tr.status-reserved:hover {
  color: #35413B;
}
.color-scheme-black .apartments tr.status-sold:hover, .color-scheme-black .apartments tr.status-rented:hover, .color-scheme-black .apartments tr.status-reserved:hover {
  color: #000;
}
@media screen and (max-width: 56.25em) {
  .apartments table,
.apartments thead,
.apartments tbody,
.apartments tr, .apartments__td,
.apartments th {
    display: block;
  }
  .apartments thead {
    display: none;
  }
  .apartments tr {
    padding: 1rem;
  }
  .apartments tr::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }
  .apartments tr-3 > * {
    float: left;
  }
  .apartments tr-3 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (2 * 1.6rem)) / 3 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .apartments tr-3 > *:nth-of-type(3n+1) {
    clear: left;
  }
  .apartments tr-3 > *:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .apartments tr-3:nth-of-type(1) {
    margin-top: 0;
  }
  .apartments tr-3:nth-of-type(2) {
    margin-top: 0;
  }
  .apartments tr-3:nth-of-type(3) {
    margin-top: 0;
  }
  .apartments tr-3::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }
  .apartments td {
    padding: 0.2rem 1rem 0.6rem;
  }
  .apartments td::before {
    content: attr(data-title);
    display: block;
    margin-left: -1rem;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 56.25em) {
  .apartments__td--icon {
    display: inline-block;
  }
}
@media screen and (max-width: 37.5em) {
  .apartments tr-2 > * {
    float: left;
  }
  .apartments tr-2 > *:nth-of-type(1n) {
    clear: none;
    width: calc((100% - (1 * 1.6rem)) / 2 - 0.01px);
    margin-right: calc(1.6rem);
    margin-bottom: 1.6rem;
  }
  .apartments tr-2 > *:nth-of-type(2n+1) {
    clear: left;
  }
  .apartments tr-2 > *:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .apartments tr-2:nth-of-type(1) {
    margin-top: 0;
  }
  .apartments tr-2:nth-of-type(2) {
    margin-top: 0;
  }
  .apartments tr-2::after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    flex: 0 0 100%;
    height: 0;
    visibility: hidden;
  }
}

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

    Funktion      cookie-bar bem module

*****************************************************************************/
/*
.cookie-bar

Styleguide classes.cookie-bar
*/
.cookie-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  font-size: 2rem;
  color: white;
  background-color: #21221C;
}
.cookie-bar p {
  margin-bottom: 1rem;
}
.cookie-bar .mod_cookie_bar {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.cookie-bar .cookie-button {
  padding: 0.5rem 1rem;
  color: inherit;
  transition: background-color 0.2s, color 0.1s;
  border: 2px solid white;
}
.cookie-bar .cookie-button:hover {
  color: #21221C;
  background-color: white;
  transition: background-color 0.4s, color 0.3s;
}

/**
 * Plugin overwrites
 */
.rs-column > h3:first-child {
  margin-top: 0;
}

.dlh_googlemap {
  width: 100%;
  height: 500px;
}

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

    Funktion    slick module
    Authors

*****************************************************************************/
.slick-slider img {
  width: 100%;
}
.slick-slider a {
  outline: 0;
}
.slick-slide, .slick-slide * {
  outline: none;
}
.slick-next {
  right: 0;
  left: auto;
}
.slick-arrow {
  z-index: 10;
}
.slick-prev {
  right: auto;
  left: 0;
}

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

    Funktion    link-box-tile module
    Authors     mac signer

*****************************************************************************/
/*
.link-box-tile

Styleguide classes.link-box-tile
*/
.link-box-tile {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 2.4rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0;
}
.link-box-tile {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black .link-box-tile {
  background-color: #000;
  color: #FFF;;
}
.link-box-tile > * {
  flex: 0 0 auto;
}
.link-box-tile > :nth-last-child(2):not(:first-child) {
  flex-grow: 1;
}
.link-box-tile__title {
  font-family: "Ubuntu";
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 37.5em) {
  .link-box-tile__title {
    font-size: 2.45rem;
  }
}
.link-box-tile__cover-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

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

    Funktion    button module
    Authors     mac signer

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

:hover - hover

Markup:
	<a href="#" class="button {{modifier_class}}">Lorem</a>

Styleguide 100.2
*/
.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: #35413B;
  transition: color 0.3s, background 0.3s;
  border: 1px solid #35413B;
}
.button {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black .button {
  background-color: #000;
  color: #FFF;;
}
.button:hover {
  color: #35413B;
  background-color: #FFF;;
}
.color-scheme-black .button:hover {
  color: #000;
  background-color: #FFF;;
}
.button--invert {
  color: #35413B;
  border-color: #FFF;;
}
.color-scheme-black .button--invert {
  color: #000;
  border-color: #FFF;;
}
.button--invert {
  background-color: #FFF;;
}
.color-scheme-black .button--invert {
  background-color: #FFF;;
}
.button--invert:hover {
  background-color: #35413B;
  color: #FFF;;
}
.color-scheme-black .button--invert:hover {
  background-color: #000;
  color: #FFF;;
}
.button--align-left {
  text-align: left;
}
.button--align-right {
  text-align: right;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--underline {
  text-decoration: underline;
}
.button--block {
  display: block;
  width: auto;
}
.button--large {
  font-size: 1.3em;
}
.button--small {
  font-size: 0.8em;
}

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

    Funktion    description-table module
    Authors     mac signer

*****************************************************************************/
/*
.description-table

Styleguide classes.description-table
*/
.description-table {
  margin-top: -0.6rem;
}
.description-table td:first-child {
  white-space: nowrap;
}

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

    Funktion      description-image bem module

*****************************************************************************/
/*
.description-image

Styleguide classes.description-image
*/
.description-image {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.description-image__description {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.description-image--iph-hgfe .description-image__description:nth-child(1) {
  left: 17%;
}
.description-image--iph-hgfe .description-image__description:nth-child(2) {
  left: 48.9%;
}
.description-image--iph-hgfe .description-image__description:nth-child(3) {
  left: 60.7%;
}
.description-image--iph-hgfe .description-image__description:nth-child(4) {
  left: 82.9%;
}
.description-image--iph-dcba .description-image__description:nth-child(1) {
  left: 16.4%;
}
.description-image--iph-dcba .description-image__description:nth-child(2) {
  left: 37.4%;
}
.description-image--iph-dcba .description-image__description:nth-child(3) {
  left: 48.6%;
}
.description-image--iph-dcba .description-image__description:nth-child(4) {
  left: 78.8%;
}
.description-image--iph-de .description-image__description:nth-child(1) {
  left: 31.3%;
}
.description-image--iph-de .description-image__description:nth-child(2) {
  left: 72.3%;
}

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

    Funktion    to-top-view module
    Authors     mac signer

*****************************************************************************/
/*
.to-top-view

Styleguide classes.to-top-view
*/
.to-top-view {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
}
.to-top-view__item {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 1.7rem;
}

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

    Funktion    featherlight module
    Authors

*****************************************************************************/
.default .featherlight:last-of-type {
  background-color: rgba(53, 65, 59, 0.4);
}
.color-scheme-black .featherlight:last-of-type {
  background-color: rgba(0, 0, 0, 0.4);
}
@supports (object-fit: contain) {
  .featherlight-single-image .featherlight-content {
    margin-right: 25px;
    margin-left: 25px;
    padding: 0;
    border-width: 0;
  }
  .featherlight-single-image .featherlight-content img {
    width: auto !important;
    height: auto !important;
    max-width: 80vw;
    max-width: calc(100vw - 100px);
    max-height: 80vh;
    max-height: calc(100vh - 100px);
  }
  @media screen and (max-width: 56.25em) {
    .featherlight-single-image .featherlight-content img {
      max-width: calc(100vw - 50px);
      max-height: calc(100vh - 50px);
    }
  }
}
.featherlight-single-image img {
  border: 2.6rem solid #FFF;
}
@media screen and (max-width: 56.25em) {
  .featherlight-single-image img {
    border-width: 2rem;
  }
}
.featherlight:last-child {
  background-color: rgba(53, 65, 59, 0.8);
}
.featherlight .featherlight-content {
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  border-width: 0;
}
.featherlight--gallery img {
  width: auto !important;
  height: auto !important;
  max-width: 90vw;
  max-width: calc(100vw - 70px);
  max-height: 90vw;
  max-height: calc(100vh - 60px);
}
.featherlight-previous, .featherlight-next {
  top: 0;
  bottom: 0;
}
.featherlight-previous {
  left: 0;
}
.featherlight-next {
  right: 0;
}
.featherlight .featherlight-close-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0.4em;
  line-height: 1;
  text-align: center;
  color: #FFF;
  background-color: #35413B;
}

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

    Funktion    animations
    Authors     mac signer
    Datum       14.05.18

*****************************************************************************/
@keyframes fadeInDown {
  0%, 30% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0%, 30% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  0%, 30% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    tile-hover module
    Authors     mac signer

*****************************************************************************/
.ce_rsce_info_box {
  position: relative;
}
.ce_rsce_info_box .infobox-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-2px);
}
.ce_rsce_info_box .infobox-text {
  margin-left: 4rem;
}
.ce_rsce_info_box .infobox-text p {
  font-weight: 600;
}

/* stylelint-disable */
/* **************************************************************************
 *	MEDIA MOTION AG
 ****************************************************************************

		Funktion		Import
		Authors
		Datum

*****************************************************************************/
.h1 {
  margin-top: 1em;
}

.main-header {
  transition: padding 0.4s;
}

.small {
  padding-top: 1.8rem;
  padding-bottom: 2rem;
}

.rs-column.-small-col-2-1.col-1-mobile {
  width: 100%;
}

.text-width-70.rs-column {
  width: 70%;
}

.text-indent h1 {
  margin-bottom: 6rem;
}

.text-indent .rs-column .ce_text:last-child {
  padding-right: 6rem;
}

tbody tr:hover, tbody tr.click, tbody tr.hover {
  color: #35413B;
  background: none;
  transition: none;
}

.mod_mod_immo_listing tr:hover {
  color: #FFF;
  background-color: #35413B;
}

.mod_mod_immo_listing thead tr:hover {
  color: #35413B;
  background-color: transparent;
  transform: none;
}

th,
td {
  padding: 2rem 2.4rem 2rem 0.2rem;
}

/* Hamburger */
.icon-hamburger {
  transition: border-color 0.2s;
  transition-delay: 0.2s;
}
.icon-hamburger::before, .icon-hamburger::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  background-color: #FFF;
  transform: rotate(0deg);
  transition: transform 0.4s;
}
.icon-hamburger--close {
  border-color: transparent;
  transition: border-color 0.1s;
  transition-delay: 0;
}
.icon-hamburger--close::before {
  transform: rotate(-45deg);
}
.icon-hamburger--close::after {
  transform: rotate(45deg);
}

/* Header Navi korrekt mit unternavi */
.subitems {
  position: absolute;
  margin-top: 0.4rem;
  visibility: hidden;
  transition: visibility 0.4s;
}
.subitems li {
  padding: 0.4rem;
  background-color: #35413B;
}

.header-view .menu .subitems ul a::after {
  content: none;
}
.header-view .menu li:hover a::after {
  top: 100%;
  height: 2px;
  background-color: white;
  visibility: visible;
  opacity: 1;
}
.header-view .menu a {
  position: relative;
}
.header-view .menu a::after {
  content: attr(data-name);
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  height: 100%;
  padding-top: 1.5px;
  opacity: 0;
  transition: height 0.4s, top 0.4s, background 0.6s;
  will-change: top;
}
@media screen and (max-width: 1025px) {
  .header-view .menu a::after {
    display: none;
  }
}
.header-view li li ul {
  top: 0;
  left: 100%;
  transform: none;
}
.header-view ul {
  display: flex;
  justify-content: space-between;
}
.header-view li {
  position: relative;
  margin: 0 1.4rem;
}
.header-view li:hover ul {
  display: block;
}
.header-view li:last-child {
  padding-right: 0;
}
.header-view li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 100%;
  transform: translatex(-50%);
}

/* Tabelleneffekt */
.link-box-tile {
  justify-content: space-between;
}
.link-box-tile > :nth-last-child(2):not(:first-child) {
  flex-grow: 0;
}

tr {
  transition: background-color 0.6s, color 0.6s;
}

.header-wrapper .menu .mod_navigation ul li ul,
.header-wrapper .menu .mod_navigation ul li:hover > ul {
  position: static;
  visibility: visible;
  opacity: 1;
  transform: none;
}

li:hover > .subitems {
  visibility: visible;
}

.submenu .rh-icon-ctrl {
  display: none;
}

/* Spacer */
.spacer--small {
  margin: 3rem 0;
  border: none;
}

.spacer--medium {
  margin: 6rem 0;
  border: none;
}

.spacer--large {
  margin: 9rem 0;
  border: none;
}

/* Waypoint Animation */
caption.h1,
#main div.ce_text,
.js-waypoint {
  opacity: 0;
  transform: translateX(-48%);
}
caption.h1.fade-in-waypoint,
#main div.ce_text.fade-in-waypoint,
.js-waypoint.fade-in-waypoint {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.9s, transform 0.9s;
}

#main .rs-column div.ce_text,
h3 {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 1100px) {
  .mod_article.first .ce_rs_column_start {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .header-view .menu ul {
    display: block;
  }
  .header-view .menu ul strong.active {
    border-bottom: none;
  }

  .header-wrapper .rh-icon {
    display: inline-block !important;
    transform: rotate(180deg);
    transition-duration: 0.4s;
  }
  .header-wrapper .menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30rem;
    max-width: 100%;
    background-color: #35413B;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.6s, visibility 0.6s;
  }
  .header-wrapper .menu .mod_navigation {
    padding-left: 20px;
    text-align: left;
  }
  .header-wrapper .menu .mod_navigation > ul {
    margin-top: 100px;
  }
  .header-wrapper .menu .mod_navigation > ul > li {
    width: 100%;
    margin: 10px 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid white;
  }
  .header-wrapper .menu .mod_navigation > ul > li a {
    width: fit-content;
  }

  .main-header.is-active .menu,
.main-header.is-active .menu:target {
    visibility: visible;
    transform: translateX(0);
  }

  .show-subitems .rh-icon {
    transform: rotate(0);
    transform: translateY(0.7rem);
  }

  .header-wrapper .menu .mod_navigation > ul > li > a::after,
.header-wrapper .menu .mod_navigation > ul > li > strong::after {
    content: none;
    display: none;
  }

  .header-wrapper .menu .mod_navigation > ul > li {
    display: block;
  }

  .show-subitems > .subitems {
    height: auto;
  }

  .subitems {
    overflow: hidden;
    position: static;
    height: 0;
    transition: height ease-in 0.4s;
  }

  .description-table tr td:last-child {
    padding-bottom: 0;
    padding-bottom: 2rem !important;
  }

  .description-table tr td:first-child {
    padding-top: 2rem !important;
    padding-bottom: 0;
  }

  .description-table tr td {
    display: block;
  }

  .spacer {
    margin: 2rem 0;
  }

  h1, .h1 {
    font-size: 4rem;
  }

  .text-indent .rs-column .ce_text:last-child {
    padding-right: 0;
    width: 100%;
  }

  .rs-column.-medium-col-1-1, .rs-column.-small-col-2-1.col-1-mobile {
    margin: 2rem 0;
  }
  .rs-column.-medium-col-1-1 p, .rs-column.-small-col-2-1.col-1-mobile p {
    margin-bottom: 2rem;
  }

  .text-width-70 strong {
    font-size: 2.9rem;
  }
}
/* stylelint-enable */
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Import
    Authors
    Datum

*****************************************************************************/
.memo-input {
  position: relative;
}
.memo-input.is-focused label {
  transform: scale(0.5) translateY(-100%);
}
.memo-input.is-filled label {
  transform: scale(0.5) translateY(-100%);
}
.memo-input label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0.5rem 0 0 0.5rem;
  transform: scale(1);
  transform-origin: 0 0;
  transition: transform 0.3s;
}

.widget-textarea.is-filled label,
.widget-textarea.is-focused label {
  transform: scale(0.5) translateY(-145%);
}

.memo-input.widget-textarea {
  margin-top: 5rem;
}

/* Formular */
input::placeholder,
textarea::placeholder {
  color: white;
}

input,
textarea {
  height: 40px;
  border: none;
  border-bottom: 1px solid #2A4C4A;
}
input:focus,
textarea:focus {
  outline: none;
}
input:-webkit-autofill::first-line,
textarea:-webkit-autofill::first-line {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 2.2rem;
}

textarea {
  position: relative;
}
textarea::placeholder {
  position: absolute;
  bottom: 0;
}

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