/**
 * 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
    Authors
    Datum		11:17

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

Includes aller nötigen SCSS-Dateien

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

    Funktion    variables
    Authors
    Datum

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Funktion      slick settings

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

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

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

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

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

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

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

/* Icons */
/* 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: "icons";
  font-size: 20px;
  line-height: 1;
  color: #333742;
  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: "\ea38";
}
[dir=rtl] .slick-prev:before {
  content: "\ea34";
}

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

/* 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: "icons";
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #333742;
  opacity: 0.75;
}

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

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

*****************************************************************************/
@font-face {
  font-family: "BerninoSans";
  font-style: normal;
  font-weight: 300;
  src: local("BerninoSans"), local("BerninoSans-NarrowLight"), url(../fonts/BerninoSans-Web-NarrowLight.woff2) format("woff2"), url(../fonts/BerninoSans-Web-NarrowLight.woff) format("woff");
}
@font-face {
  font-family: "BerninoSans";
  font-style: normal;
  font-weight: 700;
  src: local("BerninoSans"), local("BerninoSans-NarrowSemibold"), url(../fonts/BerninoSans-Web-NarrowSemibold.woff2) format("woff2"), url(../fonts/BerninoSans-Web-NarrowSemibold.woff) format("woff");
}
@font-face {
  font-family: "Brandbe";
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/brandberegular-webfont.woff2) format("woff2"), url(../fonts/brandberegular-webfont.woff) format("woff");
}
/* ubuntu-700 - latin */
@font-face {
  font-family: "Brandbe";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/brandberegular-webfont.woff2) format("woff2"), url(../fonts/brandberegular-webfont.woff) format("woff");
}
/* **************************************************************************
 *	MEDIA MOTION AG															*
 ****************************************************************************

	Funktion	css reset
	Authors		contao

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

table {
  border-spacing: 0;
  border-collapse: collapse;
}

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

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

blockquote, q {
  quotes: none;
}

fieldset, img, iframe {
  border: 0;
}

ul {
  list-style-type: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

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

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

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

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

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

h1 {
  font-size: 1.8333em;
}

h2 {
  font-size: 1.6667em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3333em;
}

table {
  font-size: inherit;
}

caption, th {
  font-weight: 700;
}

a {
  color: #00f;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
}

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

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

    Funktion      helper includes

*****************************************************************************/
/*
.helper includes

Styleguide mixins.includes.helper
*/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      is-int mixin

*****************************************************************************/
/*
.is-int

Styleguide mixins.is-int
*/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    mixin selection
    Authors

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

    Funktion    mixin clearfix
    Authors

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

    Funktion    mixin input
    Authors

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

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

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

    Funktion    mixins media queries
    Authors
    Datum

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

    Funktion    mixin media helper
    Authors

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

    Funktion      cols bem module
    Authors       Mac Signer
    Datum         24.07.20

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

Styleguide classes.cols
*/
:root {
  --cols--gutter: 3.8rem;
}

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

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

    Funktion    rocksolid columns overwrite
    Authors
    Datum

*****************************************************************************/
.rs-columns {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 3.8rem;
}
.rs-columns--no-v-gap {
  grid-row-gap: 0;
}

.rs-column.-large-col-1-1 {
  grid-column: span 6;
}
.rs-column.-large-col-2-1 {
  grid-column: span 3;
}
.rs-column.-large-col-2-2 {
  grid-column: span 6;
}
.rs-column.-large-col-3-1 {
  grid-column: span 2;
}
.rs-column.-large-col-3-2 {
  grid-column: span 4;
}
.rs-column.-large-col-3-3 {
  grid-column: span 6;
}
.rs-column.-large-col-4-2 {
  grid-column: span 3;
}
.rs-column.-large-col-4-4 {
  grid-column: span 6;
}
.rs-column.-large-col-5-5 {
  grid-column: span 6;
}
.rs-column.-large-col-6-1 {
  grid-column: span 1;
}
.rs-column.-large-col-6-2 {
  grid-column: span 2;
}
.rs-column.-large-col-6-3 {
  grid-column: span 3;
}
.rs-column.-large-col-6-4 {
  grid-column: span 4;
}
.rs-column.-large-col-6-5 {
  grid-column: span 5;
}
.rs-column.-large-col-6-6 {
  grid-column: span 6;
}
@media screen and (max-width: 56.25em) {
  .rs-column.-medium-col-1-1 {
    grid-column: span 6;
  }
  .rs-column.-medium-col-2-1 {
    grid-column: span 3;
  }
  .rs-column.-medium-col-2-2 {
    grid-column: span 6;
  }
  .rs-column.-medium-col-3-1 {
    grid-column: span 2;
  }
  .rs-column.-medium-col-3-2 {
    grid-column: span 4;
  }
  .rs-column.-medium-col-3-3 {
    grid-column: span 6;
  }
  .rs-column.-medium-col-4-2 {
    grid-column: span 3;
  }
  .rs-column.-medium-col-4-4 {
    grid-column: span 6;
  }
  .rs-column.-medium-col-5-5 {
    grid-column: span 6;
  }
  .rs-column.-medium-col-6-1 {
    grid-column: span 1;
  }
  .rs-column.-medium-col-6-2 {
    grid-column: span 2;
  }
  .rs-column.-medium-col-6-3 {
    grid-column: span 3;
  }
  .rs-column.-medium-col-6-4 {
    grid-column: span 4;
  }
  .rs-column.-medium-col-6-5 {
    grid-column: span 5;
  }
  .rs-column.-medium-col-6-6 {
    grid-column: span 6;
  }
}
@media screen and (max-width: 37.5em) {
  .rs-column.-small-col-1-1 {
    grid-column: span 6;
  }
  .rs-column.-small-col-2-1 {
    grid-column: span 3;
  }
  .rs-column.-small-col-2-2 {
    grid-column: span 6;
  }
  .rs-column.-small-col-3-1 {
    grid-column: span 2;
  }
  .rs-column.-small-col-3-2 {
    grid-column: span 4;
  }
  .rs-column.-small-col-3-3 {
    grid-column: span 6;
  }
  .rs-column.-small-col-4-2 {
    grid-column: span 3;
  }
  .rs-column.-small-col-4-4 {
    grid-column: span 6;
  }
  .rs-column.-small-col-5-5 {
    grid-column: span 6;
  }
  .rs-column.-small-col-6-1 {
    grid-column: span 1;
  }
  .rs-column.-small-col-6-2 {
    grid-column: span 2;
  }
  .rs-column.-small-col-6-3 {
    grid-column: span 3;
  }
  .rs-column.-small-col-6-4 {
    grid-column: span 4;
  }
  .rs-column.-small-col-6-5 {
    grid-column: span 5;
  }
  .rs-column.-small-col-6-6 {
    grid-column: span 6;
  }
}

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

    Funktion      col-push bem module

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

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

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

    Funktion      p-grid bem module

