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

    Funktion    Import

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

Includes aller nötigen SCSS-Dateien

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

    Funktion    variables

*****************************************************************************/
/**
 * font-size
 */
/**
 * font-families
 */
/**
 * font-weight
 */
/**
 * color
 */
/**
 * color scheme
 */
/**
 * Settings
 */
/**
 * Breakpoints
 */
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

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

*****************************************************************************/
/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lato-v23-latin-regular.woff2) format("woff2"), url(../fonts/lato-v23-latin-regular.woff) format("woff");
}
/* lato-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/lato-v23-latin-italic.woff2) format("woff2"), url(../fonts/lato-v23-latin-italic.woff) format("woff");
}
/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/lato-v23-latin-700.woff2) format("woff2"), url(../fonts/lato-v23-latin-700.woff) format("woff");
}
/* lato-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/lato-v23-latin-700italic.woff2) format("woff2"), url(../fonts/lato-v23-latin-700italic.woff) format("woff");
}
@font-face {
  font-family: "futura-pt";
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff");
  font-display: auto;
}
@font-face {
  font-family: "futura-pt";
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff");
  font-display: auto;
}
/****************************************************************************
 *	MEDIA MOTION AG															*
 ****************************************************************************

	Funktion	css reset
	Authors		contao

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

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

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

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

blockquote,
q {
  quotes: none;
}

fieldset,
img,
iframe {
  border: 0;
}

ul {
  list-style-type: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

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

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

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

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

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

h1 {
  font-size: 1.8333em;
}

h2 {
  font-size: 1.6667em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3333em;
}

caption,
th {
  font-weight: 700;
}

a {
  color: #00F;
}

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

@font-face {
  font-family: "icons";
  src: url("/files/template/libs/icons/fonts/icons.ttf?ti3tqh") format("truetype"), url("/files/template/libs/icons/fonts/icons.woff?ti3tqh") format("woff"), url("/files/template/libs/icons/fonts/icons.svg?ti3tqh#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon, .accordion__icon, .input-round.error::before, .input.error::before, .input--select::after, .ce_text [href^="mailto:"]::before,
.ce_text [href^="tel:"]::before,
.text-container [href^="mailto:"]::before,
.t-block__text [href^="mailto:"]::before,
.text-container [href^="tel:"]::before,
.t-block__text [href^="tel:"]::before, .ce_text li::before,
.text-container li::before,
.t-block__text li::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--location3:before {
  content: "\ea31";
}

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

.icon--printer3:before {
  content: "\eb08";
}

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

.icon--search3:before {
  content: "\eb0a";
}

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

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

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

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

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

.icon--truck2:before {
  content: "\eb0b";
}

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

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

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

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

.icon--star-empty2:before {
  content: "\eb0d";
}

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

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

.icon--star-full2:before {
  content: "\eb0e";
}

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

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

.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--point-up2:before {
  content: "\eb0f";
}

.icon--point-right2:before {
  content: "\eb10";
}

.icon--point-down2:before {
  content: "\eb11";
}

.icon--point-left2:before {
  content: "\eb12";
}

.icon--warning:before, .input-round.error:before, .input.error:before {
  content: "\ea07";
}

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

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

.icon--plus:before, .accordion.is-active .accordion__icon:before {
  content: "\ea0a";
}

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

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

.icon--minus2:before {
  content: "\ea3d";
}

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

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

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

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

.icon--cross2:before {
  content: "\ea3f";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--chevron-down:before {
  content: "\eaf4";
}

.icon--chevron-left:before {
  content: "\eaf5";
}

.icon--chevron-up2:before {
  content: "\eaf6";
}

.icon--chevron-right2:before {
  content: "\eaf7";
}

.icon--chevron-down2:before {
  content: "\eaf8";
}

.icon--chevron-left2:before {
  content: "\eaf9";
}

.icon--chevron-up3:before {
  content: "\eafa";
}

.icon--chevron-right3:before {
  content: "\eafb";
}

.icon--chevron-down3:before {
  content: "\eafc";
}

.icon--chevron-left3:before {
  content: "\eafd";
}

.icon--double-chevron-up:before {
  content: "\eafe";
}

.icon--double-chevron-right:before {
  content: "\eaff";
}

.icon--double-chevron-down:before {
  content: "\eb00";
}

.icon--double-chevron-left:before {
  content: "\eb01";
}

.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--move-up-arrow:before {
  content: "\eb14";
}

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

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

.icon--checkbox-checked3:before {
  content: "\eb03";
}

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

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

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

.icon--radio-checked3:before {
  content: "\eb16";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--compare:before {
  content: "\eb04";
}

.icon--delete:before {
  content: "\eb05";
}

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

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

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

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

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

.icon--mail5:before {
  content: "\eb06";
}

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

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

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

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

.icon--snapchat:before {
  content: "\eb19";
}

.icon--tiktok:before {
  content: "\eb1a";
}

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

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

.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: #FFF;
  opacity: 1;
  -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: "\eaf5";
}
[dir=rtl] .slick-prev:before {
  content: "\eaf3";
}

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

/* 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: "\eaeb";
  width: 20px;
  height: 20px;
  font-family: "icons";
  font-size: 2rem;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #FFF;
  opacity: 1;
}

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

    Funktion      helper includes

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

    Funktion      is-int mixin

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

    Funktion    mixin selection

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

    Funktion    mixin clearfix

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

    Funktion    mixin input

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

    Funktion      mixins color-scheme bem module

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

    Funktion    Basic font mixins. Just for inheritable values.

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

    Funktion    mixins media queries

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

    Funktion    mixin media helper

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

    Funktion      cols bem module

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

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

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

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

    Funktion    rocksolid columns overwrite

*****************************************************************************/
:root {
  --rs-columns: repeat(6, minmax(10px, 1fr));
  --rs-columns-medium: repeat(2, 1fr);
  --rs-columns-small: repeat(1, 1fr);
}

.rs-columns {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(6, minmax(10px, 1fr));
}
@supports (color: var(--color)) {
  .rs-columns {
    grid-template-columns: var(--rs-columns);
  }
}
@media screen and (max-width: 56.25em) {
  @supports (color: var(--color)) {
    .rs-columns {
      grid-template-columns: var(--rs-columns-medium);
    }
  }
}
@media screen and (max-width: 37.5em) {
  @supports (color: var(--color)) {
    .rs-columns {
      grid-template-columns: var(--rs-columns-small);
    }
  }
}

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

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

    Funktion      col-push bem module

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

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

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

    Funktion      float bem module

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

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

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

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

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

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

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

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

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

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

.container-inline {
  container-type: inline-size;
}

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

