/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/featherlight/release/featherlight.min.css ***!
  \**************************************************************************************************************************************/
/**
 * 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}}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/featherlight/release/featherlight.gallery.min.css ***!
  \**********************************************************************************************************************************************/
/**
 * 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}}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./files/template/src/scss/primaria.scss ***!
  \****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Import

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

    Funktion    Import

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

Includes aller nötigen SCSS-Dateien

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

    Funktion      str-replace function

*****************************************************************************/
/*
str-replace

Styleguide functions.str-replace
*/
/*
Functions

Styleguide 300
*/
/*
Fluid Clamp

Allows for fluid clamping of values between viewports.
For most designs it's possible to replace the media queries.

```scss
body {
    font-size: fluid-clamp(1.6rem, 2rem); // will return the css clamp function
    // font-size: clamp(1.6rem, 0.5882352941vw + 1.2470588235rem, 2rem);
}

:root {
    --font-size-100: fluid-clamp(2rem, 6rem); // Mask to use for a custom property
}

h1 {
    font-size: fluid-clamp(3rem, 8rem);
    margin-top: fluid-clamp(4rem, 12rem); // Use as alternative for em on margins
    margin-bottom: fluid-clamp(2rem, 4rem);
}

.meta {
    font-size: fluid-clamp(1.6rem, 1rem); // Invert to get larger values on smaller viewports
}
```

$start    - Start value (on the small viewport).
$end      - End value (on the large viewport).
$start-at - Viewport width of the starting point in pixels without unit. Default: 600
$end-at   - Viewport width of the starting point in pixels without unit. Default: 1280

Styleguide 300.fluid-clamp
*/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    variables
    Authors
    Datum

*****************************************************************************/
/**
 * font-size
 */
/**
 * font-families
 */
/**
 * font-weight
 */
/**
 * color
 */
/**
 * measures
 */
/**
 * timing functions
 */
/**
 * settings
 */
/**
 * breakpoints
 */
/* **************************************************************************
 *	MEDIA MOTION AG															*
 ****************************************************************************

	Funktion	css reset
	Authors		contao

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

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

caption, th, td {
  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 {
  font-size: 100%;
  font-weight: 400;
}

h1 {
  font-size: 1.8333em;
}

h2 {
  font-size: 1.6667em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3333em;
}

table {
  font-size: inherit;
}

caption, th {
  font-weight: 700;
}

a {
  color: #00F;
}

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

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

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

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

*****************************************************************************/
@font-face {
  font-family: "Intro";
  font-style: normal;
  font-weight: 300;
  src: url(..//fonts/Intro-light-4fba82d00ad307ad42b9.woff2) format("woff2"), url(..//fonts/Intro-light-f98e9ca67a309e030a76.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: italic;
  font-weight: 300;
  src: url(..//fonts/Intro-light-4fba82d00ad307ad42b9.woff2) format("woff2"), url(..//fonts/Intro-light-f98e9ca67a309e030a76.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: normal;
  font-weight: 400;
  src: url(..//fonts/Intro-light-4fba82d00ad307ad42b9.woff2) format("woff2"), url(..//fonts/Intro-light-f98e9ca67a309e030a76.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: italic;
  font-weight: 400;
  src: url(..//fonts/Intro-light-4fba82d00ad307ad42b9.woff2) format("woff2"), url(..//fonts/Intro-light-f98e9ca67a309e030a76.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: normal;
  font-weight: 500;
  src: url(..//fonts/Intro-bold-d1bb6988b7d70e7a6ed5.woff2) format("woff2"), url(..//fonts/Intro-bold-db4c311cda607f1a4e3e.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: italic;
  font-weight: 500;
  src: url(..//fonts/Intro-bold-d1bb6988b7d70e7a6ed5.woff2) format("woff2"), url(..//fonts/Intro-bold-db4c311cda607f1a4e3e.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: normal;
  font-weight: 700;
  src: url(..//fonts/Intro-bold-d1bb6988b7d70e7a6ed5.woff2) format("woff2"), url(..//fonts/Intro-bold-db4c311cda607f1a4e3e.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Intro";
  font-style: italic;
  font-weight: 700;
  src: url(..//fonts/Intro-bold-d1bb6988b7d70e7a6ed5.woff2) format("woff2"), url(..//fonts/Intro-bold-db4c311cda607f1a4e3e.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 300;
  src: url(..//fonts/geomanist-light-webfont-a35c0154cf53a1cda789.woff2) format("woff2"), url(..//fonts/geomanist-light-webfont-78ca3565e5ac494ebeb9.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: italic;
  font-weight: 300;
  src: url(..//fonts/geomanist-light-italic-webfont-d8d27568939d11f21acf.woff2) format("woff2"), url(..//fonts/geomanist-light-italic-webfont-44b4cbf95679b61972fe.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 400;
  src: url(..//fonts/geomanist-regular-webfont-260f60c2a3bf7905d4e4.woff2) format("woff2"), url(..//fonts/geomanist-regular-webfont-b749c3d4446c0bf5ddec.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: italic;
  font-weight: 400;
  src: url(..//fonts/geomanist-regular-italic-webfont-a3d64508dcc251e2ae0b.woff2) format("woff2"), url(..//fonts/geomanist-regular-italic-webfont-eed4082560e35b94be6f.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 500;
  src: url(..//fonts/geomanist-medium-webfont-2e0c587db0a8fb37cb81.woff2) format("woff2"), url(..//fonts/geomanist-medium-webfont-c994aab3480f156ac70b.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: italic;
  font-weight: 500;
  src: url(..//fonts/geomanist-medium-italic-webfont-f7d49c8790b037a2b885.woff2) format("woff2"), url(..//fonts/geomanist-medium-italic-webfont-c350ed5abcdb93139068.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 700;
  src: url(..//fonts/geomanist-black-webfont-3c52f9edb8f5d6f531e1.woff2) format("woff2"), url(..//fonts/geomanist-black-webfont-ce4d180f16d3227fa1da.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Geomanist";
  font-style: italic;
  font-weight: 700;
  src: url(..//fonts/geomanist-black-italic-webfont-a30224710a83c2deb070.woff2) format("woff2"), url(..//fonts/geomanist-black-italic-webfont-5fa19e4f46d362f8c1df.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url(..//fonts/icomoon-f3e44fce572224605f1a.ttf) format("truetype"), url(..//fonts/icomoon-2c07ba625946a797921b.woff) format("woff"), url(..//fonts/icomoon-fd16c83a92aaa7f37332.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon, .meta-nav__link[target=_blank]::after, .main-nav__link[target=_blank]::after, .slider-pagination__next-inner, .link-icon, .mega-tile__info--has-items::before, .section-nav__icon, .l-bg__bg-toggle__icon, .widget-checkbox label:before, .widget-radio label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--enlarge:before, .l-bg--is-active .l-bg__bg-toggle__icon:before {
  content: "\e989";
}

.icon--shrink:before, .l-bg__bg-toggle__icon:before {
  content: "\e98a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--chevron-right:before, .slider-pagination__next-inner:before, .mega-tile__info--has-items:before {
  content: "\eaef";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--facebook2:before, .link-icon[href*="facebook.com"]:before {
  content: "\ea91";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon--linkedin:before, .link-icon[href*="linkedin.com"]:before {
  content: "\eac9";
}

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

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

.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, .link-icon[href*="xing.com"]:before {
  content: "\ead3";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Funktion      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-fb6f3c230cb846e25247.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: "icomoon";
  font-size: 20px;
  line-height: 1;
  color: #000;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\eaeb";
}
[dir=rtl] .slick-prev:before {
  content: "\eaef";
}

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

/* 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: "\ea56";
  width: 20px;
  height: 20px;
  font-family: "icomoon";
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: var(--color-accent);
  opacity: 0.75;
}

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

    Funktion      side-margin-fallback

*****************************************************************************/
/*
side-margin-fallback

Styleguide mixins.side-margin-fallback
*/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    mixin selection
    Authors

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

    Funktion    mixin clearfix
    Authors

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

    Funktion    mixin input
    Authors

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

    Funktion    Basic font mixins. Just for inheritable values.

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

    Funktion    mixins media queries
    Authors
    Datum

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

    Funktion    mixin media helper
    Authors

*****************************************************************************/
/*
Functions

Styleguide 300
*/
/*
Fluid Clamp

Allows for fluid clamping of values between viewports.
For most designs it's possible to replace the media queries.

```scss
body {
    font-size: fluid-clamp(1.6rem, 2rem); // will return the css clamp function
    // font-size: clamp(1.6rem, 0.5882352941vw + 1.2470588235rem, 2rem);
}

:root {
    --font-size-100: clamp(2rem, 5vw + -1rem, 6rem); // Mask to use for a custom property
}

h1 {
    font-size: fluid-clamp(3rem, 8rem);
    margin-top: fluid-clamp(4rem, 12rem); // Use as alternative for em on margins
    margin-bottom: fluid-clamp(2rem, 4rem);
}

.meta {
    font-size: fluid-clamp(1.6rem, 1rem); // Invert to get larger values on smaller viewports
}
```

$start    - Start value (on the small viewport).
$end      - End value (on the large viewport).
$start-at - Viewport width of the starting point in pixels without unit. Default: 600
$end-at   - Viewport width of the starting point in pixels without unit. Default: 1280

Styleguide 300.fluid-clamp
*/
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    rocksolid columns overwrite

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

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

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

    Funktion    Rocksolid Grid alternative with custom gutter width

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

.columns-scheme {
	@include columns-scheme(7 5 3, 0px);
}
*/
.columns-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.columns-1 > * {
  float: left;
}
.columns-1 > *:nth-of-type(1n) {
  clear: none;
  flex: 0 0 auto;
  width: calc((100% - 0 * 2rem) / 1 - 0.01px);
  margin-right: calc(2rem);
}
.columns-1 > *:nth-of-type(1n+1) {
  clear: left;
}
.columns-1 > *:nth-of-type(1n+1) {
  margin-right: 0;
}
.columns-1:nth-of-type(1) {
  margin-top: 0;
}
.columns-1:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.columns--add-top-gutter > * {
  margin-top: 2rem;
}

.columns--add-bottom-gutter > * {
  margin-bottom: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 135em) {
  .push-left-full-hd-0 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-right-full-hd-0 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-left-full-hd-1 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-right-full-hd-1 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-left-full-hd-2 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-right-full-hd-2 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-left-full-hd-3 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-right-full-hd-3 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-left-full-hd-4 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-right-full-hd-4 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-left-full-hd-5 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-right-full-hd-5 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-left-full-hd-6 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-right-full-hd-6 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-left-full-hd-7 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-right-full-hd-7 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-left-full-hd-8 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-right-full-hd-8 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-left-full-hd-9 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-right-full-hd-9 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-left-full-hd-10 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-right-full-hd-10 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-left-full-hd-11 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
  .push-right-full-hd-11 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
}
@media screen and (max-width: 65em) {
  .columns-medium-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-1 > * {
    float: left;
  }
  .columns-medium-1 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 0 * 2rem) / 1 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-1 > *:nth-of-type(1n+1) {
    clear: left;
  }
  .columns-medium-1 > *:nth-of-type(1n+1) {
    margin-right: 0;
  }
  .columns-medium-1:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-1:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-2 > * {
    float: left;
  }
  .columns-medium-2 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 1 * 2rem) / 2 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-2 > *:nth-of-type(2n+1) {
    clear: left;
  }
  .columns-medium-2 > *:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .columns-medium-2:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-2:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-3 > * {
    float: left;
  }
  .columns-medium-3 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 2 * 2rem) / 3 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-3 > *:nth-of-type(3n+1) {
    clear: left;
  }
  .columns-medium-3 > *:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .columns-medium-3:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-3:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-4 > * {
    float: left;
  }
  .columns-medium-4 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 3 * 2rem) / 4 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-4 > *:nth-of-type(4n+1) {
    clear: left;
  }
  .columns-medium-4 > *:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .columns-medium-4:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-4:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-5 > * {
    float: left;
  }
  .columns-medium-5 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 4 * 2rem) / 5 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-5 > *:nth-of-type(5n+1) {
    clear: left;
  }
  .columns-medium-5 > *:nth-of-type(5n+5) {
    margin-right: 0;
  }
  .columns-medium-5:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-5:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-medium-6 > * {
    float: left;
  }
  .columns-medium-6 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 5 * 2rem) / 6 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-6 > *:nth-of-type(6n+1) {
    clear: left;
  }
  .columns-medium-6 > *:nth-of-type(6n+6) {
    margin-right: 0;
  }
  .columns-medium-6:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-medium-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-medium-6:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .push-left-medium-0 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-right-medium-0 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-left-medium-1 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-right-medium-1 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-left-medium-2 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-right-medium-2 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-left-medium-3 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-right-medium-3 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-left-medium-4 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-right-medium-4 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-left-medium-5 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-right-medium-5 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-left-medium-6 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-right-medium-6 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-left-medium-7 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-right-medium-7 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-left-medium-8 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-right-medium-8 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-left-medium-9 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-right-medium-9 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-left-medium-10 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-right-medium-10 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-left-medium-11 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
  .push-right-medium-11 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
  .columns-medium--add-top-gutter > * {
    margin-top: 2rem;
  }
  .columns-medium--add-bottom-gutter > * {
    margin-bottom: 2rem;
  }
  .columns-medium-11-1 > * {
    float: left;
  }
  .columns-medium-11-1 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 11 + 10 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-11-1 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 1 + 0 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-11-1 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-11-1 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-11-1:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-11-1:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-11-1:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-10-2 > * {
    float: left;
  }
  .columns-medium-10-2 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 10 + 9 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-10-2 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 2 + 1 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-10-2 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-10-2 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-10-2:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-10-2:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-10-2:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-9-3 > * {
    float: left;
  }
  .columns-medium-9-3 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 9 + 8 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-9-3 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 3 + 2 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-9-3 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-9-3 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-9-3:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-9-3:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-9-3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-8-4 > * {
    float: left;
  }
  .columns-medium-8-4 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 8 + 7 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-8-4 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 4 + 3 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-8-4 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-8-4 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-8-4:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-8-4:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-8-4:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-7-5 > * {
    float: left;
  }
  .columns-medium-7-5 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 7 + 6 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-7-5 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 5 + 4 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-7-5 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-7-5 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-7-5:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-7-5:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-7-5:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-6-6 > * {
    float: left;
  }
  .columns-medium-6-6 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 6 + 5 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-6-6 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 6 + 5 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-6-6 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-6-6 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-6-6:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-6-6:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-6-6:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-5-7 > * {
    float: left;
  }
  .columns-medium-5-7 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 5 + 4 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-5-7 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 7 + 6 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-5-7 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-5-7 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-5-7:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-5-7:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-5-7:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-4-8 > * {
    float: left;
  }
  .columns-medium-4-8 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 4 + 3 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-4-8 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 8 + 7 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-4-8 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-4-8 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-4-8:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-4-8:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-4-8:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-3-9 > * {
    float: left;
  }
  .columns-medium-3-9 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 3 + 2 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-3-9 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 9 + 8 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-3-9 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-3-9 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-3-9:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-3-9:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-3-9:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-2-10 > * {
    float: left;
  }
  .columns-medium-2-10 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 2 + 1 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-2-10 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 10 + 9 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-2-10 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-2-10 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-2-10:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-2-10:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-2-10:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-medium-1-11 > * {
    float: left;
  }
  .columns-medium-1-11 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 1 + 0 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-1-11 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 11 + 10 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-medium-1-11 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-medium-1-11 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-medium-1-11:nth-child(1) {
    margin-top: 0;
  }
  .columns-medium-1-11:nth-child(2) {
    margin-top: 0;
  }
  .columns-medium-1-11:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 45em) {
  .columns-small-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-1 > * {
    float: left;
  }
  .columns-small-1 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 0 * 2rem) / 1 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    clear: left;
  }
  .columns-small-1 > *:nth-of-type(1n+1) {
    margin-right: 0;
  }
  .columns-small-1:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-1:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-2 > * {
    float: left;
  }
  .columns-small-2 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 1 * 2rem) / 2 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-2 > *:nth-of-type(2n+1) {
    clear: left;
  }
  .columns-small-2 > *:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .columns-small-2:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-2:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-2:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-3 > * {
    float: left;
  }
  .columns-small-3 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 2 * 2rem) / 3 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-3 > *:nth-of-type(3n+1) {
    clear: left;
  }
  .columns-small-3 > *:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .columns-small-3:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-3:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-3:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-4 > * {
    float: left;
  }
  .columns-small-4 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 3 * 2rem) / 4 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-4 > *:nth-of-type(4n+1) {
    clear: left;
  }
  .columns-small-4 > *:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .columns-small-4:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-4:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-4:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-5 > * {
    float: left;
  }
  .columns-small-5 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 4 * 2rem) / 5 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-5 > *:nth-of-type(5n+1) {
    clear: left;
  }
  .columns-small-5 > *:nth-of-type(5n+5) {
    margin-right: 0;
  }
  .columns-small-5:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-5:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-5:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .columns-small-6 > * {
    float: left;
  }
  .columns-small-6 > *:nth-of-type(1n) {
    clear: none;
    flex: 0 0 auto;
    width: calc((100% - 5 * 2rem) / 6 - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-6 > *:nth-of-type(6n+1) {
    clear: left;
  }
  .columns-small-6 > *:nth-of-type(6n+6) {
    margin-right: 0;
  }
  .columns-small-6:nth-of-type(1) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(2) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(3) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(4) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(5) {
    margin-top: 0;
  }
  .columns-small-6:nth-of-type(6) {
    margin-top: 0;
  }
  .columns-small-6:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .push-left-small-0 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-right-small-0 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 0 + 0 * 2rem);
  }
  .push-left-small-1 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-right-small-1 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 1 + 1 * 2rem);
  }
  .push-left-small-2 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-right-small-2 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 2 + 2 * 2rem);
  }
  .push-left-small-3 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-right-small-3 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 3 + 3 * 2rem);
  }
  .push-left-small-4 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-right-small-4 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 4 + 4 * 2rem);
  }
  .push-left-small-5 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-right-small-5 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 5 + 5 * 2rem);
  }
  .push-left-small-6 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-right-small-6 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 6 + 6 * 2rem);
  }
  .push-left-small-7 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-right-small-7 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 7 + 7 * 2rem);
  }
  .push-left-small-8 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-right-small-8 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 8 + 8 * 2rem);
  }
  .push-left-small-9 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-right-small-9 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 9 + 9 * 2rem);
  }
  .push-left-small-10 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-right-small-10 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 10 + 10 * 2rem);
  }
  .push-left-small-11 {
    margin-left: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
  .push-right-small-11 {
    margin-right: calc((100% - 11 * 2rem) / 12 * 11 + 11 * 2rem);
  }
  .columns-small--add-top-gutter > * {
    margin-top: 2rem;
  }
  .columns-small--add-bottom-gutter > * {
    margin-bottom: 2rem;
  }
  .columns-small-11-1 > * {
    float: left;
  }
  .columns-small-11-1 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 11 + 10 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-11-1 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 1 + 0 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-11-1 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-11-1 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-11-1:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-11-1:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-11-1:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-10-2 > * {
    float: left;
  }
  .columns-small-10-2 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 10 + 9 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-10-2 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 2 + 1 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-10-2 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-10-2 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-10-2:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-10-2:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-10-2:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-9-3 > * {
    float: left;
  }
  .columns-small-9-3 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 9 + 8 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-9-3 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 3 + 2 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-9-3 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-9-3 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-9-3:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-9-3:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-9-3:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-8-4 > * {
    float: left;
  }
  .columns-small-8-4 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 8 + 7 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-8-4 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 4 + 3 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-8-4 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-8-4 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-8-4:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-8-4:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-8-4:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-7-5 > * {
    float: left;
  }
  .columns-small-7-5 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 7 + 6 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-7-5 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 5 + 4 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-7-5 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-7-5 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-7-5:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-7-5:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-7-5:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-6-6 > * {
    float: left;
  }
  .columns-small-6-6 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 6 + 5 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-6-6 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 6 + 5 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-6-6 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-6-6 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-6-6:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-6-6:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-6-6:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-5-7 > * {
    float: left;
  }
  .columns-small-5-7 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 5 + 4 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-5-7 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 7 + 6 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-5-7 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-5-7 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-5-7:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-5-7:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-5-7:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-4-8 > * {
    float: left;
  }
  .columns-small-4-8 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 4 + 3 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-4-8 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 8 + 7 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-4-8 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-4-8 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-4-8:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-4-8:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-4-8:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-3-9 > * {
    float: left;
  }
  .columns-small-3-9 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 3 + 2 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-3-9 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 9 + 8 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-3-9 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-3-9 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-3-9:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-3-9:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-3-9:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-2-10 > * {
    float: left;
  }
  .columns-small-2-10 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 2 + 1 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-2-10 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 10 + 9 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-2-10 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-2-10 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-2-10:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-2-10:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-2-10:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .columns-small-1-11 > * {
    float: left;
  }
  .columns-small-1-11 > *:nth-child(2n+1) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 1 + 0 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-1-11 > *:nth-child(2n+2) {
    clear: none;
    width: calc((100% - 11 * 2rem) / 12 * 11 + 10 * 2rem - 0.01px);
    margin-right: calc(2rem);
  }
  .columns-small-1-11 > *:nth-child(2n+1) {
    clear: left;
  }
  .columns-small-1-11 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .columns-small-1-11:nth-child(1) {
    margin-top: 0;
  }
  .columns-small-1-11:nth-child(2) {
    margin-top: 0;
  }
  .columns-small-1-11:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      p-grid bem module

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

Styleguide classes.p-grid
*/
.p-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-right: -1rem;
  margin-left: -1rem;
}
.p-grid--stretch {
  align-items: stretch;
}
.p-grid__item {
  flex: 0 0 auto;
  width: 8.3333333333%;
  padding: 1rem;
}
.p-grid__item--1-12 {
  width: 8.3333333333%;
}
.p-grid__item--2-12 {
  width: 16.6666666667%;
}
.p-grid__item--3-12 {
  width: 25%;
}
.p-grid__item--4-12 {
  width: 33.3333333333%;
}
.p-grid__item--5-12 {
  width: 41.6666666667%;
}
.p-grid__item--6-12 {
  width: 50%;
}
.p-grid__item--7-12 {
  width: 58.3333333333%;
}
.p-grid__item--8-12 {
  width: 66.6666666667%;
}
.p-grid__item--9-12 {
  width: 75%;
}
.p-grid__item--10-12 {
  width: 83.3333333333%;
}
.p-grid__item--11-12 {
  width: 91.6666666667%;
}
.p-grid__item--12-12 {
  width: 100%;
}
@media screen and (max-width: 81.25em) {
  .p-grid__item--desktop-small-1-12 {
    width: 8.3333333333%;
  }
  .p-grid__item--desktop-small-2-12 {
    width: 16.6666666667%;
  }
  .p-grid__item--desktop-small-3-12 {
    width: 25%;
  }
  .p-grid__item--desktop-small-4-12 {
    width: 33.3333333333%;
  }
  .p-grid__item--desktop-small-5-12 {
    width: 41.6666666667%;
  }
  .p-grid__item--desktop-small-6-12 {
    width: 50%;
  }
  .p-grid__item--desktop-small-7-12 {
    width: 58.3333333333%;
  }
  .p-grid__item--desktop-small-8-12 {
    width: 66.6666666667%;
  }
  .p-grid__item--desktop-small-9-12 {
    width: 75%;
  }
  .p-grid__item--desktop-small-10-12 {
    width: 83.3333333333%;
  }
  .p-grid__item--desktop-small-11-12 {
    width: 91.6666666667%;
  }
  .p-grid__item--desktop-small-12-12 {
    width: 100%;
  }
}
@media screen and (max-width: 65em) {
  .p-grid__item--medium-1-12 {
    width: 8.3333333333%;
  }
  .p-grid__item--medium-2-12 {
    width: 16.6666666667%;
  }
  .p-grid__item--medium-3-12 {
    width: 25%;
  }
  .p-grid__item--medium-4-12 {
    width: 33.3333333333%;
  }
  .p-grid__item--medium-5-12 {
    width: 41.6666666667%;
  }
  .p-grid__item--medium-6-12 {
    width: 50%;
  }
  .p-grid__item--medium-7-12 {
    width: 58.3333333333%;
  }
  .p-grid__item--medium-8-12 {
    width: 66.6666666667%;
  }
  .p-grid__item--medium-9-12 {
    width: 75%;
  }
  .p-grid__item--medium-10-12 {
    width: 83.3333333333%;
  }
  .p-grid__item--medium-11-12 {
    width: 91.6666666667%;
  }
  .p-grid__item--medium-12-12 {
    width: 100%;
  }
}
@media screen and (max-width: 45em) {
  .p-grid__item--small-1-12 {
    width: 8.3333333333%;
  }
  .p-grid__item--small-2-12 {
    width: 16.6666666667%;
  }
  .p-grid__item--small-3-12 {
    width: 25%;
  }
  .p-grid__item--small-4-12 {
    width: 33.3333333333%;
  }
  .p-grid__item--small-5-12 {
    width: 41.6666666667%;
  }
  .p-grid__item--small-6-12 {
    width: 50%;
  }
  .p-grid__item--small-7-12 {
    width: 58.3333333333%;
  }
  .p-grid__item--small-8-12 {
    width: 66.6666666667%;
  }
  .p-grid__item--small-9-12 {
    width: 75%;
  }
  .p-grid__item--small-10-12 {
    width: 83.3333333333%;
  }
  .p-grid__item--small-11-12 {
    width: 91.6666666667%;
  }
  .p-grid__item--small-12-12 {
    width: 100%;
  }
}
[data-item-filter-container-layout-mode=fitRows] .p-grid__item {
  display: flex;
  min-height: var(--largest-item-height);
}
.p-grid--portfolio .p-grid__item {
  width: 20%;
}
@media screen and (max-width: 81.25em) {
  .p-grid--portfolio .p-grid__item {
    width: 25%;
  }
}
@media screen and (max-width: 65em) {
  .p-grid--portfolio .p-grid__item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 45em) {
  .p-grid--portfolio .p-grid__item {
    width: 50%;
  }
}

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

    Funktion    float module

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

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

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

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

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

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

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

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

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

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

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

