@charset "utf-8";

/*  BOX */
.box {
  --btwh: 22px;
  min-height: var(--btwh);
}

.box[margin-type="wide"] {
  margin-top: 90px;
}

/* LAYOUT TYPES */
*[layout-type="center"] {
  --max-width: 800px;
  --padding: 15px;
  --width:
    min(var(--max-width), calc(100% - var(--padding)*2));
  line-height: 1.3em;
  width: var(--width);
  margin-left: calc((100% - var(--width))/2);
}

.box[layout-type="maincenter"] {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

body {
  --maincenter-left: calc((100% - min(calc(1280px - 30px), calc(100% - 30px)))/2);
}

*[layout-type="fullwidth"] {
  width: 100%;
}

*[layout-type="simple"] {

  width: min(calc(100% - 30px), 800px);

  margin-left: auto;

  margin-right: auto
}

/*  ticketdatelinks */
.ticketdatelinks a {
  text-decoration: inherit;
  font-family: 'medium';
}

.ticketdatelinks a:hover {
  cursor: pointer;
  transition: color 0.3s;
  color: var(--hover-color);
}

/* TEXTBOX */
.textbox {
  color: var(--color);
}

/* CREDIT BOX */
.creditbox {
  color: var(--color);
  font-size: calc(15/20 * 1em);
  margin-top: var(--margin-big);
  text-align: center;
}

/* HEADER MEDIA BOX */
.headermediabox,
.fullpagemediabox {
  height: calc(var(--currentview-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 46px);
  max-height: calc(var(--currentview-height) * (5/4));
  margin-top: 0 !important;
  overflow: hidden;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

body[is-fe] .headermediabox[is-empty],
body[is-fe] .fullpagemediabox[is-empty] {
  display: none;
}

.headermediabox .media,
.fullpagemediabox .media {
  height: 100%;
  width: 100%;
}

.headermediabox .mediafootage,
.fullpagemediabox .mediafootage {
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.headermediabox *[input-name="credit"] {
  position: absolute;
  opacity: 0.5;
  font-size: 12px;
  line-height: var(--line-height);
  right: 0.5em;
  bottom: 0;
  text-align: right;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
}

body[is-fe] .headermediabox *[input-name="credit"] {
  pointer-events: none;
}

body[is-fe] .headermediabox *[input-value=""] {
  display: none;
}

.headermediabox .newswrap {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: min(calc(100% - 30px), 320px);
  background: white;
  padding: 15px;
  clip-path: inset(0 round var(--border-radius));
  color: black;
  padding-right: 45px;
  /* --hit-by-query-slug: body .dropup|dropup; */
  /* transition: bottom 0.3s; */
}

.headermediabox .newswrap[is-hit-by-dropup] {
  bottom: 70px;
}

.headermediabox .newswrap *[input-type="dateinput"] {
  margin-top: 15px;
  background: white;
  margin-left: 0px;
}

body[is-cms] .headermediabox .closebt {
  pointer-events: none;
}

.headermediabox .closebt {
  position: absolute;
  top: 15px;
  right: 15px;
  --svgicon-url: var(--utils-icon-close);
  --svgicon-size: 100%;
}

.headermediabox[layout-type="notext"] .overlaytextbox {
  display: none;
}

.headermediabox .overlaytextbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  mix-blend-mode: difference;
  color: white;
}

.headermediabox .overlaytextbox {
  pointer-events: none;
}

body[is-cms] .headermediabox .overlaytextbox>* {
  pointer-events: all;
}

.headermediabox .overlaytextbox .text {
  font-size: 6vw;
  margin: auto;
  line-height: 1.1em;
  text-align: center;
}

/* IFRAME */
.iframe iframe {
  width: 100%;
  height: calc(var(--this-rect-width) / var(--aspect-ratio));
}

.iframe {
  padding: 0;
  line-height: 0;
}

/* GALLERY BOX */
.gallerybox {
  --gap-x: 4px;
  margin-top: var(--margin-medium);
}

.gallerybox[layout-type="sidegallery"] {
  margin-top: 0;
}

.gallerybox[layout-type="sidegallery"][is-empty] {
  display: none;
}

.gallerybox .gallerythumbs {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--small-gap);
  row-gap: var(--small-gap);
  padding: var(--small-gap);
}

.gallerybox .gallerythumbbox {
  --richtext-height: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  height: min(calc((15vw + 50px) + var(--richtext-height)), 300px);
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

body[device-mode="tablet"] .gallerybox .gallerythumbbox {
  height: calc(16vw + var(--richtext-height));
}

body[device-mode="mobile"] .gallerybox {
  --gap-x: 6px;
}

body[device-mode="mobile"] .gallerybox .gallerythumbbox {
  height: calc(23vw + var(--richtext-height));
}

.gallerybox .gallerythumbbox .media,
.gallerybox:not([layout-type="sidegallery"]) .gallerythumbbox .gradientpicker {
  height: calc(100% - var(--richtext-height));
  transition: border-radius 0.6s ease-out;
}

body[is-fe] .gallerybox:not([layout-type="sidegallery"]) .gallerythumbbox .media,
body[is-fe] .gallerybox:not([layout-type="sidegallery"]) .gallerythumbbox .gradientpicker {
  overflow: hidden;
  border-radius: 15px;
}

body[is-fe] .gallerybox:not([layout-type="sidegallery"]) .gallerythumbbox:hover .media,
body[is-fe] .gallerybox:not([layout-type="sidegallery"]) .gallerythumbbox:hover .gradientpicker {
  border-radius: 100%;
}

.gallerybox[layout-type="sidegallery"] .gallerythumbbox .media {
  height: fit-content;
  height: -moz-fit-content;
}

.gallerybox[layout-type="sidegallery"] .gallerythumbbox .media .mediafootage {
  max-height: 375px;
}

.gallerybox .gallerythumbbox .media .mediafootage {
  pointer-events: none !important;
  width: auto;
  min-width: 100%;
  clip-path: inset(0 round var(--border-radius));
}

.gallerybox .gallerythumbbox .gradientpicker {
  clip-path: inset(0 round var(--border-radius));
}

.mainsidebox .gallerybox .gallerythumbs .gallerythumbbox {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  height: fit-content;
  height: -moz-fit-content;
}

.mainsidebox .gallerybox .gallerythumbs .gallerythumbbox .mediafootage {
  width: 100%;
  height: auto;
  clip-path: none;
}

.gallerypopupbox {
  --padding: 15px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: transparent;
  transition: background 0.6s;
  overflow: hidden;
  --thumb-tanslate-x: 0px;
  --thumb-tanslate-y: 0px;
  --thumb-scale-x: 0.2;
  --thumb-scale-y: 0.2;
}

.gallerypopupbox[is-open],
.gallerypopupbox[before-open] {
  transition: background 0.6s;
  opacity: 1;
  pointer-events: all;
  background: var(--bg-color);
}

.gallerypopupbox .iconbt,
.gallerypopupbox .galleryel .toggleopacity {
  opacity: 0;
  transition: opacity 0.0s 0.0s;
}

.gallerypopupbox[is-open] .iconbt,
.gallerypopupbox[is-open] .toggleopacity {
  opacity: 1;
  transition: opacity 0.6s 0.0s;
}

.gallerypopupbox[is-open] .mediabox .mediafootage,
.gallerypopupbox[is-open] .mpopoutmediasec .mediafootage {
  transition: none;
  transform: none;
  opacity: 1;
}

.gallerypopupbox .galleryel[is-active-scrollsnap] .mediabox .mediafootage,
.gallerypopupbox .galleryel[is-active-scrollsnap] .mpopoutmediasec .mediafootage {
  transition: transform 0.6s, opacity 0.6s;
}

.gallerypopupbox[before-open] .galleryel[is-active-scrollsnap] .mediabox .mediafootage,
.gallerypopupbox[before-open] .galleryel[is-active-scrollsnap] .mpopoutmediasec .mediafootage {
  transition: transform 0.0s, opacity 0.0s;
}

.gallerypopupbox .mediabox .mediafootage,
.gallerypopupbox .mpopoutmediasec .mediafootage {
  /* opacity: 0; */
}

.gallerypopupbox[is-open] .gallerypopupbox .mpopoutmediasec .mainmedia {
  background: black;
}

.gallerypopupbox .galleryel[is-active-scrollsnap] .mediabox .mediafootage,
.gallerypopupbox .galleryel[is-active-scrollsnap] .mpopoutmediasec .mediafootage {
  transform: translate(var(--thumb-tanslate-x), var(--thumb-tanslate-y)) scale(var(--thumb-scale-x), var(--thumb-scale-y));
}

.gallerypopupbox[is-open] .galleryel[is-active-scrollsnap] .mediabox .mediafootage,
.gallerypopupbox[is-open] .galleryel[is-active-scrollsnap] .mpopoutmediasec .mediafootage {
  transition: transform 0.6s, opacity 0.6s;
  transform: translate(0, 0) scale(1);
}

.gallerypopupbox[sim-full-open] .galleryel[is-active-scrollsnap] .mediabox .mediafootage,
.gallerypopupbox[sim-full-open] .galleryel[is-active-scrollsnap] .mpopoutmediasec .mediafootage {
  transition: none;
  transform: none;
  opacity: 1;
}

.gallerypopupbox .iconbt {
  position: absolute;
  width: var(--btwh);
  height: var(--btwh);
  cursor: pointer;
  line-height: var(--btwh);
  font-size: 2em;

  text-align: center;
}

.gallerypopupbox .iconbt .svgicon {
  background: currentColor;
  transition: background 0.3s;
  --svgicon-size: 50%;
}

.gallerypopupbox .iconbt:hover .svgicon {
  background: var(--hover-color);
}

.gallerypopupbox .closebt {
  --svgicon-url:
    var(--utils-icon-close);
  top: 0;
  right: 0;
}

.gallerypopupbox .nextbt {
  --svgicon-url:
    var(--arrow-right);
  right: 0;
}

.galleryels[last-is-active]~.nextbt {
  display: none;
}

.gallerypopupbox .prevbt {
  --svgicon-url: var(--arrow-left);
  left: 0;
}

.galleryels[first-is-active]~.prevbt {
  display: none;
}

.gallerypopupbox .prevbt,
.gallerypopupbox .nextbt {
  top: 50%;
  transform: translate(0, -50%);
}

body[device-mode="mobile"] .gallerypopupbox .prevbt,
body[device-mode="mobile"] .gallerypopupbox .nextbt {
  top: initial;
  bottom: 0px;
  transform: none;
}

.gallerypopupbox .galleryels {
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
}

.gallerypopupbox .galleryels .galleryel {
  /* display: inline-block; */
  margin-top: auto;
  width: 100%;
  height: 100%;
  padding: calc(var(--padding) * 3);
  padding-top: calc(var(--padding) * 2.5);
  padding-bottom: calc(var(--padding) * 3);
}

body[device-mode="mobile"] .galleryels .galleryel {
  padding-left: 1em;
  padding-right: 1em;
}

.gallerypopupbox .galleryels .galleryel .caption {
  position: absolute;
  overflow-y: auto;
  bottom: 0.5em;
  display: flex;
  left: calc(3 * var(--padding));
  opacity: 0;
  font-size: 12px;
  text-align: center;
  width: calc(100% - 6 * var(--padding));
  height: calc(3 * var(--padding) - 1em);
  transition: opacity 0.3s 0s;
  white-space: nowrap;
}
.gallerypopupbox .galleryels .galleryel .caption .captiontext{
  margin:auto;
}
.gallerypopupbox[is-open] .galleryels[is-scrolling] .galleryel .caption {
  opacity: 0;
  transition: none;
}

.gallerypopupbox[is-open] .galleryels .galleryel .caption {
  opacity: 0.25;
}

.gallerypopupbox .galleryels .galleryel .caption p {
  margin-left: auto;
}

.gallerypopupbox .galleryels .galleryel .caption p:last-child {
  margin-left: 1em;
  margin-right: auto;
  /* margin-bottom: auto; */
}

.gallerypopupbox .galleryels .galleryel .mediabox {
  width: 100%;
  height: 100%;
}

.gallerypopupbox .galleryels .galleryel .media {
  position: relative;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallerypopupbox .galleryels .galleryel .mediafootage {
  /* --obj-fit: contain; */
  object-fit: contain;
  object-position: center;
  background-image: none !important;
}

.gallerypopupbox .galleryels .galleryel .mediafootage:not([is-yt-iframe]):not([is-vm-iframe]) {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* CMD  BOX */
.cmdbox {
  display: flex;
  flex-direction: column;
}

.cmdbox *[input-name="cmd"] {
  width: 100%;
  background: blue;
  --input-padding-offset: 0;
  --input-padding-left: 0;
  padding: var(--padding);
}

.cmdbox .cmdresult {
  display: flex;
  flex-direction: column;
}

.cmdbox iframe {
  width: 100%;
}

.cmdbox .cookiesettingbox {
  padding: 0em;
  font-size: var(--font-size);
  background: transparent;
}

.cmdbox .cookiesettingbox .buttons {
  font-size: 0.75em;
}

/* DOWNLOADS  BOX */
.downloadsbox {
  margin-top: calc(var(--margin-big)/2);
  padding-top: calc(var(--margin-big)/2);
}

.downloadsbox .headline {
  font-size: var(--font-size-big);
  line-height: 1em;
  margin-bottom: 1em;
}

.downloadsbox .downloadboxes {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
}

.downloadsbox .downloadboxes .expandbox {
  /* padding-top: 2em; */
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}

.downloadsbox .expandbox>*:first-child {
  margin-top: 2em;
}

.downloadsbox .expandbox>*:last-child {
  padding-bottom: 2em;
}

.downloadbox .downloadfiletextboxes {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  row-gap: 1em;
}

.downloadbox .downloadfiletextboxes .downloadfiletextbox {
  display: flex;
  padding: 0.5em 1em;
  column-gap: 0.5em;
  flex-basis: max(calc(50% - 1em), 420px);
  border: solid 2px;
  border-radius: 6px;
  font-size: var(--font-size-small);
  line-height: 1em;
}

.downloadbox .downloadfiletextboxes .downloadfiletextbox>* {
  margin-top: auto;
  margin-bottom: auto;
}

.downloadbox .downloadfiletextboxes .downloadfiletextbox .downloadicon {
  margin-left: auto;
}

.downloadbox .downloadicon {
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  border-radius: 2em;
  overflow: hidden;
  background: white;
  --svgicon-size: 65%;
  --svgicon-url: var(--download-icon);
  --svgicon-color: var(--bg-color);
  margin-left: auto;
}

.downloadbox .downloadmediatextboxes .downloadmediatextbox .downloadicon {
  position: absolute;
  right: 1em;
  bottom: 1em;
}

.downloadbox .downloadmediatextbox .mediafootage {
  height: 200px;
  width: auto;
  max-width: 100%;
  max-width: 400px;
  object-fit: contain;
  background: var(--bg-color-strong);
--width-height-to-closest-slug-1: .downloadmediatextbox|mediafootage;
}

.downloadbox .sectionbar {
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
}

body[is-fe] .downloadbox .sectionbar {
  padding-right: calc(0.75em + 10px);
}

.downloadbox .downloadmediatextboxes {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 6px;
}

.downloadbox .downloadmediatextboxes .downloadmediatextbox {
  display: flex;
  flex-flow: column;
  font-size: var(--font-size-small);
  line-height: var(--line-height);
}
body[is-cms] .downloadbox .downloadmediatextboxes .downloadmediatextbox{
  background: #ffffff17;
}
body[is-cms] .downloadbox .downloadmediatextboxes .downloadmediatextbox .media {
  min-width: 100px;
}
body[is-cms]  .downloadbox .downloadmediatextboxes{
  margin-top: 1em;
}
.downloadbox .downloadmediatextboxes .downloadmediatextbox .mlw_text{
  max-width: var(--mediafootage-width);
}
.downloadbox .downloadmediatextboxes .downloadmediatextbox .text:not([isempty]) {
  margin-top: 0.5em;
  margin-bottom: calc(1em - 6px);
}

.downloadbox .downloadmediatextboxes .imgdownloadwrapper {
  position: relative;
}

body[is-cms] .downloadbox .expandbutton.overlaylink {
  position: relative;
  height: auto;
  width: auto;
}

.box.downloadfiletextbox .media {
  /* right: 1em; */
  width: var(--btwh);
  height: var(--btwh);
  margin-left: auto;
  margin-right: 0;
}

.box.downloadfiletextbox .media .changemediaidbt {
  display: none !important;
}

.box.downloadfiletextbox .media .mediafootage:not(a) {
  display: none !important;
}

body[is-cms] .box.downloadfiletextbox {
  cursor: auto;
}

body[is-fe] .box.downloadfiletextbox .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9999;
}

.box.downloadfiletextbox .media .uploadbt {
  /* top: 0; */
  /* left: 0; */
  /* right: auto; */
  --padding: 0;
}

/* MEDIA BOX */
.mediabox .caption {
  font-size: 0.75em;
  line-height: var(--line-height);
  margin-top: 0.25em;
  opacity: 0.5;
  /* position: absolute; */
  /* bottom: 0; */
  /* opacity: 1; */
  /* padding: 0 1em; */
  /* text-align: right; */
  /* width: 100%; */
  /* opacity: 0.5; */
  /* filter: drop-shadow(0px 0px 6px black); */
  /* z-index: 99999; */
}

/* MEDIA LINKS BOX*/
.mediatextlinksbox {
  margin-top: var(--margin-big);
}

.mediatextlinksbox .addboxbutton {
  margin-left: var(--maincentered-left);
}

.mediatextlinksbox .headline {
  font-size: 35px;
  padding-bottom: 15px;

}

.mediatextlinksbox .mediatextlinkboxes {
  display: flex;
  --elw: 256px;
  --aspect: 1;
  --gap-x: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 15px;
}

*[page-type="post"] .mediatextlinksbox .mediatextlinkboxes {
  --aspect: calc(16/9);
}

body[device-mode="mobile"] .mediatextlinksbox .mediatextlinkboxes {
  --elw: 160px;
  font-size: 12px;
}

body[is-cms] .mediatextlinksbox .mediatextlinkboxes {
  padding-top: 1em;
}

.mediatextlinksbox .mediatextlinkbox {
  width: var(--elw);
  padding-top: calc(var(--elw) * 1/var(--aspect));
  border-radius: var(--border-radius);
  margin-right: var(--gap-x);
  flex-shrink: 0;
  color: white;
}

body[url-lastpart="compagnie"] .mediatextlinksbox .mediatextlinkbox .media {
  filter: grayscale(1);
}

.mediatextlinksbox .mediatextlinkbox:first-child {
  margin-left: calc((100% - min((1280px - 30px), 100%))/2);
}

.mediatextlinksbox .mediatextlinkbox:last-child {
  margin-right: auto;
}

.mediatextlinksbox *[input-name="href"] {
  position: absolute;
  top: 0px;
  left: 5px;
  font-size: 15px;
  line-height: 1em;
  white-space: nowrap;
  color: var(--ci-color);
}

.mediatextlinksbox .mediatextlinkbox>.media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mediatextlinksbox .mediatextlinkbox .media .mediafootage {
  border-radius: var(--border-radius);
}

.mediatextlinksbox .mediatextlinkbox .text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  max-width: calc(100% - 20px);
  height: auto;
  border: solid white 1px;
  border-radius: 15px;
  padding: 5px 15px;
  line-height: 1em;
  transition: background 0.3s, color 0.3s;
  width: fit-content;
}

.mediatextlinksbox .mediatextlinkbox:hover .text {
  border: solid white 1px;
  background: white;
  color: black;
}

/* TEAM TABLE BOX */
.teamtablebox {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
}

*[layout-type="simple"] .teamtablebox {
  padding: 0;
}

.teamtablebox .teamtablesectionbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.teamtablebox .teamtablesectionbox .addboxbutton {
  position: absolute;
  margin-left: 0;
  top: calc(var(--secname-height) - 1.5em);
  left: 0;
}

.teamtablebox .teamtablesectionbox .sectionamesec {
  width: calc(100% / 3);
  flex-shrink: 0;
  padding-right: 15px;
  padding-bottom: var(--line-height);
  height: fit-content;
  height: -moz-fit-content;
  --width-height-to-closest-slug: .box|secname;
}
body[device-mode="mobile"] .teamtablebox .teamtablesectionbox .sectionamesec,
body[device-mode="mobile"] .teamtablebox .teamtablepersonbox{

  padding-bottom: calc(var(--line-height) * 0.75);
}
body[device-mode="mobile"] .teamtablebox .teamtablepersonbox:last-child{
   margin-bottom: calc(var(--line-height) * 1.5);
}
.teamtablebox .teamtablesectionbox .teamtablepersonboxes {
  width: calc(100% / 1.5);
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}

.teamtablebox .teamtablepersonbox {
  width: calc(100% / 2);
  flex-shrink: 0;
  margin-top: 0;
  padding-right: 15px;
  padding-bottom: var(--line-height);
}

.teamtablebox .teamtablepersonbox[is-expanded] .expandbutton:after {
  transform: translateY(-50%) rotate(0deg);
}

.teamtablebox .teamtablepersonbox .cat {
  color: var(--em-color);
}

body:not([device-mode="desktop"]) .teamtablebox .teamtablepersonbox {
  width: calc(100%);
}

body[device-mode="mobile"] .teamtablebox .sectionamesec {
  width: calc(100%);
}

body[device-mode="mobile"] .teamtablebox .teamtablesectionbox .teamtablepersonboxes {
  width: calc(100%);
}

/* STORY SLIDER BOX */

.storysliderbox {
  margin-top: calc(var(--margin-big)/2);
  padding-top: calc(var(--margin-big)/2);
  margin-bottom: 90px;
  --centerw: min(calc(100% - 30px), 890px);
}

.storysliderbox .addboxbutton {
  position: absolute;
  top: 5px;
  left: var(--maincentered-left);
}

.storysliderbox .sliderelboxes {
  display: flex;
  overscroll-behavior-y: auto;
  transform: scale(1);
  scroll-padding-left: calc((100% - var(--centerw))/2);
  scroll-snap-align: start;
  --compute-to-att: scroll-padding-left|scroll-padding-left;
  --no-wheel: true;
}
body[is-cms] .storysliderbox .sliderelboxes {
   padding-top: var(--btwh);
}

.storysliderbox .storysliderelbox {
  margin-right: 15px;
  scroll-snap-align: start;
  height: 100%;
  /* margin-top: 30px; */
  /* margin-bottom: 30px; */
  filter: brightness(0.25);
  transition: filter 0.3s;
  width: var(--media-width);
}

body[device-mode="tablet"] .storysliderbox .storysliderelbox {
  /* margin-bottom: 15px; */
}

body[device-mode="mobile"] .storysliderbox .storysliderelbox {
  margin-bottom: 0px;
}

.storysliderbox .sliderelboxes>.storysliderelbox .textsec {
  width: min(calc(100vw - 30px), 890px);
}

.storysliderbox .sliderelboxes>.storysliderelbox:not([is-active-scrollsnap]) .textsec {
  opacity: 0;
  pointer-events: none;
}

.storysliderbox .sliderelboxes>.storysliderelbox .mediasec {
  cursor: pointer;
  background: black;
}

.storysliderbox .sliderelboxes>.storysliderelbox[is-active-scrollsnap] {
  filter: brightness(1);
}

.storysliderbox .sliderelboxes .mediafootage {
  --asp-f:
    calc(9/16);
  height: calc(min(var(--asp-f) * var(--docel-client-width), var(--asp-f) * 1020px));
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--line-height);
  --width-height-to-closest-slug: .storysliderelbox|media;
}

.storysliderbox .sliderelboxes>.storysliderelbox:first-child {
  margin-left: 100%;
}

.storysliderbox .sliderelboxes>.storysliderelbox:last-child {
  margin-right: 100%;
}

.storysliderbox .sliderelinfo {
  opacity: 0.0;
  position: sticky;
  top: 0;
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  grid-area: 1 / 1;
  transition: opacity 0.3s;
}

.storysliderbox .sliderelinfoboxes {
  display: grid;
  width: var(--centerw);
  margin-left: auto;
  margin-right: auto;
}

.storysliderbox .sliderelinfo[is-active-scrollsnap] {
  opacity: 1;
}

.storysliderbox .prevbt {
  --svgicon-url:
    var(--arrow-left);
  left: 5px;
}

.storysliderbox .nextbt {
  --svgicon-url: var(--arrow-right);
  right: 5px;
}

.storysliderbox .nextbt,
.storysliderbox .prevbt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  display: none;
}

.sliderelboxes[overlapping-right]~.nextbt {
  display: block;
}

.sliderelboxes[overlapping-left]~.prevbt {
  display: block;
}

/* SECTION  HEADLINE BOX*/
.sectionheadlinebox {
  font-size: 35px;
  line-height: 1em;
  padding-bottom: 15px;
}

/* MEDIATHEK SLIDER BOX */
.mediatheksliderbox {
  margin-top: var(--margin-big);
}

.mediatheksliderbox .addboxbutton {
  left: var(--maincenter-left);
}

body[device-mode="mobile"] .mediatheksliderbox {
  font-size: 15px;
}

.mediatheksliderbox .sliderelboxes {
  display: flex;
  overscroll-behavior-y: auto;
  --no-wheel: true;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox {
  margin-right: 15px;
  scroll-snap-align: center;
  height: fit-content;
  height: -moz-fit-content;
  margin-top: 30px;
  margin-bottom: 30px;
  transition: filter 0.3s;
  --asp-f:
    calc(9/16);
  --width: calc(min((var(--docel-client-width) - 90px), calc(1280px - 30px)));
  --height:
    calc(var(--asp-f) * var(--width));
  height: var(--height);
  width: var(--width);
  --width-height-to-closest-slug: .mediatheksliderelbox|sliderelbox;
  --font-size-factor: 0.04;
  font-size: min(calc((var(--sliderelbox-width) - 30px) * var(--font-size-factor)), var(--font-size));
  line-height: var(--line-height);
}

body[is-fe] .mediatheksliderbox .sliderelboxes>.mediatheksliderelbox {
  filter: brightness(0.25);
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0px;
  padding: 1em;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .mpopoutbt {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec>* {
  pointer-events: all;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .title,
.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .text {
  width: calc(100% - var(--btwh) * 3);
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .title {
  font-size: max(2.06em, 15px);
  line-height: 1em;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .text {
  font-size: max(1em, 12px);
  line-height: var(--line-height);
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .mlw_duration {
  margin-top: auto;
  margin-left: auto;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .duration {

  border: solid 1px;
  padding: 0.25em 0.5em;
  font-size: max(1em, 12px);
  line-height: var(--line-height);
  border-radius: 5px;
}

body[is-fe] .mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .textsec .duration:empty {
  display: none;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox .mediasec {
  cursor: pointer;
}

body[is-fe] .mediatheksliderbox .sliderelboxes>.mediatheksliderelbox[is-active-scrollsnap] {
  filter: brightness(1);
}

.mediatheksliderbox .sliderelboxes .mediafootage {
  height: var(--height);
  width: var(--width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--line-height);
  background: black;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox:first-child {
  margin-left: 100%;
}

.mediatheksliderbox .sliderelboxes>.mediatheksliderelbox:last-child {
  margin-right: 100%;
}

.mediatheksliderbox .sliderelinfoboxes {
  display: grid;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.mediatheksliderbox .sliderelinfo[is-active-scrollsnap] {
  opacity: 1;
}

/* ADD TO FILTER DROPDOWN FILTERBOX */
.addtodropupfilterboxdropdown {
  padding: 15px;
}

.addtodropupfilterboxdropdown div[input-type="dropdown"] {
  background: #0d5564;
}

/* MEDTATHEK TRAILERBOX */
.mediathektrailerbox {
  --height: min(320px, 30vw);
  margin-top: var(--margin-big);
}

.mediathektrailerbox .addboxbutton {
  left: var(--maincenter-left);
}

body[device-mode="mobile"] .mediathektrailerbox {
  font-size: 15px;
  line-height: var(--line-height);
}

.mediathektrailerbox>.mlwrapper .title {
  font-size: 35px;
  /* margin-top: 40px; */
  width: min(calc(1280px - 30px), calc(100% - 30px));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.mediathektrailerbox .trailerelboxes {
  display: flex;
  column-gap: 15px;
  width: 100%;
  overflow-y: hidden;
  scroll-margin: 15px;
}

body[is-cms] .mediathektrailerbox .trailerelboxes {
  padding-top: var(--btwh);
  padding-bottom: 5px;
}

.mediathektrailerbox .mediathektrailerelbox {
  height: 100%;
}

body[is-fe] .mediathektrailerbox .mediathektrailerelbox .popoutbox {
  display: none;
}

.mediathektrailerbox .mediathektrailerelbox .text {
  opacity: 0.25;
}

.mediathektrailerbox .mediathektrailerelbox .mediasec {
  margin-bottom: 10px;
  background: black;
}

.mediathektrailerbox .mediathektrailerelbox .mediasec .duration {
  position: absolute;
  font-size: 15px;
  line-height: var(--line-height);
  bottom: 15px;
  right: 15px;
  border: solid 1px;
  padding: 0.25em 0.5em;
  border-radius: 5px;
}

body[is-fe] .mediathektrailerbox .mediathektrailerelbox .mediasec .duration:empty {
  display: none;
}

body[device-mode="mobile"] .mediathektrailerbox .mediathektrailerelbox .mediasec .duration {
  font-size: 12px;
}

.mediathektrailerbox .mediathektrailerelbox .mediafootage {
  height: var(--height);
  width: auto;
}

.mediathektrailerbox .mediathektrailerelbox:first-child {
  margin-left: max(calc((100% - min((1280px - 30px), 100%))/2), 15px);
}

/* MEDIATHEK VIDEO GALLERY BOX */
.mediathek_video_gallery_box {
  margin-top: var(--margin-big);
}

.mediathek_video_gallery_box .addboxbutton {
  left: var(--maincenter-left);
}



.mediathek_video_gallery_box .mediathek_video_gallerythumb_boxes {
  display: grid;
  --child-count-to-closest-slug: .mediathek_video_gallery_box|thumb;
  margin-left: auto;
  margin-right: auto;
  height: 230px;
  column-gap: var(--small-gap);
  row-gap: var(--small-gap);
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_boxes:empty {
  height: 0px;
}

body[is-fe] .mediathek_video_gallery_box[thumbchild-count="0"] .mediathek_video_gallerythumb_boxes {
  display: none;
}

.mediathek_video_gallery_box[thumbchild-count="1"] .mediathek_video_gallerythumb_boxes {
  grid-template-columns: 1fr;
  width: min(800px, calc(100% - 30px));
}

.mediathek_video_gallery_box[thumbchild-count="2"] .mediathek_video_gallerythumb_boxes {
  grid-template-columns: 1fr 1fr;
  width: min(1024px, calc(100% - 30px));
}

.mediathek_video_gallery_box[thumbchild-count="3"] .mediathek_video_gallerythumb_boxes {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--small-gap);
  row-gap: var(--small-gap);
  width: min(1920px, calc(100% - 30px));
}

.mediathek_video_gallery_box[thumbchild-count="3"] .addboxbutton {
  display: none;
}

body[is-cms] .mediathek_video_gallery_box .mpopoutbt {
  position: absolute;
  bottom: 5px;
  right: 5px;
  margin-right: 0;
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec {
  width: 100%;
  height: 100%;
  clip-path: inset(0 round var(--border-radius));
  background: black;
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec .media {
  width: 100%;
  height: 100%;
  --play-pause-closestquery-on-hover: .mediathek_video_gallerythumb_box |video;
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec .media .mediafootage {
  transition: transform 0.6s;
  pointer-events: none;
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec:hover .mediafootage {
  transform: scale(1.2);
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec .playbt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --svgicon-url: var(--swg-video-play);
  --btwh:
    calc(var(--thumb-height) * 0.5);
  width: 64px;
  height: 64px;
  pointer-events: none;
  z-index: 12;
}

body[is-cms] .mediathek_video_gallery_box .mediathek_video_gallerythumb_box .mediasec .playbt {
  opacity: 0;
}

.mediathek_video_gallery_box .mediathek_video_gallerythumb_box .playbt .svgicon {
  background: white;
}

/* MEDTATHEK BG BOX */
.mediathekbgbox {
  padding-top: var(--margin-normal);
  --height:
    min(320px, 40vw);
  background: #ffffff38;
  margin-top: var(--margin-big);
  padding-bottom: var(--margin-normal);
}

.mediathekbgbox .addboxbutton {
  left: var(--maincenter-left);
}

.mediathekbgbox>.media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body[device-mode="mobile"] .mediathekbgbox {
  font-size: 15px;
  line-height: var(--line-height);
}

.mediathekbgbox>.mlwrapper>.title {
  font-size: 35px;
  line-height: 1em;
  margin-top: 40px;
  width: min(calc(1280px - 30px), calc(100% - 30px));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--margin-normal);
  color: black;
}

.mediathekbgbox .buttons {
  line-height: 1em;
  margin-top: 40px;
  width: min(calc(1280px - 30px), calc(100% - 30px));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--margin-normal);
}

.mediathekbgbox .mainbuttontext {
  border: solid 1px;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  width: fit-content;
  width: -moz-fit-content;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color 0.3s, background 0.3s;
}

.mediathekbgbox .mainbuttontext:hover {
  background: var(--color);
  color: var(--bg-color);
}

.mediathekbgbox .bgelboxes {
  display: flex;
  column-gap: 15px;
  width: 100%;
  overflow-y: hidden;
  /* padding-left: 15px; */
}

body[is-cms] .mediathekbgbox .bgelboxes {
  padding-top: var(--btwh);
  padding-bottom: 5px;
}

.mediathekbgbox .mediathekbgelbox {
  height: 100%;
  background: black;
}

body[is-fe] .mediathekbgbox .mediathekbgelbox .popoutbox {
  display: none;
}

.mediathekbgbox .mediathekbgelbox .text {
  opacity: 0.25;
}

.mediathekbgbox .mediathekbgelbox .textsec {
  padding: 10px;
  background: black;
}

.mediathekbgbox .mediathekbgelbox .mediasec .duration {
  position: absolute;
  font-size: 15px;
  line-height: var(--line-height);
  bottom: 15px;
  right: 15px;
  border: solid 1px;
  padding: 0.25em 0.5em;
  border-radius: 5px;
}
body[is-fe] .mediathekbgbox .mediathekbgelbox .mediasec .duration {
  display: none;
}
body[device-mode="mobile"] .mediathekbgbox .mediathekbgelbox .mediasec .duration {
  font-size: 12px;
}

.mediathekbgbox .mediathekbgelbox .mediafootage {
  height: var(--height);
  width: auto;
}

.mediathekbgbox .mediathekbgelbox:first-child {
  margin-left: max(calc((100% - min((1280px - 30px), 100%))/2), 15px);
}

/* M POPUOUT BOX */
body[is-cms] .mpopoutbox {
  position: fixed;
  top: 0;
  left: 0;
  background: var(--bg-color);
  display: none;
}

body[is-cms] *[mpopout-is-open] {
  z-index: 99999999;
}

body[is-cms] .mpopoutbox[mpopout-is-open] {
  display: block;
  z-index: 99999999;
}

body[is-cms] .mpopoutbox[mpopout-is-open] .mpopoutbox body[is-cms] mpopoutbox[mpopout-is-open] .mpopoutbox * {
  pointer-events: all !important;
}

body[is-cms] .mpopoutbox {
  padding: calc(15px * 3);
  width: 100%;
  height: 100%;
}

body[is-cms] .mpopoutbox .mpopoutmediasec .media {
  position: relative;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body[is-cms] .mpopoutbox .mpopoutmediasec .mediafootage {
  pointer-events: none;
  object-fit: contain;
  object-position: center;
}

body[is-cms] .mpopoutbox .mpopoutmediasec .mediafootage:not(.pseudoimg) {
  background-color: var(--bg-color-strong);
}

.mpopoutbox {
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.mpopoutbox>* {
  max-width: calc(calc(100vh - 160px) * 16/9);
  margin-left: auto;
  margin-right: auto;
}

.mpopoutbox .closebt {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0.5em;
  width: 2em;
  height: 2em;
  --svgicon-url: var(--utils-icon-close);
}

.mpopoutbox .closebt .svgicon {
  background: currentColor;
  transition: background 0.3s;
}

.mpopoutbox .closebt:hover .svgicon {
  background: var(--hover-color);
}

.mpopoutbox .mpopoutmediasec .media {
  display: block;
}

.mpopoutbox .mpopoutmediasec .mediafootage {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 160px) !important;
}



.mpopoutbox .mpopoutmediasec .mediafootage.pseudoimg {
  position: relative !important;
}

.mpopoutbox .morebuttontext {
  border: solid 1px;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  width: fit-content;
  width: -moz-fit-content;
  text-decoration: none !important;
  /* white-space: nowrap; */
  transition: color 0.3s, background 0.3s;
  margin-left: auto;
  max-width: 100%;
}

.mpopoutbox .morebuttontext:hover {
  background: var(--color);
  color: var(--bg-color);
}

.mpopoutbox .morebuttonhref {
  font-size: 0.75em;
}

.mpopoutbox .mpopoutbottomsec {
  margin-top: 15px;
  display: flex;
  column-gap: 30px;
  row-gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  /* max-width: calc(1280px); */
  margin-left: auto;
  margin-right: auto;
}

.mpopoutbox .mpopoutbottomsec .mpopoutleftsec {
  flex-shrink: 2;
  width: calc(100% - 320px - 30px);
  min-width: min(100%, 640px);
  max-width: 1024px;
}

.mpopoutbox .mpopoutbottomsec .mpopoutrightsec {
  flex-shrink: 0;
  padding-top: 5px;
  max-width: 320px;
}

.mpopoutbox .mpopoutbottomsec .mpopoutrightsec *[input-name="morebuttonhref"] {
  font-size: 0.75em;
  color: var(--ci-color);
  margin-left: auto;
}

.mpopoutbox .mpopoutbottomsec .description {
  margin-top: 15px;
  /* max-width: 626px; */
}

.mpopoutbox .mpopoutbottomsec .mpopoutleftsec .text {
  color: var(--em-color);
}

/* DURATION TEXT BOX */
.durationtextbox {
  font-size: 15px;
  line-height: var(--line-height);
}

.box.mediabox {
  margin-bottom: var(--line-height);
}

/* MEDIA INFO SLIDER BOX */
.box.mediainfo_slider_box {
  --topbox-aspect:
    calc(1920/720);
  --navbutton-gapx: 10px;
  --title-width: 35%;
  --textbox-padding-left-right: 10%;
  --tile-text-gapx: 5%;
  --padding-top: calc(var(--margin-big)/2);
  width: 100%;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.3em;
  padding-top: var(--padding-top);
  margin-top: var(--padding-top);
  width: min(1250px, calc(100% - 30px));
  margin-left: auto;
  margin-right: auto;
}

.box.mediainfo_slider_box .addboxbutton {
  position: absolute;
  top: 5px;
  left: 5px;
}

.box.mediainfo_slider_box .sliderels {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-y: initial;
  --child-count-to-closest-slug: .mediainfo_slider_box|slider;
  --no-wheel: true;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box {
  width: 100%;
  min-width: 100%;
  height: auto;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .furtherbutton {
  color: var(--em-color);
  /* margin-top: 0.25em; */
  margin-left: auto;
}

body[is-cms] .box.mediainfo_slider_box .mediainfo_sliderel_box .boxbts {
  top: 0;
  padding-top: calc(100% * (1 / var(--topbox-aspect)) - var(--btwh));
  left: 0px;
  z-index: 9999;
}

body[is-cms] .box.mediainfo_slider_box .mediainfo_sliderel_box .boxbts>.boxbts_left {
  left: 0px;
  bottom: 0px;
}

.box.mediainfo_slider_box .overlaylink {
  z-index: 3;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .topbox {
  padding-top: calc(100% * (1 / var(--topbox-aspect)));
  --width-height-to-closest-slug: .mediainfo_slider_box|topbox;
  background: black;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .topbox .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .topbox .media .thumbnailimage {
  display: block;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .bottombox {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  transition: opacity 0.6s 0s;
}

body[is-cms] .box.mediainfo_slider_box .mediainfo_sliderel_box .bottombox {
  padding-bottom: 1em;
}

.box.mediainfo_slider_box *[input-name="href"] {
  color: var(--ci-color);
  font-size: 0.75em;
  line-height: var(--line-height);
  position: absolute;
  bottom: 0;
  left: 5px;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box[is-active-scrollsnap] .bottombox,
body[is-cms] .box.mediainfo_slider_box .sliderels[scrollsnap-index="0"] .bottombox{
  opacity: 1;
  transition: opacity 0.6s 0.6s;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .bottombox .titlebox {
  width: calc(var(--title-width));
  font-size: 30px;
  line-height: 1.15em;
}

.box.mediainfo_slider_box .mediainfo_sliderel_box .bottombox .textbox {
  width: calc(100% - var(--title-width) - var(--tile-text-gapx));
  margin-left: var(--tile-text-gapx);
}

.box.mediainfo_slider_box .sliderbutton {
  width: fit-content;
  width: -moz-fit-content;
  padding: 5px 10px;
  opacity: 1;
  transition: opacity 0.6s;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.box.mediainfo_slider_box .sliderbutton p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.box.mediainfo_slider_box .sliderelbutton {
  display: none;
}

.box.mediainfo_slider_box .slidernav {
  position: absolute;
  top: calc(var(--padding-top) + var(--topbox-height) - 60px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  pointer-events: none;
  outline: solid 2px;
  outline-offset: -2px;
  border-radius: 100px;
  z-index: 1001;
  max-width: 100%;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
}

body[is-fe] .box.mediainfo_slider_box[sliderchild-count="1"] .slidernav {
  display: none;
}

.box.mediainfo_slider_box .slidernav>* {
  pointer-events: all;
  cursor: pointer;
  margin-left: var(--navbutton-gapx);
  margin-right: var(--navbutton-gapx);
}

.box.mediainfo_slider_box .slidernav>*:first-child {
  margin-left: auto;
}

.box.mediainfo_slider_box .slidernav>*:last-child {
  margin-right: auto;
}

.box.mediainfo_slider_box .slidernav .sliderbutton {
  max-width: 256px;
  margin-top: auto;
  color: white;
}

.box.mediainfo_slider_box .slidernav .sliderbutton:empty {
  display: none;
}

.box.mediainfo_slider_box .slidernav .sliderbutton[is-active-scrollsnap] {
  color: black;
  background: white;
}

.box.mediainfo_slider_box *:not(.slidernav) .sliderbutton {
  display: none;
  --make-doppelganger: .mediainfo_slider_box|.slidernav|.mediainfo_sliderel_box;
}

body[device-mode="mobile"] .box.mediainfo_slider_box {
  --topbox-aspect: calc(16/9);
}

body[device-mode="mobile"] .box.mediainfo_slider_box .mediainfo_sliderel_box {
  /* margin-bottom: 40px; */
}

body[device-mode="mobile"] .box.mediainfo_slider_box .bottombox {
  display: none;
}

body[device-mode="mobile"] .box.mediainfo_slider_box .sliderels {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  row-gap: var(--padding);
}

body[device-mode="mobile"] .box.mediainfo_slider_box *:not(.slidernav) .sliderbutton {
  position: absolute;
  bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  color: black;
  background: white;
  transform: translateX(-50%);
}

body[device-mode="mobile"] .box.mediainfo_slider_box .slidernav {
  display: none;
}

/* POST PAGE OBJ */
body[is-cms] *[page-type="post"] .metas *[input-name="title"] .inputtextautosizer {
  --make-doppelganger: *[page-type="post"]|.titlewrap;
}


/* PRODUCTION PAGE OBJ */
body[is-cms] *[page-type="production"] .metas *[input-name="title"] .inputtextautosizer {
  --make-doppelganger: *[page-type="production"]|.titlewrap;
}

.box.production_pagebox .basicboxes {
  padding-top: var(--margin-normal);
}

.box.production_pagebox .expandbutton {
  width: fit-content;
  width: -moz-fit-content;
}

.box.production_pagebox .productionmaininfobox .infosec {
  margin-top: var(--margin-medium);
  display: flex;
  column-gap: 30px;
  font-size: 15px;
  line-height: var(--line-height);
}

.box.production_pagebox .productionmaininfobox .infosec>* {
  flex-basis: 50%;
}

.box.production_pagebox .castsection {
  margin-top: var(--margin-big);
}

body[is-fe] .box.production_pagebox .castsection {
  --check-is-empty: .tabletabboxes;
}

body[is-fe] .box.production_pagebox .castsection[is-empty] {
  display: none;
}

body[is-fe] .box.production_pagebox div[input-type="dropdown"] .dropdownscrollcont span.no-casts {
  opacity: 0.5;
  pointer-events: none;
}

.box.production_pagebox .castsection .tabletabboxes .tabletabbox:not([is-active]) {
  display: none;
}

.box.production_pagebox .castsection *[input-name="castsdropdown"] {
  margin-top: var(--margin-normal);
}

.box.production_pagebox .historysection,
.box.production_pagebox .casthistorysection,
.box.production_pagebox .premieresection {
  margin-top: 120px;
  font-size: 15px;
  line-height: var(--line-height);
}

.box.production_pagebox .historysection {
  margin-top: var(--margin-normal);
  display: flex;
  flex-direction: column;
}

.box.production_pagebox .historysection .tabletabsection {
  display: flex;
}

.box.production_pagebox .historysection .tabletabsection {
  display: flex;
}

.box.production_pagebox .historysection .tabletabsectionname {
  width: 60px;
  flex-shrink: 0;
}

.box.production_pagebox .historysection .tabletabsectionname,
.box.production_pagebox.premieresection .tabletabsectionname {
  color: var(--color);
}

.box.productionmetabox {
  padding: 15px;
  font-size: var(--font-size-small);
}

/* UMBRELLA PRODUCTION PAGE OBJ */
body[is-cms] *[page-type="umbrellaproduction"] .metas *[input-name="title"] .inputtextautosizer {
  --make-doppelganger: *[page-type="umbrellaproduction"]|.titlewrap;
}

body[is-cms] *[page-type="inc"] .metas *[input-name="title"] .inputtextautosizer {
  --make-doppelganger: *[page-type="inc"]|.titlewrap;
}

.box.umbrellaproduction_pagebox .basicboxes {
  /* padding-top: var(--margin-big); */
}

.box.umbrellaproduction_pagebox .box.subproductionsbox {
  font-size: 15px;
  line-height: var(--line-height);
  width: min(1250px, 100% - var(--padding) * 2);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

/* WERK BOXES */
body[is-cms] .werkboxes {
  width: 100%;
}

body[is-cms] .werkboxes .werkbox {
  height: 400px;
  display: flex;
  margin-top: 60px;
}

body[is-cms] .werkboxes .werkbox .media {
  height: 100%;
  order: 999;
  margin-left: auto;
}

body[is-cms] .werkboxes .werkbox .mediafootage {
  height: 100%;
  width: auto;
}

body[is-cms] .werkboxes .werkbox *[input-name="href"] {
  position: absolute;
  font-size: 0.75em;
  line-height: var(--line-height);
  color: var(--ci-color);
  bottom: 0;
  left: 5px;
}

body[is-cms] .werkboxes .werkbox .title {
  font-size: 2em;
  line-height: 1em;
}

/* TUTORIAL PAGE TYPE */
body[is-cms] *[page-type="tutorial"] .metas *[input-name="title"] .inputtextautosizer {
  --make-doppelganger: *[page-type="tutorial"]|.titlewrap;
}

body[is-fe] *[page-type="tutorial"] .headermediabox[is-empty] {
  display: none;
}

/* TUTORIAL USERS */
.tutorialusers {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  column-gap: 1em;
}

.tutorialusers .tutorialuserbox {
  display: flex;
  flex-direction: column;
  --input-padding-offset: 0;
  background: #ffffff;
  padding: 1em;
  row-gap: 0.5em;
  width: min(1280px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.tutorialusers .tutorialuserbox>* {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5em;
  column-gap: 2em;
}

.tutorialusers .tutorialuserbox .sendloginbt,
.tutorialusers .tutorialuserbox *[input-name="startdate"] {
  margin-left: auto;
}

.tutorialusers .tutorialuserbox .boxbt.boxdragger,
.tutorialusers .tutorialuserbox .boxbt.boxduplicater {
  display: none;
}

/* MEDIATHEK TUTORIAL BOX */
.box.mediathektutorialbox {
  margin-top: var(--margin-big);
}

.box.mediathektutorialbox .tutorialelboxes {
  --tile-size: 14em;
  --tile-gap: var(--small-gap);
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-gap: var(--tile-gap);
  padding: var(--tile-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--tile-size), 1fr));
  /* grid-auto-flow: dense; */
}

body[device-mode="tablet"] .box.mediathektutorialbox .tutorialelboxes {
  --tile-size: 12em;
}

body[device-mode="mobile"] .box.mediathektutorialbox .tutorialelboxes {
  --tile-size: 10em;
}

body[is-cms] .box.mediathektutorialbox .tutorialelboxes {
  padding-top: var(--btwh);
  overflow: visible;
}

.box.mediathektutorialelbox {
  padding-top: calc(1 / (16 / 9) * 100%);
}

.box.mediathektutorialelbox .mediasec {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.box.mediathektutorialelbox .mediasec .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.mediathektutorialelbox .textsec {
  position: absolute;
  bottom: 0.25em;
  left: 0.5em;
}

.box.mediathektutorialelbox .mpopoutbt.cibt {
  position: absolute;
  bottom: 0.5em;
  right: 0em;
}

/* PERSON PAGE TYPE */
.box.person_pagebox .mediatextlinksbox {
  filter: grayscale(1);
}

.person_pagebox .box.headermediabox {
  margin-top: var(--margin-medium) !important;
  width: 600px;
  max-width: 100%;
  height: fit-content;
  height: -moz-fit-content;
  max-height: calc(100vh - 200px);
  margin-left: auto;
  margin-right: auto;
  margin-left: calc((100% - min((1280px - 30px), 100%))/2);
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .person_pagebox .box.headermediabox {
    margin-top: 0 !important;
    width: 640px;
  }

}

.person_pagebox .box.headermediabox .media {
  padding-top: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  margin-left: calc((100% - min((1280px - 30px), 100%))/2);
}

.person_pagebox .box.headermediabox .mediafootage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* INC PAGEBOX */
*[pagestyle-inc] {
  background-image: var(--inc-gradient);
  background-size: 100% 100%;
  --color: black;
  --color-strong: black;
  --bg-color: var(--inc-gradient);
  --bg-color-strong: white;
  --bg-color-trans: rgb(0 0 0 / 80%);
  color: var(--color);
  background-attachment: fixed;
}

*[pagestyle-inc] .footer {
  --width-height-to-closest-slug-1: body|footer;
  background: transparent;
}

*[pagestyle-inc] .topbar {
  background: var(--inc-color-2);
}

*[pagestyle-inc] .footer .socialmediasec>*:hover {
  background: black;
  --svgicon-color: #ff6c94;
}



.box.incloginsectionbox .sidetext button-1 {
  background: transparent;
  border-radius: 8px;
  border: solid 2px;
  padding: 0.5em;
  font-size: var(--font-size);
  line-height: var(--line-height);
  line-height: 1em;
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  margin-top: 0.5em;
}

.box.inc_pagebox .box.subproductionsbox {
  margin-top: var(--margin-normal);
  font-size: 15px;
  line-height: var(--line-height);
  width: min(100%, 420px);
  --input-padding-offset: 0;
}

.box.inc_pagebox .box.subproductionsbox .subproductionboxes {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  --input-color: black;
}

/* SHOWING PAGE BOX */
.box.showing_pagebox {
  margin-bottom: calc(var(--margin-big));
}

.box.showing_pagebox .media.headermedia {
  width: min(calc(100% - 30px), 1250px);
  margin-left: auto;
  margin-right: auto;
}
body[is-cms] .box.showing_pagebox .media.headermedia {
 min-height: 2em;
}
/* SHOWING TEXT BOX */


/* SHOWING MEDIA BOX */
.box.showingmediabox {
  width: min(calc(100% - 30px), 1250px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

.box.showingmediabox .mediafootage {
  width: auto;
  max-width: 100%;
  max-height: calc(var(--currentview-height) - 8em);

}

.box.showingmediabox .mlw_caption {
  margin-top: 0.5em;
}

.box.showingmediabox .mlw_caption,
.box.showingmediabox .mlw_credits {
  font-size: 0.75em;
  line-height: var(--line-height);
}

.box.showingmediabox .mlw_credits {
  font-size: 0.75em;
}


/* SHOWING BOX */
.box.showingsbox .showingthumbboxes {
  --tile-size: 14em;
  --tile-gap: var(--small-gap);
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-gap: var(--tile-gap);
  padding: var(--tile-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--tile-size), 1fr));
}

body[device-mode="tablet"] .box.showingsbox .showingthumbboxes {
  --tile-size: 12em;
}

body[device-mode="mobile"] .box.showingsbox .showingthumbboxes {
  --tile-size: 10em;
}

.box.showingsbox .showingthumbboxes .showingthumbbox {
  padding-top: 100%;
  --input-padding-offset: 0;
}

.box.showingsbox .showingthumbboxes .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 round 15px);
  overflow: hidden;
}

.box.showingsbox .showingthumbboxes .gradientpicker {
  clip-path: inset(0 round 15px);
}

.box.showingsbox .showingthumbboxes .gradientpicker .gradientpickerbt {
  left: auto;
  right: 0.5em;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
}

.box.showingsbox .showingthumbboxes .mlw_thumbtitle {
  position: absolute;
  max-width: calc(100% - 20px - var(--btwh));
  top: 10px;
  left: 10px;
  font-size: 15px;
  line-height: var(--line-height);
}

body[is-fe] .box.showingsbox .showingthumbboxes .mlw_thumbtitle {
  pointer-events: none;
}

.box.showingsbox .showingthumbboxes .titleel {
  font-size: 15px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  max-width: calc(100% - 20px);
  height: auto;
  border: solid black 1px;
  border-radius: 15px;
  line-height: 1em;
  transition: background 0.3s, color 0.3s;
  width: fit-content;
}

.box.showingsbox .showingthumbboxes .titleel .titleelbt {
  padding: 5px 15px;
  pointer-events: none;
}

body[is-fe] .box.showingsbox .showingthumbboxes .showingthumbbox .titleel {
  pointer-events: none;

}

body[is-fe] .box.showingsbox .showingthumbboxes .showingthumbbox:hover .titleel {
  background: black;
  color: white;
}

.box.showingsbox .showingthumbboxes .titleel div[input-type="searchdropdown"] .refidholder {
  color: black;
}

/* SIMPLE TEXT BOX */
.box.simpletextbox {
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

/* SIMPLE MEDIA BOX */
.box.simplemediabox {
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

.box.simplemediabox .mainmedia {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.box.simplemediabox .mainmedia .mediafootage {
  max-height: 60vh;
  object-fit: contain;
  object-position: left;
}

.box.simplemediabox .mlw_caption {
  margin-top: 0.5em;
}

.box.simplemediabox .mlw_caption,
.box.simplemediabox .mlw_credits {
  font-size: 0.75em;
  line-height: var(--line-height);
}

.box.simplemediabox .mlw_credits {
  font-size: 0.75em;
}

/* EASY READ TEXT BOX */
.box.easyreadtextbox {
  font-size: 20px;
  line-height: 1.4em;
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

/* EASY READ MEDIA BOX */
.box.easyreadmediabox {
  font-size: 1.5em;
  line-height: var(--line-height);
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);
}

.box.easyreadmediabox .mainmedia {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.box.easyreadmediabox .mainmedia .mediafootage {
  max-height: 60vh;
  object-fit: contain;
  object-position: left;
}

.box.easyreadmediabox .mlw_caption {
  margin-top: 0.5em;
}

/* SHOP ITEMS BOX */
.box.shopitemsbox {
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;

}

.box.shopitemsbox .mlw_intro {
  margin-top: var(--margin-normal);
}

.box.shopitemsbox .shopitemboxes {
  display: flex;
  flex-direction: column;
  column-gap: var(--padding);
  row-gap: var(--padding);
  margin-top: var(--padding);
}

.box.shopitembox {
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  row-gap: 1em;
  width: 100%;
}

.box.shopitembox .shopitemsphotobox {
  width: min(100%, 360px);
  flex-shrink: 0.25;
  height: fit-content;
  height: -moz-fit-content;
}

.box.shopitembox .shopitemsphotobox .addboxbutton {
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 99980;
}

.box.shopitembox .shopitemsphotobox .scrollsnaprevbt,
.box.shopitembox .shopitemsphotobox .scrollsnapnextbt {
  filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 25%));
  z-index: 9999;
}

.box.shopitembox .shopitemsphotobox .shopitemphotobox {
  width: 100%;
  padding-top: calc(3/4* 100%);
}

.box.shopitembox .shopitemsphotobox .boxeswrapper.photos .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.shopitembox .expandbutton,
.box.shopitembox .expandbutton .svgicon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.box.shopitembox .expandbutton:after {
  display: none;
}

.box.shopitembox .textsec {
  max-width: calc(100% - 380px - 1em);
  min-width: min(100%, 380px);
}

.box.shopitembox .expandbox {
  height: 9em;
  --mask-image: linear-gradient(to bottom, black calc(100% - 5em), transparent 100%);
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.box.shopitembox .expandbox .mlw_text h2 {
  font-size: var(--font-size);
  line-height: var(--line-height);
  margin-bottom: 1em;
}

.box.shopitembox .expandbox .mlw_text p {
  font-size: var(--font-size-small);
  line-height: var(--line-height);
}

.box.shopitembox .expandbox .mlw_text button-1 {
  font-size: var(--font-size-small);
  line-height: var(--line-height);
}

.box.shopitembox .expandbox[is-expanded] {
  height: var(--expanded-height);
  --mask-image: linear-gradient(to bottom, black calc(100% - 0em), transparent 100%);
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.box.shopitembox .moreplusbutton {
  /* min-width: 100%; */
  margin-top: 0.5em;
}

/* SUPPORTER BOX */
.box.supporterbox {
  width: min(calc(100% - 30px), 800px);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--margin-normal);

}

.box.supporterbox .supporters *[tfmlw-propname="href"] {
  position: absolute;
  font-size: 15px;
  color: var(--ci-color);
  width: 100%;
  bottom: 0;
  z-index: 99;
}

.box.supporterbox .media.logo {
  --sqrt-of-area: 3;
  --btwh: 1.25em;
  --width: calc(var(--sqrt-of-area) * var(--sqrt-aspect) * 1em);
  width: var(--width);
  height: calc(var(--width) / var(--natural-aspect));
  z-index: 9;
  margin-top: auto;
  margin-bottom: auto;
  padding: var(--padding);
  box-sizing: content-box;
  background: currentColor;
}

.box.supporterbox .media.logo .mediafocusel {
  display: none;
}

.box.supporterbox .supporters {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--padding);
  row-gap: var(--padding);
  margin-top: var(--padding);
}

.box.supporterbox .box.supportermedialinkbox {
  width: fit-content;
  width: -moz-fit-content;
  display: flex;

  background: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  .box.supporterbox .box.supportermedialinkbox {
    filter: grayscale(1) opacity(0.75);
    transition: filter 0.3s;
  }

  .box.supporterbox .box.supportermedialinkbox:hover {
    filter: grayscale(0) opacity(1);

  }
}

.box.supporterbox .overlaylink {
  z-index: 999;
}