/*
.hide-on-*

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

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

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

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

/*
.show-on-*

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

---

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

---

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

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

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

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

.text-transform-none {
  text-transform: none !important;
}

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

    Funktion    main css. HTML elements and basic structure
    Authors
    Datum

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

:root {
  --font-size-80: 1.8rem;
  --font-size-90: 2rem;
  --font-size-100: 2.2rem;
  --font-size-110: 2.5rem;
  --font-size-120: 4rem;
  --font-size-130: 5rem;
  --font-size-140: 7rem;
  --content-margin-side: 4rem;
}
@media screen and (max-width: 81.25em) {
  :root {
    --font-size-120: 3rem;
    --font-size-130: 4rem;
    --font-size-140: 6rem;
  }
}
@media screen and (max-width: 56.25em) {
  :root {
    --font-size-120: 3rem;
    --font-size-130: 4rem;
    --font-size-140: 5rem;
    --content-margin-side: 3rem;
  }
}
@media screen and (max-width: 37.5em) {
  :root {
    --font-size-80: 1.6rem;
    --font-size-90: 1.6rem;
    --font-size-100: 1.8rem;
    --font-size-110: 2rem;
    --font-size-120: 2.4rem;
    --font-size-130: 2.8rem;
    --font-size-140: 3rem;
    --content-margin-side: 2rem;
  }
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Lato";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.035em;
  color: #333;
}
@supports (color: var(--color)) {
  body {
    font-size: var(--font-size-100);
  }
}

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

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

.p {
  font-family: "Lato";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.035em;
  text-transform: none;
  color: inherit;
}
@supports (color: var(--color)) {
  .p {
    font-size: var(--font-size-100);
  }
}

h1,
.h1 {
  font-family: "futura-pt";
  font-size: 7rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 17.4rem;
  margin-bottom: 5.4rem;
  text-transform: uppercase;
  color: var(--title-color);
}
@supports (color: var(--color)) {
  h1,
  .h1 {
    font-size: var(--font-size-140);
  }
}
@media screen and (max-width: 56.25em) {
  h1,
  .h1 {
    margin-top: 10rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 37.5em) {
  h1,
  .h1 {
    margin-top: 8rem;
    margin-bottom: 3rem;
  }
}

h2,
.h2 {
  font-family: "futura-pt";
  font-size: 5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 11.6rem;
  margin-bottom: 8.2rem;
  text-transform: uppercase;
  color: var(--title-color);
}
@supports (color: var(--color)) {
  h2,
  .h2 {
    font-size: var(--font-size-130);
  }
}
@media screen and (max-width: 56.25em) {
  h2,
  .h2 {
    margin-top: 8rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 37.5em) {
  h2,
  .h2 {
    margin-top: 6rem;
    margin-bottom: 2rem;
  }
}

h3,
.h3 {
  font-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 11.6rem;
  margin-bottom: 3.3rem;
  text-transform: uppercase;
  color: var(--title-color);
}
@supports (color: var(--color)) {
  h3,
  .h3 {
    font-size: var(--font-size-120);
  }
}
@media screen and (max-width: 56.25em) {
  h3,
  .h3 {
    margin-top: 6rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 37.5em) {
  h3,
  .h3 {
    margin-top: 6rem;
    margin-bottom: 2rem;
  }
}

h4,
.h4 {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0352em;
  text-transform: uppercase;
  color: var(--title-color);
}
@supports (color: var(--color)) {
  h4,
  .h4 {
    font-size: var(--font-size-110);
  }
}

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

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

hr {
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #EBEBEB;
}

img,
svg,
video,
iframe,
canvas,
[style*=inline-block i] {
  vertical-align: middle;
}

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

iframe {
  max-width: 100%;
}

label,
input,
select,
textarea {
  margin-bottom: 1.6rem;
  padding: 2.1rem 0;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}

textarea {
  resize: none;
}

input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

button {
  border: none;
  border-radius: 0;
  background-color: transparent;
  appearance: none;
  cursor: pointer;
}

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

address {
  font-style: normal;
}

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(32, 77, 37, 0.15);
}

::selection {
  text-shadow: none;
  color: #FFF;
  background: rgba(32, 77, 37, 0.15);
}

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

.base-width, .l-footer__inner, .header-image__teaser, .l-header__nav-header, .l-header__meta, .l-header__inner, .main .mod_article > *,
.base-width-container > * {
  width: calc(100% - 2 * 4rem);
  max-width: 140rem;
  margin-right: auto;
  margin-left: auto;
}
@supports (color: var(--color)) {
  .base-width, .l-footer__inner, .header-image__teaser, .l-header__nav-header, .l-header__meta, .l-header__inner, .main .mod_article > *,
  .base-width-container > * {
    width: calc(100% - 2 * var(--content-margin-side, 4rem));
  }
}
.base-width--no-content-margin {
  width: 100%;
}
.base-width--full-width, .main .mod_article > *.full-width,
.base-width-container > *.full-width {
  width: auto;
  max-width: none;
}
.base-width--inset-width, .header-image__teaser, .main .mod_article > *.inset-width,
.base-width-container > *.inset-width {
  max-width: 92rem;
}
.base-width--outset-width, .l-footer__inner, .l-header__meta, .l-header__inner, .main .mod_article > *.outset-width,
.base-width-container > *.outset-width {
  max-width: 176.2rem;
}
.base-width--hd-width, .main .mod_article > *.hd-width,
.base-width-container > *.hd-width {
  max-width: 192rem;
}

/**
 * Header
 */
.main-header {
  position: relative;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #FFF;
}

/**
 * Main content
 */
:where(.main > .inside > .mod_article:last-child) > :last-child {
  margin-bottom: 14.8rem;
}

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

    Funktion      l-header bem module

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

