.if-only-screenreader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.l-container {
  position: relative;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.hyphenate {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
.donthyphenate {
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}
:root {
  --app-color-theme-500: #662278;
  --app-color-theme-300: #c2a7c9;
  --app-color-theme-200: #e0d3e4;
}
/* rubik-300 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-300.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-regular - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-regular.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-500.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-600.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-700.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-800.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900 - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-900.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-300italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-300italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-500italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-600italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-700italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-800italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900italic - latin-ext_latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  src: local(''), url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/rubik/rubik-v14-latin-ext_latin-900italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-100 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 100;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-100.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-100italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 100;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-100italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-200 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-200.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-200italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 200;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-200italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-300.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-300italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-300italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-regular.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-500 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-500.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-500italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-500italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-600.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-600italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-600italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-700.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-700italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-800.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-800italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-800italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-900 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-900.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fira-sans-900italic - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: local(''), url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/_resources/app/themes/main/fonts/fira-sans/fira-sans-v11-latin-ext_latin-900italic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.app-RecommendationGridEntry {
  background-color: #ffffff;
  line-height: 1.4;
}
.app-RecommendationGridEntry-top {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 3.5%;
}
.app-RecommendationGridEntry-bottom {
  overflow: hidden;
}
.app-RecommendationGridEntry-bottomContent {
  border-top: 1px solid #d0cdcd;
  opacity: 0;
  padding: 1.5rem;
  transition: opacity var(--redexp-transitionDuration);
}
.app-RecommendationGridEntry-category {
  font-size: 0.875rem;
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  color: #662278;
  color: var(--app-color-theme-500);
  display: block;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .app-RecommendationGridEntry-category {
    font-size: 1.3671875vw;
  }
}
@media (min-width: 1024px) {
  .app-RecommendationGridEntry-category {
    font-size: 0.875rem;
  }
}
.app-RecommendationGridEntry-author {
  margin-bottom: 0.6em;
}
.app-RecommendationGridEntry-headline {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  color: #662278;
  color: var(--app-color-theme-500);
  margin-bottom: 0.2em;
}
.app-RecommendationGridEntry-textContainer {
  flex-grow: 1;
  max-width: 35rem;
  padding: 5%;
  padding-right: 0;
}
.app-RecommendationGridEntry-imageContainer {
  --ratio: 1.33333333;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 9.4rem;
  min-width: 6rem;
  width: 25%;
}
.app-RecommendationGridEntry-imageContainer::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  padding-bottom: 133.33333333%;
  padding-bottom: calc(var(--ratio) * 100%);
}
.app-RecommendationGridEntry-imageContainer::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  padding-bottom: 133.33333333%;
  padding-bottom: calc(var(--ratio) * 100%);
}
.app-RecommendationGridEntry-imageContainer > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.app-RecommendationGridEntry-image {
  object-fit: contain;
}
.app-RecommendationGridEntry-placeholder {
  color: #ffffff;
  transform: scale(0.9);
}
.app-RecommendationGridEntry-bottomActions {
  margin-top: 1em;
}
.app-RecommendationGridEntry-topActions {
  margin-top: 0.3em;
  opacity: 1;
  transition: opacity 300ms;
}
.app-RecommendationGridEntry--open .app-RecommendationGridEntry-topActions {
  opacity: 0;
}
.app-RecommendationGridEntry--open .app-RecommendationGridEntry-bottomContent {
  opacity: 1;
  transition-delay: 100ms;
}