*****************************************************************************/
/*
.p-grid

Styleguide classes.p-grid
*/
.p-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.8rem;
  margin-left: -1.8rem;
  max-width: calc(100% + 2 * 3.6rem);
}
.p-grid__item,
.p-grid > .empty {
  padding: 1.8rem;
}
.p-grid__item--1-12 {
  width: 8.3233333333%;
}
.p-grid__item--2-12 {
  width: 16.6566666667%;
}
.p-grid__item--3-12 {
  width: 24.99%;
}
.p-grid__item--4-12 {
  width: 33.3233333333%;
}
.p-grid__item--5-12 {
  width: 41.6566666667%;
}
.p-grid__item--6-12 {
  width: 49.99%;
}
.p-grid__item--7-12 {
  width: 58.3233333333%;
}
.p-grid__item--8-12 {
  width: 66.6566666667%;
}
.p-grid__item--9-12 {
  width: 74.99%;
}
.p-grid__item--10-12 {
  width: 83.3233333333%;
}
.p-grid__item--11-12 {
  width: 91.6566666667%;
}
.p-grid__item--12-12, .p-grid > .empty {
  width: 99.99%;
}
@media screen and (max-width: 56.25em) {
  .p-grid__item--1-12-tablet {
    width: 8.3233333333%;
  }
  .p-grid__item--2-12-tablet {
    width: 16.6566666667%;
  }
  .p-grid__item--3-12-tablet {
    width: 24.99%;
  }
  .p-grid__item--4-12-tablet {
    width: 33.3233333333%;
  }
  .p-grid__item--5-12-tablet {
    width: 41.6566666667%;
  }
  .p-grid__item--6-12-tablet {
    width: 49.99%;
  }
  .p-grid__item--7-12-tablet {
    width: 58.3233333333%;
  }
  .p-grid__item--8-12-tablet {
    width: 66.6566666667%;
  }
  .p-grid__item--9-12-tablet {
    width: 74.99%;
  }
  .p-grid__item--10-12-tablet {
    width: 83.3233333333%;
  }
  .p-grid__item--11-12-tablet {
    width: 91.6566666667%;
  }
  .p-grid__item--12-12-tablet {
    width: 99.99%;
  }
}
@media screen and (max-width: 37.5em) {
  .p-grid__item--1-12-mobile {
    width: 8.3233333333%;
  }
  .p-grid__item--2-12-mobile {
    width: 16.6566666667%;
  }
  .p-grid__item--3-12-mobile {
    width: 24.99%;
  }
  .p-grid__item--4-12-mobile {
    width: 33.3233333333%;
  }
  .p-grid__item--5-12-mobile {
    width: 41.6566666667%;
  }
  .p-grid__item--6-12-mobile {
    width: 49.99%;
  }
  .p-grid__item--7-12-mobile {
    width: 58.3233333333%;
  }
  .p-grid__item--8-12-mobile {
    width: 66.6566666667%;
  }
  .p-grid__item--9-12-mobile {
    width: 74.99%;
  }
  .p-grid__item--10-12-mobile {
    width: 83.3233333333%;
  }
  .p-grid__item--11-12-mobile {
    width: 91.6566666667%;
  }
  .p-grid__item--12-12-mobile {
    width: 99.99%;
  }
}
.p-grid--default-gutter {
  margin-right: -1.9rem;
  margin-left: -1.9rem;
}
.p-grid__item--default-gutter {
  padding: 1.9rem;
}
.p-grid__item > .p-grid {
  margin-top: -1.8rem;
  margin-bottom: -1.8rem;
}

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

    Funktion    float module
    Authors

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.remove-margin-*

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

---

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

---

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

---

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

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

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

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

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

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

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

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

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

/*
.hide-on-*

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

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

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

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

.title-color-gold,
.title-color-gold.accent-title {
  color: #bca585;
}
.title-color-gold:after,
.title-color-gold.accent-title:after {
  background-color: #bca585;
}

.custom-space .main-navigation > li:nth-child(2) {
  margin-left: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  .custom-space .main-navigation > li:nth-child(2) {
    margin-left: unset;
  }
}

/*
.show-on-*

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

---

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

---

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

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

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

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

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

    Funktion    main css. HTML elements and basic structure
    Authors
    Datum

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

html {
  font-size: 62.5%;
}
@media screen\9  {
  html {
    font-size: 10px;
  }
}
@media screen\0  {
  html {
    font-size: 10px;
  }
}
html.with-featherlight body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: transparent;
}

body {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333742;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 56.25em) {
  body {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  body {
    font-size: 1.4rem;
  }
}

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

strong, .l-navigation-area__meta-item--no-title:before, .l-footer__item--no-title:before {
  font-weight: 700;
}

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

h1,
.h1 {
  font-family: "Brandbe";
  font-size: 9.6rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 8.4rem;
}
@media screen and (max-width: 56.25em) {
  h1,
.h1 {
    font-size: 9.6rem;
  }
}
@media screen and (max-width: 37.5em) {
  h1,
.h1 {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 56.25em) {
  h1,
.h1 {
    margin-top: 4.6rem;
    margin-bottom: 3.4rem;
  }
}

h2,
.h2,
.quick-nav__subitem a {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  margin-bottom: 3rem;
}
@media screen and (max-width: 56.25em) {
  h2,
.h2,
.quick-nav__subitem a {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  h2,
.h2,
.quick-nav__subitem a {
    font-size: 3rem;
  }
}

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

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

hr {
  height: 1px;
  border: 1px solid #333742;
  border: 1px solid var(--color);
  border-width: 1px 0 0;
}

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

[style*=inline-block] {
  vertical-align: middle;
}

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

input,
select,
textarea {
  border-radius: 0px;
  border: 1px solid transparent;
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  transition: color 0.4s, background 0.4s;
  color: #333742;
  background-color: #ffffff;
}
input:focus,
select:focus,
textarea:focus {
  color: #53657b;
  background-color: #f4ede1;
}

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

::-moz-selection {
  text-shadow: none;
  color: #ffffff;
  color: var(--selection-color);
  background: rgba(51, 55, 66, 0.3);
  background: var(--selection-bg);
}

::selection {
  text-shadow: none;
  color: #ffffff;
  color: var(--selection-color);
  background: rgba(51, 55, 66, 0.3);
  background: var(--selection-bg);
}

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

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

/**
 * Header
 */
.main-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-color: #333742;
}
.main-header + * {
  margin-top: 23.2rem;
}
@media screen and (max-width: 56.25em) {
  .main-header + * {
    margin-top: 14rem;
  }
}

/**
 * Main content
 */
.main .mod_article.onepage_article:not(.bg) {
  overflow: hidden;
}
.main .mod_article.last:not(.bg),
.main .mod_article:last-of-type:not(.bg) {
  padding-bottom: 8rem;
}

.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.justify-space-between {
  justify-content: space-between;
}

/**
 * Footer
 */