Styleguide classes.l-header
*/
.l-header {
  position: relative;
  padding-top: 6.8rem;
  padding-bottom: 4rem;
}
@media screen and (max-width: 81.25em) {
  .l-header {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 37.5em) {
  .l-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.l-header__inner {
  display: flex;
  align-items: center;
}
.l-header__meta {
  display: flex;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  flex: 1 0 100%;
  justify-content: flex-end;
  align-items: flex-start;
  height: 0;
  margin-top: 2.6rem;
}
@media screen and (max-width: 56.25em) {
  .l-header__meta {
    display: none;
  }
}
.l-header__mobile-meta {
  display: none;
}
@media screen and (max-width: 81.25em) {
  .l-header__mobile-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 8.5rem;
  }
}
.l-header__logo {
  width: 37.2rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 81.25em) {
  .l-header__logo {
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 56.25em) {
  .l-header__logo {
    width: 30rem;
  }
}
@media screen and (max-width: 37.5em) {
  .l-header__logo {
    width: 24rem;
  }
}
.l-header__nav {
  flex: 0 1 92rem;
  margin-right: auto;
  margin-left: 6.2%;
}
@media screen and (max-width: 81.25em) {
  .l-header__nav {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    padding: 8rem var(--content-margin-side, 4rem);
    background-color: #FFF;
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.6s, transform 0.6s;
  }
}
@media screen and (max-width: 81.25em) {
  .l-header__nav--is-open {
    opacity: 1;
    transform: translateY(0);
  }
}
.l-header__nav-header {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-top: 1.6rem;
}
@media screen and (max-width: 81.25em) {
  .l-header__nav-header {
    display: flex;
    justify-content: flex-end;
  }
}
.l-header__search {
  flex: 0 0 20rem;
  margin-left: auto;
}
@media screen and (max-width: 81.25em) {
  .l-header__search {
    margin-right: auto;
  }
}
@media screen and (max-width: 37.5em) {
  .l-header__search {
    display: none;
  }
}
.l-header__search form {
  margin-bottom: 0;
}
.l-header__burger {
  display: none;
  margin-left: 2rem;
}
@media screen and (max-width: 81.25em) {
  .l-header__burger {
    display: block;
  }
}
@media screen and (max-width: 37.5em) {
  .l-header__burger {
    margin-left: auto;
  }
}

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

    Funktion      color-scheme bem module

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

Styleguide classes.color-scheme
*/
:root {
  --title-color: #204D25;
}

.color-scheme-default {
  --button-bg-color: rgba(32, 77, 37, 0.15);
}
.color-scheme-v-1 {
  --color: #FFF;
  --bg-color: #577B5B;
  --title-color: var(--color);
  --button-color: #204D25;
  --button-bg-color: rgba(255, 255, 255, 0.5);
}

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

    Funktion      main-nav bem module

*****************************************************************************/
/*
.main-nav

Styleguide classes.main-nav
*/
.main-nav {
  display: flex;
}
@media screen and (max-width: 81.25em) {
  .main-nav {
    display: grid;
    grid-gap: 4rem;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 56.25em) {
  .main-nav {
    display: block;
  }
}
.main-nav::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: -1;
  height: 0;
  background-color: #FFF;
  transition: height 0.6s;
  transition-delay: 0.2s;
}
@media screen and (max-width: 81.25em) {
  .main-nav::after {
    content: none;
    display: none;
  }
}
.main-nav:hover::after {
  height: calc(100vh - 100%);
  transition-duration: 0.2s;
  transition-delay: 0s;
}
@supports (color: var(--color)) {
  .main-nav:hover::after {
    height: var(--nav-height, calc(100vh - 100%));
  }
  .no-js .main-nav:hover::after {
    height: var(--nav-height, calc(100vh - 100%));
  }
}
.main-nav, .main-nav__sub {
  margin-bottom: 0;
}
.main-nav__item {
  position: relative;
  flex: 1 0 0;
}
.main-nav__item + .main-nav__item, .main-nav__item + .main-nav__item .main-nav__sub {
  padding-left: 4rem;
}
@media screen and (max-width: 81.25em) {
  .main-nav__item + .main-nav__item, .main-nav__item + .main-nav__item .main-nav__sub {
    padding-left: 0;
  }
}
.main-nav__link, .main-nav__sublink {
  color: #5A595C;
  transition: color 0.6s;
}
.main-nav__link:hover, .main-nav__sublink:hover {
  color: #8F8F8F;
  transition-duration: 0.2s;
}
.main-nav__link {
  font-family: "futura-pt";
  font-size: 2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
@supports (color: var(--color)) {
  .main-nav__link {
    font-size: var(--font-size-90);
  }
}
.main-nav__link--is-active, .main-nav__link--is-trail {
  font-weight: 700;
  color: #204D25;
}
.main-nav__sublink {
  font-family: "Lato";
  font-size: 1.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@supports (color: var(--color)) {
  .main-nav__sublink {
    font-size: var(--font-size-80);
  }
}
.main-nav__sublink--is-active, .main-nav__sublink--is-trail {
  font-weight: 700;
  color: #204D25;
}
.main-nav__sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 4rem;
  visibility: hidden;
  opacity: 0;
  transform: scaleY(0.9) translateY(-2rem);
  transform-origin: 50% 0;
  transition: visibility 0.2s 0s, opacity 0.2s, transform 0.2s;
}
@media screen and (max-width: 81.25em) {
  .main-nav__sub {
    position: static;
    width: auto;
    margin-bottom: 3rem;
    margin-left: 2rem;
    padding-top: 0;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
}
.main-nav:hover .main-nav__sub {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1) translateY(0);
  transition-delay: 0.2s;
}
.main-nav__subitem {
  padding: 0.4rem 0 0.8rem;
  border-bottom: 1px solid #EBEBEB;
}

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

    Funktion      distance bem module

*****************************************************************************/
/*
.distance

Styleguide classes.distance
*/
.distance-top-s {
  margin-top: 3.5rem;
}
.distance-top-m {
  margin-top: 5.8rem;
}
.distance-top-l {
  margin-top: 8.5rem;
}
.distance-top-xl {
  margin-top: 11.6rem;
}
.distance-bottom-s {
  margin-bottom: 3.5rem;
}
.distance-bottom-m {
  margin-bottom: 5.8rem;
}
.distance-bottom-l {
  margin-bottom: 8.5rem;
}
.distance-bottom-xl {
  margin-bottom: 11.6rem;
}

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

    Funktion      icon-burger bem module

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

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

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

    Funktion      block-reset bem module

*****************************************************************************/
/*
.block-reset

Styleguide classes.block-reset
*/
.block-reset > :first-child, .info-block__teaser > :first-child, .t-block__text > :first-child, .t-block > :first-child, .t-default__text > :first-child, .lead-small > :first-child, .teaser-box > :first-child {
  margin-top: 0;
}
.block-reset > :last-child, .info-block__teaser > :last-child, .t-block__text > :last-child, .t-block > :last-child, .t-default__text > :last-child, .lead-small > :last-child, .teaser-box > :last-child {
  margin-bottom: 0;
}

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

    Funktion      ce_text bem module

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

Styleguide classes.ce_text
*/
.ce_text h1:first-child,
.ce_text h2:first-child,
.ce_text h3:first-child,
.ce_text h4:first-child,
.ce_text h5:first-child,
.ce_text h6:first-child,
.text-container h1:first-child,
.t-block__text h1:first-child,
.text-container h2:first-child,
.t-block__text h2:first-child,
.text-container h3:first-child,
.t-block__text h3:first-child,
.text-container h4:first-child,
.t-block__text h4:first-child,
.text-container h5:first-child,
.t-block__text h5:first-child,
.text-container h6:first-child,
.t-block__text h6:first-child {
  margin-top: 0;
  margin-bottom: 3.5rem;
}
.ce_text ol,
.ce_text ul,
.text-container ol,
.t-block__text ol,
.text-container ul,
.t-block__text ul {
  display: table;
  list-style: none;
  width: 100%;
}
.ce_text li,
.text-container li,
.t-block__text li {
  display: table-row;
}
.ce_text li::before,
.text-container li::before,
.t-block__text li::before {
  content: "\eaf3";
  display: table-cell;
  width: 1px;
  padding-right: 0.3rem;
  font-size: 1.4rem;
}
.ce_text li::after,
.text-container li::after,
.t-block__text 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,
.t-block__text li ul,
.text-container li ol,
.t-block__text li ol,
.text-container li li::after,
.t-block__text li li::after {
  margin-bottom: 0;
}
.ce_text ol,
.text-container ol,
.t-block__text ol {
  counter-reset: list-count;
}
.ce_text ol li::before,
.text-container ol li::before,
.t-block__text ol li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
  text-align: right;
}
.ce_text a,
.text-container a,
.t-block__text a {
  text-decoration: underline;
  color: inherit;
  transition: color 0.3s;
}
.ce_text a:hover,
.text-container a:hover,
.t-block__text a:hover {
  text-decoration: none;
}
.ce_text [href^="mailto:"]::before,
.ce_text [href^="tel:"]::before,
.text-container [href^="mailto:"]::before,
.t-block__text [href^="mailto:"]::before,
.text-container [href^="tel:"]::before,
.t-block__text [href^="tel:"]::before {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.4em;
  margin-left: 0.2em;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #FFF;
  background-color: #204D25;
}
.ce_text [href^="mailto:"]::before,
.text-container [href^="mailto:"]::before,
.t-block__text [href^="mailto:"]::before {
  content: "\ea83";
}
.ce_text [href^="tel:"]::before,
.text-container [href^="tel:"]::before,
.t-block__text [href^="tel:"]::before {
  content: "\e942";
}

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

    Funktion      header-image bem module

*****************************************************************************/
/*
.header-image

Styleguide classes.header-image
*/
.header-image__teaser {
  display: flex;
  position: relative;
  justify-content: flex-end;
  margin-top: -23rem;
  margin-bottom: 5.8rem;
}
@media screen and (max-width: 81.25em) {
  .header-image__teaser {
    margin-top: -10rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 56.25em) {
  .header-image__teaser {
    margin-top: -6rem;
    margin-bottom: 6rem;
  }
}
.header-image .teaser-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 10rem;
  z-index: 10;
  width: 16rem;
  height: 16rem;
  background-image: url(../fonts/header_icon_zollinger.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 56.25em) {
  .header-image .teaser-box::before {
    right: 6rem;
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 37.5em) {
  .header-image .teaser-box::before {
    position: static;
    margin-right: auto;
    margin-bottom: 3rem;
    margin-left: auto;
    transform: none;
  }
}

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

    Funktion      teaser-box bem module

*****************************************************************************/
/*
.teaser-box

Styleguide classes.teaser-box
*/
.teaser-box {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
  width: 72rem;
  max-width: 100%;
  padding: 10.6rem 12rem;
  border: rgba(32, 77, 37, 0.15) solid 2rem;
  text-align: center;
  color: #204D25;
  background-color: #FFF;
}
@supports (color: var(--color)) {
  .teaser-box {
    font-size: var(--font-size-110);
  }
}
@media screen and (max-width: 56.25em) {
  .teaser-box {
    padding: 5rem 4rem;
  }
}
@media screen and (max-width: 37.5em) {
  .teaser-box {
    padding: 4rem 2rem;
  }
}
.teaser-box__title {
  font-family: "futura-pt";
  font-size: 5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 3.5rem;
  text-transform: uppercase;
}
@supports (color: var(--color)) {
  .teaser-box__title {
    font-size: var(--font-size-130);
  }
}

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

    Funktion      aspect bem module

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

Styleguide classes.aspect
*/
.aspect {
  position: relative;
}
.aspect::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@supports (color: var(--color)) {
  .aspect::before {
    padding-top: calc(var(--player-y, 9) / var(--player-x, 16) * 100%);
  }
}
.aspect--16-9::before {
  padding-top: 56.25%;
}
.aspect--16-10::before {
  padding-top: 62.5%;
}
.aspect--21-9::before {
  padding-top: 42.8571428571%;
}
.aspect--4-3::before {
  padding-top: 75%;
}
.aspect--3-2::before {
  padding-top: 66.6666666667%;
}
.aspect > * {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.aspect__image {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

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

    Funktion      l-double bem module

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

Styleguide classes.l-double
*/
.l-double {
  display: flex;
  gap: 8rem;
}
@media screen and (max-width: 81.25em) {
  .l-double {
    gap: 4rem;
  }
}
@media screen and (max-width: 37.5em) {
  .l-double {
    display: block;
  }
}
.l-double--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 56.25em) {
  .l-double {
    flex-direction: column;
  }
}
.l-double--valign-center {
  align-items: center;
}
.l-double--valign-bottom {
  align-items: flex-end;
}
.l-double__header {
  flex: 4 4 0;
}
:where(.l-double--large-header) .l-double__header {
  flex: 8 8 0;
}
.l-double__main {
  flex: 8 8 0;
}
@media screen and (max-width: 37.5em) {
  .l-double__main {
    margin-top: 1.6rem;
  }
}
:where(.l-double--large-header) .l-double__main {
  flex: 4 4 0;
}
@media screen and (max-width: 81.25em) {
  .l-double__header, .l-double__main {
    flex: 1 1 0;
  }
}
.l-double__center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

    Funktion      l-contact-form bem module

*****************************************************************************/
/*
.l-contact-form

Styleguide classes.l-contact-form
*/
.l-contact-form {
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 0 8rem;
  grid-row: auto;
  grid-template-columns: minmax(10px, 8fr) minmax(10px, 4fr);
  padding-top: 0;
}
@media screen and (max-width: 81.25em) {
  .l-contact-form {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 56.25em) {
  .l-contact-form {
    display: block;
  }
}
.l-contact-form .widget {
  grid-column: 1/2;
}
.l-contact-form__main {
  grid-area: main;
}
.l-contact-form__info {
  grid-row: 1/5;
  padding-top: 2.1rem;
}
@media screen and (max-width: 56.25em) {
  .l-contact-form__info {
    margin-top: 5.8rem;
  }
}
.l-contact-form .widget-submit, .l-contact-form__info {
  grid-column: 2/-1;
}
.l-contact-form .widget-submit {
  order: 10;
  margin-top: auto;
  padding-top: 1.6rem;
}

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

    Funktion    article_gallery module

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

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

    Funktion      ce_accordion bem module

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

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

    Funktion      button bem module

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

Styleguide classes.button
*/
:root {
  --button-color: #5A595C;
  --button-bg-color: #EBEBEB;
}

.button, .input-round__label, .input-round__field {
  font-family: "futura-pt";
  font-size: 2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  display: inline-block;
  min-width: 20rem;
  max-width: 100%;
  padding: 0.5rem 2rem;
  border-radius: 1.8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #5A595C;
  background-color: #EBEDEB;
  transition: color 0.3s, background 0.3s;
}
@supports (color: var(--color)) {
  .button, .input-round__label, .input-round__field {
    font-size: var(--font-size-90);
  }
}
@supports (color: var(--color)) {
  .button, .input-round__label, .input-round__field {
    border: var(--button-bg-color);
    color: var(--button-color);
    background-color: var(--button-bg-color);
  }
}
.button:hover, .input-round__label:hover, .input-round__field:hover {
  --button-color: #FFF;
  --button-bg-color: #204D25;
}
.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-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  width: 44rem;
  min-width: 0;
  padding: 1.4rem 2rem;
  border-radius: 4rem;
}
@supports (color: var(--color)) {
  .button--large {
    font-size: var(--font-size-120);
  }
}
.button--small {
  font-size: 0.8em;
}
.button--icon {
  --button-color: #204D25;
  --button-bg-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  width: 20rem;
  height: 3.6rem;
  margin-bottom: 1rem;
  padding: 0;
}
.button--icon:hover {
  --button-color: #204D25;
  --button-bg-color: #90a692;
}
.button--icon .button__icon {
  display: block;
  position: relative;
  width: 3.6rem;
  margin-right: 1.4rem;
  border-radius: 50%;
  font-size: 0.9em;
  background-color: #FFF;
}
.button--icon .button__icon::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}
.button--icon .button__icon .icon, .button--icon .button__icon .accordion__icon, .button--icon .button__icon .input-round.error::before, .button--icon .button__icon .input.error::before, .button--icon .button__icon .input--select::after, .button--icon .button__icon .ce_text li::before, .ce_text .button--icon .button__icon li::before,
.button--icon .button__icon .text-container li::before,
.button--icon .button__icon .t-block__text li::before,
.text-container .button--icon .button__icon li::before,
.t-block__text .button--icon .button__icon li::before, .button--icon .button__icon .ce_text [href^="mailto:"]::before, .ce_text .button--icon .button__icon [href^="mailto:"]::before,
.button--icon .button__icon .ce_text [href^="tel:"]::before,
.ce_text .button--icon .button__icon [href^="tel:"]::before,
.button--icon .button__icon .text-container [href^="mailto:"]::before,
.button--icon .button__icon .t-block__text [href^="mailto:"]::before,
.text-container .button--icon .button__icon [href^="mailto:"]::before,
.t-block__text .button--icon .button__icon [href^="mailto:"]::before,
.button--icon .button__icon .text-container [href^="tel:"]::before,
.button--icon .button__icon .t-block__text [href^="tel:"]::before,
.text-container .button--icon .button__icon [href^="tel:"]::before,
.t-block__text .button--icon .button__icon [href^="tel:"]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.6s;
}
.button--icon:hover .button__icon .icon, .button--icon:hover .button__icon .accordion__icon, .button--icon:hover .button__icon .input-round.error::before, .button--icon:hover .button__icon .input.error::before, .button--icon:hover .button__icon .input--select::after, .button--icon:hover .button__icon .ce_text li::before, .ce_text .button--icon:hover .button__icon li::before,
.button--icon:hover .button__icon .text-container li::before,
.button--icon:hover .button__icon .t-block__text li::before,
.text-container .button--icon:hover .button__icon li::before,
.t-block__text .button--icon:hover .button__icon li::before, .button--icon:hover .button__icon .ce_text [href^="mailto:"]::before, .ce_text .button--icon:hover .button__icon [href^="mailto:"]::before,
.button--icon:hover .button__icon .ce_text [href^="tel:"]::before,
.ce_text .button--icon:hover .button__icon [href^="tel:"]::before,
.button--icon:hover .button__icon .text-container [href^="mailto:"]::before,
.button--icon:hover .button__icon .t-block__text [href^="mailto:"]::before,
.text-container .button--icon:hover .button__icon [href^="mailto:"]::before,
.t-block__text .button--icon:hover .button__icon [href^="mailto:"]::before,
.button--icon:hover .button__icon .text-container [href^="tel:"]::before,
.button--icon:hover .button__icon .t-block__text [href^="tel:"]::before,
.text-container .button--icon:hover .button__icon [href^="tel:"]::before,
.t-block__text .button--icon:hover .button__icon [href^="tel:"]::before {
  transform: translate(-50%, -50%) scale(1.3);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.55, 1.59);
}
.button--icon .button__text {
  margin-top: 0.1rem;
}

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

    Funktion      inline-list bem module

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

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

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

    Funktion      meta bem module

*****************************************************************************/
/*
.meta

Styleguide classes.meta
*/
.meta {
  font-family: "futura-pt";
  font-size: 2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5A595C;
}
@supports (color: var(--color)) {
  .meta {
    font-size: var(--font-size-90);
  }
}

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

    Funktion      cookie-banner bem module

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

Styleguide classes.cookie-banner
*/
.cookie-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  color: #FFF;
  background-color: rgba(32, 77, 37, 0.15);
}
.cookie-banner__button {
  text-decoration: none;
}

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

    Funktion      input bem module

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

Styleguide classes.input
*/
:root {
  --input-color: #333;
  --input-bg-color: #FFF;
}

.input {
  display: flex;
  position: relative;
  align-items: end;
}
.input input {
  appearance: none;
}
.input + .input {
  margin-top: 1.6rem;
}
.input--select::after {
  content: "\eaf4";
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 5rem;
  background-color: var(--input-bg-color);
  pointer-events: none;
}
.input--disabled {
  opacity: 0.5;
}
.input--disabled .input__field {
  cursor: not-allowed;
}
.input.error::before {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 0.3em;
  font-size: 1.4em;
  color: red;
  transform: translate(0, -50%);
}
.input__label, .input__field {
  margin-bottom: 1.6rem;
  padding: 2.1rem 0;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
  flex: 1 1 0;
  margin: 0;
  border-bottom: 1px solid #EBEBEB;
  transition: border 0.2s, color 0.2s, background 0.2s;
}
@supports (color: var(--color)) {
  .input__label, .input__field {
    font-size: var(--font-size-110);
  }
}
.input__label {
  flex: 0 0 24rem;
}
.input__field {
  display: block;
  width: 100%;
  margin: 0;
  background-color: transparent;
  outline: none;
  animation-duration: 10000s;
}
.input__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
@supports (color: var(--color)) {
  .js .input__label {
    color: var(--input-color);
  }
}
.js .input__field:focus {
  outline: none;
}
.js .input--has-focus .input__field {
  border-bottom-color: #333;
}
.js .input--is-filled-out .input__label, .js .input--is-filled-out .input__field {
  border-bottom-color: #333;
}
.js .input--is-filled-out .input__label {
  opacity: 1;
  transition-duration: 0.8s;
}
.js .input--is-filled-out .input__input {
  color: rgba(51, 51, 51, 0.9);
}
.input p.error {
  position: absolute;
  right: 0.4em;
  bottom: 0.1em;
  margin-bottom: 0;
  font-size: 0.8em;
  color: red;
}

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

    Funktion      input-round bem module

*****************************************************************************/
/*
.input-round

Styleguide classes.input-round
*/
.input-round {
  display: flex;
  position: relative;
  align-items: end;
}
.input-round input {
  appearance: none;
}
.input-round + .input-round {
  margin-top: 1.6rem;
}
.input-round--disabled {
  opacity: 0.5;
}
.input-round--disabled .input-round__field {
  cursor: not-allowed;
}
.input-round.error::before {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 0.3em;
  font-size: 1.4em;
  color: red;
  transform: translate(0, -50%);
}
.input-round__label, .input-round__field {
  flex: 1 1 0;
  margin: 0;
  text-align: left;
  text-transform: none;
  transition: border 0.2s, color 0.2s, background 0.2s;
}
.input-round__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  flex: 0 0 24rem;
  min-width: 0;
  padding-top: 0.7rem;
  padding-bottom: 0.4rem;
  padding-left: 0.6rem;
  border-radius: 0;
  color: #919495;
  background-color: transparent;
}
.input-round__label:hover {
  color: inherit;
  background-color: transparent;
}
.input-round__label .icon, .input-round__label .accordion__icon, .input-round__label .ce_text li::before, .ce_text .input-round__label li::before,
.input-round__label .text-container li::before,
.input-round__label .t-block__text li::before,
.text-container .input-round__label li::before,
.t-block__text .input-round__label li::before, .input-round__label .ce_text [href^="mailto:"]::before, .ce_text .input-round__label [href^="mailto:"]::before,
.input-round__label .ce_text [href^="tel:"]::before,
.ce_text .input-round__label [href^="tel:"]::before,
.input-round__label .text-container [href^="mailto:"]::before,
.input-round__label .t-block__text [href^="mailto:"]::before,
.text-container .input-round__label [href^="mailto:"]::before,
.t-block__text .input-round__label [href^="mailto:"]::before,
.input-round__label .text-container [href^="tel:"]::before,
.input-round__label .t-block__text [href^="tel:"]::before,
.text-container .input-round__label [href^="tel:"]::before,
.t-block__text .input-round__label [href^="tel:"]::before, .input-round__label .input--select::after, .input-round__label .input.error::before, .input-round__label .input-round.error::before {
  display: inline-block;
  transform: translateX(0) scale(1) scale(1);
  transform-origin: 0 50%;
  transition: transform 0.2s;
}
.input-round__field {
  display: block;
  width: 100%;
  margin: 0;
  padding-left: 1.8em;
  outline: none;
  animation-duration: 10000s;
}
.input-round__field:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input-round__field :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.input-round__field:hover {
  color: inherit;
  background-color: #EBEBEB;
}
.js .input-round__field {
  padding-left: 1.4rem;
}
.js .input-round__field:focus {
  outline: none;
}
.js .input-round--has-focus .input-round__field {
  border-bottom-color: #333;
}
.js .input-round--is-filled-out .input-round__label, .js .input-round--is-filled-out .input-round__field {
  border-bottom-color: #333;
}
.js .input-round--is-filled-out .input-round__label {
  opacity: 1;
  transition-duration: 0.8s;
}
.js .input-round--is-filled-out .input-round__label .icon, .js .input-round--is-filled-out .input-round__label .accordion__icon, .js .input-round--is-filled-out .input-round__label .ce_text li::before, .ce_text .js .input-round--is-filled-out .input-round__label li::before,
.js .input-round--is-filled-out .input-round__label .text-container li::before,
.js .input-round--is-filled-out .input-round__label .t-block__text li::before,
.text-container .js .input-round--is-filled-out .input-round__label li::before,
.t-block__text .js .input-round--is-filled-out .input-round__label li::before, .js .input-round--is-filled-out .input-round__label .ce_text [href^="mailto:"]::before, .ce_text .js .input-round--is-filled-out .input-round__label [href^="mailto:"]::before,
.js .input-round--is-filled-out .input-round__label .ce_text [href^="tel:"]::before,
.ce_text .js .input-round--is-filled-out .input-round__label [href^="tel:"]::before,
.js .input-round--is-filled-out .input-round__label .text-container [href^="mailto:"]::before,
.js .input-round--is-filled-out .input-round__label .t-block__text [href^="mailto:"]::before,
.text-container .js .input-round--is-filled-out .input-round__label [href^="mailto:"]::before,
.t-block__text .js .input-round--is-filled-out .input-round__label [href^="mailto:"]::before,
.js .input-round--is-filled-out .input-round__label .text-container [href^="tel:"]::before,
.js .input-round--is-filled-out .input-round__label .t-block__text [href^="tel:"]::before,
.text-container .js .input-round--is-filled-out .input-round__label [href^="tel:"]::before,
.t-block__text .js .input-round--is-filled-out .input-round__label [href^="tel:"]::before, .js .input-round--is-filled-out .input-round__label .input--select::after, .js .input-round--is-filled-out .input-round__label .input.error::before, .js .input-round--is-filled-out .input-round__label .input-round.error::before, .js .input-round--has-focus .input-round__label .icon, .js .input-round--has-focus .input-round__label .accordion__icon, .js .input-round--has-focus .input-round__label .ce_text li::before, .ce_text .js .input-round--has-focus .input-round__label li::before,
.js .input-round--has-focus .input-round__label .text-container li::before,
.js .input-round--has-focus .input-round__label .t-block__text li::before,
.text-container .js .input-round--has-focus .input-round__label li::before,
.t-block__text .js .input-round--has-focus .input-round__label li::before, .js .input-round--has-focus .input-round__label .ce_text [href^="mailto:"]::before, .ce_text .js .input-round--has-focus .input-round__label [href^="mailto:"]::before,
.js .input-round--has-focus .input-round__label .ce_text [href^="tel:"]::before,
.ce_text .js .input-round--has-focus .input-round__label [href^="tel:"]::before,
.js .input-round--has-focus .input-round__label .text-container [href^="mailto:"]::before,
.js .input-round--has-focus .input-round__label .t-block__text [href^="mailto:"]::before,
.text-container .js .input-round--has-focus .input-round__label [href^="mailto:"]::before,
.t-block__text .js .input-round--has-focus .input-round__label [href^="mailto:"]::before,
.js .input-round--has-focus .input-round__label .text-container [href^="tel:"]::before,
.js .input-round--has-focus .input-round__label .t-block__text [href^="tel:"]::before,
.text-container .js .input-round--has-focus .input-round__label [href^="tel:"]::before,
.t-block__text .js .input-round--has-focus .input-round__label [href^="tel:"]::before, .js .input-round--has-focus .input-round__label .input--select::after, .js .input-round--has-focus .input-round__label .input.error::before, .js .input-round--has-focus .input-round__label .input-round.error::before {
  transform: translateX(-0.5em) scale(-1) scaleY(-1);
}
.js .input-round--is-filled-out .input-round__input {
  color: rgba(51, 51, 51, 0.9);
}
.input-round p.error {
  position: absolute;
  right: 0.4em;
  bottom: 0.1em;
  margin-bottom: 0;
  font-size: 0.8em;
  color: red;
}

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

    Funktion      textarea bem module