.display-inline {
  display: inline !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: 65em) {
  .remove-margin-top-tablet {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 45em) {
  .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: 65em) {
  .remove-margin-right-tablet {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 45em) {
  .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: 65em) {
  .remove-margin-bottom-tablet {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 45em) {
  .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: 65em) {
  .remove-margin-left-tablet {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 45em) {
  .remove-margin-left-mobile {
    margin-left: 0 !important;
  }
}

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

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

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

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

/*
.hide-on-*

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

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

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

@media screen and (max-width: 45em) {
  .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: 65em) {
  .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: 45em) {
  .show-on-mobile {
    display: block !important;
  }
  .show-on-mobile--flex {
    display: flex !important;
  }
  .show-on-mobile--inline {
    display: inline !important;
  }
  .show-on-mobile--inline-block {
    display: inline-block !important;
  }
}

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

    Funktion      site-scheme

*****************************************************************************/
/*
.site-scheme

Styleguide classes.site-scheme
*/
:root {
  --color-accent: #8CBF35;
  --color-accent--dark: #70992a;
  --color-accent--transparent: rgba(140, 191, 53, 0.5);
  --color-accent--selection-bg: rgba(140, 191, 53, 0.2);
  --color-accent--text: inherit;
  --color-accent-text: #FFF;
}

.site-scheme-cmd-yellow {
  --color-accent: rgb(242, 210, 0);
  --color-accent--dark: #ceb300;
  --color-accent--transparent: rgba(242, 210, 0, 0.8);
  --color-accent--selection-bg: rgba(242, 210, 0, 0.3);
}
.site-scheme-cmd-blue {
  --l-bg__text--color: #FFF;
  --color-accent: rgb(77, 144, 254);
  --color-accent--dark: #1c71fe;
  --color-accent--transparent: rgba(77, 144, 254, 0.8);
  --color-accent--selection-bg: rgba(77, 144, 254, 0.3);
}
.site-scheme-cmd-darkblue {
  --l-bg__text--color: #FFF;
  --color-accent: rgb(0, 0, 57);
  --color-accent--dark: #000030;
  --color-accent--transparent: rgba(0, 0, 57, 0.8);
  --color-accent--selection-bg: rgba(0, 0, 57, 0.3);
  --color-accent--text: #FFF;
}
.site-scheme-cmd-green {
  --l-bg__text--color: #FFF;
  --color-accent: rgb(80, 158, 47);
  --color-accent--dark: #448628;
  --color-accent--transparent: rgba(80, 158, 47, 0.8);
  --color-accent--selection-bg: rgba(80, 158, 47, 0.3);
}
.site-scheme-cmd-red {
  --l-bg__text--color: #FFF;
  --color-accent: rgb(255, 0, 0);
  --color-accent--dark: #d90000;
  --color-accent--transparent: rgba(255, 0, 0, 0.8);
  --color-accent--selection-bg: rgba(255, 0, 0, 0.3);
}
.site-scheme-cmd-black {
  --l-bg__text--color: #FFF;
  --color-accent: rgb(76, 71, 68);
  --color-accent--dark: #413c3a;
  --color-accent--transparent: rgba(76, 71, 68, 0.8);
  --color-accent--selection-bg: rgba(76, 71, 68, 0.3);
}

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

    Funktion    main css. HTML elements and basic structure
    Authors
    Datum

*****************************************************************************/
*,
*:after,
*:before {
  box-sizing: border-box;
  scroll-padding-top: var(--header-height-fe);
}

:root {
  --header-height-fe: 0;
}
:root:where(:has(.l-nav-bar)) {
  --header-height-fe: 5rem;
}

html {
  font-size: 0.5vw;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 120em) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 100em) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 65em) {
  html {
    font-size: 10px;
  }
}

body,
.p {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 81.25em) {
  body,
  .p {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  body,
  .p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  body,
  .p {
    font-size: 1.8rem;
  }
}

body {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  color: #000;
}
@media screen and (max-width: 81.25em) {
  body {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  body {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  body {
    font-size: 1.8rem;
  }
}
body ::-webkit-scrollbar-track {
  padding-right: 2px;
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
body ::-webkit-scrollbar {
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
body ::-webkit-scrollbar-thumb {
  border-width: 2px;
  border-style: solid;
  border-color: #8CBF35;
  border-color: var(--color-accent);
  background-color: #FFF;
}

:root {
  --color: #000;
  --bg-color: var(--color-accent);
  --side-margin: calc((100vw - 176rem) / -2);
  --aside-header--height: 7rem;
  --aside-header--width: 8rem;
  --color-nav-vara: #FFF;
}
@media screen and (max-width: 114em) {
  :root {
    --side-margin: $content-margin-side;
  }
}

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

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

strong {
  font-weight: 700;
}

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

h1,
.h1,
.slider-text-container__title,
.team-description h2,
.team-description h3 {
  font-family: "Geomanist";
  font-size: 8.7rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 120em) {
  h1,
  .h1,
  .slider-text-container__title,
  .team-description h2,
  .team-description h3 {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  h1,
  .h1,
  .slider-text-container__title,
  .team-description h2,
  .team-description h3 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  h1,
  .h1,
  .slider-text-container__title,
  .team-description h2,
  .team-description h3 {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  h1,
  .h1,
  .slider-text-container__title,
  .team-description h2,
  .team-description h3 {
    font-size: 12vw;
  }
}

.h1-5 {
  font-family: "Geomanist";
  font-size: clamp(3.2rem, 4vw + 0.8rem, 6.4rem);
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 1rem;
}

h2,
.h2,
.footer-nav-section__title {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 5rem;
}
@media screen and (max-width: 81.25em) {
  h2,
  .h2,
  .footer-nav-section__title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  h2,
  .h2,
  .footer-nav-section__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  h2,
  .h2,
  .footer-nav-section__title {
    font-size: 2.4rem;
  }
}

h3,
.h3 {
  font-family: "Geomanist";
  font-size: 1.1em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 2em;
  margin-bottom: 1em;
}

h4,
.h4,
.t-hover__title {
  font-family: "Intro";
  font-size: 1.3em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 2em;
  margin-bottom: 1em;
}

h5,
.h5 {
  font-family: "Intro";
  font-size: 1.1em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 2em;
  margin-bottom: 1em;
}

h6,
.h6 {
  font-family: "Intro";
  font-size: 0.8em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-top: 2em;
  margin-bottom: 1em;
}

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

input:focus,
textarea:focus,
select:focus {
  outline: 0 solid transparent;
}
input:focus:focus,
textarea:focus:focus,
select:focus:focus {
  outline: 4px solid #8CBF35;
  outline-color: var(--color-accent);
  outline-offset: -1px;
  transition: outline 0.4s;
}

textarea {
  vertical-align: top;
}

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

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

iframe {
  vertical-align: middle;
  max-width: 100%;
}

label {
  margin-bottom: 3.8rem;
  padding: 0.6em 1em 0.4em;
  border: 3px solid transparent;
  border-radius: 0.2em;
  transition: color 0.4s, background 0.4s;
}

input,
select,
textarea {
  margin-bottom: 3.8rem;
  padding: 0.6em 1em 0.4em;
  border: 3px solid transparent;
  border-radius: 0.2em;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
}
input:focus,
select:focus,
textarea:focus {
  color: #000;
  background-color: rgba(140, 191, 53, 0.5);
  background-color: var(--color-accent--transparent);
}

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

:root {
  --selection-color: #FFF;
  --selection-bg: var(--color-accent--selection-bg);
}

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

::-moz-selection {
  text-shadow: none;
  color: #FFF;
  color: var(--selection-color);
  background: rgba(140, 191, 53, 0.2);
  background: var(--selection-bg);
}

::selection {
  text-shadow: none;
  color: #FFF;
  color: var(--selection-color);
  background: rgba(140, 191, 53, 0.2);
  background: var(--selection-bg);
}

address {
  font-style: normal;
}

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

/**
 * Main wrapper styling
 */
.featherlight--gallery, .main-wrapper {
  padding-right: 8rem;
}
@supports (padding-right: var(--aside-header--width)) {
  .featherlight--gallery, .main-wrapper {
    padding-right: var(--aside-header--width);
  }
}
@media screen and (max-width: 65em) {
  .featherlight--gallery, .main-wrapper {
    padding-right: 0;
  }
}

.footer-bottom__inner, .main-logo__sticky-wrapper, .base-width, .featherlight .featherlight-content, .l-logos, .main-footer .inside > *, .main .mod_article > * {
  width: calc(100% - 2 * 9rem);
  max-width: 176rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 65em) {
  .footer-bottom__inner, .main-logo__sticky-wrapper, .base-width, .featherlight .featherlight-content, .l-logos, .main-footer .inside > *, .main .mod_article > * {
    width: calc(100% - 2 * 2rem);
  }
}

.base-width--inset-width {
  max-width: 108rem;
}
.base-width--outset-width, .main .mod_article > *.outset-width {
  max-width: 192rem;
}
.base-width--outset-width-full, .main .mod_article > *.outset-width-full {
  width: auto;
  max-width: 192rem;
}
.base-width--full-width, .main .mod_article > *.full-width {
  width: auto;
  max-width: none;
}

.main > .inside::after {
  content: "";
  display: block;
  margin-bottom: 80vh;
}

@supports (scroll-snap-stop: normal) {
  html.js {
    scroll-snap-type: y proximity;
  }
  @media screen and (max-width: 81.25em) {
    html.js {
      scroll-snap-type: none;
    }
  }
}
@supports (-moz-appearance: none) {
  html.js {
    /*
      Disable in FF due to https://bugzilla.mozilla.org/show_bug.cgi?id=1744289
      using @supports https://stackoverflow.com/a/32455002
    */
    scroll-snap-type: none;
  }
}
html.is-scrolling {
  scroll-snap-type: none;
}

@supports (scroll-snap-stop: normal) {
  .js .main .mod_article.snap {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }
}

.is-scrolling .main .mod_article.snap {
  scroll-snap-align: none;
}

/**
 * Main content
 */
.main .mod_article {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.main .mod_article--justify-start {
  justify-content: start;
}
.main .mod_article > * {
  flex: 0 0 auto;
}
.main .mod_article > .full-width {
  width: 100%;
}
.main .mod_article > .ce_hyperlink:first-child {
  position: absolute;
  top: 100vh;
  right: 0;
  left: 0;
  z-index: 10;
  padding: 2rem 0;
  text-align: right;
  transform: translateY(-100%);
  pointer-events: none;
}
.main .mod_article > .ce_hyperlink:first-child > * {
  pointer-events: all;
}
@media screen and (max-width: 65em) {
  .main .mod_article > .ce_hyperlink:first-child {
    display: none;
  }
}

/**
 * Main header
 */
.main-header {
  position: sticky;
  top: calc(var(--main-logo-padding-top) * -1);
  z-index: 101;
}

/**
 * Footer
 */
.main-footer {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: var(--aside-header--width);
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.8s, opacity 0.8s 0s;
}
@media screen and (max-width: 65em) {
  .main-footer {
    padding-right: 0;
  }
}
.show-footer .main-footer {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.main-footer .inside {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #000;
  background-color: #FFF;
  transform: translateY(2em);
  transition: 1.2s;
}
@media screen and (max-width: 65em) {
  .main-footer .inside {
    padding-bottom: 6rem;
  }
}
.show-footer .main-footer .inside {
  transform: translateY(0);
}
.main-footer .inside:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  border-top: 7px solid #8CBF35;
  border-color: var(--color-accent);
  background-color: #FFF;
  transform: skewY(0deg);
  transform-origin: 0% 0%;
  transition: transform 1.2s;
}
.show-footer .main-footer .inside:before {
  transform: skewY(-3deg);
}
.main-footer .inside > * {
  position: relative;
  z-index: 5;
}
.main-footer .inside .main-footer__cta {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: -3rem;
}
.main-footer .inside:has(.footer-bottom) {
  padding-bottom: 0;
}
@media screen and (max-width: 65em) {
  .main-footer .inside:has(.footer-bottom) {
    padding-bottom: var(--aside-header--height);
  }
}

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

    Funktion      icon-burger bem module

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

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

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

    Funktion      icon-nav bem module

*****************************************************************************/
/*
.icon-nav

Styleguide classes.icon-nav
*/
.icon-nav {
  margin-bottom: 0;
  text-align: center;
}
.icon-nav__item {
  margin: 1rem auto;
}
.icon-nav__item a {
  display: block;
  transform: scale(1);
  transform-origin: 50% 100%;
  transition: transform 0.8s;
}
.icon-nav__item a:hover {
  transform: scale(1.2);
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.icon-nav .icon, .icon-nav .meta-nav__link[target=_blank]::after, .icon-nav .main-nav__link[target=_blank]::after, .icon-nav .slider-pagination__next-inner, .icon-nav .link-icon, .icon-nav .mega-tile__info--has-items::before, .icon-nav .section-nav__icon, .icon-nav .l-bg__bg-toggle__icon, .icon-nav .widget-checkbox label:before, .widget-checkbox .icon-nav label:before, .icon-nav .widget-radio label:before, .widget-radio .icon-nav label:before {
  display: block;
}

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

    Funktion      aside-header bem module

*****************************************************************************/
/*
.aside-header

Styleguide classes.aside-header
*/
.aside-header {
  --color: #FFF;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
@media screen and (max-width: 65em) {
  .aside-header {
    top: auto;
    left: 0;
  }
}
.aside-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
  transform: translate(20px, 0);
  transition: transform 0.8s;
}
@media screen and (max-width: 65em) {
  .aside-header:before {
    transform: translate(0, 20px);
  }
}
.aside-header--corner::before {
  content: none;
}
.aside-header--is-active:before {
  transform: translate(0, 0);
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.aside-header__toggle {
  display: none;
}
@media screen and (max-width: 65em) {
  .aside-header__toggle {
    display: block;
  }
}
.aside-header__contact {
  margin-top: 10rem;
}
@media screen and (max-width: 65em) {
  .aside-header__contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .aside-header__contact .icon-nav {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .aside-header__contact .icon-nav__item {
    margin: 0 1rem;
  }
}
.aside-header__contact hr {
  margin: 3.4rem auto;
}
@media screen and (max-width: 65em) {
  .aside-header__contact hr {
    height: 1em;
    margin: 0 3.4rem;
    border-width: 0 1px 0 0;
  }
}
.aside-header__toggle + .aside-header__contact {
  margin-top: 0;
}
.aside-header__slide, .aside-header__content, .featherlight__aside {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-height: 56.25em) {
  .aside-header__slide, .aside-header__content, .featherlight__aside {
    padding-top: 10rem;
  }
}
@media screen and (max-width: 65em) {
  .aside-header__slide, .aside-header__content, .featherlight__aside {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }
}
.aside-header__content, .featherlight__aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 3em;
  min-height: 100%;
  transition: color 0.4s;
}
@media screen and (max-width: 65em) {
  .aside-header__content, .featherlight__aside {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: auto;
    padding: 2rem 2rem;
  }
}
.aside-header__content, .featherlight__aside, .aside-header__slide {
  color: #FFF;
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
:where(.aside-header--corner) .aside-header__content, :where(.aside-header--corner) .featherlight__aside {
  color: #000;
  background-color: transparent;
}
:where(.aside-header--corner):where(.aside-header--is-active) .aside-header__content, :where(.aside-header--corner):where(.aside-header--is-active) .featherlight__aside {
  color: #FFF;
}
.aside-header__slide {
  overflow: auto;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: -2;
  width: calc(100vw - 100%);
  height: 100%;
  padding-right: 7.2rem;
  padding-left: 7.2rem;
  transform: translate(100%, 0) scale(1.03);
  transform-origin: 0% 50%;
  transition: transform 0.8s;
}
@media screen and (max-width: 65em) {
  .aside-header__slide {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 65em) {
  .aside-header__slide {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 80vh;
    height: calc(100vh - 100%);
    transform: translate(0, 100%) scale(1.03);
    transform-origin: 50% 0%;
  }
}
:where(.aside-header--corner) .aside-header__slide {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: auto;
  height: auto;
}
@media screen and (max-width: 65em) {
  :where(.aside-header--corner) .aside-header__slide {
    width: 100%;
    padding-bottom: 8rem;
  }
}
.aside-header--is-active .aside-header__slide {
  transform: translate(0, 0) scale(1);
  transition-duration: 0.3s;
}
.aside-header__language-switch ul.level_1 {
  margin-bottom: 0;
}
@media screen and (max-width: 65em) {
  .aside-header__language-switch ul.level_1 li.active {
    display: none;
  }
}
.aside-header__cta {
  position: absolute;
  right: 3rem;
  bottom: 9rem;
  filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.3));
}

/**
 * mega-menu bem module
 */
.mega-menu {
  --mega-menu-item-gap: clamp(2rem, 0.875vw + 1.475rem, 2.7rem);
  display: flex;
  gap: var(--mega-menu-item-gap);
  margin-right: var(--mega-menu-item-gap);
  margin-bottom: 0;
}
@media screen and (max-width: 65em) {
  .mega-menu {
    display: block;
  }
}
.mega-menu ul {
  margin: 0;
}
.mega-menu__section-nav {
  display: none;
}
@supports (display: contents) {
  .mega-menu__section-nav {
    display: contents;
  }
}
.mega-menu__section-nav > :last-child {
  border-bottom: none;
}
.mega-menu__item {
  display: inherit;
  gap: inherit;
}
@media screen and (max-width: 65em) {
  .mega-menu__item {
    display: grid;
    grid-gap: 1rem 2rem;
    grid-template-columns: minmax(10px, 1fr) auto;
    min-height: 2em;
    margin-bottom: 2rem;
  }
}
.mega-menu__item .active-section {
  color: #8CBF35 !important;
}
.remove-mega-menu-hover .mega-menu__item {
  pointer-events: none;
}
.mega-menu__link, .mega-menu__link-level-2, .mega-menu__link-level-3 {
  transition: color 0.4s, transform 0.4s;
}
.mega-menu__link.trail, .mega-menu__link.active, .mega-menu__link-level-2.trail, .mega-menu__link-level-2.active, .mega-menu__link-level-3.trail, .mega-menu__link-level-3.active {
  color: #8CBF35;
}
.mega-menu__link {
  font-family: "Intro";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 65em) {
  .mega-menu__link {
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.mega-menu.level_1 .mega-menu__link.submenu::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 1rem;
  height: 2.2rem;
  margin-top: auto;
  margin-bottom: auto;
  border-left: 2px solid currentcolor;
  transform: scaleY(0);
  transition: transform 0.4s;
}
.mega-menu.level_1 > .mega-menu__item.is-active .mega-menu__link.submenu {
  transform: translateX(1rem);
}
.mega-menu.level_1 > .mega-menu__item.is-active .mega-menu__link.submenu::before {
  transform: scaleY(1);
}
.mega-menu__level-2, :is(.remove-mega-menu-hover .mega-menu__level-2, #id) {
  display: grid;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: -2;
  grid-column: 1/-1;
  grid-gap: clamp(4rem, 8.25vw + -0.95rem, 10.6rem);
  grid-template-columns: repeat(3, minmax(10px, 1fr));
  padding: clamp(3rem, 3.5vw + 0.9rem, 5.8rem) clamp(2rem, 1.5vw + 1.1rem, 3.2rem) clamp(3rem, 1.5vw + 2.1rem, 4.2rem) clamp(10rem, 51.25vw + -20.75rem, 51rem);
  background-color: #FFF;
  transform: translateY(-100%);
  transition: opacity 0.4s, transform 0.4s;
  transition-behavior: allow-discrete;
  pointer-events: none;
}
@media screen and (max-width: 65em) {
  .mega-menu__level-2, :is(.remove-mega-menu-hover .mega-menu__level-2, #id) {
    display: none;
    overflow: hidden;
    position: static;
    z-index: auto;
    margin-bottom: 2rem !important;
    padding: 2rem;
    transform: none;
    transition: height 0.8s, opacity 0.8s;
  }
}
@media screen and (max-width: 65em) {
  .is-active > .mega-menu__level-2 {
    display: block;
  }
}
.mega-menu__item.is-active .mega-menu__level-2 {
  transform: translateY(0);
  pointer-events: all;
}
.mega-menu__level-2 .mega-menu__section-nav {
  display: block;
  flex: 0 0 100%;
}
.main-wrapper:where(:has(.mega-menu__item.submenu))::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateY(-100%);
  transition: transform 0.4s 0.2s;
}
@media screen and (max-width: 65em) {
  .main-wrapper:where(:has(.mega-menu__item.submenu))::before {
    content: none;
  }
}
.main-wrapper:where(:has(.mega-menu__item.submenu.is-active))::before {
  transform: translateY(0);
  transition-delay: 0s;
}
.mega-menu__link-level-2 {
  font-family: "Intro";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.41;
  display: block;
  margin-bottom: 1.1rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #000;
}
.mega-menu__link-level-3 {
  font-family: "Intro";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.76;
  display: block;
  position: relative;
  flex: 0 0 100%;
  border-bottom: 1px solid #D9D9D9;
  font-weight: 400;
}
.mega-menu__link-level-3.active, .mega-menu__link-level-3:hover {
  transform: translateX(1rem);
}
.mega-menu__link-level-3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 1rem;
  height: 2.2rem;
  margin-top: auto;
  margin-bottom: auto;
  border-left: 2px solid currentcolor;
  transform: scaleY(0);
  transition: transform 0.4s;
}
.mega-menu__link-level-3.active::before, .mega-menu__link-level-3:hover::before {
  transform: scaleY(1);
}
.mega-menu__link-level-3:hover::before {
  transition-delay: 0.4s;
}
@media screen and (max-width: 65em) {
  .mega-menu__item-level-2 + .mega-menu__item-level-2 {
    margin-top: 4rem;
  }
}
.mega-menu__item-level-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.mega-menu__toggle {
  display: none;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 2em;
  padding: 0.4em;
  border: 1px solid currentcolor;
  aspect-ratio: 1;
  color: #8CBF35;
}
@media screen and (max-width: 65em) {
  .mega-menu__toggle {
    display: flex;
  }
}
.mega-menu__toggle::before {
  display: block;
  transform: rotate(0deg);
  transition: transform 0.8s;
}
.is-active > .mega-menu__toggle::before {
  transform: rotate(-180deg);
}

/**
 * main-logo bem module
 */
:root {
  --main-logo-height: 17.9rem;
  --main-logo-link-padding: .84em;
  --main-logo-padding-top: calc(10.4rem - var(--main-logo-link-padding));
}

.main-logo {
  position: sticky;
  top: -4rem;
  z-index: 101;
  height: 0;
  visibility: hidden;
}
.main-logo__sticky-wrapper {
  display: flex;
  justify-content: start;
  padding-top: var(--main-logo-padding-top);
}
.main-logo__inner {
  transition: transform 0.8s;
}
.main-logo a {
  display: block;
  width: 6.28em;
  padding-top: var(--main-logo-link-padding);
  visibility: visible;
  transition: top 0.8s, transform 0.8s;
}
.main-logo a img {
  width: 100%;
}
.main-logo a,
.main-logo a:hover, :has(.mega-menu:hover) .main-logo a {
  /* transform: scale(1) translateY(0); */
  transform-origin: 0 0;
}
@media screen and (max-width: 65em) {
  .main-logo a,
  .main-logo a:hover, :has(.mega-menu:hover) .main-logo a {
    top: 0;
  }
}
.main-logo:where(.is-sticky) a {
  transform: scale(0.7) translateY(0);
  transition-duration: 0.4s;
}
:has(.mega-menu__item.submenu.is-active) .main-logo.is-sticky a {
  transform: scale(1) translateY(var(--main-logo-padding-top));
}

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

    Funktion      breadcrumb bem module
    Authors       Mac Signer
    Datum         30.07.20

*****************************************************************************/
/*
.breadcrumb

Styleguide classes.breadcrumb
*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb br {
  display: none;
}
.breadcrumb__item {
  font-family: "Intro";
  font-size: 1.3rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  text-transform: none;
}
@media screen and (max-width: 81.25em) {
  .breadcrumb__item {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 65em) {
  .breadcrumb__item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 45em) {
  .breadcrumb__item {
    font-size: 1.2rem;
  }
}
.breadcrumb__item.active, .breadcrumb__item.no-click {
  color: #8C8C8C;
}
.breadcrumb__item a {
  text-decoration: none;
  color: inherit;
  transition: text-decoration 0.3s;
}
.breadcrumb__item a:hover {
  text-decoration: underline;
}
.breadcrumb__item ~ .breadcrumb__item:before {
  content: "\eaef";
  display: block;
  margin-right: 0.3rem;
  margin-left: 0.4rem;
  font-family: "icomoon";
  font-size: 0.8em;
}

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

    Funktion      ce-text bem module

*****************************************************************************/
/*
.ce-text

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

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

    Funktion      input bem module

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

Styleguide classes.input
*/
.input {
  position: relative;
  margin-bottom: 3.8rem;
}
.input--is-invalid {
  outline: 1px solid red;
}
.input__label {
  margin-bottom: 3.8rem;
  padding: 0.6em 1em 0.4em;
  border: 3px solid transparent;
  border-radius: 0.2em;
  transition: color 0.4s, background 0.4s;
}
.input__field, .button, .elfsight-customization .Text__Control-sc-221xn5-2, .widget-upload label {
  margin-bottom: 3.8rem;
  padding: 0.6em 1em 0.4em;
  border: 3px solid transparent;
  border-radius: 0.2em;
  transition: color 0.4s, background 0.4s;
  color: #000;
  background-color: #FFF;
}
.input__field:focus, .button:focus, .elfsight-customization .Text__Control-sc-221xn5-2:focus, .widget-upload label:focus {
  color: #000;
  background-color: rgba(140, 191, 53, 0.5);
  background-color: var(--color-accent--transparent);
}
.input__field:-webkit-autofill, .button:-webkit-autofill, .elfsight-customization .Text__Control-sc-221xn5-2:-webkit-autofill, .widget-upload label:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.input__field :not(:-webkit-autofill), .button :not(:-webkit-autofill), .elfsight-customization .Text__Control-sc-221xn5-2 :not(:-webkit-autofill), .widget-upload label :not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.input__label, .input__field, .button, .elfsight-customization .Text__Control-sc-221xn5-2, .widget-upload label {
  margin: 0;
}
.input__field, .button, .elfsight-customization .Text__Control-sc-221xn5-2, .widget-upload label {
  display: block;
  width: 100%;
  border: 3px solid #8CBF35;
  border-color: var(--color-accent);
  background-color: #FFF;
  outline: none;
  transition: outline 0.3s, background 0.3s;
}
.input__field--is-invalid {
  border-color: red;
}
.js .input__label {
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: top, left, padding, font-size, line-height, color, opacity, transform;
  transition-duration: 0.2s;
}
.js .input__label--static {
  position: static;
}
.js .input__field:focus, .js .button:focus, .js .elfsight-customization .Text__Control-sc-221xn5-2:focus, .elfsight-customization .js .Text__Control-sc-221xn5-2:focus, .js .widget-upload label:focus, .widget-upload .js label:focus {
  outline: none;
}
.js .input--is-filled-out .input__label {
  opacity: 1;
}
.js .input--has-focus .input__label {
  opacity: 0.8;
}
.js .input--has-focus .input__label, .js .input--is-filled-out .input__label {
  padding-top: 0.1em;
  padding-bottom: 0em;
  padding-left: 1.2em;
  font-size: 0.5em;
  line-height: 1;
  color: inherit;
  transform: translateY(-100%);
}
@media screen and (max-width: 45em) {
  .js .input--has-focus .input__label, .js .input--is-filled-out .input__label {
    font-size: 0.7em;
  }
}
.js .input--is-filled-out .input__label {
  padding-left: 0.2em;
  transition-duration: 0.8s;
}
.js .input--is-filled-out .input__input {
  color: rbga(rgba(0, 0, 0, 0.6), 0.9);
}

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

    Funktion      widget bem module
    Authors       Mac Signer
    Datum         18.05.20

*****************************************************************************/
/*
.widget

Styleguide classes.widget
*/
.widget-checkbox, .widget-radio {
  margin-bottom: 1.6rem;
}
.widget-checkbox input, .widget-radio input {
  position: absolute;
  opacity: 0;
}
.widget-checkbox label, .widget-radio label {
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-bottom: 0.6rem;
  padding: 0;
  border: none;
  line-height: 1.1;
  cursor: pointer;
}
@media screen and (max-width: 45em) {
  .widget-checkbox label, .widget-radio label {
    display: block;
    padding-left: 1.4em;
  }
}
.widget-checkbox label:before, .widget-radio label:before {
  content: "\ea53";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  font-size: 0.9em;
  color: #8CBF35;
  color: var(--color-accent);
  cursor: pointer;
}
@media screen and (max-width: 65em) {
  .widget-checkbox label:before, .widget-radio label:before {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 45em) {
  .widget-checkbox label:before, .widget-radio label:before {
    position: absolute;
    left: 0;
    margin-top: 0.1em;
    font-size: 1em;
  }
}
.widget-checkbox input:checked ~ label:before, .widget-radio input:checked ~ label:before {
  content: "\ea52";
}
.widget-checkbox input:focus ~ label:before, .widget-radio input:focus ~ label:before {
  transform: scale(1.2);
}
.widget-radio label:before {
  content: "\ea56";
}
.widget-radio input:checked ~ label:before {
  content: "\ea54";
}
.widget-upload .icon, .widget-upload .meta-nav__link[target=_blank]::after, .widget-upload .main-nav__link[target=_blank]::after, .widget-upload .slider-pagination__next-inner, .widget-upload .link-icon, .widget-upload .mega-tile__info--has-items::before, .widget-upload .section-nav__icon, .widget-upload .l-bg__bg-toggle__icon, .widget-upload .widget-checkbox label:before, .widget-checkbox .widget-upload label:before, .widget-upload .widget-radio label:before, .widget-radio .widget-upload label:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em;
  font-size: 2em;
  color: var(--color-accent);
  transform: scale(1);
  transition: color 0.3s, transform 0.3s;
}
.widget-upload label:hover .icon, .widget-upload label:hover .meta-nav__link[target=_blank]::after, .widget-upload label:hover .main-nav__link[target=_blank]::after, .widget-upload label:hover .slider-pagination__next-inner, .widget-upload label:hover .link-icon, .widget-upload label:hover .mega-tile__info--has-items::before, .widget-upload label:hover .section-nav__icon, .widget-upload label:hover .l-bg__bg-toggle__icon, .widget-upload label:hover .widget-checkbox label:before, .widget-checkbox .widget-upload label:hover label:before, .widget-upload label:hover .widget-radio label:before, .widget-radio .widget-upload label:hover label:before {
  color: var(--color);
  transform: scale(1.2);
}
.widget-upload input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.widget-upload label {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: 0.024em;
  position: relative;
  padding: 1.15em 1em 0.85em;
  border-style: dashed;
  text-transform: uppercase;
  color: var(--color-accent);
  background-size: 0;
}
@media screen and (max-width: 81.25em) {
  .widget-upload label {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .widget-upload label {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .widget-upload label {
    font-size: 1.4rem;
  }
}
.widget-upload label.drop {
  animation-name: fileDrop;
  animation-duration: 1.2s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}
.widget-upload label:has(.file-info--is-active) {
  border-style: solid;
  background: var(--color-accent--transparent);
}

@keyframes fileDrop {
  from {
    outline: 0px solid var(--color-accent);
    outline-offset: 0;
  }
  to {
    outline: 80px solid transparent;
    outline-offset: 40px;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      child-reset bem module

*****************************************************************************/
/*
.child-reset

Styleguide classes.child-reset
*/
.child-reset > :first-child,
.block-reset > :first-child,
.border-block > :first-child,
.bg--border > :first-child {
  margin-top: 0;
}
.child-reset > :last-child,
.block-reset > :last-child,
.border-block > :last-child,
.bg--border > :last-child {
  margin-bottom: 0;
}

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

    Funktion      auto-margin-content bem module

*****************************************************************************/
/*
.auto-margin-content

Styleguide classes.auto-margin-content
*/
.auto-margin-content {
  margin-top: auto;
  margin-bottom: auto;
}

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

    Funktion      jw bem module

*****************************************************************************/
/*
.jw

Styleguide classes.jw
*/
.jw--content {
  position: relative;
}
.jw--content .jw-aspect {
  display: block !important;
  padding: 56.25% 0 0;
}
.jw__play, .jw__pause {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 10rem;
  height: 10rem;
  font-size: 10rem;
  color: #8CBF35;
  color: var(--color-accent);
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) scale(2);
  transition: color 0.3s, opacity 0.8s, transform 0.8s, visibility 0s 0.8s;
  cursor: pointer;
}
.jw__play .icon, .jw__play .meta-nav__link[target=_blank]::after, .jw__play .main-nav__link[target=_blank]::after, .jw__play .slider-pagination__next-inner, .jw__play .link-icon, .jw__play .mega-tile__info--has-items::before, .jw__play .section-nav__icon, .jw__play .l-bg__bg-toggle__icon, .jw__play .widget-checkbox label:before, .widget-checkbox .jw__play label:before, .jw__play .widget-radio label:before, .widget-radio .jw__play label:before, .jw__pause .icon, .jw__pause .meta-nav__link[target=_blank]::after, .jw__pause .main-nav__link[target=_blank]::after, .jw__pause .slider-pagination__next-inner, .jw__pause .link-icon, .jw__pause .mega-tile__info--has-items::before, .jw__pause .section-nav__icon, .jw__pause .l-bg__bg-toggle__icon, .jw__pause .widget-checkbox label:before, .widget-checkbox .jw__pause label:before, .jw__pause .widget-radio label:before, .widget-radio .jw__pause label:before {
  display: block;
  transform: scale(1);
  transition: transform 0.3s;
}
.jw__play:hover .icon, .jw__play:hover .meta-nav__link[target=_blank]::after, .jw__play:hover .main-nav__link[target=_blank]::after, .jw__play:hover .slider-pagination__next-inner, .jw__play:hover .link-icon, .jw__play:hover .mega-tile__info--has-items::before, .jw__play:hover .section-nav__icon, .jw__play:hover .l-bg__bg-toggle__icon, .jw__play:hover .widget-checkbox label:before, .widget-checkbox .jw__play:hover label:before, .jw__play:hover .widget-radio label:before, .widget-radio .jw__play:hover label:before, .jw__pause:hover .icon, .jw__pause:hover .meta-nav__link[target=_blank]::after, .jw__pause:hover .main-nav__link[target=_blank]::after, .jw__pause:hover .slider-pagination__next-inner, .jw__pause:hover .link-icon, .jw__pause:hover .mega-tile__info--has-items::before, .jw__pause:hover .section-nav__icon, .jw__pause:hover .l-bg__bg-toggle__icon, .jw__pause:hover .widget-checkbox label:before, .widget-checkbox .jw__pause:hover label:before, .jw__pause:hover .widget-radio label:before, .widget-radio .jw__pause:hover label:before {
  transform: scale(1.3);
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.jw__play {
  animation: playPopOut 0.8s both ease-in-out;
}
.jw-state-idle ~ .jw__play, .jw-state-complete ~ .jw__play, .jw-state-paused ~ .jw__play {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0s;
  animation: playPulse 5s infinite ease-in-out;
}
.l-bg .jw-controlbar {
  width: calc(100% - 20rem);
  margin-left: 20rem;
}
@media screen and (max-width: 118.75em) {
  .l-bg .jw-controlbar {
    width: calc(62% + 20rem);
    margin-left: calc(38% - 20rem);
  }
}
@media screen and (max-width: 81.25em) {
  .l-bg .jw-controlbar {
    width: calc(100% - 20rem);
    margin-left: 20rem;
  }
}
@media screen and (max-width: 65em) {
  .l-bg .jw-controlbar {
    width: 100%;
    margin-left: 0;
  }
}
.jwplayer-wrapper.cursor-moved .jw-state-playing ~ .jw__pause {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0s;
}

.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container > .jw-icon-rewind,
.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-ar .jw-button-container > .jw-icon-next,
.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container > .jw-icon-playback {
  display: flex !important;
}

.jw-display-container.jw-reset {
  display: none !important;
}

@keyframes playPopOut {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
  }
}
@keyframes playPulse {
  0%, 33%, 66%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  16.5%, 49.5%, 82.5% {
    transform: translate(-50%, -50%) scale(1.2);
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      vara-font bem module

*****************************************************************************/
/*
.vara-font

Styleguide classes.vara-font
*/
.vara-font {
  display: block;
  font: 24px/1.6 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.vara-font [data-vara] {
  display: block;
  padding: 0 0.3em;
  line-height: 1;
}
.vara-font [data-vara] > svg {
  display: block;
  vertical-align: middle;
  overflow: visible;
}
.vara-font--cta {
  font-size: 4rem;
  color: #8CBF35;
  color: var(--color-accent);
}

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

    Funktion      base-distance bem module

*****************************************************************************/
/*
.base-distance

Styleguide classes.base-distance
*/
.base-distance-top {
  margin-top: 3.8rem;
}
.base-distance-bottom {
  margin-bottom: 3.8rem;
}

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

    Funktion      share-buttons bem module

*****************************************************************************/
/*
.share-buttons

Styleguide classes.share-buttons
*/
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 65em) {
  .share-buttons {
    font-size: 1.3em;
  }
}
.share-buttons__item {
  margin-right: 2rem;
}
.share-buttons__item .icon, .share-buttons__item .meta-nav__link[target=_blank]::after, .share-buttons__item .main-nav__link[target=_blank]::after, .share-buttons__item .slider-pagination__next-inner, .share-buttons__item .link-icon, .share-buttons__item .mega-tile__info--has-items::before, .share-buttons__item .section-nav__icon, .share-buttons__item .l-bg__bg-toggle__icon, .share-buttons__item .widget-checkbox label:before, .widget-checkbox .share-buttons__item label:before, .share-buttons__item .widget-radio label:before, .widget-radio .share-buttons__item label:before,
.share-buttons__item a {
  display: block;
}
.share-buttons__item a {
  transform: scale(1);
  transition: transform 0.8s;
}
.share-buttons__item a:hover {
  transform: scale(1.2);
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}

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

    Funktion      button bem module

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

Styleguide classes.button
*/
.button, .elfsight-customization .Text__Control-sc-221xn5-2 {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: 0.024em;
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 1.15em 1em 0.85em;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  color: var(--color-accent-text);
  background-color: var(--color-accent);
  transition: border 0.3s, color 0.3s, background 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 81.25em) {
  .button, .elfsight-customization .Text__Control-sc-221xn5-2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .button, .elfsight-customization .Text__Control-sc-221xn5-2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .button, .elfsight-customization .Text__Control-sc-221xn5-2 {
    font-size: 1.4rem;
  }
}

.button:hover, .elfsight-customization .Text__Control-sc-221xn5-2:hover, .button:focus, .elfsight-customization .Text__Control-sc-221xn5-2:focus, .button--is-active {
  border-color: var(--color-accent--dark);
  background-color: #8CBF35;
  background-color: var(--color-accent--dark);
}
.button--is-active, .button:focus, .elfsight-customization .Text__Control-sc-221xn5-2:focus {
  color: #FFF;
}
.button--auto-width {
  width: auto;
}
.button--submit {
  width: auto;
  padding-right: 1em;
  padding-left: 1.5em;
}
.button--align-left {
  text-align: left;
}
.button--align-right {
  text-align: right;
}
.button--uppercase {
  text-transform: uppercase;
}
.button--underline {
  text-decoration: underline;
}
.button--block {
  display: block;
  width: auto;
}
.button--large {
  font-size: 1.3em;
}
.button--small {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.024em;
  padding: 0.2em 1em 0.1em;
  border-width: 2px;
  text-transform: none;
}
@media screen and (max-width: 81.25em) {
  .button--small {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .button--small {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .button--small {
    font-size: 1.4rem;
  }
}
.button--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  padding: 0.1em;
}
.button--solid {
  color: #FFF;
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
.button--solid:hover {
  border-color: #70992a;
  border-color: var(--color-accent--dark);
  background-color: #70992a;
  background-color: var(--color-accent--dark);
}
.button__icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.2em;
  transform: scale(1) translateX(0);
  transition: color 0.8s, background 0.8s, transform 0.8s;
}
.button:hover .button__icon, .elfsight-customization .Text__Control-sc-221xn5-2:hover .button__icon, .button--is-active .button__icon {
  transform: scale(1.2) translateX(0.4em);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.93, 1.54);
}

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

    Funktion      more-button bem module

*****************************************************************************/
/*
.more-button

Styleguide classes.more-button
*/
.more-button, #main .eapps-instagram-feed-posts-grid-load-more:nth-child(1n) {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  display: block;
  width: 23rem;
  max-width: 100%;
  margin: 2.4rem auto;
  padding: 0;
  border: none;
  appearance: none;
  color: #FFF;
  background-color: #8CBF35;
  background-color: var(--color-accent);
  cursor: pointer;
}
@media screen and (max-width: 81.25em) {
  .more-button, #main .eapps-instagram-feed-posts-grid-load-more:nth-child(1n) {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .more-button, #main .eapps-instagram-feed-posts-grid-load-more:nth-child(1n) {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .more-button, #main .eapps-instagram-feed-posts-grid-load-more:nth-child(1n) {
    font-size: 1.8rem;
  }
}

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

    Funktion      slick bem module

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

Styleguide classes.slick
*/
.slick-slider .slider-pagination {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  margin-left: -3em;
}
@media screen and (max-width: 65em) {
  .slick-slider .slider-pagination {
    margin-left: 0;
  }
}
@media screen and (max-width: 65em) {
  .nav-slider .slick-slider .slider-pagination {
    margin-bottom: 2rem;
  }
}
.slick-slider img {
  width: 100%;
}
.slick-slider a {
  outline: 0;
}
.slick-dots {
  bottom: 0;
  margin-bottom: 1rem;
}
.slick-dots li {
  width: 3.2rem;
  height: 3.2rem;
}
.slick-dots li button:before, .slick-dots li button:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #FFF;
  border-radius: 50%;
}
.slick-dots li button:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  transform: scale(0);
  transition: transform 0.3s;
}
.slick-dots li.slick-active button:after {
  transform: scale(1);
}
.slick-slide, .slick-slide * {
  outline: none;
}
.slick-prev, .slick-next {
  z-index: 10;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.nav-slider .slick-prev:before, .nav-slider .slick-next:before {
  color: #FFF;
  color: var(--color-accent);
  opacity: 1;
}
.nav-slider .slick-prev, .nav-slider .slick-next {
  top: 0;
  bottom: auto;
  width: auto;
  height: auto;
  margin-top: 8rem;
}
@media screen and (max-width: 120em) {
  .nav-slider .slick-prev, .nav-slider .slick-next {
    margin-top: 3vw;
  }
}
.nav-slider .slick-prev:before, .nav-slider .slick-next:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  font-size: 6rem;
  background-color: var(--color);
}
@media screen and (max-width: 65em) {
  .nav-slider .slick-prev:before, .nav-slider .slick-next:before {
    width: 4rem;
    height: 4rem;
    font-size: 3rem;
  }
}
.nav-slider .slick-next {
  right: auto;
  left: 100%;
  animation: pointRight 3s infinite ease-in-out;
}
@media screen and (max-width: 65em) {
  .nav-slider .slick-next {
    display: none !important;
  }
}
.nav-slider .slick-prev {
  display: none !important;
  animation: pointLeft 3s infinite ease-in-out;
}
.nav-slider .slick-slide li ul li {
  opacity: 0;
  transform: translate(1em, 0) scale(1.1);
  transition: opacity 0.3s, transform 0.3s;
}
.nav-slider .slick-active li ul li {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.nav-slider .slick-active li ul li:nth-child(1) {
  transition-delay: 0.5s;
}
.nav-slider .slick-active li ul li:nth-child(2) {
  transition-delay: 0.6s;
}
.nav-slider .slick-active li ul li:nth-child(3) {
  transition-delay: 0.7s;
}
.nav-slider .slick-active li ul li:nth-child(4) {
  transition-delay: 0.8s;
}
.nav-slider .slick-active li ul li:nth-child(5) {
  transition-delay: 0.9s;
}
.nav-slider .slick-active li ul li:nth-child(6) {
  transition-delay: 1s;
}
.nav-slider .slick-active li ul li:nth-child(7) {
  transition-delay: 1.1s;
}
.nav-slider .slick-active li ul li:nth-child(8) {
  transition-delay: 1.2s;
}
.slick-slider[data-slider-config=fullArticle] {
  margin-bottom: 0;
  transition: filter 1.2s;
}
.slick-slider[data-slider-config=fullArticle].enter {
  transition-delay: 1s;
}
@supports (object-fit: cover) {
  .slick-slider[data-slider-config=fullArticle]:not(.contains-logos) img {
    width: 100%;
    height: 100vh;
    max-width: none;
    object-fit: cover;
  }
}
.slick-slider[data-slider-config=fullArticle] .l-logos__item {
  opacity: 0;
  transform: scale(0.3);
  transition: transform 0.8s 0.8s, opacity 0.8s 0.8s;
}
.slick-slider[data-slider-config=fullArticle] .slick-current .l-logos__item {
  opacity: 1;
  transform: scale(1);
}
.slick-slider[data-slider-config=fullArticle].contains-logos .slick-track {
  display: flex;
}
.slick-slider[data-slider-config=fullArticle].contains-logos .slick-track::before, .slick-slider[data-slider-config=fullArticle].contains-logos .slick-track::after {
  content: none;
}
.slick-slider[data-slider-config=fullArticle].contains-logos .slick-slide {
  float: none;
  flex: 0 0 auto;
  align-self: stretch;
}
[data-slider-config=fullArticle] .slick-prev, [data-slider-config=fullArticle] .slick-next {
  overflow: hidden;
  top: auto;
  bottom: 30rem;
  width: 1.4em;
  height: 1.4em;
  font-size: 3em;
}
@media screen and (max-width: 65em) {
  [data-slider-config=fullArticle] .slick-prev, [data-slider-config=fullArticle] .slick-next {
    margin-bottom: calc(var(--aside-header--height) + 1rem);
    font-size: 2em;
  }
}
[data-slider-config=fullArticle] .slick-prev:before, [data-slider-config=fullArticle] .slick-next:before {
  display: block;
  font-size: 1.2em;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 1px 1px 4px rgba(0, 0, 0, 0.2);
  color: #FFF;
  transform: translate(0, 0);
  transition: text-shadow 0.8s, transform 0.8s;
}
[data-slider-config=fullArticle] .slick-prev:hover:before, [data-slider-config=fullArticle] .slick-next:hover:before {
  text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3), 3px 3px 4px rgba(0, 0, 0, 0.2);
  transform: translate(-0.2rem, -0.2rem);
  transition-duration: 0.2s;
}
[data-slider-config=fullArticle] .slick-prev:active:before, [data-slider-config=fullArticle] .slick-next:active:before {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 1px 1px 4px rgba(0, 0, 0, 0.2);
  transform: translate(0, 0);
  transition-duration: 0s;
}
@media screen and (max-width: 45em) {
  .slick [data-slider-config=fullArticle] {
    overflow: hidden;
  }
}
[data-slider-config=fullArticle] .slick-prev:before, [data-slider-config=fullArticle] .slick-next:before {
  color: #FFF;
  opacity: 1;
}
[data-slider-config=fullArticle] .slick-prev {
  right: 0;
  right: calc(50% + 54rem);
  left: auto;
  animation: pointLeft 3s infinite ease-in-out;
}
@media screen and (max-width: 81.25em) {
  [data-slider-config=fullArticle] .slick-prev {
    right: auto;
    left: 2rem;
  }
}
@media screen and (max-width: 45em) {
  [data-slider-config=fullArticle] .slick-prev {
    left: 1.4rem;
  }
}
[data-slider-config=fullArticle] .slick-next {
  right: auto;
  left: 0;
  left: calc(50% + 54rem);
  animation: pointRight 3s infinite ease-in-out;
}
@media screen and (max-width: 81.25em) {
  [data-slider-config=fullArticle] .slick-next {
    right: 2rem;
    left: auto;
  }
}
@media screen and (max-width: 45em) {
  [data-slider-config=fullArticle] .slick-next {
    right: 1.4rem;
  }
}
[data-slider-config=fullArticle] .slick-dots {
  top: auto;
  bottom: 0;
  margin-bottom: 1.8em;
  color: #FFF;
}
@media screen and (max-width: 65em) {
  [data-slider-config=fullArticle] .slick-dots {
    margin-bottom: calc(var(--aside-header--height) + 2rem);
  }
}
[data-slider-config=fullArticle] .slick-dots li button:before {
  color: #FFF;
}
[data-slider-config=fullArticle] .slick-dots li [aria-selected=true] button:before {
  content: "\ea90";
}
.slick-slider[data-slider-config=small] .slick-dots {
  bottom: 0;
  margin-bottom: 3.8rem;
}
.l-bg .slick-dots {
  top: auto;
  bottom: 0;
  margin-bottom: 1.8rem;
  color: #FFF;
}
.l-bg .slick-prev, .l-bg .slick-next {
  width: auto;
  height: auto;
}
.l-bg .slick-prev:before, .l-bg .slick-next:before {
  font-size: 10rem;
  color: #FFF;
}
.l-bg .slick-prev {
  right: auto;
  left: 0;
  margin-left: 16rem;
}
@media screen and (max-width: 65em) {
  .l-bg .slick-prev {
    margin-left: 0;
  }
}
.l-bg .slick-next {
  right: 0;
  left: auto;
}

@keyframes pointRight {
  0%, 60%, 100% {
    transform: translate(0, -50%);
  }
  70%, 90% {
    transform: translate(1rem, -50%);
  }
  80% {
    transform: translate(0.7rem, -50%);
  }
}
@keyframes pointRightNoYOffset {
  0%, 60%, 100% {
    transform: translate(0, 0);
  }
  70%, 90% {
    transform: translate(1rem, 0);
  }
  80% {
    transform: translate(0.7rem, 0);
  }
}
@keyframes pointLeft {
  0%, 60%, 100% {
    transform: translate(0, -50%);
  }
  70%, 90% {
    transform: translate(-1rem, -50%);
  }
  80% {
    transform: translate(-0.7rem, -50%);
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      ce_accordion bem module

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

Styleguide classes.ce_accordion
*/
.ce_accordion .toggler {
  font-weight: 700;
}
.ce_accordion .toggler:focus {
  outline: none;
}
.ce_accordion .accordion > div > :last-child {
  margin-bottom: 4rem;
}

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

    Funktion      inline-list bem module

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

Styleguide classes.inline-list
*/
.inline-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.7rem;
}
.inline-list--justify-end {
  justify-content: flex-end;
}
.inline-list__item {
  margin: 0.7rem;
}
.inline-list--filter {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.inline-list--filter .inline-list__item {
  flex: 0 0 22rem;
}
@media screen and (max-width: 81.25em) {
  .inline-list--filter .inline-list__item {
    flex-basis: auto;
  }
}
.inline-list--auto-items .inline-list__item {
  flex-basis: auto;
}

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

    Funktion      circle-icon bem module

*****************************************************************************/
/*
.circle-icon

Styleguide classes.circle-icon
*/
.circle-icon, .mega-tile__info--has-items::before {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding: 0.2em;
  border-radius: 50%;
  font-size: 0.8em;
  color: var(--bg-color);
  background-color: var(--color);
}

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

    Funktion      l-bg-image bem module

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

Styleguide classes.l-bg-image
*/
:root {
  --l-bg--height: 100vh;
  --skew-width: 14rem;
  --l-bg__bg__video__image-animation1: videokenburns1;
  --l-bg__bg__video__image-animation2: videokenburnsorigin1;
  --l-bg__bg__video__image-animation1duration: 40s;
  --l-bg__bg__video__image-animation2duration: 31.4s;
  --l-bg__bg__video__image-animationDelay: 0s;
  --l-bg__text--color: #000;
}

.l-bg__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 0;
  border-right: 6px solid #8CBF35;
  border-right-color: var(--color-accent);
  background: #FFF;
  transform: skewX(14deg);
  transform-origin: 0% 100%;
}
@media screen and (max-width: 65em) {
  .l-bg__content:after {
    height: 100%;
    border-right: none;
    border-bottom: 6px solid #8CBF35;
    border-bottom-color: var(--color-accent);
    transform: skewY(-14deg);
    transform-origin: 100% 100%;
  }
}

.l-bg {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: flex-start;
}
@media screen and (max-width: 65em) {
  .l-bg {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
.l-bg__text, .l-bg__bg, .l-bg__detail {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-height: 100vh;
  transition: transform 0.8s ease-out, opacity 0.4s;
}
@media screen and (max-width: 65em) {
  .l-bg__text, .l-bg__bg, .l-bg__detail {
    flex: 1 1 auto;
    min-height: 0;
  }
}
.l-bg__text {
  position: relative;
  z-index: 10;
  align-self: stretch;
  min-height: 100vh;
  margin-bottom: 0;
  margin-left: 0;
  color: var(--l-bg__text--color);
  visibility: hidden;
  transform: translateX(-150%);
  transform: translateX(calc(-150% + 20rem));
  pointer-events: none;
}
@media screen and (max-width: 81.25em) {
  .l-bg__text {
    transform: translateX(-175%);
    transform: translateX(calc(-175% + 20rem));
  }
}
@media screen and (max-width: 65em) {
  .l-bg__text {
    min-height: 0;
    margin-bottom: 0;
    margin-left: 0;
    transform: none;
  }
}
@media screen and (max-width: 45em) {
  .l-bg__text {
    pointer-events: all;
  }
}
.l-bg__content {
  padding-left: calc((100vw - 176rem) / 2);
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  margin-right: 50%;
  padding-top: calc(var(--main-logo-height, 0) + 1rem);
  padding-left: calc(var(--side-margin));
  border: none;
  background-color: transparent;
  visibility: visible;
}
@media screen and (max-width: 114em) {
  .l-bg__content {
    padding-left: 9rem;
  }
}
@media screen and (max-width: 118.75em) {
  .l-bg__content {
    margin-right: 38%;
  }
}
@media screen and (max-width: 81.25em) {
  .l-bg__content {
    margin-right: 25%;
  }
}
@media screen and (max-width: 65em) {
  .l-bg__content {
    height: auto;
    margin-right: 0;
    padding-left: var(--side-margin);
    border: none;
    transform: none;
  }
}
@media screen and (max-width: 45em) {
  .l-bg__content {
    padding-right: var(--side-margin);
  }
}
.l-bg__content > .ce_image:only-child {
  margin-top: auto;
}
.l-bg__content > :last-child {
  margin-bottom: 4rem;
}
.l-bg__content--article > :last-child {
  margin-bottom: 1rem;
}
.l-bg__content__skew:nth-child(1n) {
  position: relative;
}
@supports (shape-outside: circle(50%)) {
  .l-bg__content__skew:nth-child(1n) {
    margin-right: 0;
    padding-right: 8rem;
    padding-bottom: 3em;
  }
  @media screen and (max-width: 65em) {
    .l-bg__content__skew:nth-child(1n) {
      padding-bottom: 0;
    }
  }
  @media screen and (max-width: 45em) {
    .l-bg__content__skew:nth-child(1n) {
      padding-right: 0;
    }
  }
  .l-bg__content__skew:nth-child(1n):before {
    content: "";
    display: block;
    float: right;
    width: 14rem;
    width: var(--skew-width);
    min-height: var(--skew-scroll-height);
    shape-outside: polygon(0% 0%, 100% 0%, 100% 100%);
  }
  @media screen and (max-width: 45em) {
    .l-bg__content__skew:nth-child(1n):before {
      display: none;
    }
  }
}
.l-bg__content--article .l-bg__content__skew {
  padding-bottom: 1rem;
}
.l-bg__content:where(:has(.l-bg__content-header > a)) {
  padding-top: 0;
}
.l-bg__content > * {
  clear: none;
  position: relative;
  z-index: 5;
  flex: 0 0 auto;
  opacity: 0;
  transition: opacity 0.8s, transform 0.8s;
}
@media screen and (max-width: 65em) {
  .l-bg__content > * {
    margin-right: 9rem;
    opacity: 1;
  }
}
.l-bg__content > .l-bg__content-header {
  z-index: 10;
  flex: 1 0 auto;
  margin-bottom: 1rem;
}
.l-bg__content__more {
  opacity: 0;
  transition: opacity 0.8s;
}
@media screen and (max-width: 45em) {
  .l-bg__content__more {
    display: none;
  }
}
.l-bg--is-active .l-bg__content__more {
  opacity: 1;
  transition-duration: 0.3s;
}
@media screen and (max-width: 45em) {
  .l-bg--is-active .l-bg__content__more {
    display: block;
  }
}
.l-bg__detail {
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  align-self: stretch;
  padding-top: 10rem;
  padding-bottom: 10rem;
  background-color: #FFF;
  visibility: visible;
  transform: translateX(0);
  pointer-events: all;
}
@media screen and (max-width: 65em) {
  .l-bg__detail {
    display: block;
    position: static;
    order: -1;
    padding-top: 25vw;
    text-align: left;
    transform: none;
  }
}
.l-bg__detail > * {
  position: relative;
  z-index: 10;
}
.l-bg--is-active .l-bg__content > * {
  opacity: 1;
  transition-delay: 0.3s;
}
.l-bg--is-active .l-bg__content > *:nth-child(1) {
  transition-delay: 0.5s;
}
.l-bg--is-active .l-bg__content > *:nth-child(2) {
  transition-delay: 0.7s;
}
.l-bg--is-active .l-bg__content > *:nth-child(3) {
  transition-delay: 0.9s;
}
.l-bg--is-active .l-bg__content > *:nth-child(4) {
  transition-delay: 1.1s;
}
.l-bg--is-active .l-bg__content > *:nth-child(5) {
  transition-delay: 1.3s;
}
.l-bg--is-active .l-bg__content > *:nth-child(6) {
  transition-delay: 1.5s;
}
.l-bg--is-active .l-bg__content > *:nth-child(7) {
  transition-delay: 1.7s;
}
.l-bg--is-active .l-bg__content > *:nth-child(8) {
  transition-delay: 1.9s;
}
.l-bg--is-active .l-bg__content > *:nth-child(9) {
  transition-delay: 2.1s;
}
.l-bg--is-active .l-bg__content > *:nth-child(10) {
  transition-delay: 2.3s;
}
.l-bg--is-active .l-bg__content > *:nth-child(11) {
  transition-delay: 2.5s;
}
.l-bg--is-active .l-bg__content > *:nth-child(12) {
  transition-delay: 2.7s;
}
@media screen and (max-width: 65em) {
  .l-bg--is-active .l-bg__content > *:nth-child(1) {
    transition-delay: 0.5s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(2) {
    transition-delay: 0.7s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(3) {
    transition-delay: 0.9s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(4) {
    transition-delay: 1.1s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(5) {
    transition-delay: 1.3s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(6) {
    transition-delay: 1.5s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(7) {
    transition-delay: 1.7s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(8) {
    transition-delay: 1.9s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(9) {
    transition-delay: 2.1s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(10) {
    transition-delay: 2.3s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(11) {
    transition-delay: 2.5s;
  }
  .l-bg--is-active .l-bg__content > *:nth-child(12) {
    transition-delay: 2.7s;
  }
}
.l-bg__content-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 24rem;
}
.layout-2025 .l-bg__content-header {
  min-height: 0;
}
.l-bg__content-header > a {
  display: block;
  width: 9vw;
  margin-top: 6.6rem;
}
.l-bg__content-header > a img {
  width: 100%;
}
@media (max-height: 1200px) {
  .l-bg__content-header > a {
    max-width: 8.9vw;
  }
}
@media screen and (max-width: 120em) {
  .l-bg__content-header > a {
    width: 17rem;
  }
}
@media screen and (max-width: 81.25em) {
  .l-bg__content-header > a {
    max-width: 22rem;
    margin-top: 4rem;
  }
}
@media screen and (max-width: 65em) {
  .l-bg__content-header > a {
    max-width: none;
    margin-top: 2rem;
  }
}
.l-bg__content-header > .mod_breadcrumb {
  margin-top: auto;
}
@media screen and (max-width: 65em) {
  .l-bg__content-header > .mod_breadcrumb {
    margin-top: var(--main-logo-height);
  }
}
.l-bg__content-header ul {
  margin-bottom: 0;
}
.l-bg__content-header > * {
  flex: 0 0 auto;
}
.l-bg__bg {
  overflow: hidden;
  position: relative;
  height: 100vh;
  min-height: var(--l-double--height);
  transform: translateX(0);
  cursor: pointer;
}
@media screen and (max-width: 65em) {
  .l-bg__bg {
    order: -2;
    height: auto;
    min-height: 0;
  }
}
.l-bg__bg__video > picture > img {
  transform: scale(1);
  transition: opacity 0.3s, transform 0.3s;
}
.l-bg__bg:hover .l-bg__bg__video > picture > img {
  transform: scale(1.05);
}
.l-bg__bg .image_container,
.l-bg__bg img, .l-bg__bg__video {
  vertical-align: middle;
  height: 100vh;
  height: var(--l-double--height);
  min-height: 100%;
}
@media screen and (max-width: 65em) {
  .l-bg__bg .image_container,
  .l-bg__bg img, .l-bg__bg__video {
    height: auto;
    min-height: auto;
  }
}
.l-bg__bg__video {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 65em) {
  .l-bg__bg__video {
    height: 100vh;
  }
  .slick-slide .l-bg__bg__video {
    height: auto;
    padding: 56.25% 0 0;
  }
}
.l-bg__bg img {
  width: 100%;
  object-fit: cover;
}
.l-bg__bg__video picture {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.8s;
}
.l-bg__bg__video picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  animation: videoKenBurns1 20s, videoKenBurnsOrigin1 31.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  object-fit: cover;
}
@supports (color: var(--color)) {
  .l-bg__bg__video picture img {
    animation-name: var(--l-bg__bg__video__image-animation1), var(--l-bg__bg__video__image-animation2);
    animation-duration: var(--l-bg__bg__video__image-animation1duration), var(--l-bg__bg__video__image-animation2duration);
    animation-delay: var(--l-bg__bg__video__image-animationDelay);
  }
}
.l-bg--is-playing .l-bg__bg__video picture {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0.8s, 0s;
}
.l-bg--is-playing .l-bg__bg__video picture img {
  animation-play-state: paused;
}
.l-bg__bg__video .jwplayer-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.l-bg__bg__video .jwplayer-wrapper .jw-controlbar {
  opacity: 1;
}
.l-bg--is-active .l-bg__bg__video .jwplayer-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.l-bg__bg--team {
  position: relative;
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
.l-bg__bg--team img {
  object-fit: cover;
}
.l-bg__bg-toggle {
  position: absolute;
  top: 2rem;
  right: 2rem;
  left: auto;
  color: #FFF;
  opacity: 1;
  transform: translate(0, 0);
  cursor: pointer;
}
.l-bg__bg-toggle__icon {
  font-size: 3em;
}
.l-bg--is-active .l-bg__bg-toggle {
  top: 50%;
  right: auto;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: all;
}
.l-bg__small-logo {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 10rem;
  margin: 0 7rem 2rem 0 !important;
  opacity: 1 !important;
  transition-delay: 0s !important;
  pointer-events: all;
}
@media screen and (max-width: 65em) {
  .l-bg__small-logo {
    display: none;
  }
}
.l-bg__small-logo a {
  display: block;
  animation: hideInBeginning 0.4s 2s both;
}
@media screen and (max-width: 65em) {
  .l-bg__small-logo a {
    animation: none;
  }
}
.l-bg--hide-detail .l-bg__detail {
  opacity: 0 !important;
}
.l-bg--is-active .l-bg__small-logo {
  opacity: 0 !important;
  pointer-events: none;
}
.l-bg--is-active .l-bg__text {
  transform: translateX(-100%);
  pointer-events: all;
}
@media screen and (max-width: 65em) {
  .l-bg--is-active .l-bg__text {
    transform: none;
  }
}
.l-bg--is-active .l-bg__detail {
  visibility: visible;
  opacity: 1;
  transform: translateX(100%);
  pointer-events: all;
}
@media screen and (max-width: 65em) {
  .l-bg--is-active .l-bg__detail {
    display: none;
    transform: none;
  }
}
.l-bg--is-active .l-bg__bg {
  transform: translateX(25%);
}
@media screen and (max-width: 65em) {
  .l-bg--is-active .l-bg__bg {
    transform: none;
  }
}
@media screen and (max-width: 45em) {
  .l-bg__button-container {
    display: grid;
    grid-gap: 2rem;
    margin-bottom: 3.8rem;
  }
}

@keyframes hideInBeginning {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
@keyframes videoKenBurns1 {
  from {
    transform: translate(8%, 6%) scale(1.2);
  }
  to {
    transform: translate(-20%, -4%) scale(1.5);
  }
}
@keyframes videoKenBurns2 {
  from {
    transform: translate(-20%, -4%) scale(1.5);
  }
  to {
    transform: translate(8%, 6%) scale(1.2);
  }
}
@keyframes videoKenBurns3 {
  from {
    transform: scale(1.7);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes videoKenBurns4 {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.7);
  }
}
@keyframes videoKenBurnsOrigin1 {
  0%, 50% {
    transform-origin: 48% 48%;
  }
  25%, 100% {
    transform-origin: 52% 52%;
  }
}
@keyframes videoKenBurnsOrigin2 {
  0%, 50% {
    transform-origin: 52% 52%;
  }
  25%, 100% {
    transform-origin: 48% 48%;
  }
}
@keyframes videoKenBurnsOrigin3 {
  0% {
    transform-origin: 52% 52%;
  }
  100% {
    transform-origin: 48% 48%;
  }
}
@keyframes videoKenBurnsOrigin4 {
  0% {
    transform-origin: 48% 48%;
  }
  100% {
    transform-origin: 52% 52%;
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      l-overlap bem module

*****************************************************************************/
/*
.l-overlap

Styleguide classes.l-overlap
*/
:root {
  --l-overlap--height: 0;
}

.l-overlap {
  display: flex;
}
.l-overlap__main, .l-overlap__image {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
}
.l-overlap__image {
  z-index: 1;
  order: 1;
}
.l-overlap__image img {
  width: 100%;
  height: 100%;
  min-height: var(--l-overlap--height);
  max-width: none;
  object-fit: cover;
}
.l-overlap__main {
  display: flex;
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  order: 2;
  padding: 20rem 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  color: #FFF;
  transform: translate(-100%, 0);
}
@media screen and (max-width: 81.25em) {
  .l-overlap__main {
    justify-content: flex-end;
    padding: 8rem 0;
  }
}
@media screen and (max-width: 65em) {
  .l-overlap__main {
    padding: 4rem 0 14rem;
  }
}
@media screen and (max-width: 45em) {
  .l-overlap__main {
    padding: 2rem 0 16rem;
  }
}
.slick-slide .l-overlap__main {
  opacity: 0;
  transform: translate(-100%, 1em);
  transition: opacity 0.8s, transform 0.8s;
}
.enter .slick-active .l-overlap__main {
  opacity: 1;
  transform: translate(-100%, 0);
  transition-delay: 0.7s;
}
.l-overlap__main--logos {
  justify-content: stretch;
  padding: 8rem 0 14rem;
}
@media screen and (max-width: 65em) {
  .l-overlap__main--logos {
    padding: 8rem 0 14rem;
  }
}
.l-overlap__stretch-height {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.l-overlap--video-bg .l-overlap__main {
  padding-bottom: 8rem;
  pointer-events: none;
}
@media screen and (max-width: 65em) {
  .l-overlap--video-bg .l-overlap__main {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 45em) {
  .l-overlap--video-bg .l-overlap__image,
  .l-overlap--video-bg .l-overlap__image .jwplayer-wrapper,
  .l-overlap--video-bg .l-overlap__image .jwplayer {
    height: 100vh !important;
  }
}
@media screen and (max-width: 45em) {
  .l-overlap--video-bg .jw__play {
    width: 6rem;
    height: 6rem;
    font-size: 6rem;
  }
}
.l-overlap--video-play .l-overlap__main {
  visibility: hidden;
}

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

    Funktion      l-double bem module

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

Styleguide classes.l-double
*/
.l-double {
  display: flex;
  align-items: flex-start;
  margin-right: -1rem;
  margin-left: -1rem;
}
.l-double--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 65em) {
  .l-double {
    flex-direction: column;
  }
}
.l-double--valign-center {
  align-items: center;
}
.l-double--valign-bottom {
  align-items: flex-end;
}
.l-double__header, .l-double__main {
  padding: 10rem 1rem;
}
@media screen and (max-width: 65em) {
  .l-double__header, .l-double__main {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
.l-double__header {
  flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
}
@media screen and (max-width: 81.25em) {
  .l-double__header {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}
@media screen and (max-width: 65em) {
  .l-double__header {
    flex: 0 0 auto;
    width: 100%;
  }
}
.l-double__header .jwplayer-wrapper {
  position: relative;
}
.l-double__header--sticky {
  position: sticky;
  top: 0;
}
@media screen and (max-width: 65em) {
  .l-double__header--sticky {
    position: static;
  }
}
.l-double__image {
  text-align: center;
}
.l-double__image img,
.l-double__image svg {
  width: 70rem;
}
.l-double__main {
  flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
}
@media screen and (max-width: 81.25em) {
  .l-double__main {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}
@media screen and (max-width: 65em) {
  .l-double__main {
    width: 100%;
  }
  .l-double__main > * {
    text-align: left;
  }
}
.l-double__image--top {
  margin-top: -6rem;
  margin-bottom: 6rem;
}
.l-double__image--right {
  margin-right: -6rem;
  margin-left: 6rem;
}
.l-double__image--bottom {
  margin-top: 6rem;
  margin-bottom: -6rem;
}
.l-double__image--left {
  margin-right: 6rem;
  margin-left: -6rem;
}
@media screen and (max-width: 81.25em) {
  .l-double__image--top {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
  .l-double__image--right {
    margin-right: -2rem;
    margin-left: 2rem;
  }
  .l-double__image--bottom {
    margin-top: 2rem;
    margin-bottom: -2rem;
  }
  .l-double__image--left {
    margin-right: 2rem;
    margin-left: -2rem;
  }
}
@media screen and (max-width: 65em) {
  .l-double__image--top {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
  .l-double__image--right {
    margin-right: -2rem;
    margin-left: 2rem;
  }
  .l-double__image--bottom {
    margin-top: 2rem;
    margin-bottom: -2rem;
  }
  .l-double__image--left {
    margin-right: 2rem;
    margin-left: -2rem;
  }
}
@media screen and (max-width: 65em) {
  .l-double__image--top {
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
  .l-double__image--right {
    margin-right: -1rem;
    margin-left: 1rem;
  }
  .l-double__image--bottom {
    margin-top: 1rem;
    margin-bottom: -1rem;
  }
  .l-double__image--left {
    margin-right: 1rem;
    margin-left: -1rem;
  }
}

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

    Funktion      l-logos bem module

*****************************************************************************/
/*
.l-logos

Styleguide classes.l-logos
*/
.l-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  min-height: 100vh;
  max-width: 118rem;
  padding: 20rem 0 18rem;
}
@media screen and (max-width: 81.25em) {
  .l-logos {
    width: auto;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 45em) {
  .l-logos {
    padding: 14rem 0;
  }
}
.l-logos__item {
  flex: 0 0 40rem;
  max-width: 40rem;
  padding: 4rem;
}
@media screen and (max-width: 81.25em) {
  .l-logos__item {
    max-width: 30rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 45em) {
  .l-logos__item {
    max-width: 27rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.l-logos__item img {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
  object-fit: fill !important;
}
@media screen and (max-width: 45em) {
  .l-logos__item:nth-child(3) ~ .l-logos__item {
    display: none;
  }
}

/**
 * l-nav-bar bem module
 */
.l-nav-bar {
  display: flex;
  position: fixed;
  top: 0;
  right: 3em;
  left: 0;
  z-index: 100;
  justify-content: space-between;
  padding-block: 1rem 0.4rem;
  padding-left: var(--side-margin);
}
@media screen and (max-width: 65em) {
  .l-nav-bar {
    display: block;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: var(--aside-header--height);
    left: 0;
    z-index: 110;
    padding-top: 10rem;
    padding-bottom: calc(var(--aside-header--height) + 3rem);
    background-color: #F3F3F3;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.8s, opacity 0.8s;
    padding-inline: var(--side-margin);
  }
  .l-nav-bar.is-active {
    visibility: visible;
    opacity: 1;
    transition-duration: 0s, 0.4s;
    transition-delay: 0s;
  }
}
.l-nav-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #F3F3F3;
}
.l-nav-bar__menu {
  margin-left: auto;
}
@media screen and (max-width: 65em) {
  .l-nav-bar__menu {
    margin-left: 0;
  }
}

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

    Funktion      bg bem module

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

Styleguide classes.bg
*/
.bg {
  color: #FFF;
  color: var(--color);
  background-color: #8CBF35;
  background-color: var(--bg-color);
}
.bg--block {
  padding: 2rem;
}
.bg--border {
  margin-bottom: 3.8rem;
  padding: 1rem;
  border: 1px solid #000;
  background-color: transparent;
}

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

    Funktion      border-block bem module

*****************************************************************************/
/*
.border-block

Styleguide classes.border-block
*/
.border-block {
  margin-top: 3.8rem;
  margin-bottom: 3.8rem;
  padding: 4rem;
  border: 2px solid #000;
}

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

    Funktion      color-scheme bem module

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

Styleguide classes.color-scheme
*/
.color-scheme-white-on-accent {
  --color: #FFF;
  --bg-color: var(--color-accent);
  --selection-color: var(--color-accent);
  --selection-bg: rgba(255, 255, 255, 0.8);
}
.color-scheme-accent-on-white {
  --color: var(--color-accent);
  --bg-color: #FFF;
  --selection-color: #FFF;
  --selection-bg: var(--color-accent--selection-bg);
}

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

    Funktion      icon-plus bem module

*****************************************************************************/
/*
.icon-plus

Styleguide classes.icon-plus
*/
.icon-plus, .ui-accordion-header-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 3.8rem;
  height: 3.8rem;
}
.icon-plus:before, .ui-accordion-header-icon:before, .icon-plus:after, .ui-accordion-header-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  margin: auto;
  border-radius: 4px;
  background-color: #000;
  background-color: var(--color);
  transform: rotate(180deg);
  transition: background 0.8s, transform 0.8s;
}
.icon-plus:after, .ui-accordion-header-icon:after {
  transform: rotate(90deg);
}
.icon-plus--is-active:before, .ui-accordion-header-active .ui-accordion-header-icon:before, .icon-plus--is-active:after, .ui-accordion-header-active .ui-accordion-header-icon:after {
  transform: rotate(0deg);
  transition-duration: 0.3s;
}

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

    Funktion      section-nav-container bem module

*****************************************************************************/
/*
.section-nav-container

Styleguide classes.section-nav-container
*/
.section-nav-container {
  position: relative;
  z-index: 10;
  margin-bottom: -10rem;
}
@media screen and (max-width: 81.25em) {
  .section-nav-container {
    margin-bottom: -5rem;
  }
}
@media screen and (max-width: 65em) {
  .section-nav-container {
    margin-bottom: 0;
  }
}

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

    Funktion      section-nav bem module

*****************************************************************************/
/*
.section-nav

Styleguide classes.section-nav
*/
.section-nav {
  margin-top: 7.8rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 65em) {
  .section-nav {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
}
.section-nav__item {
  margin-right: 2rem;
}
@media screen and (max-width: 65em) {
  .section-nav__item--current {
    flex: 1 0 100%;
    width: 100%;
    margin-right: 0;
  }
}
.section-nav__item + .section-nav__item {
  margin-top: 0.2rem;
}
.section-nav__link {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 81.25em) {
  .section-nav__link {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .section-nav__link {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .section-nav__link {
    font-size: 2.4rem;
  }
}
.section-nav__link:hover .section-nav__icon {
  transform: translate(0, 0.2em) rotate(0deg);
  transition-duration: 0.2s;
}
.section-nav__link--prev .section-nav__icon {
  transform: translate(0, 0) rotate(180deg);
}
.section-nav__link--prev:hover .section-nav__icon {
  transform: translate(0, -0.2em) rotate(180deg);
}
.section-nav__link--right .section-nav__icon {
  transform: translate(0, 0) rotate(-90deg);
}
.section-nav__link--right:hover .section-nav__icon {
  transform: translate(0.2em, 0) rotate(-90deg);
}
.section-nav__link--current {
  text-decoration: underline;
}
.section-nav__link--current .section-nav__icon {
  display: none;
  transform: translate(0, 0) rotate(90deg);
}
.section-nav__icon {
  display: inline-block;
  margin-left: 0.4em;
  transform: translate(0, 0) rotate(0deg);
  transition: color 0.8s, transform 0.8s;
}
.section-nav__icon:after {
  content: "\eaf1";
}

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

    Funktion      bg-image bem module

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

Styleguide classes.bg-image
*/
.bg-image {
  background-attachment: fixed;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media screen and (max-width: 120em) {
  .bg-image {
    background-image: var(--bg-image-3);
  }
}
@media screen and (max-width: 65em) {
  .bg-image {
    background-image: var(--bg-image-2);
  }
}
@media screen and (max-width: 45em) {
  .bg-image {
    background-image: var(--bg-image-1);
  }
}
.bg-image--original {
  background-image: var(--bg-image);
}
.bg-image--static {
  background-attachment: scroll;
}
.bg-image--stretched {
  background-size: 100% 100%;
}

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

    Funktion      ui-accordion bem module

*****************************************************************************/
/*
.ui-accordion

Styleguide classes.ui-accordion
*/
.ui-accordion-header {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 2rem;
  cursor: pointer;
}
.ui-accordion-header-icon {
  display: block;
  flex: 0 0 auto;
  margin-right: 2rem;
}
.ui-accordion .ui-accordion-header-icon + .ui-accordion-header-icon {
  display: none !important;
}

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

    Funktion      t-default bem module

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

Styleguide classes.t-default
*/
.t-default, .elfsight-customization .CardLayout__Container-sc-1yn4oa3-5, #main .eapps-instagram-feed-posts-item-template-classic, #main .enEynK {
  overflow: hidden;
  padding: 2.4rem;
  border: 2px solid #8CBF35;
  border-radius: 0.2em;
  border-color: var(--color-accent);
}
[data-item-filter-container-layout-mode=fitRows] .p-grid__item .t-default, [data-item-filter-container-layout-mode=fitRows] .p-grid__item .elfsight-customization .CardLayout__Container-sc-1yn4oa3-5, .elfsight-customization [data-item-filter-container-layout-mode=fitRows] .p-grid__item .CardLayout__Container-sc-1yn4oa3-5, [data-item-filter-container-layout-mode=fitRows] .p-grid__item #main .eapps-instagram-feed-posts-item-template-classic, #main [data-item-filter-container-layout-mode=fitRows] .p-grid__item .eapps-instagram-feed-posts-item-template-classic, [data-item-filter-container-layout-mode=fitRows] .p-grid__item #main .enEynK, #main [data-item-filter-container-layout-mode=fitRows] .p-grid__item .enEynK {
  min-height: 100%;
}
.t-default__image, .elfsight-customization .jJLNp .CardLayout__Block-sc-1yn4oa3-0:last-child, #main .eapps-instagram-feed-posts-item-media {
  position: relative;
  margin-right: -2.4rem;
  margin-left: -2.4rem;
}
.t-default__image:first-child, .elfsight-customization .jJLNp .CardLayout__Block-sc-1yn4oa3-0:first-child:last-child, #main .eapps-instagram-feed-posts-item-media:first-child {
  margin-top: -2.4rem;
}
.t-default__image img, .elfsight-customization .jJLNp .CardLayout__Block-sc-1yn4oa3-0:last-child img, #main .eapps-instagram-feed-posts-item-media img {
  width: 100%;
}
.t-default__image:last-child, .elfsight-customization .jJLNp .CardLayout__Block-sc-1yn4oa3-0:last-child, #main .eapps-instagram-feed-posts-item-media:last-child, .t-default__image--only-child {
  margin-bottom: -2.4rem;
}
.t-default__image--logo {
  position: relative;
}
.t-default__image--logo::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}
.t-default__image--logo > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 2.8rem;
}
.t-default__image--logo figure,
.t-default__image--logo a,
.t-default__image--logo picture {
  display: block;
  width: 100%;
  height: 100%;
}
@supports (object-fit: contain) {
  .t-default__image--logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.t-default__sticker-wrapper {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-end;
  margin: 0;
  font-size: 0;
  pointer-events: none;
}
.t-default__sticker-item {
  display: inline-block;
  margin: 1.4rem 0 0 1.4rem;
}
.t-default__header {
  margin-top: 3.2rem;
  margin-bottom: 2.4rem;
}
.t-default__title {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  margin: 0;
  font-weight: 500;
}
@media screen and (max-width: 81.25em) {
  .t-default__title {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .t-default__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .t-default__title {
    font-size: 1.8rem;
  }
}
.t-default__subtitle {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  margin: 0;
}
@media screen and (max-width: 81.25em) {
  .t-default__subtitle {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .t-default__subtitle {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .t-default__subtitle {
    font-size: 1.8rem;
  }
}
.t-default--grow {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.t-default--grow .t-default__more {
  margin-top: auto;
}
.t-default__more {
  margin-bottom: 0;
}
.t-default__tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8em;
  letter-spacing: 0.5px;
  color: var(--color-accent);
  gap: 0.2rem 0.5rem;
}
.t-default--smaller .ce_text {
  font-size: 0.8em;
}
.t-default--smaller .location_text {
  font-size: 0.8em;
  color: #949494;
}

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

    Funktion      l-image-title bem module

*****************************************************************************/
/*
.l-image-title

Styleguide classes.l-image-title
*/
.l-image-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 45em) {
  .l-image-title {
    display: block;
  }
}
.l-image-title__image {
  flex: 0 0 auto;
  width: auto;
  width: 3.8em;
  height: 3.8em;
  margin-right: 1.4rem;
}
@media screen and (max-width: 45em) {
  .l-image-title__image {
    float: left;
    margin-bottom: 0.3em;
  }
}
.l-image-title__main {
  flex: 1 1 auto;
}

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

    Funktion      info-list-item bem module

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

Styleguide classes.info-list-item
*/
.info-list-item {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  color: var(--color);
}
@media screen and (max-width: 45em) {
  .info-list-item {
    text-align: center;
  }
}
.info-list-item--mark-dashed::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2rem;
  background-image: url(..//fonts/dashed_line_bg-6230116c0fc8ea930794.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 65em) {
  .info-list-item--mark-dashed::after {
    margin-right: 0;
  }
}
@media screen and (max-width: 45em) {
  .info-list-item--mark-dashed::after {
    margin-left: -1.4rem;
  }
}
.info-list-item ul {
  margin-bottom: 0;
}
.info-list-item__title {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 81.25em) {
  .info-list-item__title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .info-list-item__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .info-list-item__title {
    font-size: 2.4rem;
  }
}
.info-list-item__subtitle, .info-list-item__link {
  font-family: "Intro";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 120em) {
  .info-list-item__subtitle, .info-list-item__link {
    font-size: calc(1.4rem + 0.4166666667vw);
  }
}
@media screen and (max-width: 81.25em) {
  .info-list-item__subtitle, .info-list-item__link {
    font-size: calc(1.4rem + 0.3125vw);
  }
}
@media screen and (max-width: 65em) {
  .info-list-item__subtitle, .info-list-item__link {
    font-size: 2rem;
  }
}
@media screen and (max-width: 45em) {
  .info-list-item__subtitle, .info-list-item__link {
    font-size: 1.6rem;
  }
}
.info-list-item__subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
.info-list-item__link {
  display: inline-block;
  position: relative;
  padding-left: 0.6em;
}
.info-list-item__link::before {
  content: "";
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  margin-top: 0.2em;
  margin-left: 0.1em;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: transparent transparent transparent #FFF;
  border-left-color: var(--color);
  transition: left 0.3s, right 0.3s, width 0.3s, height 0.3s, margin 0.3s, border 0.3s;
}
.info-list-item__link:hover::before {
  height: 0;
  border-width: 0.5em 0 0.5em 10px;
}
.info-list-item__link-inner {
  display: block;
  transform: translateX(0);
  transition: transform 0.3s;
}
.info-list-item__link:hover .info-list-item__link-inner {
  transform: translateX(10px);
}

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

    Funktion      rounded-image bem module

*****************************************************************************/
/*
.rounded-image

Styleguide classes.rounded-image
*/
.rounded-image {
  overflow: hidden;
  border-radius: 50%;
}
.rounded-image img {
  transform: scale(1);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.rounded-image:hover img {
  transform: scale(1.2);
  transition-duration: 0.3s;
}

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

    Funktion      ratio bem module

*****************************************************************************/
/*
.ratio

Styleguide classes.ratio
*/
.ratio {
  position: relative;
}
.ratio::before {
  content: "";
  display: block;
  padding: 56.25% 0 0;
}
.ratio--169::before {
  padding-top: 56.25%;
}
.ratio--1610::before {
  padding-top: 62.5%;
}
.ratio--219::before {
  padding-top: 42.8571428571%;
}
.ratio--43::before {
  padding-top: 75%;
}
.ratio--32::before {
  padding-top: 66.6666666667%;
}
.ratio > * {
  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;
}

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

    Funktion      spacer bem module

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

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

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

    Funktion      ce_gallery bem module

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

Styleguide classes.ce_gallery
*/
.ce_gallery {
  position: relative;
}
.ce_gallery__next-article {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 0 0.1em;
  font-size: 1.2em;
  color: #FFF;
}
@media screen and (max-width: 65em) {
  .ce_gallery__next-article {
    margin-bottom: var(--aside-header--height);
  }
}

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

    Funktion      ce_downloads bem module

*****************************************************************************/
/*
.ce_downloads

Styleguide classes.ce_downloads
*/
.ce_downloads > ul {
  margin-bottom: 0;
}

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

    Funktion      meta bem module

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

Styleguide classes.meta
*/
.meta, .link-item {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: uppercase;
}
@media screen and (max-width: 81.25em) {
  .meta, .link-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .meta, .link-item {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .meta, .link-item {
    font-size: 1.4rem;
  }
}

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

    Funktion      link-item bem module

*****************************************************************************/
/*
.link-item

Styleguide classes.link-item
*/
.link-item {
  display: inline-flex;
  width: 100%;
  padding-bottom: 0.3em;
  border-bottom: 3px solid #8CBF35;
  perspective: 2em;
  perspective-origin: 90% 50%;
  transition: letter-spacing 0.8s;
}
@supports (color: var(--color)) {
  .link-item {
    border-color: var(--color-accent);
  }
}
.link-item__inner {
  overflow: hidden;
  flex: 0 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 45em) {
  .link-item__inner {
    white-space: normal;
  }
}
@media screen and (max-width: 65em) {
  .link-item {
    white-space: normal;
  }
}
.link-item, .link-item[data-download-item]:before, .link-item[data-download-item-suffix]:after {
  letter-spacing: normal;
}
.link-item[data-download-item-suffix]:after {
  content: "[" attr(data-download-item-suffix) "]";
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 0.3em;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.8s;
}
.link-item:hover {
  letter-spacing: 0.05em;
  transition: 0.3s;
}
.link-item:hover:after {
  transform: scale(1.4);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
  animation: download 0.8s forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}

@keyframes download {
  0%, 20%, 100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  10% {
    opacity: 1;
    transform: translate(0, -0.6em);
  }
  49% {
    opacity: 0;
    transform: translate(0, 1em) scale(0.5);
  }
  51% {
    opacity: 0;
    transform: translate(0, -1em) scale(1);
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      download-element bem module

*****************************************************************************/
/*
.download-element

Styleguide classes.download-element
*/
.download-element {
  margin-bottom: 0.4rem;
}
.download-element:empty {
  display: none;
}
.download-element br:last-child {
  display: none;
}

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

    Funktion      cta-link bem module

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

Styleguide classes.cta-link
*/
.cta-link {
  font-family: "Geomanist";
  font-size: 8.7rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 120em) {
  .cta-link {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  .cta-link {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  .cta-link {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  .cta-link {
    font-size: 12vw;
  }
}
@media screen and (max-width: 65em) {
  .cta-link br {
    display: none;
  }
}
.cta-link i {
  font-style: normal;
}
.cta-link__main {
  flex: 1 1 auto;
}
.cta-link__icon {
  display: inline-block;
  flex: 0 0 auto;
  transform: translate(0, 0) scale(1);
  transition: transform 0.8s;
}
.cta-link:hover .cta-link__icon {
  transform: translate(0.25em, 0) scale(1.1);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}

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

    Funktion      cta-button bem module

*****************************************************************************/
/*
.cta-button

Styleguide classes.cta-button
*/
.cta-button {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: 0.024em;
  --cta-button-outline-color: var(--color-accent);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  text-align: center;
  text-transform: uppercase;
  background-image: url(..//fonts/cta_button_bg-07ec03bb2d3a0144c84f.svg);
  background-size: contain;
  transform: rotate(0deg) translate(0, 0);
  transform-origin: 60% 60%;
  transition: color 0.8s, transform 0.8s, filter 0.8s;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
@media screen and (max-width: 81.25em) {
  .cta-button {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .cta-button {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .cta-button {
    font-size: 1.4rem;
  }
}
:where(.cta-button:has(a)) {
  cursor: pointer;
}
.js .cta-button {
  color: transparent;
}
.js .cta-button--in-view {
  color: #000;
}
.cta-button--safety-padding {
  padding: 1.4rem;
}
.cta-button__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.cta-button__image img,
.cta-button__image svg {
  width: 100%;
}
.cta-button__image svg path {
  stroke: #8CBF35;
  stroke: var(--cta-button-outline-color);
}
.cta-button:hover {
  transform: rotate(-5deg) translate(-0.3em, -0.2em);
  filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.2)) drop-shadow(4px 1px 4px rgba(0, 0, 0, 0.4));
  transition-duration: 0.3s;
}

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

    Funktion      cta-image bem module

*****************************************************************************/
/*
.cta-image

Styleguide classes.cta-image
*/
.cta-image {
  display: flex;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 0;
}
.cta-image__image {
  width: 22rem;
  max-width: 100%;
  margin-top: 1.4rem;
  margin-right: 4rem;
}
@media screen and (max-width: 45em) {
  .cta-image__image {
    width: 16rem;
  }
}
.cta-image__text {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  line-height: 1.2;
  display: block;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0;
  transform: translateX(1em);
  transition: opacity 0.8s, transform 0.8s;
  transition-delay: 0.8s;
}
@media screen and (max-width: 81.25em) {
  .cta-image__text {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .cta-image__text {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .cta-image__text {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 45em) {
  .cta-image__text {
    flex-basis: 0 1;
    margin-right: 3rem;
    text-align: center;
    transform: translateX(0);
  }
}
.cta-image__squiggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -3rem;
}
.cta-image__squiggle path {
  transition-duration: 1.2s !important;
}
.cta-image__squiggle svg {
  width: 100%;
  height: 100%;
}
.cta-image--is-active .cta-image__text {
  opacity: 1;
  transform: translateX(0);
}

/**
 * cta-rows bem module
 */
.cta-rows {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 0;
}
@media screen and (max-width: 65em) {
  .cta-rows > :not(:first-child) {
    display: none;
  }
}

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

    Funktion      square-image bem module

*****************************************************************************/
/*
.square-image

Styleguide classes.square-image
*/
.square-image {
  position: relative;
}
.square-image::before {
  content: "";
  display: block;
  padding: 0 0 100%;
}
.square-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

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

    Funktion      table bem module

*****************************************************************************/
/*
.table

Styleguide classes.table
*/
:root {
  --table--first-item-width: 0;
}

.table {
  overflow: hidden;
  margin-bottom: 3.8rem;
}
.table--overflow {
  overflow: auto;
}
.table table {
  width: 100%;
  margin-bottom: 0;
}
.table th,
.table td {
  position: relative;
  padding: 1.2rem 3rem 0.8rem;
}
.table th::before, .table th::after,
.table td::before,
.table td::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #FFF;
}
.table th::before,
.table td::before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
}
.table th::after,
.table td::after {
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
}
.table tbody tr:nth-child(2n) {
  background-color: rgba(140, 191, 53, 0.5);
  background-color: var(--color-accent--transparent);
}
.table thead {
  position: sticky;
  top: 0;
  z-index: 11;
}
.table th {
  position: sticky;
  left: 0;
  z-index: 10;
  white-space: nowrap;
  color: #FFF;
  background-color: #8CBF35;
  background-color: var(--color-accent);
}
.table th:first-child::before {
  content: none;
}
@supports (color: var(--color)) {
  .table th:not(:first-child) {
    left: var(--table--first-item-width);
  }
}

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

    Funktion      mega-table bem module

*****************************************************************************/
/*
.mega-table

Styleguide classes.mega-table
*/
.mega-table {
  overflow: auto;
  margin-top: 3.8rem;
  margin-bottom: 3.8rem;
}
.mega-table table {
  table-layout: fixed;
  border-collapse: separate;
  width: auto;
  margin: 0;
}
@media screen and (max-width: 65em) {
  .mega-table table {
    table-layout: auto;
    width: auto;
  }
}
@media screen and (max-width: 45em) {
  .mega-table table {
    transform: scale(0.3);
    transform-origin: 0 0;
  }
}
.mega-table table col {
  width: 30rem;
}
.mega-table td,
.mega-table th {
  overflow: hidden;
  text-align: center;
}
.mega-table thead th:nth-child(2),
.mega-table thead th:nth-child(2) ~ th {
  border-top: 1rem solid #8CBF35;
}
.mega-table tr th:last-child,
.mega-table tr td:last-child {
  border-right: 1rem solid #8CBF35;
}
.mega-table tbody tr:last-child th,
.mega-table tbody tr:last-child td {
  border-bottom: 1rem solid #8CBF35;
}
.mega-table tr th:nth-child(2),
.mega-table tr td:nth-child(2) {
  border-left: 1rem solid #8CBF35;
}
.mega-table thead th:nth-child(2) {
  border-top-left-radius: 4rem;
}
.mega-table thead th:last-child {
  border-top-right-radius: 4rem;
}
.mega-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4rem;
}
.mega-table tbody tr:last-child td:nth-child(2) {
  border-bottom-left-radius: 4rem;
}
.mega-table thead th {
  border: none;
}
.mega-table tbody > tr > th:first-child {
  border: none;
}
.mega-table__logo, .mega-table__main-header, .mega-table__sub-header, .mega-table__info, .mega-table__side-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  min-height: 24rem;
  margin: 4px 2px;
  padding: 1rem;
}
@media screen and (max-width: 65em) {
  .mega-table__logo, .mega-table__main-header, .mega-table__sub-header, .mega-table__info, .mega-table__side-header {
    min-height: 26rem;
  }
}
th:last-child .mega-table__logo, td:last-child .mega-table__logo, th:last-child .mega-table__main-header, td:last-child .mega-table__main-header, th:last-child .mega-table__sub-header, td:last-child .mega-table__sub-header, th:last-child .mega-table__info, td:last-child .mega-table__info, th:last-child .mega-table__side-header, td:last-child .mega-table__side-header {
  margin-right: 0;
}
th:nth-child(2) .mega-table__logo, td:nth-child(2) .mega-table__logo, th:nth-child(2) .mega-table__main-header, td:nth-child(2) .mega-table__main-header, th:nth-child(2) .mega-table__sub-header, td:nth-child(2) .mega-table__sub-header, th:nth-child(2) .mega-table__info, td:nth-child(2) .mega-table__info, th:nth-child(2) .mega-table__side-header, td:nth-child(2) .mega-table__side-header {
  margin-left: 0;
}
tbody > tr > * > .mega-table__logo, tbody > tr > * > .mega-table__main-header, tbody > tr > * > .mega-table__sub-header, tbody > tr > * > .mega-table__info, tbody > tr > * > .mega-table__side-header {
  margin-bottom: 0;
}
.mega-table__main-header, .mega-table__sub-header, .mega-table__info {
  border-radius: 0.4rem;
}
.mega-table__main-header, .mega-table__sub-header {
  color: #FFF;
  background-color: #8CBF35;
}
.mega-table__logo {
  background-color: #FFF;
}
.mega-table__main-header {
  font-family: "Geomanist";
  font-size: 6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  min-height: 12rem;
}
@media screen and (max-width: 120em) {
  .mega-table__main-header {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-table__main-header {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-table__main-header {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  .mega-table__main-header {
    font-size: 12vw;
  }
}
.mega-table__side-header, .mega-table__info {
  min-height: 30rem;
}
.mega-table__side-header {
  width: 28rem;
  color: #8CBF35;
}
.mega-table__side-header [data-vara] svg {
  padding: 1rem;
}
.mega-table__side-header .vara-font {
  font-size: 3rem;
}
.mega-table__sub-header {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-family: "Intro";
  line-height: 1.1;
  text-transform: none;
}
@media screen and (max-width: 81.25em) {
  .mega-table__sub-header {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-table__sub-header {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .mega-table__sub-header {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-table__sub-header {
    font-size: 2.2rem;
  }
}
.mega-table__info {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  justify-content: start;
  font-weight: 400;
  background-color: lightgrey;
}
@media screen and (max-width: 81.25em) {
  .mega-table__info {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-table__info {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .mega-table__info {
    font-size: 1.8rem;
  }
}
.mega-table__info:not(:empty):hover {
  background-color: grey;
}
.mega-table__info:not(:empty)::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 6rem auto 1rem;
  border-radius: 50%;
  background-color: currentcolor;
}
.mega-table__sub-info {
  width: 100%;
}
.mega-table__sub-info + .mega-table__sub-info {
  border-top: 1px dashed #FFF;
}

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

    Funktion      mega-tile bem module

*****************************************************************************/
/*
.mega-tile

Styleguide classes.mega-tile
*/
.mega-tile {
  display: grid;
  position: relative;
  grid-gap: 2rem;
  grid-template-columns: 2fr 2fr 1fr;
  margin-top: 3.8rem;
  margin-bottom: 3.8rem;
  margin-left: 20rem;
  text-align: center;
  background-color: #EAF0EA;
}
.mega-tile::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1rem solid #8CBF35;
  border-radius: 4rem;
  pointer-events: none;
}
@media screen and (max-width: 65em) {
  .mega-tile::after {
    display: none;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-tile {
    margin-left: 5rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-tile {
    grid-template-columns: 1fr;
    background-color: transparent;
  }
}
.mega-tile__body {
  display: grid;
  grid-auto-columns: auto;
  grid-gap: 4px;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}
@media screen and (max-width: 120em) {
  .mega-tile__body {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media screen and (max-width: 81.25em) {
  .mega-tile__body {
    grid-template-columns: repeat(2, minmax(10px, 50%));
  }
}
.mega-tile__sub-col--side {
  margin-left: -100%;
}
@media screen and (max-width: 65em) {
  .mega-tile__col {
    position: relative;
    background-color: #EAF0EA;
  }
  .mega-tile__col::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1rem solid #8CBF35;
    border-radius: 4rem;
    pointer-events: none;
  }
}
.mega-tile thead th:nth-child(2),
.mega-tile thead th:nth-child(2) ~ th {
  border-top: 1rem solid #8CBF35;
}
.mega-tile tr th:last-child,
.mega-tile tr td:last-child {
  border-right: 1rem solid #8CBF35;
}
.mega-tile tbody tr:last-child th,
.mega-tile tbody tr:last-child td {
  border-bottom: 1rem solid #8CBF35;
}
.mega-tile tr th:nth-child(2),
.mega-tile tr td:nth-child(2) {
  border-left: 1rem solid #8CBF35;
}
.mega-tile thead th:nth-child(2) {
  border-top-left-radius: 4rem;
}
.mega-tile thead th:last-child {
  border-top-right-radius: 4rem;
}
.mega-tile tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4rem;
}
.mega-tile tbody tr:last-child td:nth-child(2) {
  border-bottom-left-radius: 4rem;
}
.mega-tile thead th {
  border: none;
}
.mega-tile tbody > tr > th:first-child {
  border: none;
}
.mega-tile__logo, .mega-tile__main-header, .mega-tile__sub-header, .mega-tile__info, .mega-tile__side-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  min-height: 24rem;
  margin-bottom: 4px;
  padding: 1rem;
}
@media screen and (max-width: 81.25em) {
  .mega-tile__logo, .mega-tile__main-header, .mega-tile__sub-header, .mega-tile__info, .mega-tile__side-header {
    min-height: 30rem;
  }
}
th:last-child .mega-tile__logo, td:last-child .mega-tile__logo, th:last-child .mega-tile__main-header, td:last-child .mega-tile__main-header, th:last-child .mega-tile__sub-header, td:last-child .mega-tile__sub-header, th:last-child .mega-tile__info, td:last-child .mega-tile__info, th:last-child .mega-tile__side-header, td:last-child .mega-tile__side-header {
  margin-right: 0;
}
th:nth-child(2) .mega-tile__logo, td:nth-child(2) .mega-tile__logo, th:nth-child(2) .mega-tile__main-header, td:nth-child(2) .mega-tile__main-header, th:nth-child(2) .mega-tile__sub-header, td:nth-child(2) .mega-tile__sub-header, th:nth-child(2) .mega-tile__info, td:nth-child(2) .mega-tile__info, th:nth-child(2) .mega-tile__side-header, td:nth-child(2) .mega-tile__side-header {
  margin-left: 0;
}
tbody > tr > * > .mega-tile__logo, tbody > tr > * > .mega-tile__main-header, tbody > tr > * > .mega-tile__sub-header, tbody > tr > * > .mega-tile__info, tbody > tr > * > .mega-tile__side-header {
  margin-bottom: 0;
}
.mega-tile__main-header, .mega-tile__sub-header, .mega-tile__info {
  border-radius: 0.4rem;
}
.mega-tile__main-header, .mega-tile__sub-header {
  --color: #FFF;
  color: #FFF;
  background-color: #8CBF35;
}
.mega-tile__logo {
  min-height: 14rem;
  padding: 1rem 2rem;
  background-color: #FFF;
}
.mega-tile__logo img {
  width: auto;
  height: 5rem;
}
.mega-tile__main-header {
  font-family: "Geomanist";
  font-size: 6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  grid-column: 1/-1;
  min-height: 12rem;
}
@media screen and (max-width: 120em) {
  .mega-tile__main-header {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-tile__main-header {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-tile__main-header {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  .mega-tile__main-header {
    font-size: 12vw;
  }
}
@media screen and (max-width: 120em) {
  .mega-tile__main-header {
    font-size: 4rem;
  }
}
.mega-tile__side-header, .mega-tile__info {
  min-height: 17rem;
}
.mega-tile__side-header [data-vara] svg {
  padding: 1rem;
}
.mega-tile__side-header .vara-font {
  font-size: 3rem;
}
.mega-tile__sub-header {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-family: "Intro";
  line-height: 1.1;
  text-transform: none;
}
@media screen and (max-width: 81.25em) {
  .mega-tile__sub-header {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .mega-tile__sub-header {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .mega-tile__sub-header {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-tile__sub-header {
    font-size: 2.2rem;
  }
}
.mega-tile__info {
  font-family: "Intro";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0.02em;
  position: relative;
  justify-content: start;
  background-color: #C4CCC5;
}
@media screen and (max-width: 81.25em) {
  .mega-tile__info {
    font-size: 1.8rem;
  }
}
.mega-tile__info:last-child {
  margin-bottom: 0;
}
.mega-tile__side-info {
  display: none;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 4rem;
  white-space: nowrap;
  color: #8CBF35 !important;
  transform: translateY(-50%);
}
.mega-tile__side-info .hover-info {
  white-space: normal;
}
@media screen and (max-width: 81.25em) {
  .mega-tile__side-info {
    position: absolute;
    top: 0;
    right: 100%;
    width: 17rem;
    margin-right: 0;
    margin-bottom: 4rem;
    text-align: right;
    color: #8CBF35 !important;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
  }
}
.mega-tile__col:first-child .mega-tile__side-info {
  display: block;
}
@media screen and (max-width: 65em) {
  .mega-tile__col .mega-tile__side-info {
    display: block;
  }
}
@media screen and (max-width: 81.25em) {
  .mega-tile__main-header + .mega-tile__sub-col:last-child {
    grid-column: 1/-1;
  }
}
.mega-tile__info--has-items:hover {
  background-color: grey;
}
.mega-tile__info--has-items::before {
  display: flex;
  margin: 2rem auto 1rem;
  border-radius: 50%;
  font-size: 2.2rem;
  color: #FFF;
}
.mega-tile__sub-info {
  width: 100%;
}
.mega-tile__sub-info + .mega-tile__sub-info {
  border-top: 1px dashed #FFF;
}
.mega-tile .circle-icon, .mega-tile .mega-tile__info--has-items::before {
  margin-top: 1rem;
}

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

    Funktion      default-form bem module

*****************************************************************************/
/*
.default-form

Styleguide classes.default-form
*/
.default-form [class*=columns-] {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 3.8rem;
}
.default-form [class*=columns-] > * {
  display: flex;
  flex-direction: column;
}
.default-form .widget-submit {
  margin-top: auto;
}
.default-form .widget-textarea {
  align-self: stretch;
}
.default-form [type=submit] {
  margin-top: 3rem;
}
.default-form textarea {
  height: 100%;
  min-height: 32rem;
}

/**
 * form-job bem module
 */
.form-job .formbody {
  display: grid;
  grid-gap: 3rem 2rem;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-template-rows: auto auto auto auto 1fr auto;
}
@media screen and (max-width: 45em) {
  .form-job .formbody {
    display: block;
  }
}
@supports (display: grid) {
  .form-job .widget,
  .form-job .button,
  .form-job .elfsight-customization .Text__Control-sc-221xn5-2,
  .elfsight-customization .form-job .Text__Control-sc-221xn5-2 {
    margin: 0;
  }
}
@media screen and (max-width: 45em) {
  .form-job .widget {
    margin-bottom: 2rem;
  }
}
.form-job .widget-checkbox {
  grid-column: 1/-1;
}
.form-job .widget-textarea {
  grid-row: 5/-1;
}
.form-job .widget-upload {
  grid-row: 5/6;
  margin-bottom: 2rem;
}
.form-job .widget-upload:last-of-type {
  margin-bottom: 0;
}
.form-job .widget-upload label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 45em) {
  .form-job .widget-upload label {
    min-height: 10rem;
  }
}
.form-job .widget-submit {
  grid-row: 6/7;
  margin-top: auto;
}

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

    Funktion      gradient bem module

*****************************************************************************/
/*
.gradient

Styleguide classes.gradient
*/
.gradient {
  position: relative;
}
.gradient:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(13, 0, 21, 0.8) 100%);
  background-repeat: no-repeat;
  transition: background 0.8s, opacity 0.8s;
}
.slick-slide .gradient:after {
  opacity: 0;
}
.enter .slick-current .gradient:after {
  opacity: 1;
  transition-delay: 0.7s;
}
@media screen and (max-width: 45em) {
  .gradient:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(0, 2, 25, 0.95) 100%);
  }
}
.gradient--logos {
  background-image: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(0, 2, 25, 0.3) 100%);
  background-position: 50% 50%;
  background-size: 100% 100%;
}
.gradient--logos::after {
  background-image: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(14, 9, 27, 0.5) 100%);
  background-position: 50% 50%;
  background-size: 100% 100%;
}
.slick-slide .gradient--logos::after {
  background-size: 200% 200%;
}
.slick-current .gradient--logos::after {
  background-size: 100% 100%;
  transition-delay: 0.8s;
}

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

    Funktion      link-icon bem module

*****************************************************************************/
/*
.link-icon

Styleguide classes.link-icon
*/
.link-icon {
  display: inline-block;
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      team-description bem module

*****************************************************************************/
/*
.team-description

Styleguide classes.team-description
*/
/****************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      l-figures bem module

*****************************************************************************/
/*
.l-figures

Styleguide classes.l-figures
*/
.l-figures {
  display: flex;
  flex-wrap: wrap;
  margin: 4rem -1rem;
}
@media screen and (max-width: 45em) {
  .l-figures {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.l-figures--year .t-figure__image img,
.l-figures--year .t-figure__image svg {
  width: auto;
  height: 12rem;
}
@media screen and (max-width: 45em) {
  .l-figures--year .t-figure__image img,
  .l-figures--year .t-figure__image svg {
    height: 8rem;
  }
}
.l-figures__item {
  flex: 0 0 33.3333333333%;
  padding: 1rem;
}
@media screen and (max-width: 81.25em) {
  .l-figures__item {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 45em) {
  .l-figures__item {
    flex-basis: 100%;
  }
}

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

    Funktion      t-figure bem module

*****************************************************************************/
/*
.t-figure

Styleguide classes.t-figure
*/
.t-figure {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
@media screen and (max-width: 45em) {
  .t-figure {
    display: block;
  }
}
.t-figure--valign-center {
  align-items: center;
}
.t-figure--valign-bottom {
  align-items: flex-end;
}
.t-figure--reverse {
  flex-direction: row-reverse;
}
.t-figure__image, .t-figure__main {
  flex: 0 0 50%;
  padding: 1rem;
}
@media screen and (max-width: 45em) {
  .t-figure__image, .t-figure__main {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.t-figure--vertical {
  margin-bottom: 3rem;
  text-align: center;
}
.t-figure--vertical .t-figure__image, .t-figure--vertical .t-figure__main {
  flex: 0 0 100%;
}
.t-figure--vertical .t-figure__title {
  margin-top: 1rem;
}
.t-figure__image figure {
  text-align: center;
}
.t-figure__image--left figure {
  text-align: left;
}
.t-figure__image--right figure {
  text-align: right;
}
.t-figure__image {
  align-self: center;
}
.t-figure__image--top {
  align-self: flex-start;
}
.t-figure__image--bottom {
  align-self: flex-end;
}
.t-figure__main {
  padding-left: 1rem;
}
.t-figure__text {
  padding-right: 12.5%;
  padding-left: 12.5%;
}
@media screen and (max-width: 45em) {
  .t-figure__text {
    padding-right: 0;
    padding-left: 0;
  }
}
.t-figure__title {
  font-family: "Geomanist";
  font-size: 3.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-top: 2rem;
  margin-bottom: 0;
}
@media screen and (max-width: 81.25em) {
  .t-figure__title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 65em) {
  .t-figure__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 45em) {
  .t-figure__title {
    font-size: 2.4rem;
  }
}

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

    Funktion      external overwrites (embeds)

*****************************************************************************/
/*
external

Styleguide external
*/
#main .enEynK {
  background-color: #FFF !important;
}
#main .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 81.25em) {
  #main .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  #main .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  #main .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {
    font-size: 1.8rem;
  }
}
#main .eapps-instagram-feed-posts-item-template-classic {
  border-width: 2px;
  border-radius: 0.4rem;
  border-color: #8CBF35;
  border-color: var(--color-accent);
}
#main .eapps-instagram-feed-posts-item-media img {
  width: auto;
}
#main .eapps-instagram-feed-posts-item-template-tile #main .eapps-instagram-feed-posts-item-text {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  font-size: 2.5rem;
  line-height: 1.3;
}
@media screen and (max-width: 81.25em) {
  #main .eapps-instagram-feed-posts-item-template-tile #main .eapps-instagram-feed-posts-item-text {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  #main .eapps-instagram-feed-posts-item-template-tile #main .eapps-instagram-feed-posts-item-text {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  #main .eapps-instagram-feed-posts-item-template-tile #main .eapps-instagram-feed-posts-item-text {
    font-size: 1.8rem;
  }
}
#main .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {
  max-height: 4em;
}
#main .eapps-google-reviews-aadfc0a2-8f03-4175-a39b-f533db95fa73-custom-css-hook .dlGTc {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
}
@media screen and (max-width: 81.25em) {
  #main .eapps-google-reviews-aadfc0a2-8f03-4175-a39b-f533db95fa73-custom-css-hook .dlGTc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  #main .eapps-google-reviews-aadfc0a2-8f03-4175-a39b-f533db95fa73-custom-css-hook .dlGTc {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  #main .eapps-google-reviews-aadfc0a2-8f03-4175-a39b-f533db95fa73-custom-css-hook .dlGTc {
    font-size: 1.4rem;
  }
}

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

    Funktion      slider-text-container bem module

*****************************************************************************/
/*
.slider-text-container

Styleguide classes.slider-text-container
*/
.slider-text-container {
  font-weight: 500;
}
@media screen and (max-width: 45em) {
  .slider-text-container--video-bg .slider-text-container__title {
    font-size: 2.4rem;
  }
}
.slider-text-container--logos {
  display: flex;
  flex-direction: column;
}
.slider-text-container--logos .slider-text-container__link {
  margin-top: auto;
  margin-bottom: 0;
}

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

    Funktion      pseudo-hyphen bem module

*****************************************************************************/
/*
.pseudo-hyphen

Styleguide classes.pseudo-hyphen
*/
.pseudo-hyphen:before {
  content: "-";
}
.pseudo-hyphen:after {
  content: "";
  display: block;
  height: 0;
}
@media screen and (max-width: 65em) {
  .pseudo-hyphen {
    display: none;
  }
}

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

    Funktion      roadmap bem module

*****************************************************************************/
/*
.roadmap

Styleguide classes.roadmap
*/
.roadmap {
  position: relative;
}
.roadmap::after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 50%;
  z-index: -1;
  width: 4px;
  margin-left: -2px;
  background-attachment: fixed;
  background-image: linear-gradient(#8CBF35 0%, #8CBF35 49.99%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
@supports (color: var(--color)) {
  .roadmap::after {
    background-image: linear-gradient(var(--color-accent) 0%, var(--color-accent) 49.99%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
}

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

    Funktion      roadmap-event bem module

*****************************************************************************/
/*
.roadmap-event

Styleguide classes.roadmap-event
*/
:root {
  --roadmap-event--gutter: 14rem;
}
@media screen and (max-width: 65em) {
  :root {
    --roadmap-event--gutter: 4rem;
  }
}

.roadmap-event {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-right: 14rem;
  margin-right: calc(var(--roadmap-event--gutter) * -0.5);
  margin-left: 14rem;
  margin-left: calc(var(--roadmap-event--gutter) * -0.5);
  padding-bottom: 9rem;
}
@media screen and (max-width: 81.25em) {
  .roadmap-event {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 65em) {
  .roadmap-event {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 45em) {
  .roadmap-event {
    font-size: 1.4rem;
  }
}
.roadmap-event::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #8CBF35;
  background-color: var(--color-accent);
  transform: translateX(-50%) scale(0);
  transition: transform 0.3s;
}
.roadmap-event--is-active::after {
  transform: translateX(-50%) scale(1);
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.roadmap-event:nth-child(2n) {
  flex-direction: row-reverse;
}
.roadmap-event__header, .roadmap-event__main {
  flex: 0 0 50%;
  padding: 0 14rem;
  padding: 0 calc(var(--roadmap-event--gutter) * 0.5);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transition-timing-function: cubic-bezier(0, 0, 0.55, 1.46);
}
.roadmap-event__header {
  text-align: right;
  transform: translate(2em, 0);
}
@media screen and (max-width: 65em) {
  .roadmap-event__header {
    transform: translate(0, 2em);
  }
}
.roadmap-event:nth-child(2n) .roadmap-event__header {
  text-align: left;
  transform: translate(-2em, 0);
}
@media screen and (max-width: 65em) {
  .roadmap-event:nth-child(2n) .roadmap-event__header {
    transform: translate(0, 2em);
  }
}
.roadmap-event__main {
  transform: translate(-2em, 0);
  transition-delay: 0.4s;
}
@media screen and (max-width: 65em) {
  .roadmap-event__main {
    transform: translate(0, 2em);
  }
}
.roadmap-event:nth-child(2n) .roadmap-event__main {
  text-align: right;
  transform: translate(2em, 0);
}
@media screen and (max-width: 65em) {
  .roadmap-event:nth-child(2n) .roadmap-event__main {
    transform: translate(0, 2em);
  }
}
.roadmap-event--is-active .roadmap-event__header, .roadmap-event--is-active .roadmap-event__main {
  opacity: 1;
  transform: translate(0, 0) !important;
}
.roadmap-event__main {
  text-align: left;
}
.roadmap-event__title {
  font-family: "Intro";
  font-size: 2.2rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media screen and (max-width: 81.25em) {
  .roadmap-event__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 65em) {
  .roadmap-event__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 45em) {
  .roadmap-event__title {
    font-size: 1.6rem;
  }
}
.roadmap-event__content > :last-child {
  margin-bottom: 0;
}

/**
 * sticker bem module
 */
.sticker {
  font-family: "Geomanist";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  display: block;
  padding: 1.2rem 1.6rem 1rem;
  border-radius: 0.4rem 0 0;
  color: #FFF;
  background-color: #8CBF35;
}

/**
 * l-sibling-nav bem module
 */
.l-sibling-nav {
  display: flex;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  justify-content: space-between;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 45em) {
  .l-sibling-nav {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
.l-sibling-nav__start {
  margin-right: auto;
}
.l-sibling-nav__start .sibling-nav-title {
  transform-origin: 0% 0%;
}
.l-sibling-nav__center {
  text-align: center;
}
@media screen and (max-width: 45em) {
  .l-sibling-nav__center {
    grid-column: 1/-1;
    order: 10;
    margin-top: 2rem;
  }
  .l-sibling-nav__center .button, .l-sibling-nav__center .elfsight-customization .Text__Control-sc-221xn5-2, .elfsight-customization .l-sibling-nav__center .Text__Control-sc-221xn5-2 {
    display: block;
  }
}
.l-sibling-nav__end {
  margin-left: auto;
  text-align: right;
}
.l-sibling-nav__end .sibling-nav-title {
  transform-origin: 100% 0%;
}
.l-sibling-nav .sibling-nav-title {
  display: inline-block;
  transition: transform 0.8s;
}
.l-sibling-nav .button:hover ~ .sibling-nav-title, .l-sibling-nav .elfsight-customization .Text__Control-sc-221xn5-2:hover ~ .sibling-nav-title, .elfsight-customization .l-sibling-nav .Text__Control-sc-221xn5-2:hover ~ .sibling-nav-title,
.l-sibling-nav .sibling-nav-title:hover {
  transform: scale(1.2);
  transition-duration: 0.3s;
}

/**
 * sibling-nav-title bem module
 */
.sibling-nav-title {
  font-family: "Intro";
  font-size: 1.3rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: uppercase;
}
@media screen and (max-width: 81.25em) {
  .sibling-nav-title {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 65em) {
  .sibling-nav-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 45em) {
  .sibling-nav-title {
    font-size: 1.2rem;
  }
}
.sibling-nav-title br {
  display: none;
}

/**
 * comma-list bem module
 */
.comma-list > * {
  display: inline-block;
}
.comma-list > :not(:last-child)::after {
  content: ",";
}

.filter-wrapper .filter-item {
  font-size: 0.8em;
  outline: 4px solid grey;
  outline-color: var(--color-accent);
  outline-offset: -1px;
  transition: outline 0.4s;
  cursor: pointer;
}
.filter-wrapper .filter-item.active {
  background-color: rgba(140, 191, 53, 0.2);
}
.filter-wrapper .filter-item:hover {
  background-color: rgba(140, 191, 53, 0.5);
}

.filter-reset {
  display: inline-block;
  width: auto;
}

.no-results {
  display: none;
}
.no-results.active {
  display: block;
}

/**
 * footer-nav-section bem module
 */
.footer-nav-section {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  margin-top: 4rem;
}
@media screen and (max-width: 65em) {
  .footer-nav-section {
    display: block;
  }
}
@media screen and (max-width: 65em) {
  .footer-nav-section__item {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 45em) {
  .footer-nav-section__title {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 65em) {
  .footer-nav-section__item--mobile-collapse .l-cta-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
  }
}
@media screen and (max-width: 45em) {
  .footer-nav-section .cta-link {
    font-size: 3rem;
  }
}

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

    Funktion      hover-info bem module

*****************************************************************************/
/*
.hover-info

Styleguide classes.hover-info
*/
.hover-info {
  position: relative;
}
.hover-info__content {
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 20rem;
  padding: 2rem;
  border-radius: 0.4rem;
  color: #FFF;
  background-color: #8CBF35;
  visibility: hidden;
  transform: translate(-50%, -1rem);
  pointer-events: none;
}
.hover-info__content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 1rem solid transparent;
  border-top-color: #8CBF35;
  transform: translateX(-50%);
}
.hover-info:hover .hover-info__content {
  visibility: visible;
}

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

    Funktion      hide bem module

*****************************************************************************/
/*
.hide

Styleguide classes.hide
*/
.hide {
  visibility: hidden !important;
  pointer-events: none !important;
}

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

    Funktion      fade-in bem module

*****************************************************************************/
/*
.fade-in

Styleguide classes.fade-in
*/
.js .fade-in {
  opacity: 0;
  transform: translate(0, 3rem);
  transition: opacity 0.8s, transform 0.8s;
}
.js .fade-in--from-top {
  transform: translate(0, -3rem);
}
.js .fade-in--from-right {
  transform: translate(3rem, 0);
}
.js .fade-in--from-left {
  transform: translate(-3rem, 0);
}
.js .fade-in--is-active {
  opacity: 1;
  transform: translate(0, 0);
}

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

    Funktion      elfsight-customization bem module

*****************************************************************************/
/*
.elfsight-customization

Styleguide classes.elfsight-customization
*/
.elfsight-customization .jJLNp .CardLayout__RegularBlock-sc-1yn4oa3-1 {
  padding: 0;
}
.elfsight-customization .jJLNp .CardLayout__RegularBlock-sc-1yn4oa3-1:first-child {
  padding-top: 0;
}
.elfsight-customization .jcpnPh,
.elfsight-customization .cZKtKM {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 81.25em) {
  .elfsight-customization .jcpnPh,
  .elfsight-customization .cZKtKM {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .elfsight-customization .jcpnPh,
  .elfsight-customization .cZKtKM {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .elfsight-customization .jcpnPh,
  .elfsight-customization .cZKtKM {
    font-size: 1.8rem;
  }
}
.elfsight-customization .flayWs {
  max-height: 4em;
}
.elfsight-customization .Text__Control-sc-221xn5-2 {
  margin-top: 3.8rem;
  text-decoration: none;
}

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

    Funktion      slider-pagination bem module

*****************************************************************************/
/*
.slider-pagination

Styleguide classes.slider-pagination
*/
.slider-pagination {
  display: flex;
  position: relative;
  justify-content: flex-start;
  font: 20px/1.6 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.slider-pagination svg {
  overflow: visible;
}
.slider-pagination__image {
  position: absolute;
  top: 100%;
  left: -2rem;
  width: 4rem;
}
@media screen and (max-width: 65em) {
  .slider-pagination__image {
    top: 50%;
    right: 100%;
    left: auto;
    width: 3rem;
  }
}
.slider-pagination__title, .slider-pagination__sum {
  flex: 0 1 auto;
  height: 5rem;
}
@media screen and (max-width: 45em) {
  .slider-pagination__title, .slider-pagination__sum {
    overflow: hidden;
    padding: 0.3em 0 0 0.3em;
  }
}
.slider-pagination__title {
  display: block;
  flex: 0 0 auto;
}
.slider-pagination__sum {
  display: block;
  vertical-align: middle;
  width: 6em;
  margin-left: 0.2em;
}
@media screen and (max-width: 45em) {
  .slider-pagination__sum {
    text-align: left;
  }
}
.slider-pagination__sum svg {
  width: 20em !important;
  margin-right: -4em;
}
@media screen and (max-width: 45em) {
  .slider-pagination__sum svg {
    width: 20rem !important;
    max-width: none;
    margin-right: 0;
  }
}
.slider-pagination__sum--change {
  animation: bump 0.3s ease-in-out;
}
.slider-pagination__next {
  display: none;
  flex: 0 0 auto;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0% 50%;
  transition: opacity 0.3s, transform 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.93, 1.54);
  transition-delay: 0.5s;
}
@media screen and (max-width: 65em) {
  .slider-pagination__next {
    display: block;
  }
}
.slider-pagination--vara-animation-end .slider-pagination__next {
  opacity: 1;
  transform: scale(1);
}
.slider-pagination__next-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-size: 3rem;
  color: var(--color-accent);
  background-color: var(--color);
  animation: pointRightNoYOffset 3s infinite ease-in-out;
}

@keyframes bump {
  0%, 100% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.4);
  }
}
/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion      image-hover bem module

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

Styleguide classes.image-hover
*/
.image-hover {
  overflow: hidden;
}
.image-hover img {
  transform: scale(1);
  transition: transform 0.8s;
}
.image-hover:hover img {
  transform: scale(1.05);
  transition-duration: 0.2s;
}
.image-hover--deep:hover img {
  transform: scale(1.15);
}

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

    Funktion      t-hover bem module

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

Styleguide classes.t-hover
*/
.t-hover {
  position: relative;
}
.t-hover__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(140, 191, 53, 0.5);
  background-color: var(--color-accent--transparent);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s, visibility 0s 0.8s;
}
.t-hover__hover-content > * {
  margin-right: auto;
  margin-left: auto;
}
.t-hover__hover-content > :last-child {
  margin-bottom: 0;
}
.t-hover__hover-content--justify-end {
  justify-content: flex-end;
}
.t-hover__hover-content--gradient {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(13, 0, 21, 0.8) 100%);
}
.t-hover:hover .t-hover__hover-content, .t-hover--hover .t-hover__hover-content {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.8s, 0s;
  transition-delay: 0s;
}
.t-hover__title {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: "Geomanist";
}
.t-hover__title--min-height {
  min-height: 2.6em;
}
.t-hover__span-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}

/* **************************************************************************
 *  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: 3.8rem;
  padding-bottom: 3.8rem;
  color: #FFF;
  background-color: rgba(140, 191, 53, 0.5);
  background-color: var(--color-accent--transparent);
}
.cookie-banner__button {
  text-decoration: none;
}

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

    Funktion      dlh-googlemap bem module

*****************************************************************************/
/*
.dlh-googlemap

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

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

    Funktion      featherlight bem module

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

Styleguide classes.featherlight
*/
.featherlight {
  display: flex;
  overflow: auto;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 65em) {
  .featherlight {
    padding-top: 1rem;
    padding-bottom: calc(var(--aside-header--height) + 1rem);
  }
}
.featherlight .featherlight-close-icon {
  display: block;
  position: static;
  width: auto;
  height: auto;
  line-height: 1;
  background-color: transparent;
}
.featherlight-previous, .featherlight-next {
  position: static;
  visibility: visible;
}
.featherlight-previous span, .featherlight-next span {
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 5rem;
  line-height: 1;
  text-shadow: none;
}
@media screen and (max-width: 65em) {
  .featherlight-previous span, .featherlight-next span {
    font-size: 4rem;
  }
}
.featherlight-previous:hover, .featherlight-next:hover {
  background: none;
}
.featherlight-previous:hover span, .featherlight-next:hover span {
  display: block;
}
.featherlight__aside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.featherlight__aside .icon, .featherlight__aside .meta-nav__link[target=_blank]::after, .featherlight__aside .main-nav__link[target=_blank]::after, .featherlight__aside .widget-checkbox label:before, .widget-checkbox .featherlight__aside label:before, .featherlight__aside .widget-radio label:before, .widget-radio .featherlight__aside label:before, .featherlight__aside .l-bg__bg-toggle__icon, .featherlight__aside .section-nav__icon, .featherlight__aside .mega-tile__info--has-items::before, .featherlight__aside .link-icon, .featherlight__aside .slider-pagination__next-inner {
  display: block;
}
@media screen and (max-width: 65em) {
  .featherlight__aside {
    top: auto;
    left: 0;
    align-items: center;
    min-height: var(--aside-header--height);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.featherlight__bottom-nav {
  margin-top: auto;
}
@media screen and (max-width: 65em) {
  .featherlight__bottom-nav {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  .featherlight__bottom-nav * + * {
    margin-left: 4rem;
  }
}
.featherlight .featherlight-content {
  overflow: hidden;
  position: static;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  border-bottom: 0;
  opacity: 0;
  transform: translate(0, -2em);
  transition: opacity 0.8s, transform 0.8s;
}
.featherlight--loaded .featherlight-content {
  opacity: 1;
  transform: translate(0, 0);
}
.featherlight--gallery:before {
  content: none;
  display: none;
}
.featherlight--gallery .featherlight-content {
  background-color: transparent;
}
.featherlight-image {
  max-height: calc(100vh - 4rem);
}
@supports (object-fit: contain) {
  .featherlight-image {
    object-fit: contain;
    object-position: 50% 50%;
    width: 100% !important;
    height: 100% !important;
  }
}
@media screen and (max-width: 65em) {
  .featherlight-image {
    max-height: calc(100vh - 10rem);
  }
  @supports (max-height: calc(100vh - var(--aside-header--height) - 2rem)) {
    .featherlight-image {
      max-height: calc(100vh - var(--aside-header--height) - 2rem - 2rem);
    }
  }
}

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

    Funktion      main-nav bem module

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

Styleguide classes.main-nav
*/
.main-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
}
@media screen and (max-width: 65em) {
  .main-nav {
    display: block;
  }
}
@media screen and (max-width: 65em) {
  .main-nav {
    display: block;
    text-align: center;
  }
}
.main-nav > li {
  flex: 0 1 auto;
  width: 40rem;
  max-width: calc(100% - 2 * 4rem);
  margin: 4rem;
}
@media screen and (max-width: 120em) {
  .main-nav > li {
    width: 20.83vw;
  }
}
@media screen and (max-width: 65em) {
  .main-nav > li {
    width: auto;
  }
}
@media screen and (max-width: 45em) {
  .main-nav > li {
    max-width: calc(100% - 4rem);
    margin: 2rem;
  }
}
.main-nav > li + li {
  width: 80rem;
}
@media screen and (max-width: 120em) {
  .main-nav > li + li {
    width: 41.66vw;
  }
}
@media screen and (max-width: 81.25em) {
  .main-nav > li + li {
    width: 38vw;
  }
}
@media screen and (max-width: 65em) {
  .main-nav > li + li {
    width: auto;
    margin-top: 10rem;
  }
}
.main-nav ul {
  margin-bottom: 3rem;
}
.main-nav .level_3 li {
  display: list-item;
  justify-content: center;
}
.main-nav .level_3,
.main-nav .level_2 {
  margin-bottom: 0;
}
.main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link, .main-nav__link, .meta-nav__link {
  transform: translate(0, 0);
  transition: opacity 0.8s, transform 0.8s;
}
.main-nav__title:hover, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link:hover, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link:hover, .main-nav__link:hover, .meta-nav__link:hover {
  transform: translate(0.2em, 0);
  transition-duration: 0.1s;
}
.main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
  font-family: "Geomanist";
  font-size: 8.7rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  display: inline-block;
  margin-bottom: 3rem;
  text-transform: none;
  pointer-events: none;
}
@media screen and (max-width: 120em) {
  .main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  .main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  .main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  .main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
    font-size: 12vw;
  }
}
@media screen and (max-width: 45em) {
  .main-nav__title, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link {
    font-size: 8vw;
  }
}
.main-nav__title:hover, .nav-slider .slick-slide li.submenu:first-child > .main-nav__link:hover, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link:hover {
  transform: translate(0.1em, 0);
}
.main-nav__link, .meta-nav__link {
  font-family: "Intro";
  font-size: 2.5rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0.02em;
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 81.25em) {
  .main-nav__link, .meta-nav__link {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 65em) {
  .main-nav__link, .meta-nav__link {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 45em) {
  .main-nav__link, .meta-nav__link {
    font-size: 1.8rem;
  }
}
.main-nav__link:before, .meta-nav__link:before {
  content: "";
  display: none;
  vertical-align: middle;
  width: 3px;
  height: 1.2em;
  margin-top: -0.1em;
  margin-right: 0.4em;
  background-color: var(--color);
  opacity: 0;
  transform-origin: 100% 50%;
  transition: opacity 0.8s, transform 0.8s;
}
.main-nav__link[target=_blank]::after, [target=_blank].meta-nav__link::after {
  content: "\ea7e";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3em;
}
.main-nav__link--is-active:before {
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0) scaleX(1);
  transition-duration: 0s;
}
.main-nav__link--is-active {
  font-weight: 700;
}
.nav-slider .slick-slide li.submenu:first-child > .main-nav__link:before, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link:before {
  content: none;
  display: none;
}
.nav-slider .slick-slide li.submenu:first-child > .main-nav__link:hover, .nav-slider .slick-slide li.submenu:first-child > .meta-nav__link:hover {
  transform: translate(0.1em, 0);
}

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

    Funktion      meta-nav bem module

*****************************************************************************/
/*
.meta-nav

Styleguide classes.meta-nav
*/
.meta-nav {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.36;
  letter-spacing: 0.02em;
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 65em) {
  .meta-nav {
    text-align: center;
  }
}
.meta-nav__item {
  width: 12rem;
  max-width: 100%;
}
@media screen and (max-width: 65em) {
  .meta-nav__item {
    width: auto;
  }
}
.meta-nav__link {
  font-family: "Intro";
  font-size: 1.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.36;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.meta-nav__link[target=_blank]::after {
  content: "\ea7e";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3em;
}
.meta-nav__link--is-active, .meta-nav__link.active, .meta-nav__link.trail {
  font-weight: 700;
}

/**
 * meta-nav-footer bem module
 */
.meta-nav-footer {
  display: flex;
  gap: 0.8rem 1.4rem;
  flex-wrap: wrap;
}
.meta-nav-footer__link {
  font-family: "Intro";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.meta-nav-footer__link--is-active, .meta-nav-footer__link.active, .meta-nav-footer__link.trail, .meta-nav-footer__link:hover {
  text-decoration: underline;
}

/**
 * footer-bottom bem module
 */
.footer-bottom {
  width: auto !important;
  max-width: none !important;
}
.footer-bottom .ce_text a {
  text-decoration: none;
}
.footer-bottom__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-block: 0.5rem;
  gap: 2rem;
}
.footer-bottom__upper {
  font-family: "Intro";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-block: 0.6rem 0.9rem;
  background-color: #F3F3F3;
}
.footer-bottom__upper .ce_text {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 65em) {
  .footer-bottom__upper .ce_text {
    display: block;
  }
}
.footer-bottom__upper .ce_text p, .footer-bottom__upper ul, .footer-bottom__lower p {
  margin: 0;
}
.footer-bottom__upper .ce_text [href^="tel:"]::before, .footer-bottom__upper .ce_text [href^="mailto:"]::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em;
  font-family: "icomoon";
}
.footer-bottom__upper .ce_text [href^="tel:"]::before {
  content: "\e942";
}
.footer-bottom__upper .ce_text [href^="mailto:"]::before {
  content: "\e945";
}
.footer-bottom__lower {
  font-family: "Intro";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #FFF;
  background-color: #484848;
}

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

    Funktion      l-cta-nav bem module

*****************************************************************************/
/*
.l-cta-nav

Styleguide classes.l-cta-nav
*/
.l-cta-nav {
  display: flex;
  justify-content: flex-start;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
@media screen and (max-width: 65em) {
  .l-cta-nav {
    flex-direction: column;
  }
}
.l-cta-nav__item {
  padding: 1.5rem;
}

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

    Funktion      l-main-nav bem module

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

Styleguide classes.l-main-nav
*/
.l-main-nav {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.l-main-nav__main {
  margin-top: auto;
  margin-bottom: auto;
}
.l-main-nav__footer {
  margin-top: 2rem;
  margin-left: auto;
  white-space: normal;
}
@media screen and (max-width: 65em) {
  .l-main-nav__footer {
    margin-right: 0;
    margin-left: 0;
  }
}
.l-main-nav--corner .l-main-nav__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-left: 0;
}
.l-main-nav--corner .l-main-nav__footer > * {
  margin: 0 2rem;
}
.l-main-nav--corner .meta-nav {
  margin-bottom: 0;
}

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

    Funktion      draw-svg bem module

*****************************************************************************/
/*
.draw-svg

Styleguide classes.draw-svg
*/
:root {
  --path-length: 0;
  --path-animation-duration: 3s;
}

@supports (color: var(--var)) {
  .draw-svg--loaded img {
    display: none;
  }
}
.draw-svg--instant path {
  transition: none !important;
}
@supports (color: var(--var)) {
  .draw-svg path {
    stroke-dasharray: var(--path-length);
    stroke-dashoffset: var(--path-length);
    transition: stroke-dashoffset var(--path-animation-duration);
  }
  .draw-svg--duration-short {
    --path-animation-duration: 1.5s;
  }
  .draw-svg--duration-long {
    --path-animation-duration: 6s;
  }
  .draw-svg--draw path {
    stroke-dashoffset: 0;
  }
  .draw-svg--fast path {
    transition-duration: 0.8s;
  }
}

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

    Funktion      lottie-overlay bem module

*****************************************************************************/
/*
.lottie-overlay

Styleguide classes.lottie-overlay
*/
.lottie-overlay {
  position: relative;
}
.lottie-overlay__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  pointer-events: none;
}

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

    Funktion      cover bem module

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

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

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

    Funktion      eapps bem module

*****************************************************************************/
/*
.eapps

Styleguide classes.eapps
*/
@media screen and (max-width: 65em) {
  .eapps-instagram-feed-posts-item {
    width: calc(50% - 0px) !important;
  }
}
@media screen and (max-width: 45em) {
  .eapps-instagram-feed-posts-item {
    width: calc(100% - 0px) !important;
  }
}

/**
 * cta-modal bem module
 */
.cta-modal {
  --cta-modal-color: var(--color-primary-text, #FFF);
  --cta-modal-bg-color: var(--color-primary, #8CBF35);
  display: flex;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
  color: var(--cta-modal-color);
  background-color: var(--cta-modal-bg-color);
  transform: translateY(-100%);
  transition: transform 0.8s;
}
.cta-modal.active {
  transform: translateY(0);
  transition-duration: 0.4s;
  transition-timing-function: ease-in;
}
.cta-modal__inner {
  width: calc(100% - 4rem);
  margin: auto;
}
.cta-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5rem;
  margin-right: 5rem;
  padding: 0;
  border: none;
  color: var(--cta-modal-color);
  background-color: transparent;
  appearance: none;
}
@media screen and (max-width: 45em) {
  .cta-modal__close {
    margin-top: 2rem;
    margin-right: 2rem;
  }
}

/**
 * cta-modal-item bem module
 */
.cta-modal-item {
  text-align: center;
}
.cta-modal-item + .cta-modal-item {
  margin-top: 6rem;
}
.cta-modal-item__title {
  font-family: "Geomanist";
  font-size: 8.7rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 0.93;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media screen and (max-width: 120em) {
  .cta-modal-item__title {
    font-size: 4.531vw;
  }
}
@media screen and (max-width: 81.25em) {
  .cta-modal-item__title {
    font-size: 6rem;
  }
}
@media screen and (max-width: 65em) {
  .cta-modal-item__title {
    font-size: 8vw;
  }
}
@media screen and (max-width: 45em) {
  .cta-modal-item__title {
    font-size: 12vw;
  }
}
@media screen and (max-width: 45em) {
  .cta-modal-item__title br {
    display: none;
  }
}
.cta-modal-item__main {
  margin-bottom: 1.4rem;
  font-size: 1.4em;
}
.cta-modal-item__main > :first-child {
  margin-top: 0;
}
.cta-modal-item__main > :last-child {
  margin-bottom: 0;
}
.cta-modal-item__footer {
  display: block;
  margin-top: 3rem;
}
@media screen and (max-width: 45em) {
  .cta-modal-item__footer br {
    display: none;
  }
}

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

    Funktion      hotfixes

*****************************************************************************/
[data-app=eapps-google-reviews] {
  font-size: 1.6rem;
}

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