.main-footer {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding: 5.6rem 0rem 4.6rem;
  color: #ffffff;
  background-color: #333742;
}
@media screen and (max-width: 56.25em) {
  .main-footer {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .main-footer {
    font-size: 1.4rem;
  }
}

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

    Funktion      icon-burger bem module

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

Styleguide classes.icon-burger
*/
.icon-burger {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 3.8rem;
  height: 2.4rem;
}
.icon-burger__upper, .icon-burger__lower {
  position: absolute;
  right: -1rem;
  left: -1rem;
  margin: auto;
  width: 3.8rem;
  height: 2px;
  background-color: #bca585;
  transition: width 0.4s 0.4s, height 0.4s 0.4s, background-color 0.4s 0.4s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.icon-burger__upper {
  top: 0;
}
.icon-burger__lower {
  bottom: 0;
}
.icon-burger:before, .icon-burger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #bca585;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.4s, background 0.4s;
}
.icon-burger--close {
  transition-delay: 0s;
}
.icon-burger--close:before, .icon-burger--close:after {
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.icon-burger--close:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.icon-burger--close:after {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.icon-burger--close .icon-burger__upper, .icon-burger--close .icon-burger__lower {
  width: 2px;
  background-color: transparent;
  transition-delay: 0s;
  transition-timing-function: ease-in;
}

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

    Funktion      l-header bem module

*****************************************************************************/
/*
.l-header

Styleguide classes.l-header
*/
.l-header__inner {
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 23.2rem;
  padding: 2.5rem 0 3.4rem;
  transition: height 0.8s, padding 0.8s;
}
@media screen and (max-width: 56.25em) {
  .l-header__inner {
    height: 14rem;
    padding: 1.6rem 0;
  }
}
.collapsed .l-header__inner {
  height: 7rem;
  padding-top: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  .collapsed .l-header__inner {
    height: 5.6rem;
  }
}
.l-header__logo {
  width: 25.4rem;
  transition: width 0.8s;
}
@media screen and (max-width: 56.25em) {
  .l-header__logo {
    width: 15.8rem;
  }
}
.collapsed .l-header__logo {
  width: 14rem;
}
@media screen and (max-width: 56.25em) {
  .collapsed .l-header__logo {
    width: 10.2rem;
  }
}
.l-header__logo img {
  width: 100%;
}
.l-header__hamburger {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2.4rem;
  margin-right: 3.2rem;
}
@media screen and (max-width: 56.25em) {
  .l-header__hamburger {
    margin-top: 1.6rem;
  }
}
.l-header__teaser {
  overflow: hidden;
  position: absolute;
  top: 10.6rem;
  right: 0;
  padding: 5rem;
  visibility: hidden;
  opacity: 1;
  transition: opacity 0.8s;
}
@media screen and (max-width: 37.5em) {
  .l-header__teaser {
    top: 12.1rem;
    padding: 3.4rem;
  }
}
.collapsed .l-header__teaser {
  opacity: 0;
  visibility: hidden;
}
.l-header__teaser > * {
  visibility: visible;
  margin-right: -2.4rem;
  margin-left: 2.4rem;
  transition: visibility 0s;
}
.collapsed .l-header__teaser > * {
  visibility: hidden;
  transition-delay: 0.8s;
}
.l-header__teaser-popup-toggle {
  width: 20rem;
  margin: 9rem -10rem 0 4.2rem;
}
@media screen and (max-width: 56.25em) {
  .l-header__teaser-popup-toggle {
    display: none;
  }
}
.l-header .icon-burger {
  display: block;
}

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

    Funktion      l-bg-image bem module

*****************************************************************************/
/*
.l-bg-image

Styleguide classes.l-bg-image
*/
.l-bg {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 56.25em) {
  .l-bg {
    display: block;
  }
}
.l-bg__main, .l-bg__bg {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
}
@media screen and (max-width: 56.25em) {
  .l-bg__main, .l-bg__bg {
    flex: 1 1 auto;
    min-height: 0;
  }
}
.l-bg__main {
  position: relative;
  z-index: 10;
  transform: translateX(-100%);
  align-self: flex-end;
  padding-top: 2.4rem;
}
@media screen and (max-width: 56.25em) {
  .l-bg__main {
    transform: none;
    padding-top: 0;
  }
}
.l-bg__main .ce_rsce_small_teaser_tiles {
  position: absolute;
  right: 0;
  margin-right: 3rem;
}
.l-bg__bg {
  position: relative;
  z-index: 0;
  padding-bottom: 7.6rem;
}
@media screen and (max-width: 56.25em) {
  .l-bg__bg {
    padding-bottom: 0;
  }
}
.l-bg__bg img {
  width: 100%;
}

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

    Funktion      color-scheme bem module

*****************************************************************************/
/*
.color-scheme

Styleguide classes.color-scheme
*/
:root {
  --color: #333742;
  --bg-color: #ffffff;
  --selection-color: #ffffff;
  --selection-bg: rgba(51, 55, 66, 0.3);
}

.color-scheme-white-on-brown {
  --color: #ffffff;
  --bg-color: #a06c4d;
}
.color-scheme-white-on-brown-two {
  --color: #ffffff;
  --bg-color: #a36f50;
}
.color-scheme-white-on-beige {
  --color: #ffffff;
  --bg-color: #bca585;
}
.color-scheme-white-on-beige-two {
  --color: #ffffff;
  --bg-color: #bba485;
}
.color-scheme-white-on-blue {
  --color: #ffffff;
  --bg-color: #53657b;
}
.color-scheme-white-on-blue-dark {
  --color: #ffffff;
  --bg-color: #333742;
  --selection-color: #333742;
  --selection-bg: rgba(255, 255, 255, 0.7);
  --accent-color: #bca585;
}
.color-scheme-white-on-green {
  --color: #ffffff;
  --bg-color: #7c886d;
}
.color-scheme-blue-dark-on-beige-light {
  --color: #333742;
  --bg-color: #f4ede1;
}
.color-scheme-brown-on-white {
  --color: #a06c4d;
  --bg-color: #ffffff;
}
.color-scheme-brown-two-on-white {
  --color: #a36f50;
  --bg-color: #ffffff;
}
.color-scheme-beige-on-white {
  --color: #bca585;
  --bg-color: #ffffff;
}
.color-scheme-beige-two-on-white {
  --color: #bba485;
  --bg-color: #ffffff;
}
.color-scheme-blue-dark-on-white {
  --color: #333742;
  --bg-color: #ffffff;
}
.color-scheme-green-on-white {
  --color: #7c886d;
  --bg-color: #ffffff;
}
.color-scheme-beige-light-on-blue-dark {
  --color: #f4ede1;
  --bg-color: #ffffff;
}

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

    Funktion      t-cta bem module

*****************************************************************************/
/*
.t-cta

Styleguide classes.t-cta
*/
.t-cta {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  width: 23.6rem;
  max-width: 100%;
  padding: 3.4rem 1rem 2.6rem;
  color: #ffffff;
  color: var(--color);
  background-color: #333742;
  background-color: var(--bg-color);
  text-align: center;
}
@media screen and (max-width: 56.25em) {
  .t-cta {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-cta {
    font-size: 3rem;
  }
}
.t-cta + .t-cta {
  margin-top: 2.6rem;
}
.t-cta--min-height {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 17rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.t-cta__title {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  .t-cta__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-cta__title {
    font-size: 3rem;
  }
}
.t-cta__subtitle {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  .t-cta__subtitle {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-cta__subtitle {
    font-size: 1.4rem;
  }
}
.t-cta__headline {
  padding-top: 1rem;
  line-height: 0.5;
}
.t-cta .icon, .t-cta .custom-select__icon, .t-cta .more-link__icon--arrow {
  display: block;
  margin-top: -0.3em;
  margin-bottom: -0.3em;
}

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

    Funktion      t-karo bem module

*****************************************************************************/
/*
.t-karo

Styleguide classes.t-karo
*/
:root {
  --t-karo--size: 24rem;
}

.t-karo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 24rem;
  width: var(--t-karo--size);
  height: 24rem;
  height: var(--t-karo--size);
  text-align: center;
}
@media screen and (max-width: 37.5em) {
  .t-karo {
    width: 15.7rem;
    height: 15.7rem;
  }
}
.t-karo--small {
  --t-karo--size: 18rem;
}
@media screen and (max-width: 37.5em) {
  .t-karo--small {
    --t-karo--size: 12.4rem;
  }
}
.t-karo--highlight {
  --t-karo--size: 23rem;
}
@media screen and (max-width: 37.5em) {
  .t-karo--highlight {
    --t-karo--size: 12.4rem;
  }
}
.t-karo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #ffffff;
  background-color: var(--bg-color);
  transform: rotate(-45deg);
}
.t-karo__inner {
  position: relative;
  z-index: 1;
  margin: auto 0;
}
.t-karo__title {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0.94;
}
@media screen and (max-width: 56.25em) {
  .t-karo__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-karo__title {
    font-size: 3rem;
  }
}
.t-karo--highlight .t-karo__title {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  font-size: 6.7rem;
  line-height: 0.9;
  font-size: 5.5rem;
}
@media screen and (max-width: 56.25em) {
  .t-karo--highlight .t-karo__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-karo--highlight .t-karo__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 56.25em) {
  .t-karo--highlight .t-karo__title {
    font-size: 6rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-karo--highlight .t-karo__title {
    font-size: 4rem;
  }
}
.t-karo__title--upper {
  color: var(--color);
}
.t-karo__title--lower {
  --color: #333742;
  padding-bottom: 1rem;
}
.t-karo__title--lower:after {
  margin-top: 1rem;
}
.t-karo--highlight .t-karo__title--lower::after {
  width: 7rem;
}
.t-karo__teaser {
  font-family: "BerninoSans";
  font-size: 1.6rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  .t-karo__teaser {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-karo__teaser {
    font-size: 1.2rem;
  }
}
.t-karo__teaser > :last-child {
  margin-bottom: 0;
}

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

    Funktion      accent-title bem module

*****************************************************************************/
/*
.accent-title

Styleguide classes.accent-title
*/
.accent-title, .t-karo__title--lower {
  position: relative;
  text-align: center;
}
.accent-title:after, .t-karo__title--lower:after {
  content: "";
  display: block;
  width: 10rem;
  height: 1px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #333742;
  background-color: var(--color);
}
.accent-title--small:after, .t-karo__title--lower:after {
  width: 4.4rem;
}

/* **************************************************************************
 *  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 {
  transition: color 0.3s;
}
.ce_text a:hover,
.text-container a:hover {
  text-decoration: none;
}

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

    Funktion      l-double bem module

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

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

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

    Funktion    article_gallery module
    Authors

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

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

    Funktion    ce_accordion module
    Authors

*****************************************************************************/
.ce_accordion .toggler:focus {
  outline: none;
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      header-area bem module

*****************************************************************************/
/*
.header-area

Styleguide classes.header-area
*/
.header-area .ce_image {
  padding-bottom: 7.6rem;
}
.header-area .ce_image img {
  width: 100%;
}
@media screen and (max-width: 56.25em) {
  .header-area .ce_rsce_teaser_box_tiles {
    display: none;
  }
}
.header-area .quick-nav {
  display: none;
  margin-right: -2.4rem;
  margin-left: -2.4rem;
}
@media screen and (max-width: 56.25em) {
  .header-area .quick-nav {
    display: flex;
  }
}
.header-area .quick-nav [href*="mailto:"] .icon, .header-area .quick-nav [href*="mailto:"] .custom-select__icon, .header-area .quick-nav [href*="mailto:"] .more-link__icon--arrow {
  font-size: 2.4rem;
}

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

    Funktion      lead bem module

*****************************************************************************/
/*
.lead

Styleguide classes.lead
*/
.lead {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
}
@media screen and (max-width: 56.25em) {
  .lead {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .lead {
    font-size: 1.4rem;
  }
}

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

    Funktion      quick-nav bem module

*****************************************************************************/
/*
.quick-nav

Styleguide classes.quick-nav
*/
.quick-nav {
  display: flex;
  margin-bottom: 0;
}
.quick-nav__item {
  flex: 1 1 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.6rem 0.8rem;
  color: var(--color);
  background-color: var(--bg-color);
}
.quick-nav__subitem {
  position: relative;
  align-self: center;
}
.quick-nav__subitem .icon, .quick-nav__subitem .custom-select__icon, .quick-nav__subitem .more-link__icon--arrow {
  display: block;
  font-size: 2rem;
}
.quick-nav__subitem a {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 2.5rem;
  line-height: 1;
  vertical-align: middle;
}
.quick-nav__subitem + .quick-nav__subitem {
  margin-left: 1.2rem;
  padding-left: 1.2rem;
}
.quick-nav__subitem + .quick-nav__subitem:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 2.2rem;
  width: 1px;
  background-color: var(--color);
  transform: translateY(-50%);
}

/* **************************************************************************
 *  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;
  background-color: #333742;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  transition: color 0.3s, background 0.3s;
}
.button:hover {
  background-color: #53657b;
}
.button--align-left {
  text-align: left;
}
.button--align-right {
  text-align: right;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--underline {
  text-decoration: underline;
}
.button--block {
  display: block;
  width: auto;
}
.button--large {
  font-size: 1.3em;
}
.button--small {
  font-size: 0.8em;
}

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

    Funktion    inline-list module

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

Styleguide 100.3
*/
:root {
  --inline-list--gutter: 1.4rem;
}

.inline-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.7rem;
  margin: 0 calc(var(--inline-list--gutter) / -2);
}
.inline-list--valign-center {
  align-items: center;
}
@media screen and (max-width: 56.25em) {
  .inline-list--wrap-on-tablet {
    display: block;
  }
}
@media screen and (max-width: 37.5em) {
  .inline-list--wrap-on-mobile {
    display: block;
  }
}
.inline-list--inline {
  display: inline-flex;
  margin-right: 0;
  margin-left: 0;
}
.inline-list__item {
  margin: 0 0.7rem;
  margin: 0 calc(var(--inline-list--gutter) / 2);
}

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

    Funktion    tile-hover module
    Authors     mac signer

*****************************************************************************/
/*
.hover-tile

Klasse für den Hover-Effekt.

:hover - Hover

Markup:
<div class="columns-4">
	<div class="hover-tile {{modifier_class}}">
		<div class="hover-tile__hover-content">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla quisquam, saepe expedita!
		</div>
		<img src="https://placehold.it/800x600" />
		<a href="#" class="hover-tile__span-link"></a>
	</div>
</div>

Styleguide 100.4
*/
.hover-tile {
  position: relative;
}
.hover-tile__hover-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 1rem;
  color: #ffffff;
  background-color: #333742;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s, visibility 0s 0.8s;
  text-align: center;
}
.hover-tile__hover-content > * {
  margin-right: auto;
  margin-left: auto;
}
.hover-tile__hover-content > :last-child {
  margin-bottom: 0;
}
.hover-tile:hover .hover-tile__hover-content {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.8s, 0s;
  transition-delay: 0s;
}
.hover-tile__span-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}

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

    Funktion    cookie bar module
    Authors     mac signer

*****************************************************************************/
.cookie-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  color: #ffffff;
  background-color: #333742;
}
.cookie-banner__button {
  text-decoration: none;
}

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

    Funktion      input bem module

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

Styleguide classes.input
*/
.input {
  position: relative;
}
.input + .input {
  margin-top: 1.6rem;
}
.input__label, .widget-select label {
  border-radius: 0px;
  border: 1px solid transparent;
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  transition: color 0.4s, background 0.4s;
}
.input__field {
  border-radius: 0px;
  border: 1px solid transparent;
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  transition: color 0.4s, background 0.4s;
  color: #333742;
  background-color: #ffffff;
}
.input__field:focus {
  color: #53657b;
  background-color: #f4ede1;
}
.input__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.input__label, .widget-select label, .input__field {
  margin: 0;
}
.input__field {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  display: block;
  width: 100%;
  border: 1px solid #333742;
  outline: none;
  background-color: #ffffff;
  transition: outline 0.3s, background 0.3s;
}
@media screen and (max-width: 56.25em) {
  .input__field {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .input__field {
    font-size: 1.4rem;
  }
}
.js .input__label, .js .widget-select label, .widget-select .js label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  color: #333742;
  transition: top, left, font-size, padding, color, opacity, transform;
  transition-duration: 0.2s;
}
.js .input__label--static {
  position: static;
}
.js .input__field:focus {
  outline: none;
}
.js .input--is-filled-out .input__label, .input__label--is-filled-out, .widget-select label {
  opacity: 1;
}
.js .input--has-focus .input__label, .js .input--has-focus .widget-select label, .widget-select .js .input--has-focus label {
  opacity: 0.8;
}
.js .input--has-focus .input__label, .js .input--is-filled-out .input__label, .input__label--is-filled-out, .widget-select label {
  padding-top: 0.1em;
  padding-left: 1.2em;
  padding-bottom: 0.1em;
  font-size: 0.7em;
  color: inherit;
  transform: translateY(-100%);
}
.js .input--is-filled-out .input__label, .input__label--is-filled-out, .widget-select label {
  transition-duration: 0.8s;
  padding-left: 0.2em;
}
.js .input--is-filled-out .input__input {
  color: rbga(#333742, 0.9);
}

@keyframes onAutoFillStart {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
@keyframes onAutoFillCancel {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    slick module
    Authors

*****************************************************************************/
.slick-slider img {
  width: 100%;
}
.slick-slider a {
  outline: 0;
}
.slick-slide, .slick-slide * {
  outline: none;
}
.slick-arrow {
  top: 50%;
  width: auto;
  height: auto;
  transform: translateY(-50);
}
.slick-prev:before, .slick-next:before {
  color: var(--color);
  font-weight: 800;
}
.slick-next {
  right: auto;
  left: 100%;
  margin-left: 2.5rem;
}
.slick-prev {
  right: 100%;
  left: auto;
  margin-right: 2.5rem;
}
@media screen and (max-width: 81.25em) {
  [data-slider-config=article] .slick-list, [data-slider-config=articleHighlight] .slick-list {
    margin-right: 2.4rem;
    margin-left: 2.4rem;
  }
}
@media screen and (max-width: 81.25em) {
  [data-slider-config=article] .slick-next, [data-slider-config=articleHighlight] .slick-next {
    right: 0;
    left: auto;
    margin: 0;
  }
  [data-slider-config=article] .slick-prev, [data-slider-config=articleHighlight] .slick-prev {
    right: auto;
    left: 0;
    margin: 0;
  }
}

.js [data-slider-config=article] {
  display: block;
}
.js [data-slider-config=article] .empty {
  text-align: center;
  width: 100%;
}

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

    Funktion      bg bem module

*****************************************************************************/
/*
.bg

Styleguide classes.bg
*/
.bg {
  margin-top: 9.8rem;
  margin-bottom: 9.8rem;
  padding-top: 11.6rem;
  padding-bottom: 12rem;
  color: var(--color);
  background-color: var(--bg-color);
}
@media screen and (max-width: 56.25em) {
  .bg {
    padding-top: 2.8rem;
    padding-bottom: 1.6rem;
  }
}
.bg + .bg {
  margin-top: -9.8rem;
}
.bg.mod_article.last {
  margin-bottom: 0;
}

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

    Funktion      slider-nav bem module

*****************************************************************************/
/*
.slider-nav

Styleguide classes.slider-nav
*/
@media only screen and (min-width: 56.25em) {
  .slider-nav {
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 56.25em) {
  .slider-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.slider-nav__item {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: inherit;
  transition: color 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 56.25em) {
  .slider-nav__item {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .slider-nav__item {
    font-size: 3rem;
  }
}
@media screen and (max-width: 56.25em) {
  .slider-nav__item {
    padding: 0.1em 0.3em;
  }
}
.slider-nav__item + .slider-nav__item {
  margin-top: 2rem;
}
@media screen and (max-width: 56.25em) {
  .slider-nav__item + .slider-nav__item {
    margin-top: 0;
  }
}
.slider-nav__item--is-active {
  color: var(--color);
}

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

    Funktion      cta-link bem module

*****************************************************************************/
/*
.cta-link

Styleguide classes.cta-link
*/
.cta-link {
  font-family: "Brandbe";
  font-size: 5rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 56.25em) {
  .cta-link {
    font-size: 5rem;
  }
}
@media screen and (max-width: 37.5em) {
  .cta-link {
    font-size: 3rem;
  }
}
.cta-link .icon--arrow-right2 {
  display: block;
  margin-top: -0.3em;
}

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

    Funktion      overlap bem module

*****************************************************************************/
/*
.overlap

Styleguide classes.overlap
*/
.overlap {
  position: relative;
  z-index: 10;
}
.overlap--bottom {
  margin-bottom: -6rem;
}
@media screen and (max-width: 81.25em) {
  .overlap--bottom {
    margin-bottom: 0;
  }
}
.overlap--top {
  margin-top: -6rem;
}
@media screen and (max-width: 81.25em) {
  .overlap--top {
    margin-top: 0;
  }
}

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

    Funktion      spacer bem module

*****************************************************************************/
/*
.spacer

Styleguide classes.spacer
*/
.spacer {
  height: 0 !important;
  margin: 4rem 0 !important;
  opacity: 0 !important;
}
@media screen and (max-width: 56.25em) {
  .spacer {
    margin: 3rem 0 !important;
  }
}
.spacer--small {
  margin: 2rem 0 !important;
}
.spacer--large {
  margin: 12rem 0 !important;
}
@media screen and (max-width: 56.25em) {
  .spacer--large {
    margin: 6rem 0 !important;
  }
}

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

    Funktion      more-link bem module

*****************************************************************************/
/*
.more-link

Styleguide classes.more-link
*/
.more-link {
  display: flex;
  align-items: center;
}
.more-link__icon {
  display: inline-block;
  margin-right: 1rem;
}
.more-link__link {
  font-weight: 700;
}
.more-link__link--underline {
  text-decoration: underline;
}
.more-link__link--light {
  font-weight: 300;
}

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

    Funktion      caption bem module

*****************************************************************************/
/*
.caption

Styleguide classes.caption
*/
.caption {
  margin-top: 0.4em;
  font-size: 1.6rem;
}

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

    Funktion      custom-select bem module

*****************************************************************************/
/*
.custom-select

Styleguide classes.custom-select
*/
:root {
  --custom-select__option--bg--hover: rgba(83, 101, 123, 0.1);
}

.custom-select {
  position: relative;
  z-index: 10;
  margin-bottom: 1.6rem;
  max-width: 100%;
  color: #000000;
  color: var(--scheme-color);
}
.custom-select ~ select {
  display: none !important;
}
.custom-select ul {
  margin-bottom: 0;
}
.custom-select__label, .custom-select__option {
  border: 1px solid transparent;
  background-color: #ffffff;
  background-color: var(--scheme-bg);
  cursor: pointer;
}
.custom-select__label {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  border-radius: 0px;
  border: 1px solid transparent;
  margin-bottom: 1.6rem;
  padding: 0.6rem;
  transition: color 0.4s, background 0.4s;
  color: #333742;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4.1rem;
  border: 1px solid #333742;
  border-color: var(--color);
  color: var(--color);
  background-color: transparent;
}
@media screen and (max-width: 56.25em) {
  .custom-select__label {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .custom-select__label {
    font-size: 1.4rem;
  }
}
.custom-select__label:focus {
  color: #53657b;
  background-color: #f4ede1;
}
.remove-label-margin .custom-select__label {
  margin-bottom: 0;
}
.custom-select__icon {
  font-size: 0.6em;
  margin-left: 1em;
}
.custom-select__option {
  margin-bottom: 0;
  padding: 0.3em 1em;
  opacity: 0;
  transform: translateY(-0.3em);
  transition: opacity, transform, background, color;
  transition-duration: 0.2s;
}
.custom-select__option--is-focus {
  background-color: rgba(83, 101, 123, 0.1);
  background-color: var(--custom-select__option--bg--hover);
  transition-duration: 0s;
}
.custom-select__option--is-active {
  color: #ffffff;
  background-color: var(--color);
}
.custom-select__content {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  margin: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: visibility, opacity;
  transition-duration: 0s;
  transition-delay: 0s;
}
.custom-select--is-active {
  z-index: 99;
}
.custom-select--is-active .custom-select__content {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, 0.3s;
}
.custom-select--is-active .custom-select__option {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

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

    Funktion      ce_form bem module

*****************************************************************************/
/*
.ce_form

Styleguide classes.ce_form
*/
.ce_form .formbody,
.ce_form fieldset {
  display: grid;
  grid-template-columns: repeat(4, minmax(10px, 1fr));
  grid-gap: 3.8rem;
  align-items: end;
}
@supports (display: grid) {
  .ce_form .formbody .custom-select,
.ce_form .formbody .input,
.ce_form fieldset .custom-select,
.ce_form fieldset .input {
    margin: 0;
  }
}
@media screen and (max-width: 56.25em) {
  .ce_form .formbody,
.ce_form fieldset {
    grid-template-columns: 1fr;
  }
}
.ce_form fieldset {
  grid-row-gap: 0;
}
.ce_form .widget {
  grid-column: span 2;
}
.ce_form .widget-explanation,
.ce_form fieldset,
.ce_form legend,
.ce_form .widget-checkbox,
.ce_form .checkbox_container > span {
  grid-column: span 4;
}
.ce_form .widget-explanation > :last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 56.25em) {
  .ce_form .widget {
    grid-column: span 1;
  }
}

.widget-select {
  position: relative;
}

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

    Funktion    dlh_googlemap module
    Authors

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

.mod_cfg_instagram .insta-feed {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4rem;
}
@media screen and (max-width: 56.25em) {
  .mod_cfg_instagram .insta-feed {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 37.5em) {
  .mod_cfg_instagram .insta-feed {
    grid-gap: 2rem;
  }
}
.mod_cfg_instagram .item {
  position: relative;
}
.mod_cfg_instagram .content {
  position: absolute;
  inset: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0s 0.4s;
}
.mod_cfg_instagram .item:hover .content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s, visibility 0.4s;
}
.mod_cfg_instagram .item-text {
  position: absolute;
  top: 50%;
  padding: 1rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 81.25em) {
  .mod_cfg_instagram .item-text {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 56.25em) {
  .mod_cfg_instagram .item-text {
    font-size: 2.5vw;
  }
}
.mod_cfg_instagram .insta-feed--link {
  position: absolute;
  inset: 0;
}
.mod_cfg_instagram .item-type {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
}

.social-media {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 56rem;
  margin-bottom: 3rem;
}
.social-media > div {
  margin-right: 1rem;
}
.social-media i {
  margin-right: 1rem;
}
.social-media span {
  text-decoration: underline;
}
.social-media a:hover span {
  text-decoration: none;
}

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

    Funktion      t-teaser-slide bem module

*****************************************************************************/
/*
.t-teaser-slide

Styleguide classes.t-teaser-slide
*/
.t-teaser-slide__image {
  margin-bottom: 6rem;
  position: relative;
}
.t-teaser-slide__image--visualizer {
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  max-width: 8rem;
}
@media screen and (max-width: 37.5em) {
  .t-teaser-slide__image--visualizer {
    max-width: 5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }
}
.t-teaser-slide__image--visualizer:after {
  content: "by matterport.com";
  position: absolute;
  bottom: -20px;
  left: -5px;
  right: -5px;
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
  color: white;
}
.t-teaser-slide__text {
  margin-left: 10rem;
  margin-right: var(--side-margin);
}
@media screen and (max-width: 56.25em) {
  .t-teaser-slide__text {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
  }
}
.t-teaser-slide__more {
  margin-top: 2.8rem;
  margin-bottom: 0;
}

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

    Funktion      t-teaser bem module

*****************************************************************************/
/*
.t-teaser

Styleguide classes.t-teaser
*/
.t-teaser {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  overflow: hidden;
  padding: 2.8rem 1.8rem 2.8rem 2.7rem;
  color: var(--color);
  background-color: var(--bg-color);
}
@media screen and (max-width: 56.25em) {
  .t-teaser {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser {
    font-size: 1.4rem;
  }
}
.t-teaser--horizontal {
  display: flex;
  font-family: "BerninoSans";
  font-size: 1.6rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  font-size: 2.3rem;
  line-height: 1.3;
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 81.25em) {
  .t-teaser--horizontal {
    font-size: 2rem;
  }
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal {
    font-size: 2rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal {
    display: block;
  }
}
.t-teaser--horizontal .t-teaser__image, .t-teaser--horizontal .t-teaser__main {
  flex: 1 1 50%;
  min-width: 0;
}
.t-teaser__image {
  margin: -2.8rem -1.8rem 0 -2.7rem;
}
.t-teaser__image img {
  width: 100%;
}
.t-teaser--horizontal .t-teaser__image {
  margin: -2.8rem 0 -2.8rem -2.7rem;
}
@supports (object-fit: cover) {
  .t-teaser--horizontal .t-teaser__image .image_container,
.t-teaser--horizontal .t-teaser__image picture,
.t-teaser--horizontal .t-teaser__image img {
    width: 100%;
    height: 100%;
  }
  .t-teaser--horizontal .t-teaser__image img {
    max-width: none;
    object-fit: cover;
  }
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal .t-teaser__image {
    margin: -2.8rem -1.8rem 0 -2.7rem;
  }
}
.t-teaser__meta {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  margin-bottom: 5rem;
}
@media screen and (max-width: 56.25em) {
  .t-teaser__meta {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser__meta {
    font-size: 1.4rem;
  }
}
.t-teaser--horizontal .t-teaser__meta {
  font-family: "BerninoSans";
  font-size: 1.6rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  font-size: 2.3rem;
  line-height: 1.3;
  margin-bottom: 3rem;
  font-weight: 700;
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal .t-teaser__meta {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__meta {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 81.25em) {
  .t-teaser--horizontal .t-teaser__meta {
    font-size: 2rem;
  }
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal .t-teaser__meta {
    font-size: 2rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__meta {
    font-size: 1.6rem;
  }
}
.t-teaser__more {
  margin-top: 3rem;
  margin-bottom: 0;
}
.t-teaser--horizontal .t-teaser__more {
  margin-top: 5.8rem;
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__more {
    margin-top: 3rem;
  }
}
.t-teaser__main {
  position: relative;
  padding-top: 7rem;
}
.t-teaser__main__title {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-50%);
}
.t-teaser__main__title .t-karo__title {
  color: #333742;
}
.t-teaser__main__title .t-karo__title--upper {
  color: var(--bg-color);
}
.t-teaser__main__title .t-karo:before {
  background-color: var(--color);
}
.t-teaser--horizontal .t-teaser__main {
  margin-right: -1.8rem;
  padding-top: 2.2rem;
  padding-right: 3.4rem;
  padding-left: 18rem;
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal .t-teaser__main {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12rem;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__main {
    padding-top: 8rem;
  }
}
.t-teaser--horizontal .t-teaser__main .ce_text p {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__main .ce_text p {
    margin-bottom: 1.6rem;
  }
}
.t-teaser--horizontal .t-teaser__main__title {
  top: 50%;
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 56.25em) {
  .t-teaser--horizontal .t-teaser__main__title {
    top: -4rem;
    right: 0;
    left: auto;
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 37.5em) {
  .t-teaser--horizontal .t-teaser__main__title {
    top: -4rem;
    right: -3rem;
  }
}

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

    Funktion      t-news bem module

*****************************************************************************/
/*
.t-news

Styleguide classes.t-news
*/
.t-simple {
  font-family: "BerninoSans";
  font-size: 1.9rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding-top: 3.6rem;
  padding-bottom: 4.4rem;
  border-top: 1px solid #333742;
  border-bottom: 1px solid #333742;
}
@media screen and (max-width: 56.25em) {
  .t-simple {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-simple {
    font-size: 1.4rem;
  }
}
@supports (color: var(--color)) {
  .t-simple {
    border-top-color: var(--accent-color, #333742);
    border-bottom-color: var(--accent-color, #333742);
  }
}
.t-simple__image {
  margin-bottom: 3rem;
}
.t-simple__title {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 2.2rem;
  color: var(--accent-color, inherit);
}
@media screen and (max-width: 56.25em) {
  .t-simple__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .t-simple__title {
    font-size: 3rem;
  }
}
.t-simple__text > :last-child {
  margin-bottom: 0;
}
.t-simple__more {
  margin-top: 3rem;
  margin-bottom: 0;
}

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

    Funktion      l-cta-list bem module

*****************************************************************************/
/*
.l-cta-list

Styleguide classes.l-cta-list
*/
.l-cta-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 56.25em) {
  .l-cta-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 56.25em) {
  .l-cta-list__item {
    flex: 1 0 40%;
    text-align: center;
  }
}

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

    Funktion      l-teaser-slider bem module

*****************************************************************************/
/*
.l-teaser-slider

Styleguide classes.l-teaser-slider
*/
.l-teaser-slider {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 81.25em) {
  .l-teaser-slider {
    align-items: flex-start;
  }
}
@media screen and (max-width: 56.25em) {
  .l-teaser-slider {
    display: block;
  }
}
.l-teaser-slider__nav {
  flex: 0 0 34rem;
  align-self: flex-start;
  margin-top: 15rem;
  text-align: center;
}
@media screen and (max-width: 56.25em) {
  .l-teaser-slider__nav {
    margin-top: 0;
  }
}
.l-teaser-slider__nav__title {
  margin-bottom: 9rem;
}
.l-teaser-slider__main {
  flex: 0 1 100%;
  min-width: 0;
  margin-left: 3.8rem;
}
@media screen and (max-width: 56.25em) {
  .l-teaser-slider__main {
    margin-left: 0;
  }
}
.l-teaser-slider__main__slider-wrapper {
  margin-right: calc(var(--side-margin) * -1);
}
@media screen and (max-width: 56.25em) {
  .l-teaser-slider__main__slider-wrapper {
    margin-right: -2.4rem;
    margin-left: -2.4rem;
  }
}

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

    Funktion      l-timeline bem module

*****************************************************************************/
/*
.l-timeline

Styleguide classes.l-timeline
*/
.l-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 3.4rem;
}
@media screen and (max-width: 56.25em) {
  .l-timeline {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
}
.l-timeline__item {
  padding-top: 2rem;
  grid-row: span 2;
  grid-column: span 2;
  min-width: 0;
}
.l-timeline__item:nth-child(1) {
  grid-row: 1/span 3;
}
.l-timeline__item:nth-child(2) {
  grid-column: 3/-1;
  grid-row: 2/5;
  padding-top: 0;
}
.l-timeline__item:nth-child(3) {
  grid-column: 3/-1;
  grid-row: 5/7;
  padding-top: 0;
  align-self: end;
}
.l-timeline__item:nth-child(4) {
  grid-column: 1/3;
  grid-row: 5/7;
  padding-top: 1rem;
}
.l-timeline__item:nth-child(4) figure {
  margin-left: calc(var(--side-margin) * -1);
  margin-right: 17.4rem;
}
.l-timeline__item:nth-child(4) figure img {
  width: 100%;
}
.l-timeline__item:nth-child(5), .l-timeline__item:nth-child(6) {
  margin-top: 16rem;
  grid-row: 7/span 1;
}
.l-timeline__item:nth-child(5) {
  padding-top: 7rem;
  grid-column: 1/2;
}
.l-timeline__item:nth-child(6) {
  grid-column: 2/-1;
  max-width: 100%;
}
@media screen and (max-width: 56.25em) {
  .l-timeline__item:nth-child(1n) {
    flex: 0 0 auto;
    padding-top: 3.4rem/2;
    padding-bottom: 3.4rem/2;
  }
  .l-timeline__item:nth-child(1n) + * {
    margin-top: 4.4rem;
    margin-bottom: 0;
  }
  .l-timeline__item:last-child {
    margin-bottom: -1.6rem;
  }
  .l-timeline__item:nth-child(1) {
    order: 2;
  }
  .l-timeline__item:nth-child(2) {
    order: 1;
  }
  .l-timeline__item:nth-child(2) [data-slider-config] {
    margin-left: -2.4rem;
    margin-right: 6.8rem;
  }
  .l-timeline__item:nth-child(3) {
    order: 4;
  }
  .l-timeline__item:nth-child(4) {
    order: 3;
  }
  .l-timeline__item:nth-child(4) figure {
    margin-right: -2.4rem;
    margin-left: 4.1rem;
  }
  .l-timeline__item:nth-child(5) {
    order: 5;
  }
  .l-timeline__item:nth-child(5) .h2, .l-timeline__item:nth-child(5) .quick-nav__subitem a, .quick-nav__subitem .l-timeline__item:nth-child(5) a {
    margin-bottom: 0;
  }
  .l-timeline__item:nth-child(6) {
    order: 6;
  }
  .l-timeline__item:nth-child(6) [data-slider-config] {
    margin-right: -2.4rem;
    margin-left: -2.4rem;
  }
}
.l-timeline__item .more-link__icon {
  align-self: flex-start;
  margin-top: 0.15em;
}
.l-timeline__item .more-link__link:first-line {
  font-weight: 300;
}
.l-timeline__item .slick-slider picture {
  display: block;
  overflow: hidden;
  text-align: center;
}
.l-timeline__item .slick-slider picture img {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  max-width: none;
  min-height: 400px;
  max-height: 400px;
}
.l-timeline #die-geschichte {
  padding-right: 2rem;
}

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

    Funktion      l-footer bem module

*****************************************************************************/
/*
.l-footer

Styleguide classes.l-footer
*/
.l-footer {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 56.25em) {
  .l-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
.l-footer__item {
  flex: 0 0 auto;
  margin-left: 11rem;
  line-height: 1.47;
}
@media screen and (max-width: 56.25em) {
  .l-footer__item {
    margin-left: 0;
  }
}
.l-footer__item--contact {
  margin-left: 0;
}
@media screen and (max-width: 56.25em) {
  .l-footer__item--nav {
    display: none;
  }
}
.l-footer__item--nav li + li {
  margin-top: 0.7rem;
}
.l-footer__item--meta-nav {
  margin-left: auto;
  text-align: right;
}
@media screen and (max-width: 56.25em) {
  .l-footer__item--meta-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
    align-items: end;
    grid-column: span 2;
    margin-left: 0;
    text-align: left;
  }
}
.l-footer__item--meta-nav .inline-list {
  --inline-list--gutter: 2.6rem;
}
.l-footer__item--meta-nav .inline-list__item {
  font-size: 1.6em;
}
.l-footer__item--meta-nav .inline-list__item:nth-child(1) {
  font-size: 2em;
}
.l-footer__item--meta-nav .ce_rsce_icon_nav {
  margin-top: 3.6rem;
}
.l-footer__item--meta-nav .ce_rsce_icon_nav a,
.l-footer__item--meta-nav .ce_rsce_icon_nav .icon,
.l-footer__item--meta-nav .ce_rsce_icon_nav .more-link__icon--arrow,
.l-footer__item--meta-nav .ce_rsce_icon_nav .custom-select__icon {
  display: block;
}
@media screen and (max-width: 56.25em) {
  .l-footer__item--meta-nav .ce_rsce_icon_nav {
    margin-top: 0;
    order: -1;
  }
}
.l-footer__item--meta-nav .ce_rsce_custom_navigation ul {
  margin-bottom: 0;
}
.l-footer__item--no-title:before {
  content: "Placeholder";
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 56.25em) {
  .l-footer__item--no-title:before {
    grid-column: 1/-1;
    order: -10;
  }
}

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

    Funktion      main-navigation bem module

*****************************************************************************/
/*
.main-navigation

Styleguide classes.main-navigation
*/
.main-navigation {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 56.25em) {
  .main-navigation {
    display: block;
  }
}
.main-navigation > * {
  flex: 1 1 25%;
}
@media screen and (max-width: 56.25em) {
  .main-navigation > * + * {
    margin-top: 2.4rem;
  }
}
.main-navigation__title {
  font-family: "Brandbe";
  font-size: 4.8rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  display: inline-block;
  margin-bottom: 1rem;
}
@media screen and (max-width: 56.25em) {
  .main-navigation__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .main-navigation__title {
    font-size: 3rem;
  }
}
.main-navigation li li + li {
  margin-top: 0.3rem;
}
@media screen and (max-width: 56.25em) {
  .main-navigation li li + li {
    margin-top: 0;
  }
}

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

    Funktion      l-navigation-area bem module

*****************************************************************************/
/*
.l-navigation-area

Styleguide classes.l-navigation-area
*/
@media screen and (max-width: 56.25em) {
  .l-navigation-area {
    display: grid;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
.l-navigation-area__meta, .l-navigation-area__footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(10px, 1fr));
  border-top: 1px solid #ffffff;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta, .l-navigation-area__footer {
    display: block;
    border: none;
  }
}
.l-navigation-area__meta {
  padding: 4.4rem 0 4rem;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta {
    padding: 0.7rem 0 0;
  }
}
@media screen and (max-width: 37.5em) {
  .l-navigation-area__meta {
    margin-left: auto;
  }
}
.l-navigation-area__footer {
  padding: 4.4rem 0 0;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__footer {
    display: none;
  }
}
.l-navigation-area__main {
  padding-bottom: 5rem;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__main {
    padding: 0;
  }
}
.l-navigation-area__main ul {
  margin-bottom: 0;
}
.l-navigation-area__meta-item .text-container > :last-child {
  margin-bottom: 0;
}
.l-navigation-area__meta-item:nth-child(2) {
  margin-left: 1.6rem;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item:nth-child(2) {
    margin-left: unset;
  }
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item + .l-navigation-area__meta-item {
    margin-top: 2.4rem;
  }
}
.l-navigation-area__meta-item--no-title:before {
  content: "Placeholder";
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item--no-title:before {
    display: none;
    content: none;
  }
}
.l-navigation-area__meta-item--meta-nav {
  text-align: left;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item--meta-nav {
    display: flex;
    flex-direction: column-reverse;
    text-align: left;
  }
}
.l-navigation-area__meta-item--meta-nav .inline-list {
  --inline-list--gutter: 2.6rem;
}
.l-navigation-area__meta-item--meta-nav .inline-list__item {
  font-size: 1.6em;
}
.l-navigation-area__meta-item--meta-nav .inline-list__item:nth-child(1) {
  font-size: 2em;
}
.l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav {
  margin-top: 3.6rem;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav {
    font-size: 1.2em;
  }
}
.l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav a,
.l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav .icon,
.l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav .more-link__icon--arrow,
.l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav .custom-select__icon {
  display: block;
}
@media screen and (max-width: 56.25em) {
  .l-navigation-area__meta-item--meta-nav .ce_rsce_icon_nav {
    margin-top: 2.4rem;
    order: -1;
  }
}
.l-navigation-area__meta-item--meta-nav .ce_rsce_custom_navigation ul {
  margin-bottom: 0;
}

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

    Funktion      navigation-area bem module

*****************************************************************************/
/*
.navigation-area

Styleguide classes.navigation-area
*/
.navigation-area {
  --color: #ffffff;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
  padding-top: 14.6rem;
  color: #ffffff;
  background-color: #333742;
  transform: translateY(-100%);
  transition: transform 0.8s;
}
@media screen and (max-width: 56.25em) {
  .navigation-area {
    padding-top: 16.2rem;
  }
}
.navigation-area:target, .navigation-area--is-active {
  transform: translateY(0);
}
.navigation-area hr {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.navigation-area__logo {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 4rem;
  margin-top: 1.6rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 56.25em) {
  .navigation-area__logo {
    width: 13rem;
    margin-top: 2rem;
  }
}
.navigation-area__close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2.8rem;
  margin-right: 4rem;
  font-size: 2.2rem;
  color: #bea98b;
}

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

    Funktion      lock-scroll bem module

*****************************************************************************/
/*
.lock-scroll

Styleguide classes.lock-scroll
*/
.lock-scroll {
  overflow: hidden;
}

.lock-scroll,
.lock-scroll .main-header,
.lock-scroll .navigation-area {
  margin-right: var(--scrollbar-width, 0);
}

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

    Funktion      cover bem module

*****************************************************************************/
/*
.cover

Styleguide classes.cover
*/
.cover {
  position: relative;
}
.cover__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

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

    Funktion    featherlight module
    Authors

*****************************************************************************/
.featherlight {
  position: fixed;
  top: 50%;
  left: 50%;
  height: auto;
  margin: 0;
  padding: 20px;
  transform: translate(-50%, -50%);
}
.featherlight.award {
  top: auto;
  left: auto;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  transform: none;
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .rs-columns {
    grid-gap: 1.5rem;
  }
}
@media screen and (max-width: 37.5em) {
  .featherlight.award {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .featherlight-content {
    width: 100%;
    max-width: 100vw;
  }
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .featherlight-content figure {
    text-align: center;
  }
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .featherlight-content img {
    width: 75%;
  }
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .featherlight-close {
    top: 0;
    right: 0;
    margin-top: 0;
    margin-right: 0;
    background-color: #ffffff;
  }
}
.featherlight.award .featherlight-close .icon, .featherlight.award .featherlight-close .more-link__icon--arrow, .featherlight.award .featherlight-close .custom-select__icon {
  color: #ffffff;
}
@media screen and (max-width: 37.5em) {
  .featherlight.award .featherlight-close .icon, .featherlight.award .featherlight-close .more-link__icon--arrow, .featherlight.award .featherlight-close .custom-select__icon {
    color: #333742;
  }
}
.featherlight, .featherlight:last-of-type {
  background-color: #333742;
}
.featherlight .featherlight-close-icon {
  position: fixed;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background: transparent;
}
@media screen and (max-height: 700px) {
  .featherlight .featherlight-close-icon {
    position: absolute;
  }
}
.featherlight .featherlight-close-icon .icon, .featherlight .featherlight-close-icon .more-link__icon--arrow, .featherlight .featherlight-close-icon .custom-select__icon {
  color: #ffffff;
  background: transparent;
}
@media screen and (max-height: 700px) {
  .featherlight .featherlight-close-icon .icon, .featherlight .featherlight-close-icon .more-link__icon--arrow, .featherlight .featherlight-close-icon .custom-select__icon {
    color: #333742;
  }
}

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

    Funktion      popup-content bem module

*****************************************************************************/
/*
.popup-content

Styleguide classes.popup-content
*/
#popup-content {
  display: none !important;
}

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

    Funktion      [data-popup-trigger] bem module

*****************************************************************************/
/*
.[data-popup-trigger]

Styleguide classes.[data-popup-trigger]
*/
[data-popup-trigger] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.quick-nav__subitem a,
.h3,
.h4,
.h5,
.h6,
.main-navigation__title,
.slider-nav__item,
.t-cta__title,
.cta-link,
.t-karo__title,
.t-simple__title {
  font-family: "Brandbe";
  text-transform: uppercase;
}

.ce_form .form-loewengarten .widget {
  grid-column: span 4;
}

.form-loewengarten .custom-select__label:focus {
  outline: none;
}

.js .form-loewengarten .input__label, .widget-select .js .form-loewengarten label,
.js .form-loewengarten .widget-select label,
.form-loewengarten .widget-select .js label {
  position: relative;
  padding-left: 0;
}

.js .form-loewengarten .input--has-focus .input__label,
.js .form-loewengarten .input--is-filled-out .input__label,
.form-loewengarten .input__label--is-filled-out,
.widget-select .form-loewengarten label,
.form-loewengarten .widget-select label {
  font-size: 19px;
  padding-left: 0;
  transform: none;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
}

.ce_form .form-loewengarten .formbody,
.ce_form .form-loewengarten fieldset {
  grid-gap: 1.2rem;
}

.form-loewengarten .button {
  min-width: 26.5rem;
  padding: 1rem 0.8rem;
  cursor: pointer;
  border: 1px solid transparent;
  text-transform: uppercase;
}

.form-loewengarten .button:hover {
  background-color: transparent;
  color: #333742;
  border: 1px solid #333742;
}

.input__field {
  min-height: 4.1rem;
}

.form-loewengarten .custom-select--is-active .custom-select__option {
  border-radius: 0;
}

.ce_form .widget-checkbox a {
  text-decoration: underline;
}

.featherlight .featherlight-close-icon {
  margin-top: 1rem;
  margin-right: 1rem;
}

.mod_cookie_bar_wrapper {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(51, 55, 66, 0.9);
  z-index: 10000000000;
  color: white;
}

.mod_cookie_bar_wrapper .mod_cookie_bar {
  padding-top: 2rem;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 1rem;
  max-width: 880px;
  margin: 0 auto;
}

.mod_cookie_bar_wrapper .mod_cookie_bar p {
  line-height: 1.4;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.mod_cookie_bar_wrapper .mod_cookie_bar a {
  text-decoration: underline;
}

.mod_cookie_bar_wrapper .mod_cookie_bar a.cookie-button {
  display: inline-block;
  padding: 2px 5px;
  font-size: 2rem;
  background-color: white;
  color: #333742;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  text-decoration: none;
}

.ce_hyperlink a.hyperlink_txt {
  text-decoration: underline;
}

.ce_hyperlink {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ce_hyperlink .more-link__icon {
  display: block;
  width: calc(5% - 1rem);
  margin-top: 0.3rem;
}

.ce_hyperlink .ce_hyperlink_text {
  width: calc(100% - 5% - 1rem);
}

.text-decoration-underline a {
  text-decoration: underline;
}

footer .ce_gallery ul,
.navigation-area .ce_gallery ul {
  display: flex;
  align-items: center;
}
footer .ce_gallery ul li,
.navigation-area .ce_gallery ul li {
  display: inline-block;
  margin: 5px;
}
footer .ce_gallery ul li:first-child img,
.navigation-area .ce_gallery ul li:first-child img {
  max-width: unset;
}
@media only screen and (max-width: 600px) {
  footer .ce_gallery ul li:first-child img,
.navigation-area .ce_gallery ul li:first-child img {
    max-width: 70px;
  }
}
footer .ce_gallery ul li:last-child img,
.navigation-area .ce_gallery ul li:last-child img {
  max-width: 80px;
  margin-left: 0.8rem;
}
@media only screen and (max-width: 600px) {
  footer .ce_gallery ul li:last-child img,
.navigation-area .ce_gallery ul li:last-child img {
    margin-left: 0;
    max-width: 60px;
  }
}

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