:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

.space-bottom {
  margin-bottom: 2rem;
}

p {
  margin-bottom: 20px;
}

nav + .app-container a:not(.btn) {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
nav + .app-container a:not(.btn):hover, nav + .app-container a:not(.btn):focus, nav + .app-container a:not(.btn):focus {
  text-decoration: underline;
}

.panel-violet,
.panel-primary,
.panel-primary-dark,
.panel-gray-dark,
.panel-secondary {
  color: hsl(0, 0%, 100%);
}

.panel-pushed-left {
  margin-right: 40px;
}

.panel-pushed-right {
  margin-left: 40px;
}

.panel-secondary.panel-bleed-left:before,
.panel-secondary.panel-bleed-right:before,
.panel-secondary {
  background-color: hsl(216, 52%, 29%);
}

.panel {
  padding: 30px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
.loading-darkred[data-v-9882f238] {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.loading-white[data-v-9882f238] {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  background-repeat: no-repeat;
  background-position: center;
}
[data-v-659e031c]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-659e031c]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-659e031c],
h2[data-v-659e031c],
h3[data-v-659e031c],
h4[data-v-659e031c],
h5[data-v-659e031c] {
  margin: 0;
}
[data-v-659e031c]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.separator__long[data-v-659e031c] {
  width: 100%;
  height: 2px;
}
.separator__short[data-v-659e031c] {
  width: 120px;
  height: 7px;
  margin: 20px 0;
}
@media (max-width: 767.98px) {
.separator__long[data-v-659e031c] {
    height: 1px;
}
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
.page-header {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
[data-v-59fa37f0]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-59fa37f0]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
[data-v-59fa37f0]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-59fa37f0]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-59fa37f0],
h2[data-v-59fa37f0],
h3[data-v-59fa37f0],
h4[data-v-59fa37f0],
h5[data-v-59fa37f0] {
  margin: 0;
}
[data-v-59fa37f0]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.rounded-image[data-v-59fa37f0] {
  position: relative;
}
.rounded-image__image img[data-v-59fa37f0] {
  object-fit: cover;
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  vertical-align: unset;
}
.rounded-image__image[data-v-59fa37f0] {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  display: block;
}
.rounded-image__logo .rounded-image__image[data-v-59fa37f0] {
  border: 1px solid rgba(204, 204, 204, 0.09);
}
@media screen and (max-width: 425px) {
.rounded-image__favorited-icon[data-v-59fa37f0],
  .rounded-image__lock-icon[data-v-59fa37f0] {
    transform: scale(0.8);
}
}
.rounded-image__favorited-icon[data-v-59fa37f0] {
  fill: hsl(0, 0%, 100%);
  background-color: hsl(352, 74%, 46%);
  padding: 6px;
  border-radius: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
}
.rounded-image__lock-icon[data-v-59fa37f0] {
  background-color: hsl(0, 0%, 66%);
  border-radius: 50%;
  padding: 8px;
  fill: hsl(0, 0%, 100%);
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: visible;
}
.photo-xs[data-v-59fa37f0] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.photo-sm[data-v-59fa37f0] {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
}
.rounded-image.photo-sm .rounded-image__favorited-icon[data-v-59fa37f0],
.rounded-image.photo-xs .rounded-image__favorited-icon[data-v-59fa37f0] {
  bottom: -10px;
  right: -7px;
}
.photo-md[data-v-59fa37f0] {
  width: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  max-width: 100px;
  max-height: 100px;
  min-width: 75px;
  min-height: 75px;
}
.photo-80[data-v-59fa37f0] {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.photo-lg[data-v-59fa37f0] {
  max-width: 160px;
  max-height: 160px;
  width: calc(75px + (160 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (160 - 75) * (100vw - 320px) / (1440 - 320));
  min-width: 75px;
  min-height: 75px;
}
.photo-xlg[data-v-59fa37f0] {
  max-width: 220px;
  max-height: 220px;
  width: calc(90px + (220 - 90) * (100vw - 320px) / (1440 - 320));
  height: calc(90px + (220 - 90) * (100vw - 320px) / (1440 - 320));
}
[data-v-39c77f2c]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-39c77f2c]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-39c77f2c],
h2[data-v-39c77f2c],
h3[data-v-39c77f2c],
h4[data-v-39c77f2c],
h5[data-v-39c77f2c] {
  margin: 0;
}
[data-v-39c77f2c]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
h5[data-v-39c77f2c] {
  margin-bottom: 0;
}
.panel[data-v-39c77f2c] {
  margin-bottom: 1rem;
}
.team-box[data-v-39c77f2c] {
  margin-bottom: 30px;
}
.team-box p[data-v-39c77f2c] {
  margin-bottom: 0;
}
.toggle-small[data-toggle=collapse][data-v-39c77f2c] {
  margin-top: 20px;
  cursor: pointer;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
.toggle[data-v-39c77f2c] {
  margin-bottom: 0;
}
.toggle .toggle-on[data-v-39c77f2c] {
  display: none;
}
.toggle[aria-expanded=true] .toggle-on[data-v-39c77f2c] {
  display: inline;
}
.toggle[aria-expanded=true] .toggle-off[data-v-39c77f2c] {
  display: none;
}
.panel-teal .separator[data-v-39c77f2c],
.panel-primary .separator[data-v-39c77f2c],
.panel-primary-dark .separator[data-v-39c77f2c],
.panel-secondary .separator[data-v-39c77f2c],
.panel-violet .separator[data-v-39c77f2c] {
  background-color: #fff;
}
.collapse-body > .separator[data-v-39c77f2c] {
  margin-top: 0;
}
.row-flex[data-v-39c77f2c] {
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media (max-width: 767.98px) {
.panel > h2[data-v-39c77f2c] {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
.separator[data-v-39c77f2c] {
    margin: 30px auto;
}
.panel .toggle[data-v-39c77f2c] {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
}
@media (max-width: 767.98px) {
.app-container[data-v-39c77f2c] {
    width: 100%;
}
.panel-pushed-right[data-v-39c77f2c],
  .panel-pushed-left[data-v-39c77f2c] {
    margin-right: 0;
    margin-left: 0;
}
.panel[data-v-39c77f2c] {
    margin-bottom: 20px;
    padding: 20px;
}
}
.rounded-image img {
  -o-object-position: top;
     object-position: top;
}