*****************************************************************************/
/*
.textarea

Styleguide classes.textarea
*/
.textarea {
  margin-top: 7.1rem;
}
.textarea__label, .textarea__field {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
  display: block;
  width: 100%;
  margin: 0;
  padding: 2.1rem 4rem;
  border-bottom: none;
  background-color: #EBEDEB;
  appearance: none;
}
@supports (color: var(--color)) {
  .textarea__label, .textarea__field {
    font-size: var(--font-size-110);
  }
}
@supports (color: var(--color)) {
  .textarea__label, .textarea__field {
    background-color: var(--textarea-bg-color, #EBEDEB);
  }
}
.textarea__label {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0352em;
}
@supports (color: var(--color)) {
  .textarea__label {
    font-size: var(--font-size-110);
  }
}
.textarea__field {
  padding-top: 1.4rem;
}
.textarea__field:focus {
  outline: none;
}

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

    Funktion      slick bem module

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

Styleguide classes.slick
*/
.slick-slider img {
  width: 100%;
}
.slick-slider a {
  outline: 0;
}
.slick-slide, .slick-slide * {
  outline: none;
}
.slick-arrow {
  z-index: 10;
  width: auto;
  height: auto;
}
.slick-arrow::before {
  font-size: 9rem;
}
@media screen and (max-width: 56.25em) {
  .slick-arrow::before {
    font-size: 4rem;
  }
}
.slick-prev {
  left: 4rem;
}
@media screen and (max-width: 81.25em) {
  .slick-prev {
    left: 0;
  }
}
.slick-next {
  right: 4rem;
}
@media screen and (max-width: 81.25em) {
  .slick-next {
    right: 0;
  }
}

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

    Funktion      image-container bem module

*****************************************************************************/
/*
.image-container

Styleguide classes.image-container
*/
.image-container {
  position: relative;
}
.image-container__caption {
  font-family: "Lato";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.035em;
  display: flex;
  position: absolute;
  inset: auto 0 0;
  align-items: center;
  min-height: 9.8rem;
  padding: 1rem;
  text-align: center;
  color: #FFF;
  background-color: rgba(51, 51, 51, 0.5);
}
@supports (color: var(--color)) {
  .image-container__caption {
    font-size: var(--font-size-100);
  }
}
@container (max-width: 37.5em) {
  .image-container__caption {
    position: relative;
    inset: auto;
    z-index: -1;
  }
}
@supports (display: grid) {
  .image-container {
    display: grid;
    grid-template-rows: 1fr auto;
  }
  .image-container picture,
  .image-container img, .image-container__caption, .image-container::after {
    grid-column: 1/-1;
  }
  .image-container picture,
  .image-container img {
    grid-row: 1/-1;
  }
  .image-container__caption, .image-container::after {
    grid-row: 2/-1;
  }
  .image-container__caption {
    position: relative;
    z-index: 10;
    background-color: transparent;
  }
  @container (max-width: 37.5em) {
    .image-container__caption {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  .image-container::after {
    content: "";
    display: block;
    z-index: 9;
    background-color: #5A595C;
    opacity: 0.5;
    mix-blend-mode: multiply;
  }
  @container (max-width: 37.5em) {
    .image-container::after {
      content: none;
    }
  }
}
@container (max-width: 37.5em) {
  .image-container {
    display: block;
  }
}
.image-container__caption-inner {
  position: relative;
  flex: 1 1 auto;
}
.slick-slider .image-container__caption {
  opacity: 0;
  transform: scaleY(1.5);
  transform-origin: 50% 100%;
  transition: transform 0.6s, opacity 0.6s;
  transition-delay: 1s;
}
@container (max-width: 37.5em) {
  .slick-slider .image-container__caption {
    opacity: 1;
    transform: none;
  }
}
.slick-active .image-container__caption {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.4s;
}

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

    Funktion      lead bem module

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

Styleguide classes.lead
*/
.lead {
  font-family: "Lato";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.035em;
  margin-bottom: 11.6rem;
  color: #204D25;
}
@supports (color: var(--color)) {
  .lead {
    font-size: var(--font-size-120);
  }
}
@media screen and (max-width: 56.25em) {
  .lead {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 37.5em) {
  .lead {
    margin-bottom: 6rem;
  }
}

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

    Funktion      lead-small bem module

*****************************************************************************/
/*
.lead-small

Styleguide classes.lead-small
*/
.lead-small {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
  margin-top: 8.5rem;
  margin-bottom: 5.8rem;
}
@supports (color: var(--color)) {
  .lead-small {
    font-size: var(--font-size-110);
  }
}

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

    Funktion      bg-block bem module

*****************************************************************************/
/*
.bg-block

Styleguide classes.bg-block
*/
.bg-block, .l-contact-form {
  padding-top: 11.6rem;
  padding-bottom: 11.6rem;
}
.bg-block .bg-block, .l-contact-form .bg-block, .bg-block .l-contact-form, .l-contact-form .l-contact-form {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

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

    Funktion      bg bem module

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

Styleguide classes.bg
*/
.bg, .t-block {
  color: #333;
  background-color: #EBEDEB;
}
@supports (color: var(--color)) {
  .bg, .t-block {
    color: var(--color, #333);
    background-color: var(--bg-color, #EBEDEB);
  }
}
.bg + .bg, .t-block + .bg, .bg + .t-block, .t-block + .t-block {
  margin-top: 5.6rem;
}

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

    Funktion      circle-image bem module

*****************************************************************************/
/*
.circle-image

Styleguide classes.circle-image
*/
.circle-image, .t-icon__image {
  overflow: hidden;
  position: relative;
  width: 28rem;
  max-width: 100%;
  border-radius: 50%;
}
.circle-image .image-container, .t-icon__image .image-container {
  position: static;
}

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

    Funktion      content-image-small-wrapper bem module

*****************************************************************************/
/*
.content-image-small-wrapper

Styleguide classes.content-image-small-wrapper
*/
.content-image-small-wrapper {
  max-width: 92rem;
  margin-right: auto;
  margin-left: auto;
}

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

    Funktion      list-item bem module

*****************************************************************************/
/*
.list-item

Styleguide classes.list-item
*/
.list-item {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0352em;
  padding-top: 2.2rem;
  padding-bottom: 2.5rem;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
@supports (color: var(--color)) {
  .list-item {
    font-size: var(--font-size-110);
  }
}
@media screen and (max-width: 56.25em) {
  .list-item {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
}
.list-item + .list-item {
  margin-top: -1px;
}
.list-item a:hover {
  color: #6F6F6F;
}

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

    Funktion      t-default bem module

*****************************************************************************/
/*
.t-default

Styleguide classes.t-default
*/
.t-default {
  display: flex;
  flex-direction: column;
  padding: 5.2rem 2rem 5.4rem;
  text-align: center;
  color: #333;
  background-color: #FFF;
}
.t-default__image {
  margin: -5.2rem -2rem 0;
}
.t-default__image img {
  width: 100%;
}
.t-default__title {
  font-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 5.2rem;
  margin-bottom: 3rem;
  color: #204D25;
}
@supports (color: var(--color)) {
  .t-default__title {
    font-size: var(--font-size-120);
  }
}
.t-default__text {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
  margin-bottom: 4rem;
}
@supports (color: var(--color)) {
  .t-default__text {
    font-size: var(--font-size-110);
  }
}
.t-default__footer {
  display: flex;
  z-index: 11;
  justify-content: center;
  margin-top: auto;
}

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

    Funktion      t-icon bem module

*****************************************************************************/
/*
.t-icon

Styleguide classes.t-icon
*/
.t-icon {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-bottom: 8.6rem;
}
.t-icon__image {
  width: 24.8rem;
  margin-bottom: 3.6rem;
  margin-left: -4rem;
}
.t-icon--small .t-icon__image {
  width: 12.4rem;
}
.t-icon__title {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0352em;
  margin-top: 0;
  margin-bottom: 3.4rem;
  text-transform: none;
}
@supports (color: var(--color)) {
  .t-icon__title {
    font-size: var(--font-size-110);
  }
}
.t-icon--small .t-icon__title {
  margin-bottom: 0;
}
.t-icon__footer {
  margin-top: auto;
}

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

    Funktion      spacer bem module

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

Styleguide classes.spacer
*/
.spacer--xs {
  margin-bottom: 15px;
}
.spacer--s {
  margin-bottom: 35px;
}
.spacer--m {
  margin-bottom: 58px;
}
.spacer--l {
  margin-bottom: 85px;
}
.spacer--xl {
  margin-bottom: 116px;
}

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

    Funktion      t-block bem module

*****************************************************************************/
/*
.t-block

Styleguide classes.t-block
*/
.t-block {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin-bottom: 0;
  background-color: transparent;
}
.bg .t-block, .t-block .t-block, .l-double .t-block {
  padding-top: 0;
  padding-bottom: 0;
}
.t-block__title {
  font-family: "futura-pt";
  font-size: 5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 0;
  margin-bottom: 3.4rem;
}
@supports (color: var(--color)) {
  .t-block__title {
    font-size: var(--font-size-130);
  }
}
.t-block__title--small {
  font-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@supports (color: var(--color)) {
  .t-block__title--small {
    font-size: var(--font-size-120);
  }
}
.t-block__footer {
  margin-top: 4rem;
}
@media screen and (max-width: 37.5em) {
  .t-block__footer {
    margin-top: 3rem;
  }
}

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

    Funktion      detail bem module

*****************************************************************************/
/*
.detail

Styleguide classes.detail
*/
.detail h3 {
  margin-top: 5.8rem;
  margin-bottom: 3.5rem;
}

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

    Funktion      item-group bem module

*****************************************************************************/
/*
.item-group

Styleguide classes.item-group
*/
.item-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 37.5em) {
  .item-group {
    display: block;
  }
}
.item-group__item {
  flex: 0 0 calc(33.3333333333% - 8rem);
  min-width: 0;
  margin: 0 4rem;
}
@media screen and (max-width: 81.25em) {
  .item-group__item {
    flex: 0 0 calc(50% - 8rem);
  }
}
.item-group--4 .item-group__item {
  flex: 0 0 calc(25% - 8rem);
}
@media screen and (max-width: 81.25em) {
  .item-group--4 .item-group__item {
    flex: 0 0 calc(50% - 8rem);
  }
}

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

    Funktion      gallery bem module

*****************************************************************************/
/*
.gallery

Styleguide classes.gallery
*/
.gallery {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
}
@supports (color: var(--color)) {
  .gallery {
    grid-template-columns: repeat(var(--per-row, 2), minmax(10px, 1fr));
  }
}
@media screen and (max-width: 56.25em) {
  .gallery {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 37.5em) {
  .gallery {
    grid-template-columns: repeat(1, minmax(10px, 1fr));
  }
}
.gallery__item img {
  width: 100%;
}
.gallery__item .image-container__caption {
  opacity: 0;
  transition: opacity 0.6s;
}
.gallery__item:hover .image-container__caption {
  opacity: 1;
  transition-duration: 0.2s;
}
@media screen and (max-width: 56.25em) {
  .gallery__item--video {
    grid-column: 1/-1;
  }
}

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

    Funktion      info-block bem module

*****************************************************************************/
/*
.info-block

Styleguide classes.info-block
*/
.info-block {
  display: flex;
  gap: 4rem;
  margin-bottom: 5.3rem;
  padding-bottom: 5.3rem;
  border-bottom: 1px solid #EBEBEB;
}
@media screen and (max-width: 56.25em) {
  .info-block {
    display: block;
  }
}
.info-block__header, .info-block__main {
  min-width: 0;
}
.info-block__header {
  flex: 3 3 0;
}
.info-block__main {
  flex: 5 5 0;
}
.info-block__meta {
  font-family: "futura-pt";
  font-size: 2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5A595C;
}
@supports (color: var(--color)) {
  .info-block__meta {
    font-size: var(--font-size-90);
  }
}
.info-block__title {
  font-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 0;
  margin-bottom: 3.5rem;
}
@supports (color: var(--color)) {
  .info-block__title {
    font-size: var(--font-size-120);
  }
}
.info-block__image {
  margin-bottom: 3.5rem;
}
.info-block__image img {
  width: 100%;
}
.info-block__teaser {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0352em;
}
@supports (color: var(--color)) {
  .info-block__teaser {
    font-size: var(--font-size-110);
  }
}

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

    Funktion      dlh_googlemap bem module

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

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

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

    Funktion      accordion bem module

*****************************************************************************/
/*
.accordion

Styleguide classes.accordion
*/
.accordion {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.accordion + .accordion {
  margin-top: -3.5rem;
  border-top: none;
}
.accordion__header {
  position: relative;
  padding: 2.2rem 0;
}
@media screen and (max-width: 37.5em) {
  .accordion__header {
    padding-left: 4rem;
  }
}
.accordion__title {
  font-family: "Lato";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0352em;
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}
@supports (color: var(--color)) {
  .accordion__title {
    font-size: var(--font-size-110);
  }
}
.accordion__content-inner {
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 3.6rem;
  transition: opacity 0.2s;
}
.js .accordion__content-inner {
  opacity: 0;
}
.accordion.is-active .accordion__content-inner {
  opacity: 1;
  transition-duration: 0.6s;
}
.accordion__icon {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 4rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 81.25em) {
  .accordion__icon {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 37.5em) {
  .accordion__icon {
    right: auto;
    left: 0;
  }
}
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      data-accordion bem module

*****************************************************************************/
/*
.data-accordion

Styleguide classes.data-accordion
*/
:root {
  --accordion-height: auto;
}

[data-accordion-toggle] {
  cursor: pointer;
}

[data-accordion].is-active [data-accordion-content] {
  height: auto;
  height: var(--accordion-height);
}

[data-accordion-content] {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease-out;
}

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

    Funktion      job-archive bem module

*****************************************************************************/
/*
.job-archive

Styleguide classes.job-archive
*/
.job-archive {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: minmax(10px, 4fr) minmax(10px, 8fr);
  margin-top: 8.5rem;
  margin-bottom: 8.5rem;
}
@media screen and (max-width: 81.25em) {
  .job-archive {
    grid-template-columns: minmax(10px, 5fr) minmax(10px, 7fr);
  }
}
@media screen and (max-width: 56.25em) {
  .job-archive {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 37.5em) {
  .job-archive {
    grid-template-columns: repeat(1, minmax(10px, 1fr));
  }
}
.job-archive__header {
  padding-top: 2.2rem;
}
@media screen and (max-width: 56.25em) {
  .job-archive__header {
    padding-top: 1.4rem;
  }
}

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

    Funktion      l-footer bem module

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

Styleguide classes.l-footer
*/
.l-footer {
  font-family: "Lato";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.035em;
  --title-color: #FCFCFC;
  padding-top: 10.8rem;
  padding-bottom: 15.8rem;
  color: #FCFCFC;
  background-image: linear-gradient(114deg, #577B5B 35%, #204D25 100%);
}
@supports (color: var(--color)) {
  .l-footer {
    font-size: var(--font-size-100);
  }
}
@media screen and (max-width: 56.25em) {
  .l-footer {
    padding-top: 8rem;
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 37.5em) {
  .l-footer {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
}
.l-footer h3,
.l-footer h4,
.l-footer h5,
.l-footer h6 {
  font-family: "futura-pt";
  font-size: 4rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@supports (color: var(--color)) {
  .l-footer h3,
  .l-footer h4,
  .l-footer h5,
  .l-footer h6 {
    font-size: var(--font-size-120);
  }
}
.l-footer__inner {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(4, minmax(10px, 1fr));
}
@media screen and (max-width: 81.25em) {
  .l-footer__inner {
    grid-template-columns: repeat(3, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 56.25em) {
  .l-footer__inner {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 37.5em) {
  .l-footer__inner {
    grid-template-columns: minmax(10px, 1fr);
  }
}
.l-footer__keywords a, .l-footer__sites a, .l-footer__meta a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.l-footer__keywords a::before,
.l-footer__keywords a::after, .l-footer__sites a::before,
.l-footer__sites a::after, .l-footer__meta a::before,
.l-footer__meta a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #FFF;
  opacity: 0.35;
}
.l-footer__keywords a::after, .l-footer__sites a::after, .l-footer__meta a::after {
  width: 4rem;
  background-color: #FFF;
  opacity: 0;
  transition: opacity 0.6s, width 0.6s;
}
.l-footer__keywords a:hover::after, .l-footer__sites a:hover::after, .l-footer__meta a:hover::after {
  width: 100%;
  opacity: 1;
  transition-duration: 0.2s;
}
.l-footer__contact a[href]::before {
  content: none;
}

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

    Funktion      lock-scroll bem module

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

Styleguide classes.lock-scroll
*/
.lock-scroll {
  overflow: hidden;
  margin-right: var(--scrollbar-width, 0);
}

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

    Funktion      cover bem module

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

Styleguide classes.cover
*/
:where(.cover) {
  position: relative;
}
:where(.cover) .cover__item-before::before, :where(.cover) .cover__item-after::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}

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

    Funktion      image-zoom bem module

*****************************************************************************/
/*
.image-zoom

Styleguide classes.image-zoom
*/
.image-zoom {
  overflow: hidden;
}
.image-zoom img {
  transform: scale(1);
  transition: transform 0.6s;
}
.image-zoom-wrapper:hover img, .image-zoom:hover img {
  transform: scale(1.1);
  transition-duration: 0.2s;
}

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

    Funktion      t-hover bem module

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

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

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

    Funktion      hover-image bem module

*****************************************************************************/
/*
.hover-image

Styleguide classes.hover-image
*/
.hover-image, .gallery__item {
  overflow: hidden;
}
.hover-image img, .gallery__item img {
  transform: scale(1);
  transition: transform 0.6s;
}
.hover-image:hover img, .gallery__item:hover img {
  transform: scale(1.1);
  transition-duration: 0.2s;
}

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

    Funktion      featherlight bem module

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

Styleguide classes.featherlight
*/

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