/* LIB INCLUDES */
meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 39.875em)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:39.9375em)/";
  width: 39.9375em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:39.9375em) and (max-width:60.938em)/";
  width: 39.9375em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:61em)/";
  width: 61em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:61em) and (max-width:79.69em)/";
  width: 61em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:79.75em)/";
  width: 79.75em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:79.75em) and (max-width:999999999999)/";
  width: 79.75em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

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

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -8px;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .small-1 {
    width: 8.3333333333%; }
  .small-2 {
    width: 16.6666666667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.3333333333%; }
  .small-5 {
    width: 41.6666666667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.3333333333%; }
  .small-8 {
    width: 66.6666666667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.3333333333%; }
  .small-11 {
    width: 91.6666666667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.3333333333% !important; }
  .small-offset-2 {
    margin-left: 16.6666666667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.3333333333% !important; }
  .small-offset-5 {
    margin-left: 41.6666666667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.3333333333% !important; }
  .small-offset-8 {
    margin-left: 66.6666666667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.3333333333% !important; }
  .small-offset-11 {
    margin-left: 91.6666666667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .medium-1 {
    width: 8.3333333333%; }
  .medium-2 {
    width: 16.6666666667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.3333333333%; }
  .medium-5 {
    width: 41.6666666667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.3333333333%; }
  .medium-8 {
    width: 66.6666666667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.3333333333%; }
  .medium-11 {
    width: 91.6666666667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.3333333333% !important; }
  .medium-offset-2 {
    margin-left: 16.6666666667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.3333333333% !important; }
  .medium-offset-5 {
    margin-left: 41.6666666667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.3333333333% !important; }
  .medium-offset-8 {
    margin-left: 66.6666666667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.3333333333% !important; }
  .medium-offset-11 {
    margin-left: 91.6666666667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

@media only screen and (min-width: 61em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .large-1 {
    width: 8.3333333333%; }
  .large-2 {
    width: 16.6666666667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.3333333333%; }
  .large-5 {
    width: 41.6666666667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.3333333333%; }
  .large-8 {
    width: 66.6666666667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.3333333333%; }
  .large-11 {
    width: 91.6666666667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.3333333333% !important; }
  .large-offset-2 {
    margin-left: 16.6666666667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.3333333333% !important; }
  .large-offset-5 {
    margin-left: 41.6666666667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.3333333333% !important; }
  .large-offset-8 {
    margin-left: 66.6666666667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.3333333333% !important; }
  .large-offset-11 {
    margin-left: 91.6666666667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

@media only screen and (min-width: 79.75em) {
  .xlarge-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .xlarge-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .xlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .xlarge-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .xlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .xlarge-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .xlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .xlarge-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .xlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .xlarge-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .xlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .xlarge-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .xlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .xlarge-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .xlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .xlarge-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .xlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .xlarge-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .xlarge-1 {
    width: 8.3333333333%; }
  .xlarge-2 {
    width: 16.6666666667%; }
  .xlarge-3 {
    width: 25%; }
  .xlarge-4 {
    width: 33.3333333333%; }
  .xlarge-5 {
    width: 41.6666666667%; }
  .xlarge-6 {
    width: 50%; }
  .xlarge-7 {
    width: 58.3333333333%; }
  .xlarge-8 {
    width: 66.6666666667%; }
  .xlarge-9 {
    width: 75%; }
  .xlarge-10 {
    width: 83.3333333333%; }
  .xlarge-11 {
    width: 91.6666666667%; }
  .xlarge-12 {
    width: 100%; }
  .xlarge-offset-0 {
    margin-left: 0 !important; }
  .xlarge-offset-1 {
    margin-left: 8.3333333333% !important; }
  .xlarge-offset-2 {
    margin-left: 16.6666666667% !important; }
  .xlarge-offset-3 {
    margin-left: 25% !important; }
  .xlarge-offset-4 {
    margin-left: 33.3333333333% !important; }
  .xlarge-offset-5 {
    margin-left: 41.6666666667% !important; }
  .xlarge-offset-6 {
    margin-left: 50% !important; }
  .xlarge-offset-7 {
    margin-left: 58.3333333333% !important; }
  .xlarge-offset-8 {
    margin-left: 66.6666666667% !important; }
  .xlarge-offset-9 {
    margin-left: 75% !important; }
  .xlarge-offset-10 {
    margin-left: 83.3333333333% !important; }
  .xlarge-offset-11 {
    margin-left: 91.6666666667% !important; }
  .xlarge-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.xlarge-centered,
  .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.xlarge-uncentered,
  .columns.xlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.xlarge-centered:last-child,
  .columns.xlarge-centered:last-child {
    float: none; }
  .column.xlarge-uncentered:last-child,
  .columns.xlarge-uncentered:last-child {
    float: left; }
  .column.xlarge-uncentered.opposite,
  .columns.xlarge-uncentered.opposite {
    float: right; }
  .row.xlarge-collapse > .column,
  .row.xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.xlarge-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.xlarge-uncollapse > .column,
  .row.xlarge-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; } }

@media only screen and (min-width: 120.0625em) {
  .xxlarge-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .xxlarge-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .xxlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .xxlarge-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .xxlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .xxlarge-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .xxlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .xxlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .xxlarge-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .xxlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .xxlarge-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .xxlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .xxlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .xxlarge-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .xxlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .xxlarge-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .xxlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .xxlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .xxlarge-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .xxlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .xxlarge-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .xxlarge-1 {
    width: 8.3333333333%; }
  .xxlarge-2 {
    width: 16.6666666667%; }
  .xxlarge-3 {
    width: 25%; }
  .xxlarge-4 {
    width: 33.3333333333%; }
  .xxlarge-5 {
    width: 41.6666666667%; }
  .xxlarge-6 {
    width: 50%; }
  .xxlarge-7 {
    width: 58.3333333333%; }
  .xxlarge-8 {
    width: 66.6666666667%; }
  .xxlarge-9 {
    width: 75%; }
  .xxlarge-10 {
    width: 83.3333333333%; }
  .xxlarge-11 {
    width: 91.6666666667%; }
  .xxlarge-12 {
    width: 100%; }
  .xxlarge-offset-0 {
    margin-left: 0 !important; }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333% !important; }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667% !important; }
  .xxlarge-offset-3 {
    margin-left: 25% !important; }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333% !important; }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667% !important; }
  .xxlarge-offset-6 {
    margin-left: 50% !important; }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333% !important; }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667% !important; }
  .xxlarge-offset-9 {
    margin-left: 75% !important; }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333% !important; }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667% !important; }
  .xxlarge-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.xxlarge-centered,
  .columns.xxlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.xxlarge-uncentered,
  .columns.xxlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.xxlarge-centered:last-child,
  .columns.xxlarge-centered:last-child {
    float: none; }
  .column.xxlarge-uncentered:last-child,
  .columns.xxlarge-uncentered:last-child {
    float: left; }
  .column.xxlarge-uncentered.opposite,
  .columns.xxlarge-uncentered.opposite {
    float: right; }
  .row.xxlarge-collapse > .column,
  .row.xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.xxlarge-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.xxlarge-uncollapse > .column,
  .row.xxlarge-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; } }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998; }

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 39.9375em) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      border: solid 12px;
      display: block;
      height: 0;
      position: absolute;
      top: 50%;
      width: 0; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #CCCCCC; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: .8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden; }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px; } }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type])[disabled], input:not([type])[readonly],
  fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #666666; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666; }

:-ms-input-placeholder {
  color: #666666; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:focus {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    font-weight: bold;
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #f04124; }

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem; }
    .inline-list > li > * {
      display: block; }

.label {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #d2d2d2;
  color: #333333; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: #FFFFFF; }
  .label.warning {
    background-color: #f08a24;
    color: #FFFFFF; }
  .label.success {
    background-color: #43AC6A;
    color: #FFFFFF; }
  .label.secondary {
    background-color: #969696;
    color: #FFFFFF; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem; }
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      border-radius: 3px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #999999;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.0625rem 0.625rem 0.0625rem; }
    ul.pagination li:hover a,
    ul.pagination li a:focus,
    ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999;
      pointer-events: none; }
    ul.pagination li.unavailable:hover a,
    ul.pagination li.unavailable a:focus,
    ul.pagination li.unavailable:hover button,
    ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #d2d2d2;
      color: #FFFFFF;
      cursor: default;
      font-weight: bold; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #d2d2d2; }
  ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 39.875em) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px; }
  .reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0;
    box-shadow: none; }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 39.9375em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 79.75em;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 39.9375em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 79.75em;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem; }

.switch {
  border: none;
  margin-bottom: 1.5rem;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .switch label {
    background: #DDDDDD;
    color: transparent;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    transition: left 0.15s ease-out; }
  .switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px; }
    .switch input + label {
      margin-left: 0;
      margin-right: 0; }
  .switch label:after {
    background: #FFFFFF;
    content: "";
    display: block;
    height: 1.5rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    width: 1.5rem;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: translate3d(0, 0, 0);
    transition: left 0.15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .switch input:checked + label {
    background: #d2d2d2; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    height: 2rem;
    width: 4rem; }
  .switch label:after {
    height: 1.5rem;
    width: 1.5rem; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    color: transparent;
    background: #DDDDDD; }
  .switch label:after {
    background: #FFFFFF; }
  .switch input:checked + label {
    background: #d2d2d2; }
  .switch.large label {
    height: 2.5rem;
    width: 5rem; }
  .switch.large label:after {
    height: 2rem;
    width: 2rem; }
  .switch.large input:checked + label:after {
    left: 2.75rem; }
  .switch.small label {
    height: 1.75rem;
    width: 3.5rem; }
  .switch.small label:after {
    height: 1.25rem;
    width: 1.25rem; }
  .switch.small input:checked + label:after {
    left: 2rem; }
  .switch.tiny label {
    height: 1.5rem;
    width: 3rem; }
  .switch.tiny label:after {
    height: 1rem;
    width: 1rem; }
  .switch.tiny input:checked + label:after {
    left: 1.75rem; }
  .switch.radius label {
    border-radius: 4px; }
  .switch.radius label:after {
    border-radius: 3px; }
  .switch.round {
    border-radius: 1000px; }
    .switch.round label {
      border-radius: 2rem; }
    .switch.round label:after {
      border-radius: 2rem; }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative; }
    .tabs dd > a,
    .tabs .tab-title > a {
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      font-family: SRGSSRType_Md, Arial, Sans-Serif;
      font-size: 1rem;
      padding: 1rem 2rem; }
      .tabs dd > a:hover,
      .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active > a,
    .tabs .tab-title.active > a {
      background-color: #FFFFFF;
      color: #222222; }
  .tabs.radius dd:first-child a,
  .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a,
  .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd,
  .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 8px 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 8px; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 8px; }

@media only screen and (min-width: 39.9375em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

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

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

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

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

@media only screen and (max-width: 39.875em) {
  .small-only-text-left {
    text-align: left !important; }
  .small-only-text-right {
    text-align: right !important; }
  .small-only-text-center {
    text-align: center !important; }
  .small-only-text-justify {
    text-align: justify !important; } }

@media only screen {
  .small-text-left {
    text-align: left !important; }
  .small-text-right {
    text-align: right !important; }
  .small-text-center {
    text-align: center !important; }
  .small-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .medium-only-text-left {
    text-align: left !important; }
  .medium-only-text-right {
    text-align: right !important; }
  .medium-only-text-center {
    text-align: center !important; }
  .medium-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 39.9375em) {
  .medium-text-left {
    text-align: left !important; }
  .medium-text-right {
    text-align: right !important; }
  .medium-text-center {
    text-align: center !important; }
  .medium-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .large-only-text-left {
    text-align: left !important; }
  .large-only-text-right {
    text-align: right !important; }
  .large-only-text-center {
    text-align: center !important; }
  .large-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 61em) {
  .large-text-left {
    text-align: left !important; }
  .large-text-right {
    text-align: right !important; }
  .large-text-center {
    text-align: center !important; }
  .large-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 79.75em) and (max-width: 999999999999) {
  .xlarge-only-text-left {
    text-align: left !important; }
  .xlarge-only-text-right {
    text-align: right !important; }
  .xlarge-only-text-center {
    text-align: center !important; }
  .xlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 79.75em) {
  .xlarge-text-left {
    text-align: left !important; }
  .xlarge-text-right {
    text-align: right !important; }
  .xlarge-text-center {
    text-align: center !important; }
  .xlarge-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
  .xxlarge-only-text-left {
    text-align: left !important; }
  .xxlarge-only-text-right {
    text-align: right !important; }
  .xxlarge-only-text-center {
    text-align: center !important; }
  .xxlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) {
  .xxlarge-text-left {
    text-align: left !important; }
  .xxlarge-text-right {
    text-align: right !important; }
  .xxlarge-text-center {
    text-align: center !important; }
  .xxlarge-text-justify {
    text-align: justify !important; } }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #d2d2d2;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #d2d2d2; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 0;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 2.75rem; }

h2 {
  font-size: 2.3125rem; }

h3 {
  font-size: 1.6875rem; }

h4 {
  font-size: 1.4375rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  background-color: #e0e0e0;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 0; }

ul {
  margin-left: 1.1rem; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

.no-bullet {
  list-style-type: none;
  margin-left: 0; }
  .no-bullet li ul,
  .no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote {
  margin: 0 0 0;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 39.9375em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75rem; }
  h2 {
    font-size: 2.3125rem; }
  h3 {
    font-size: 1.6875rem; }
  h4 {
    font-size: 1.4375rem; }
  h5 {
    font-size: 1.125rem; }
  h6 {
    font-size: 1rem; } }

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.34in; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 39.9375em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 61em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 79.75em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

/* Print visibility */
.print-only,
.show-for-print {
  display: none !important; }

@media print {
  .print-only,
  .show-for-print {
    display: block !important; }
  .hide-on-print,
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; } }

/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/* PORTAL COMPONENTS */
/** SPACING CONSTANTS **/
/* ENTIRE SPACING (TOP,RIGHT,BOTTOM,LEFT) */
.paddingXS {
  padding: 0.625rem; }

.paddingS {
  padding: 1rem; }

.paddingM {
  padding: 1.25rem; }

.paddingL {
  padding: 2rem; }

.paddingTopS {
  padding-top: 1rem; }

.paddingTopL {
  padding-top: 2rem; }

/* SPACING BETWEEN FIRST CHILD ELEMENTS */
.childSpacingXS > * {
  padding-top: 0.625rem; }

.childSpacingXS > *:first-child {
  padding-top: 0; }

.childSpacingXS > * {
  padding-top: 0.625rem; }

.childSpacingXS > *:first-child {
  padding-top: 0; }

.childSpacingS > * {
  padding-top: 1rem; }

.childSpacingS > *:first-child {
  padding-top: 0; }

.childSpacingM > * {
  padding-top: 1.25rem; }

.childSpacingM > *:first-child {
  padding-top: 0; }

.childSpacingL > *, .detailPage .detailPageRightCol > * {
  padding-top: 2rem; }

.childSpacingL > *:first-child, .detailPage .detailPageRightCol > *:first-child {
  padding-top: 0; }

.showsByDateTv .daySection > *, .suggestionModules > * {
  padding-top: 4rem; }

.showsByDateTv .daySection > *:first-child, .suggestionModules > *:first-child {
  padding-top: 0; }

/** SPACING CONSTANTS **/
/* ENTIRE SPACING (TOP,RIGHT,BOTTOM,LEFT) */
.paddingXS {
  padding: 0.625rem; }

.paddingS {
  padding: 1rem; }

.paddingM {
  padding: 1.25rem; }

.paddingL {
  padding: 2rem; }

.paddingTopS {
  padding-top: 1rem; }

.paddingTopL {
  padding-top: 2rem; }

/* SPACING BETWEEN FIRST CHILD ELEMENTS */
.childSpacingXS > * {
  padding-top: 0.625rem; }

.childSpacingXS > *:first-child {
  padding-top: 0; }

.childSpacingXS > * {
  padding-top: 0.625rem; }

.childSpacingXS > *:first-child {
  padding-top: 0; }

.childSpacingS > * {
  padding-top: 1rem; }

.childSpacingS > *:first-child {
  padding-top: 0; }

.childSpacingM > * {
  padding-top: 1.25rem; }

.childSpacingM > *:first-child {
  padding-top: 0; }

.childSpacingL > *, .detailPage .detailPageRightCol > * {
  padding-top: 2rem; }

.childSpacingL > *:first-child, .detailPage .detailPageRightCol > *:first-child {
  padding-top: 0; }

.showsByDateTv .daySection > *, .suggestionModules > * {
  padding-top: 4rem; }

.showsByDateTv .daySection > *:first-child, .suggestionModules > *:first-child {
  padding-top: 0; }

.header .myVideosMobile, .detailPage, .showOverviewPage .showOverview, .showOverviewPage .showEpisodeList, .eventLandingPage, .showsByDateStationPicker, .showsByDateRadio, .showsByDateTv, .showsByTopicTv, .showsAtoZStationPicker, .showsAtoZContent, .searchPage, .liveModule, .suggestionModules, .playerHelp, .helpPage, .livePageRadio, .livePageTV, .personalizationPage, .modules, .errorPage {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px; }
  .header .myVideosMobile:before, .detailPage:before, .showOverviewPage .showOverview:before, .showOverviewPage .showEpisodeList:before, .eventLandingPage:before, .showsByDateStationPicker:before, .showsByDateRadio:before, .showsByDateTv:before, .showsByTopicTv:before, .showsAtoZStationPicker:before, .showsAtoZContent:before, .searchPage:before, .liveModule:before, .suggestionModules:before, .playerHelp:before, .helpPage:before, .livePageRadio:before, .livePageTV:before, .personalizationPage:before, .modules:before, .errorPage:before, .header .myVideosMobile:after, .detailPage:after, .showOverviewPage .showOverview:after, .showOverviewPage .showEpisodeList:after, .eventLandingPage:after, .showsByDateStationPicker:after, .showsByDateRadio:after, .showsByDateTv:after, .showsByTopicTv:after, .showsAtoZStationPicker:after, .showsAtoZContent:after, .searchPage:after, .liveModule:after, .suggestionModules:after, .playerHelp:after, .helpPage:after, .livePageRadio:after, .livePageTV:after, .personalizationPage:after, .modules:after, .errorPage:after {
    content: " ";
    display: table; }
  .header .myVideosMobile:after, .detailPage:after, .showOverviewPage .showOverview:after, .showOverviewPage .showEpisodeList:after, .eventLandingPage:after, .showsByDateStationPicker:after, .showsByDateRadio:after, .showsByDateTv:after, .showsByTopicTv:after, .showsAtoZStationPicker:after, .showsAtoZContent:after, .searchPage:after, .liveModule:after, .suggestionModules:after, .playerHelp:after, .helpPage:after, .livePageRadio:after, .livePageTV:after, .personalizationPage:after, .modules:after, .errorPage:after {
    clear: both; }

.nestedRow, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow {
  margin: 0 -8px;
  max-width: none;
  width: auto; }
  .nestedRow:before, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:before, .nestedRow:after, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:after {
    content: " ";
    display: table; }
  .nestedRow:after, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:after {
    clear: both; }

.blockElement {
  display: block; }

*[srg-sticky-on]:before, *[srg-sticky-on]:after {
  content: '';
  display: table; }

@media only screen and (max-width: 39.875em) {
  *[srg-sticky-on~="small"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  *[srg-sticky-on~="medium"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  *[srg-sticky-on~="large"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 79.75em) {
  *[srg-sticky-on~="xlarge"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

.vertical-align-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.loadingContainer {
  min-height: 2.625rem; }
  .loadingContainer * {
    margin: 0 auto; }
  .loadingContainer .ai-grey-spin {
    /* Bugfix for IE */
    border-color: rgba(189, 195, 199, 0.5) rgba(189, 195, 199, 0.5) #bdc3c7 #bdc3c7; }

.technicalPlayerFullscreen iframe {
  position: absolute; }

.technicalPlayerContainer {
  height: 0;
  position: relative; }
  .technicalPlayerContainer iframe {
    position: absolute; }

.technicalPlayerContainer.withSegments {
  padding-bottom: calc(56.12% + 137px); }

.technicalPlayerContainer.withoutSegments {
  padding-bottom: 56.12%; }

.box16to9 {
  height: 0;
  padding-bottom: 56.12%;
  position: relative; }
  .box16to9 iframe {
    position: absolute; }

.boxAudioplayer {
  height: 3.6875rem; }

.reveal-modal {
  outline: none; }

.nestedGridRow {
  margin: 0 -8px;
  max-width: none;
  width: auto; }
  .nestedGridRow:before, .nestedGridRow:after {
    content: " ";
    display: table; }
  .nestedGridRow:after {
    clear: both; }

.clearGridRow {
  clear: both; }

.miniHorizontal,
.smallHorizontal,
.miniVertical,
.smallVertical,
.mediumVertical,
.largeVertical,
.largePlayer,
.eventLivestream,
.showsByDateTeaser,
.searchResultAssetTeaser,
.searchResultShowTeaser,
.favouriteShowTeaser,
.videoHistoryTeaser, .aToZTeaser {
  position: relative;
  padding: 0.625rem 0; }
  @media only screen and (min-width: 79.75em) {
    .miniHorizontal,
    .smallHorizontal,
    .miniVertical,
    .smallVertical,
    .mediumVertical,
    .largeVertical,
    .largePlayer,
    .eventLivestream,
    .showsByDateTeaser,
    .searchResultAssetTeaser,
    .searchResultShowTeaser,
    .favouriteShowTeaser,
    .videoHistoryTeaser, .aToZTeaser {
      padding: 1rem 0; } }
  .miniHorizontal .popupOverlay,
  .smallHorizontal .popupOverlay,
  .miniVertical .popupOverlay,
  .smallVertical .popupOverlay,
  .mediumVertical .popupOverlay,
  .largeVertical .popupOverlay,
  .largePlayer .popupOverlay,
  .eventLivestream .popupOverlay,
  .showsByDateTeaser .popupOverlay,
  .searchResultAssetTeaser .popupOverlay,
  .searchResultShowTeaser .popupOverlay,
  .favouriteShowTeaser .popupOverlay,
  .videoHistoryTeaser .popupOverlay, .aToZTeaser .popupOverlay {
    display: block;
    position: absolute;
    top: 0.9375rem;
    right: 0.25rem;
    left: 7.1875rem; }
    @media only screen and (min-width: 39.9375em) {
      .miniHorizontal .popupOverlay,
      .smallHorizontal .popupOverlay,
      .miniVertical .popupOverlay,
      .smallVertical .popupOverlay,
      .mediumVertical .popupOverlay,
      .largeVertical .popupOverlay,
      .largePlayer .popupOverlay,
      .eventLivestream .popupOverlay,
      .showsByDateTeaser .popupOverlay,
      .searchResultAssetTeaser .popupOverlay,
      .searchResultShowTeaser .popupOverlay,
      .favouriteShowTeaser .popupOverlay,
      .videoHistoryTeaser .popupOverlay, .aToZTeaser .popupOverlay {
        top: 0.625rem;
        right: 0.25rem;
        left: inherit; } }
    @media only screen and (min-width: 79.75em) {
      .miniHorizontal .popupOverlay,
      .smallHorizontal .popupOverlay,
      .miniVertical .popupOverlay,
      .smallVertical .popupOverlay,
      .mediumVertical .popupOverlay,
      .largeVertical .popupOverlay,
      .largePlayer .popupOverlay,
      .eventLivestream .popupOverlay,
      .showsByDateTeaser .popupOverlay,
      .searchResultAssetTeaser .popupOverlay,
      .searchResultShowTeaser .popupOverlay,
      .favouriteShowTeaser .popupOverlay,
      .videoHistoryTeaser .popupOverlay, .aToZTeaser .popupOverlay {
        top: 1rem; } }
  .miniHorizontal .maRtsOverlay,
  .smallHorizontal .maRtsOverlay,
  .miniVertical .maRtsOverlay,
  .smallVertical .maRtsOverlay,
  .mediumVertical .maRtsOverlay,
  .largeVertical .maRtsOverlay,
  .largePlayer .maRtsOverlay,
  .eventLivestream .maRtsOverlay,
  .showsByDateTeaser .maRtsOverlay,
  .searchResultAssetTeaser .maRtsOverlay,
  .searchResultShowTeaser .maRtsOverlay,
  .favouriteShowTeaser .maRtsOverlay,
  .videoHistoryTeaser .maRtsOverlay, .aToZTeaser .maRtsOverlay {
    display: block;
    position: absolute;
    top: 0.9375rem;
    left: 5.9375rem; }
    @media only screen and (min-width: 39.9375em) {
      .miniHorizontal .maRtsOverlay,
      .smallHorizontal .maRtsOverlay,
      .miniVertical .maRtsOverlay,
      .smallVertical .maRtsOverlay,
      .mediumVertical .maRtsOverlay,
      .largeVertical .maRtsOverlay,
      .largePlayer .maRtsOverlay,
      .eventLivestream .maRtsOverlay,
      .showsByDateTeaser .maRtsOverlay,
      .searchResultAssetTeaser .maRtsOverlay,
      .searchResultShowTeaser .maRtsOverlay,
      .favouriteShowTeaser .maRtsOverlay,
      .videoHistoryTeaser .maRtsOverlay, .aToZTeaser .maRtsOverlay {
        top: 0.625rem;
        right: 1.5rem;
        left: inherit; } }
    @media only screen and (min-width: 79.75em) {
      .miniHorizontal .maRtsOverlay,
      .smallHorizontal .maRtsOverlay,
      .miniVertical .maRtsOverlay,
      .smallVertical .maRtsOverlay,
      .mediumVertical .maRtsOverlay,
      .largeVertical .maRtsOverlay,
      .largePlayer .maRtsOverlay,
      .eventLivestream .maRtsOverlay,
      .showsByDateTeaser .maRtsOverlay,
      .searchResultAssetTeaser .maRtsOverlay,
      .searchResultShowTeaser .maRtsOverlay,
      .favouriteShowTeaser .maRtsOverlay,
      .videoHistoryTeaser .maRtsOverlay, .aToZTeaser .maRtsOverlay {
        top: 1rem; } }
  .miniHorizontal .teaserImg,
  .smallHorizontal .teaserImg,
  .miniVertical .teaserImg,
  .smallVertical .teaserImg,
  .mediumVertical .teaserImg,
  .largeVertical .teaserImg,
  .largePlayer .teaserImg,
  .eventLivestream .teaserImg,
  .showsByDateTeaser .teaserImg,
  .searchResultAssetTeaser .teaserImg,
  .searchResultShowTeaser .teaserImg,
  .favouriteShowTeaser .teaserImg,
  .videoHistoryTeaser .teaserImg, .aToZTeaser .teaserImg {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 56.25%; }
    .miniHorizontal .teaserImg img,
    .smallHorizontal .teaserImg img,
    .miniVertical .teaserImg img,
    .smallVertical .teaserImg img,
    .mediumVertical .teaserImg img,
    .largeVertical .teaserImg img,
    .largePlayer .teaserImg img,
    .eventLivestream .teaserImg img,
    .showsByDateTeaser .teaserImg img,
    .searchResultAssetTeaser .teaserImg img,
    .searchResultShowTeaser .teaserImg img,
    .favouriteShowTeaser .teaserImg img,
    .videoHistoryTeaser .teaserImg img, .aToZTeaser .teaserImg img {
      width: 100%;
      height: 100%; }
      .miniHorizontal .teaserImg img:after,
      .smallHorizontal .teaserImg img:after,
      .miniVertical .teaserImg img:after,
      .smallVertical .teaserImg img:after,
      .mediumVertical .teaserImg img:after,
      .largeVertical .teaserImg img:after,
      .largePlayer .teaserImg img:after,
      .eventLivestream .teaserImg img:after,
      .showsByDateTeaser .teaserImg img:after,
      .searchResultAssetTeaser .teaserImg img:after,
      .searchResultShowTeaser .teaserImg img:after,
      .favouriteShowTeaser .teaserImg img:after,
      .videoHistoryTeaser .teaserImg img:after, .aToZTeaser .teaserImg img:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/play/fallbackimage") no-repeat;
        background-size: 100%; }
    .miniHorizontal .teaserImg img,
    .smallHorizontal .teaserImg img,
    .miniVertical .teaserImg img,
    .smallVertical .teaserImg img,
    .mediumVertical .teaserImg img,
    .largeVertical .teaserImg img,
    .largePlayer .teaserImg img,
    .eventLivestream .teaserImg img,
    .showsByDateTeaser .teaserImg img,
    .searchResultAssetTeaser .teaserImg img,
    .searchResultShowTeaser .teaserImg img,
    .favouriteShowTeaser .teaserImg img,
    .videoHistoryTeaser .teaserImg img, .aToZTeaser .teaserImg img {
      position: absolute;
      top: 0;
      left: 0; }
    .miniHorizontal .teaserImg .durationOverlay,
    .smallHorizontal .teaserImg .durationOverlay,
    .miniVertical .teaserImg .durationOverlay,
    .smallVertical .teaserImg .durationOverlay,
    .mediumVertical .teaserImg .durationOverlay,
    .largeVertical .teaserImg .durationOverlay,
    .largePlayer .teaserImg .durationOverlay,
    .eventLivestream .teaserImg .durationOverlay,
    .showsByDateTeaser .teaserImg .durationOverlay,
    .searchResultAssetTeaser .teaserImg .durationOverlay,
    .searchResultShowTeaser .teaserImg .durationOverlay,
    .favouriteShowTeaser .teaserImg .durationOverlay,
    .videoHistoryTeaser .teaserImg .durationOverlay, .aToZTeaser .teaserImg .durationOverlay {
      display: block;
      position: absolute;
      padding: 0.125rem;
      right: 0.3125rem;
      bottom: 0.3125rem; }
    .miniHorizontal .teaserImg .editorialPickTipFlag,
    .smallHorizontal .teaserImg .editorialPickTipFlag,
    .miniVertical .teaserImg .editorialPickTipFlag,
    .smallVertical .teaserImg .editorialPickTipFlag,
    .mediumVertical .teaserImg .editorialPickTipFlag,
    .largeVertical .teaserImg .editorialPickTipFlag,
    .largePlayer .teaserImg .editorialPickTipFlag,
    .eventLivestream .teaserImg .editorialPickTipFlag,
    .showsByDateTeaser .teaserImg .editorialPickTipFlag,
    .searchResultAssetTeaser .teaserImg .editorialPickTipFlag,
    .searchResultShowTeaser .teaserImg .editorialPickTipFlag,
    .favouriteShowTeaser .teaserImg .editorialPickTipFlag,
    .videoHistoryTeaser .teaserImg .editorialPickTipFlag, .aToZTeaser .teaserImg .editorialPickTipFlag {
      display: block;
      position: absolute;
      padding: 0.125rem;
      top: 0.3125rem;
      left: 0.3125rem; }
  .miniHorizontal .buttonImgViews:before,
  .smallHorizontal .buttonImgViews:before,
  .miniVertical .buttonImgViews:before,
  .smallVertical .buttonImgViews:before,
  .mediumVertical .buttonImgViews:before,
  .largeVertical .buttonImgViews:before,
  .largePlayer .buttonImgViews:before,
  .eventLivestream .buttonImgViews:before,
  .showsByDateTeaser .buttonImgViews:before,
  .searchResultAssetTeaser .buttonImgViews:before,
  .searchResultShowTeaser .buttonImgViews:before,
  .favouriteShowTeaser .buttonImgViews:before,
  .videoHistoryTeaser .buttonImgViews:before, .aToZTeaser .buttonImgViews:before {
    background-position: -2px -480px; }
  li:last-child > .miniHorizontal, li:last-child >
  .smallHorizontal, li:last-child >
  .miniVertical, li:last-child >
  .smallVertical, li:last-child >
  .mediumVertical, li:last-child >
  .largeVertical, li:last-child >
  .largePlayer, li:last-child >
  .eventLivestream, li:last-child >
  .showsByDateTeaser, li:last-child >
  .searchResultAssetTeaser, li:last-child >
  .searchResultShowTeaser, li:last-child >
  .favouriteShowTeaser, li:last-child >
  .videoHistoryTeaser, li:last-child > .aToZTeaser {
    padding-bottom: 0; }
  .miniHorizontal:hover,
  .smallHorizontal:hover,
  .miniVertical:hover,
  .smallVertical:hover,
  .mediumVertical:hover,
  .largeVertical:hover,
  .largePlayer:hover,
  .eventLivestream:hover,
  .showsByDateTeaser:hover,
  .searchResultAssetTeaser:hover,
  .searchResultShowTeaser:hover,
  .favouriteShowTeaser:hover,
  .videoHistoryTeaser:hover, .aToZTeaser:hover {
    cursor: pointer; }

.miniHorizontal {
  display: inline-block;
  width: 100%;
  padding: 1rem 0 1rem 0; }
  li:first-of-type .miniHorizontal {
    border: none; }
  .miniHorizontal .teaserImg {
    float: left;
    width: 6.875rem;
    height: 3.875rem;
    margin-right: 0.625rem;
    padding-top: 0; }
    .miniHorizontal .teaserImg img {
      position: relative; }
  .miniHorizontal .popupOverlay {
    top: 1.0625rem;
    left: 5.5rem;
    right: inherit; }
  .miniHorizontal .maRtsOverlay {
    top: 1.0625rem;
    left: 4.25rem;
    right: inherit; }

.smallHorizontal {
  display: inline-block;
  width: 100%;
  padding: 1rem 0 1rem 0; }
  li:first-of-type .smallHorizontal {
    border: none; }
  .smallHorizontal .teaserImg {
    float: left;
    margin-right: 0.625rem;
    padding-top: 0; }
    @media only screen and (max-width: 39.875em) {
      .smallHorizontal .teaserImg {
        width: 8.8125rem;
        height: 4.9375rem; } }
    @media only screen and (min-width: 39.9375em) {
      .smallHorizontal .teaserImg {
        width: 9rem;
        height: 5.0625rem; } }
  .smallHorizontal .popupOverlay {
    top: 1.0625rem;
    left: 7.375rem;
    right: inherit; }
  .smallHorizontal .maRtsOverlay {
    top: 1.0625rem;
    left: 6.125rem;
    right: inherit; }

.largeVertical .popupOverlay {
  top: 0.75rem;
  right: 0.375rem;
  left: inherit; }
  @media only screen and (min-width: 61em) {
    .largeVertical .popupOverlay {
      top: 1.25rem;
      right: 0.625rem; } }

.largeVertical .maRtsOverlay {
  top: 0.75rem;
  right: 1.625rem;
  left: inherit; }
  @media only screen and (min-width: 61em) {
    .largeVertical .maRtsOverlay {
      top: 1.25rem;
      right: 2.375rem; } }

.largePlayer {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .largePlayer .imageArea {
    position: relative;
    overflow: hidden; }
    .largePlayer .imageArea .durationOverlay {
      z-index: 3;
      display: block;
      position: absolute;
      padding: 0.125rem;
      right: 0.9375rem;
      bottom: 0.9375rem; }
    .largePlayer .imageArea .editorialPickTipFlag {
      z-index: 3;
      display: block;
      position: absolute;
      padding: 0.0625rem 0.3125rem;
      top: 0.9375rem;
      left: 0.9375rem; }
    .largePlayer .imageArea .shadow {
      cursor: pointer;
      display: block;
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 35%;
      bottom: 0;
      background-repeat: repeat-x !important; }
    .largePlayer .imageArea .teaserImg {
      z-index: 1; }
    .largePlayer .imageArea .titleInfo {
      z-index: 3;
      position: absolute;
      bottom: 0;
      left: 1.25rem; }
  .largePlayer .teaserSubtitle {
    padding-top: 0.625rem;
    padding-left: 1rem; }
  .largePlayer .popupOverlay {
    z-index: 3;
    display: block;
    position: absolute;
    top: 1.5625rem;
    right: 1.125rem; }
  .largePlayer .maRtsOverlay {
    z-index: 3;
    display: block;
    position: absolute;
    top: 1.5625rem;
    right: 2.875rem; }

.favouriteShowTeaser .showImg {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 33.05%; }
  .favouriteShowTeaser .showImg img {
    width: 100%;
    height: 100%; }
    .favouriteShowTeaser .showImg img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .favouriteShowTeaser .showImg img {
    position: absolute;
    top: 0;
    left: 0; }
  .favouriteShowTeaser .showImg img:after {
    background-position: 50% 50%; }

.favouriteShowTeaser .episodeTeaser {
  display: inline-block;
  width: 100%;
  padding: 0.625rem 0 0.625rem 0; }
  .favouriteShowTeaser .episodeTeaser .teaserImg {
    float: left;
    width: 5.5625rem;
    height: 3.125rem;
    margin-right: 0.625rem;
    padding-top: 0; }

.videoHistoryTeaser {
  display: inline-block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0; }
  .videoHistoryTeaser .teaserContent {
    padding: 0.625rem 0 0.625rem 0; }
  .videoHistoryTeaser .teaserImg {
    float: left;
    width: 5.5625rem;
    height: 3.125rem;
    margin-right: 0.625rem;
    padding-top: 0; }

.eventLivestream .liveInfo {
  display: inline-block; }
  .eventLivestream .liveInfo .liveTag,
  .eventLivestream .liveInfo .liveStartInfo,
  .eventLivestream .liveInfo .iconImgPlay {
    float: left; }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .eventLivestream .liveInfo {
      margin-top: 0.625rem; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .eventLivestream .liveInfo {
      margin-top: 0.75rem; } }
  @media only screen and (min-width: 79.75em) {
    .eventLivestream .liveInfo {
      margin-top: 0.8125rem; } }

@media only screen and (max-width: 39.875em) {
  .eventLivestream {
    width: 100%;
    display: inline-block;
    padding: 1rem 0 1rem 0; }
    li:first-of-type .eventLivestream {
      border: none; }
    .eventLivestream .teaserImg {
      float: left;
      margin-right: 0.625rem;
      padding-top: 0;
      width: 8.8125rem;
      height: 4.9375rem; } }

.eventLivestream .startTimeOverlay {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 0.1875rem;
  width: 100%; }
  @media only screen and (min-width: 79.75em) {
    .eventLivestream .startTimeOverlay {
      padding-left: 0.3125rem; } }

.eventLivestream .progressBarOverlay {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.3125rem;
  width: 100%; }

.mediumButton {
  display: block;
  height: 2.5rem;
  margin-top: 1rem; }
  .touch .mediumButton {
    height: 3rem; }

/** VIEWPORT MIXINS **/
@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.eot"); }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.eot"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.eot"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.eot"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.ttf") format("truetype"); }

.arial {
  font-family: Arial, Sans-Serif; }

.buttonImg {
  background-color: transparent; }
  .buttonImg:before {
    content: "";
    background-size: 540px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px; }

.buttonImgShare:before {
  background-position: -92px -0px; }

.buttonImgShare:hover:before, .buttonImgShare:focus:before {
  background-position: -152px -0px; }

.buttonImgLike:before {
  background-position: -92px -120px; }

.buttonImgLike:hover:before, .buttonImgLike:focus:before {
  background-position: -152px -120px; }

.buttonImgFacebook:before {
  background-position: -92px -180px; }

.buttonImgFacebook:hover:before, .buttonImgFacebook:focus:before {
  background-position: -152px -180px; }

.buttonImgTwitter:before {
  background-position: -92px -240px; }

.buttonImgTwitter:hover:before, .buttonImgTwitter:focus:before {
  background-position: -152px -240px; }

.buttonImgGoogle:before {
  background-position: -92px -300px; }

.buttonImgGoogle:hover:before, .buttonImgGoogle:focus:before {
  background-position: -152px -300px; }

.buttonImgWhatsApp:before {
  background-position: -92px -360px; }

.buttonImgWhatsApp:hover:before, .buttonImgWhatsApp:focus:before {
  background-position: -152px -360px; }

.buttonImgPopUp:before {
  width: 21px;
  height: 21px;
  background-position: 0 -420px; }

.buttonImgPopUp:hover:before, .buttonImgPopUp:focus:before {
  background-position: -60px -420px; }

.touch .buttonImgPopUp:before {
  background-position: -92px -420px; }

.touch .buttonImgPopUp:hover:before, .touch .buttonImgPopUp:focus:before {
  background-position: -152px -420px; }

.buttonImgViews:before {
  background-position: -92px -480px; }

.buttonImgAdd:before {
  background-position: -92px -510px; }

.buttonImgAdd:hover:before, .buttonImgAdd:focus:before {
  background-position: -152px -510px; }

.buttonImgDownload:before {
  background-position: -92px -540px; }

.buttonImgDownload:hover:before, .buttonImgDownload:focus:before {
  background-position: -152px -540px; }

.buttonImgEmail:before {
  background-position: -92px -570px; }

.buttonImgEmail:hover:before, .buttonImgEmail:focus:before {
  background-position: -152px -570px; }

.buttonImgEmbed:before {
  background-position: -92px -600px; }

.buttonImgEmbed:hover:before, .buttonImgEmbed:focus:before {
  background-position: -152px -600px; }

.buttonImgRSS:before {
  background-position: -92px -630px; }

.buttonImgRSS:hover:before, .buttonImgRSS:focus:before {
  background-position: -152px -630px; }

.buttonImgShowOverview:before {
  background-position: -92px -660px; }

.buttonImgShowOverview:hover:before, .buttonImgShowOverview:focus:before {
  background-position: -152px -660px; }

.buttonImgShowHomepage:before {
  background-position: -92px -690px; }

.buttonImgShowHomepage:hover:before, .buttonImgShowHomepage:focus:before {
  background-position: -152px -690px; }

.buttonImgShowPodcast:before {
  background-position: -92px -720px; }

.buttonImgShowPodcast:hover:before, .buttonImgShowPodcast:focus:before {
  background-position: -152px -720px; }

.buttonImgShowHelp:before {
  background-position: -92px -750px; }

.buttonImgShowHelp:hover:before, .buttonImgShowHelp:focus:before {
  background-position: -152px -750px; }

.buttonImgExpand:before {
  background-position: -92px -780px; }

.buttonImgExpand:hover:before, .buttonImgExpand:focus:before {
  background-position: -152px -780px; }

.buttonImgCollapse:before {
  background-position: -92px -810px; }

.buttonImgCollapse:hover:before, .buttonImgCollapse:focus:before {
  background-position: -152px -810px; }

.buttonImgPersonalizationActive:before {
  width: 37px;
  height: 37px;
  background-position: -240px -540px; }

.buttonImgPersonalizationActiveLarge:before {
  width: 42px;
  height: 42px;
  background-position: -360px -540px; }

.buttonImgPersonalizationInactiveLarge:before {
  width: 42px;
  height: 42px;
  background-position: -450px -540px; }

.buttonImgViewsForTeaser:before {
  width: 21px;
  height: 21px;
  background-position: -2px -480px; }

.buttonImgAddForTeaser:before {
  width: 21px;
  height: 21px;
  background-position: 0px -510px; }

.buttonImgAddForTeaser:hover:before, .buttonImgAddForTeaser:focus:before {
  background-position: -60px -510px; }

@media only screen and (min-width: 61em) {
  .largeVertical .buttonImgViewsForTeaser:before, .largePlayer .buttonImgViewsForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -480px; }
  .largeVertical .buttonImgPopUpForTeaser:before, .largePlayer .buttonImgPopUpForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -420px; }
  .largeVertical .buttonImgPopUpForTeaser:hover:before, .largeVertical .buttonImgPopUpForTeaser:focus:before, .largePlayer .buttonImgPopUpForTeaser:hover:before, .largePlayer .buttonImgPopUpForTeaser:focus:before {
    background-position: -152px -420px; }
  .largeVertical .buttonImgAddForTeaser:before, .largePlayer .buttonImgAddForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -510px; }
  .largeVertical .buttonImgAddForTeaser:hover:before, .largeVertical .buttonImgAddForTeaser:focus:before, .largePlayer .buttonImgAddForTeaser:hover:before, .largePlayer .buttonImgAddForTeaser:focus:before {
    background-position: -152px -510px; } }

.mediumButton {
  width: 100%;
  outline: none; }
  .mediumButton .iconExpand:before {
    background-position: -6px -89px; }
  .mediumButton:hover .iconExpand:before, .mediumButton:focus .iconExpand:before, .mediumButton.selected .iconExpand:before {
    background-position: -6px  -89px; }
  .mediumButton.inactive {
    cursor: default; }
    .mediumButton.inactive .iconExpand:before {
      background-position: -36px -89px; }
    .mediumButton.inactive:hover, .mediumButton.inactive:focus, .mediumButton.inactive.selected {
      cursor: default; }
      .mediumButton.inactive:hover .iconExpand:before, .mediumButton.inactive:focus .iconExpand:before, .mediumButton.inactive.selected .iconExpand:before {
        background-position: -36px -89px; }

.iconImg:before {
  content: "";
  background-size: 122px auto;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px; }

.iconImgSearch:before {
  background-position: -2px 0; }

.iconImgSearch:hover:before, .iconImgSearch:focus:before {
  background-position: -32px 0; }

.iconImgClose:before {
  background-position: -2px -30px; }

.iconImgClose:hover:before, .iconImgClose:focus:before {
  background-position: -32px -30px; }

.iconImgMenu:before {
  background-position: -2px -60px; }

.iconImgMenu:hover:before, .iconImgMenu:focus:before {
  background-position: -32px -60px; }

.iconImgTimer:before {
  background-position: -66px -368px; }

.touch .iconImgTimer:before {
  width: 19px;
  height: 19px; }

.iconImgArrowDownSmall:before {
  background-position: -2px -985px; }

.iconImgArrowUpSmall:before {
  background-position: -2px -1017px; }

.iconImgFullArrowUp:before {
  background-position: -4px -1680px; }

.iconImgArrowDown:before {
  background-size: 244px auto;
  background-position: -11px -180px; }

.iconImgLink:before {
  background-position: -2px -1110px; }

.iconImgArrowUp:before {
  background-size: 244px auto;
  background-position: -11px -210px; }

.iconExpand:before {
  background-position: -6px -87px; }

.touch .iconExpand:before {
  width: 19px;
  height: 19px; }

.iconImgArrowUpMini:before {
  background-position: -6px -103px; }

.touch .iconImgArrowUpMini:before {
  width: 19px;
  height: 19px; }

.iconImgArrowRight:before {
  background-position: -10px -600px; }

.touch .iconImgArrowRight:before {
  width: 19px;
  height: 19px; }

.iconImgArrowRightSmall:before {
  background-position: -7px -660px;
  width: 10px; }

.touch .iconImgArrowRightSmall:before {
  width: 10px; }

.iconImgArrowLeftSmall:before {
  background-position: -8px -690px;
  width: 10px; }

.touch .iconImgArrowLeftSmall:before {
  width: 10px; }

.iconImgArrowRightXS:before {
  background-position: -7px -720px;
  width: 10px; }

.touch .iconImgArrowRightXS:before {
  width: 10px; }

.iconImgArrowLeft:before {
  background-position: -10px -631px; }

.touch .iconImgArrowLeft:before {
  width: 19px;
  height: 19px; }

.iconImgCalendar:before {
  background-position: -3px -1053px; }

.iconFlyoutArrow:before {
  background-position: -8px -1078px;
  width: 8px; }

.iconImgExclamation:before {
  background-position: -2px -133px;
  height: 27px;
  width: 30px; }

.iconImgPerson:before {
  background-position: -33px -571px; }

.iconImgFeedback:before {
  width: 22px;
  background-position: -61px -572px; }

.iconImgFeedback:hover:before, .iconImgFeedback:focus:before {
  background-position: -91px -572px; }

.iconImgPlay:before {
  width: 15px;
  height: 15px;
  background-position: -2px -1140px; }

@media only screen and (min-width: 79.75em) {
  .iconImgPlay:before {
    width: 19px;
    height: 19px;
    background-position: -30px -1140px; } }

.iconImgCamera:before {
  background-position: -4px -1198px; }

.lightGreyTeaserListHeading .iconImgArrowRight:before {
  margin-left: 0.375rem;
  margin-bottom: -0.1875rem; }
  @media only screen and (min-width: 61em) {
    .lightGreyTeaserListHeading .iconImgArrowRight:before {
      margin-bottom: -0.25rem; } }

.topicsDropdown .selected:after {
  content: "";
  background: url("../img/icon-sprite.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  background-size: 244px auto;
  background-position: -11px -180px;
  float: right; }

.topicsDropdown.active .selected:after {
  background-position: -11px -210px; }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.eot"); }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.eot"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.eot"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.eot"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.ttf") format("truetype"); }

.arial {
  font-family: Arial, Sans-Serif; }

.lightGreyTeaserListHeading {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
  padding-bottom: 0.25rem;
  margin: 0; }
  @media only screen and (min-width: 39.9375em) {
    .lightGreyTeaserListHeading {
      font-size: 1.25rem;
      line-height: 1.5rem; } }
  @media only screen and (min-width: 79.75em) {
    .lightGreyTeaserListHeading {
      font-size: 1.5rem;
      line-height: 1.75rem;
      padding-bottom: 0.5rem; } }

.teaserSubtitle {
  font-family: Arial, Sans-Serif;
  font-size: 0.75rem;
  color: #969696;
  display: inline-block; }

.teaserDescription {
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
  color: #969696; }

.durationFont {
  font-family: SRGSSRType_Rg, Arial, sans-serif;
  font-size: 0.625rem;
  line-height: 0.75rem; }

.durationFontBig {
  font-family: SRGSSRType_Rg, Arial, sans-serif;
  font-size: 0.8125rem;
  line-height: 1rem; }

.startTimeFont {
  font-family: Arial, sans-serif;
  font-size: 0.625rem;
  line-height: 0.9375rem; }
  @media only screen and (min-width: 79.75em) {
    .startTimeFont {
      font-size: 0.875rem;
      line-height: 1.25rem; } }

.editorialPickTipFlagFont {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 0.625rem;
  line-height: 0.75rem; }

.editorialPickTipFlagFontBig {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 0.8125rem;
  line-height: 1rem; }

.teaserViewCount {
  display: inline-block;
  padding: 3px 0 0 0; }

.expirationCountdown {
  background-color: #222222;
  line-height: 17px;
  padding: 6px 4px 6px 8px; }
  .expirationCountdown div, .expirationCountdown .iconImage:before {
    display: inline-block;
    vertical-align: middle;
    line-height: 17px; }
  .expirationCountdown span.teaserSubtitle {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-left: 0.125rem;
    margin-top: 0.1875rem;
    color: inherit; }
    .expirationCountdown span.teaserSubtitle:first-letter {
      text-transform: uppercase; }

.offline_hours .iconImgTimer:before {
  background-position: -66px -188px; }

.offline_days_1 .iconImgTimer:before {
  background-position: -66px -233px; }

.offline_days_2 .iconImgTimer:before {
  background-position: -66px -278px; }

.offline_days_3 .iconImgTimer:before {
  background-position: -66px -321px; }

@media only screen and (min-width: 39.9375em) {
  .miniVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 6px; }
  .miniVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .miniVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 10px; }
  .miniVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-top: 0px; } }

.miniHorizontal .teaserTitle, .smallHorizontal .teaserTitle, .mediaStage-eventLandingpageTeaser .teaserTitle {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 4px;
  margin-top: -3px; }

.miniHorizontal .teaserSubtitle, .smallHorizontal .teaserSubtitle, .mediaStage-eventLandingpageTeaser .teaserSubtitle {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 2px;
  margin-top: 0px; }

.miniHorizontal .expirationCountdown, .smallHorizontal .expirationCountdown, .mediaStage-eventLandingpageTeaser .expirationCountdown {
  float: left;
  clear: both;
  padding: 5px 3px 5px 5px;
  width: 140px; }

@media only screen and (min-width: 79.75em) {
  .miniHorizontal .teaserTitle, .smallHorizontal .teaserTitle, .mediaStage-eventLandingpageTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 4px;
    margin-top: -4px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .smallVertical .teaserTitle, .eventLivestream .teaserTitle, .mediaStage-eventLandingpageTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 7px;
    margin-top: 10px; }
  .smallVertical .teaserSubtitle, .eventLivestream .teaserSubtitle, .mediaStage-eventLandingpageTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .smallVertical .teaserTitle, .eventLivestream .teaserTitle, .mediaStage-eventLandingpageTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    margin-top: 9px; }
  .smallVertical .teaserSubtitle, .eventLivestream .teaserSubtitle, .mediaStage-eventLandingpageTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .smallVertical .teaserTitle, .eventLivestream .teaserTitle, .mediaStage-eventLandingpageTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 9px; }
  .smallVertical .teaserSubtitle, .eventLivestream .teaserSubtitle, .mediaStage-eventLandingpageTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .mediumVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: 10px; }
  .mediumVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .mediumVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 9px; }
  .mediumVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .mediumVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
    margin-top: 9px; }
  .mediumVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (max-width: 39.875em) {
  .largeVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 8px; }
  .largeVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .largeVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 9px; }
  .largeVertical .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .largeVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 12px; }
  .largeVertical .teaserSubtitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .largeVertical .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 6px;
    margin-top: 16px; }
  .largeVertical .teaserSubtitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 2px;
    margin-top: 0px; } }

.largePlayer .teaserTitle {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 16px;
  margin-top: 0px;
  padding-right: 75px; }

.largePlayer .teaserSubtitle {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 2px;
  margin-top: 0px; }

@media only screen {
  .favouriteShowTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: -3px; }
  .favouriteShowTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-top: 0px; }
  .favouriteShowTeaser .expirationCountdown {
    float: left;
    clear: both;
    padding: 5px 3px 5px 5px;
    width: 140px; } }

@media only screen {
  .videoHistoryTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: -3px; }
  .videoHistoryTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) {
  .eventLivestream {
    border-top: none !important; } }

.eventLivestream .inactive {
  cursor: default; }

.eventLivestream .teaserTitle {
  font-family: SRGSSRType_Md, Arial, sans-serif; }
  @media only screen and (max-width: 39.875em) {
    .eventLivestream .teaserTitle {
      font-size: 15px;
      line-height: 18px;
      margin-top: 0.25rem; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .eventLivestream .teaserTitle {
      font-size: 15px;
      line-height: 18px;
      margin-top: 0.375rem; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .eventLivestream .teaserTitle {
      margin-top: 0.5625rem;
      line-height: 20px;
      font-size: 16px; } }
  @media only screen and (min-width: 79.75em) {
    .eventLivestream .teaserTitle {
      margin-top: 0.5625rem;
      line-height: 20px;
      font-size: 18px; } }

.eventLivestream .liveStartInfo {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-top: 0.125rem;
  margin-left: 0.25rem; }
  @media only screen and (min-width: 79.75em) {
    .eventLivestream .liveStartInfo {
      font-size: 14px;
      margin-top: 0.25rem;
      margin-left: 0.375rem; } }

.eventLivestream .liveTag {
  padding-left: 0.1875rem;
  padding-right: 0.25rem;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 0px;
  margin-top: 0px; }
  @media only screen and (min-width: 79.75em) {
    .eventLivestream .liveTag {
      font-size: 14px;
      line-height: 19px;
      padding-left: 0.3125rem; }
      .eventLivestream .liveTag.active {
        padding-right: 0.4375rem; } }

/* NEW COMPONENTS */
.mediaStage-teaserList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -8px; }

.mediaStage-teaserItem {
  list-style: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
  overflow: hidden; }

@media only screen and (max-width: 39.875em) {
  .mediaStage-eventLandingpageTeaser {
    width: 100%;
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media only screen and (min-width: 39.9375em) {
  .mediaStage-eventLandingpageTeaser {
    width: 25%;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; } }

@media only screen and (min-width: 79.75em) {
  .mediaStage-eventLandingpageTeaser {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

.mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img {
    width: 100%;
    height: 100%; }
    .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img {
    position: absolute;
    top: 0;
    left: 0; }
  @media only screen and (max-width: 39.875em) {
    .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage {
      float: left;
      width: 8.8125rem;
      height: 4.9375rem;
      padding-top: 0;
      margin-right: 0.625rem; } }

.mediaStage-eventLandingpageTeaser:hover,
.mediaStage-eventLandingpageTeaser:focus {
  text-decoration: underline; }

.mediaStage-viewAllTeaser {
  margin-top: 0.625rem; }
  @media only screen and (min-width: 79.75em) {
    .mediaStage-viewAllTeaser {
      margin-top: 1rem; } }

.mediaStage-viewAllTeaser-link {
  position: relative;
  height: 80px;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 39.9375em) {
    .mediaStage-viewAllTeaser-link {
      height: 0;
      padding-top: 56.25%; } }
  .mediaStage-viewAllTeaser-link:hover, .mediaStage-viewAllTeaser-link:focus {
    outline: none; }
    .mediaStage-viewAllTeaser-link:hover .mediaStage-viewAllTeaser-linkText, .mediaStage-viewAllTeaser-link:focus .mediaStage-viewAllTeaser-linkText {
      text-decoration: underline; }
  .mediaStage-viewAllTeaser-link .mediaStage-viewAllTeaser-linkText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    text-align: center; }

/* GENERAL LAYOUT CLASSES */
.header .myVideosMobile, .detailPage, .showOverviewPage .showOverview, .showOverviewPage .showEpisodeList, .eventLandingPage, .showsByDateStationPicker, .showsByDateRadio, .showsByDateTv, .showsByTopicTv, .showsAtoZStationPicker, .showsAtoZContent, .searchPage, .liveModule, .suggestionModules, .playerHelp, .helpPage, .livePageRadio, .livePageTV, .personalizationPage, .modules, .errorPage {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px; }
  .header .myVideosMobile:before, .detailPage:before, .showOverviewPage .showOverview:before, .showOverviewPage .showEpisodeList:before, .eventLandingPage:before, .showsByDateStationPicker:before, .showsByDateRadio:before, .showsByDateTv:before, .showsByTopicTv:before, .showsAtoZStationPicker:before, .showsAtoZContent:before, .searchPage:before, .liveModule:before, .suggestionModules:before, .playerHelp:before, .helpPage:before, .livePageRadio:before, .livePageTV:before, .personalizationPage:before, .modules:before, .errorPage:before, .header .myVideosMobile:after, .detailPage:after, .showOverviewPage .showOverview:after, .showOverviewPage .showEpisodeList:after, .eventLandingPage:after, .showsByDateStationPicker:after, .showsByDateRadio:after, .showsByDateTv:after, .showsByTopicTv:after, .showsAtoZStationPicker:after, .showsAtoZContent:after, .searchPage:after, .liveModule:after, .suggestionModules:after, .playerHelp:after, .helpPage:after, .livePageRadio:after, .livePageTV:after, .personalizationPage:after, .modules:after, .errorPage:after {
    content: " ";
    display: table; }
  .header .myVideosMobile:after, .detailPage:after, .showOverviewPage .showOverview:after, .showOverviewPage .showEpisodeList:after, .eventLandingPage:after, .showsByDateStationPicker:after, .showsByDateRadio:after, .showsByDateTv:after, .showsByTopicTv:after, .showsAtoZStationPicker:after, .showsAtoZContent:after, .searchPage:after, .liveModule:after, .suggestionModules:after, .playerHelp:after, .helpPage:after, .livePageRadio:after, .livePageTV:after, .personalizationPage:after, .modules:after, .errorPage:after {
    clear: both; }

.nestedRow, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow {
  margin: 0 -8px;
  max-width: none;
  width: auto; }
  .nestedRow:before, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:before, .nestedRow:after, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:after {
    content: " ";
    display: table; }
  .nestedRow:after, .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow:after {
    clear: both; }

.blockElement {
  display: block; }

*[srg-sticky-on]:before, *[srg-sticky-on]:after {
  content: '';
  display: table; }

@media only screen and (max-width: 39.875em) {
  *[srg-sticky-on~="small"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  *[srg-sticky-on~="medium"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  *[srg-sticky-on~="large"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

@media only screen and (min-width: 79.75em) {
  *[srg-sticky-on~="xlarge"] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding-top: 0.5rem; } }

.vertical-align-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.loadingContainer {
  min-height: 2.625rem; }
  .loadingContainer * {
    margin: 0 auto; }
  .loadingContainer .ai-grey-spin {
    /* Bugfix for IE */
    border-color: rgba(189, 195, 199, 0.5) rgba(189, 195, 199, 0.5) #bdc3c7 #bdc3c7; }

.technicalPlayerFullscreen iframe {
  position: absolute; }

.technicalPlayerContainer {
  height: 0;
  position: relative; }
  .technicalPlayerContainer iframe {
    position: absolute; }

.technicalPlayerContainer.withSegments {
  padding-bottom: calc(56.12% + 137px); }

.technicalPlayerContainer.withoutSegments {
  padding-bottom: 56.12%; }

.box16to9 {
  height: 0;
  padding-bottom: 56.12%;
  position: relative; }
  .box16to9 iframe {
    position: absolute; }

.boxAudioplayer {
  height: 3.6875rem; }

.reveal-modal {
  outline: none; }

body {
  font-family: SRGSSRType_Rg, Arial, sans-serif; }

ul {
  list-style: none;
  margin-left: 0; }

ul li ul {
  list-style: none;
  margin-left: 0; }

button {
  padding: 0;
  border: none; }

.buttonTextCentered {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  line-height: 1.125rem;
  font-size: 0.875rem;
  text-align: center; }

.nonWrappingText {
  overflow: hidden;
  line-height: 0; }

.parentHover .showOnParentHover {
  opacity: 0; }
  .parentHover .showOnParentHover:focus {
    opacity: 1; }

.parentHover:hover .showOnParentHover {
  opacity: 1; }

.parentHover:hover .teaserTitle {
  text-decoration: underline; }

.parentHover > a:focus .teaserTitle {
  text-decoration: underline; }

.hideImg {
  overflow: hidden;
  float: left; }

div:hover > .playButtonWrapper .playButton {
  background-position: -450px -480px; }

.playButtonWrapper {
  width: 100%;
  position: absolute;
  top: 46%;
  z-index: 3; }
  .playButtonWrapper .playButton {
    margin: 0 auto;
    content: "";
    background-size: 540px auto;
    display: block;
    width: 4rem;
    height: 2.625rem;
    background-position: -360px -480px;
    cursor: pointer;
    background-repeat: none; }

.screenReaderHidden {
  display: inline;
  height: 0;
  left: -2000px;
  overflow: hidden;
  position: absolute;
  width: 0; }

.transparentPane {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer; }
  .transparentPane.grey {
    background: rgba(0, 0, 0, 0.45); }
  .transparentPane.darkGrey {
    background: rgba(0, 0, 0, 0.65); }

.playNow {
  display: inline-block;
  cursor: pointer;
  outline: none; }
  @media only screen and (min-width: 61em) {
    .playNow {
      display: block;
      clear: both; } }
  @media only screen and (min-width: 61em) {
    .playNow {
      display: inline-block;
      clear: inherit; } }
  .playNow .playIcon {
    float: left;
    content: "";
    background: url("../img/button-sprite.png") no-repeat;
    background-size: 292px auto;
    display: inline-block;
    width: 2.125rem;
    height: 1.375rem;
    background-position: -244px -260px;
    border-radius: 2px;
    border: solid 0px black; }
    @media only screen and (min-width: 39.9375em) {
      .playNow .playIcon {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; } }
  .playNow:hover .playNowText, .playNow:focus .playNowText {
    background-color: #e01d2a;
    background: -moz-linear-gradient(top, #e01d2a, #b0001d);
    background: -ms-linear-gradient(top, #e01d2a, #b0001d);
    background: -o-linear-gradient(top, #e01d2a, #b0001d);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e01d2a), color-stop(100%, #b0001d));
    background: linear-gradient(to bottom, #e01d2a, #b0001d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e01d2a, endColorstr=#b0001d); }
  .playNow .playNowText {
    display: none;
    font-family: SRGSSRType_Md, Arial, sans-serif;
    color: white;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    float: left;
    height: 1.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-left: -2px;
    padding-right: 0.375rem;
    padding-left: 0.5rem;
    background-color: #AC0000;
    background: -moz-linear-gradient(top, #AC0000, #6a0b0c);
    background: -ms-linear-gradient(top, #AC0000, #6a0b0c);
    background: -o-linear-gradient(top, #AC0000, #6a0b0c);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AC0000), color-stop(100%, #6a0b0c));
    background: linear-gradient(to bottom, #AC0000, #6a0b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#AC0000, endColorstr=#6a0b0c); }
    @media only screen and (min-width: 39.9375em) {
      .playNow .playNowText {
        display: inline-block; } }

/* User Survey */
.surveyButton {
  width: auto !important;
  display: block;
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 500;
  padding: 0 9px 0 14px; }
  @media only screen and (max-width: 39.875em) {
    .surveyButton {
      width: 43px;
      padding: 1px 6px; } }
  @media only screen and (max-width: 39.875em) {
    .touch .surveyButton {
      width: auto;
      padding: 0 16px 0 16px; } }
  @media only screen and (min-width: 39.9375em) {
    .surveyButton {
      bottom: 8px;
      right: 8px;
      left: auto; } }

.surveyButtonText {
  padding-left: 5px;
  padding-right: 5px; }
  @media only screen and (max-width: 39.875em) {
    .surveyButtonText {
      display: none; } }
  @media only screen and (min-width: 39.9375em) {
    .surveyButtonText {
      display: inline; } }

.surveyButton.scroll-up-show {
  overflow: hidden;
  bottom: 10px;
  -webkit-transition-property: bottom;
  -moz-transition-duration: 0.30s;
  -webkit-transition-duration: 0.30s;
  -o-transition-duration: 0.30s;
  transition-duration: 0.30s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear; }
  @media only screen and (min-width: 39.9375em) {
    .surveyButton.scroll-up-show {
      bottom: 8px; } }

.surveyButton.scroll-down-hide {
  overflow: hidden;
  bottom: -100px;
  -webkit-transition-property: bottom;
  -moz-transition-duration: 0.30s;
  -webkit-transition-duration: 0.30s;
  -o-transition-duration: 0.30s;
  transition-duration: 0.30s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear; }

@media only screen and (max-width: 39.875em) {
  .surveyModal {
    padding: 0px; } }

@media only screen and (min-width: 39.9375em) {
  .surveyModal {
    padding-top: 55px;
    width: 90%; } }

@media only screen and (min-width: 61em) {
  .surveyModal {
    width: 60%; } }

.surveyModalIframe {
  width: 100%; }
  @media only screen and (max-width: 39.875em) {
    .surveyModalIframe {
      height: 500px; } }
  @media only screen and (min-width: 39.9375em) {
    .surveyModalIframe {
      height: 550px; } }

.surveyButton {
  border: 0; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.clearfixAfter:after {
  content: "";
  display: table;
  clear: both; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important; }

.header .personalizationMessageWrapper .personalizationMessage {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%;
  padding: 1rem; }
  .header .personalizationMessageWrapper .personalizationMessage:before, .header .personalizationMessageWrapper .personalizationMessage:after {
    content: " ";
    display: table; }
  .header .personalizationMessageWrapper .personalizationMessage:after {
    clear: both; }
  .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageText {
    padding-left: 8px;
    padding-right: 8px;
    width: 91.6666666667%;
    float: left; }
    @media only screen and (min-width: 39.9375em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageText {
        position: relative;
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
        left: 25%;
        right: auto;
        float: left; } }
    @media only screen and (min-width: 61em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageText {
        position: relative;
        padding-left: 8px;
        padding-right: 8px;
        width: 66.6666666667%;
        left: 16.6666666667%;
        right: auto;
        float: left; } }
  .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageClose {
    padding-left: 8px;
    padding-right: 8px;
    width: 8.3333333333%;
    float: left; }
    @media only screen and (min-width: 39.9375em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageClose {
        padding-left: 8px;
        padding-right: 8px;
        width: 25%;
        float: left; } }
    @media only screen and (min-width: 61em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationMessageClose {
        padding-left: 8px;
        padding-right: 8px;
        width: 16.6666666667%;
        float: left; } }
  .header .personalizationMessageWrapper .personalizationMessage .personalizationStatus {
    min-width: 140px;
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left; }
    @media only screen and (min-width: 39.9375em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationStatus {
        position: relative;
        padding-left: 8px;
        padding-right: 8px;
        width: 25%;
        right: 50%;
        left: auto;
        float: left; } }
    @media only screen and (min-width: 61em) {
      .header .personalizationMessageWrapper .personalizationMessage .personalizationStatus {
        position: relative;
        padding-left: 8px;
        padding-right: 8px;
        width: 16.6666666667%;
        right: 66.6666666667%;
        left: auto;
        float: left; } }

.header .headerTopWrapper .headerTop {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%;
  padding-top: 6px;
  padding-left: 16px;
  padding-right: 16px; }
  .header .headerTopWrapper .headerTop:before, .header .headerTopWrapper .headerTop:after {
    content: " ";
    display: table; }
  .header .headerTopWrapper .headerTop:after {
    clear: both; }

@media only screen and (max-width: 39.875em) {
  .header .headerTopWrapper .headerTop {
    display: none; } }

.header .navigationWrapper .headerNavi {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%; }
  .header .navigationWrapper .headerNavi:before, .header .navigationWrapper .headerNavi:after {
    content: " ";
    display: table; }
  .header .navigationWrapper .headerNavi:after {
    clear: both; }
  .header .navigationWrapper .headerNavi .headerNaviBarMobile {
    height: 3.125rem; }
  .header .navigationWrapper .headerNavi .naviTab {
    float: left;
    width: 100%; }

.header .navigationWrapper .headerNaviDesktop {
  display: none; }

@media only screen and (min-width: 39.9375em) {
  .header .navigationWrapper .headerNaviMobile {
    display: none !important; }
  .header .navigationWrapper .currentSubNavigation {
    display: none !important; }
  .header .navigationWrapper .headerNaviDesktop {
    margin: 0 auto;
    max-width: 79.75em;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    padding-top: 1.25rem; }
    .header .navigationWrapper .headerNaviDesktop:before, .header .navigationWrapper .headerNaviDesktop:after {
      content: " ";
      display: table; }
    .header .navigationWrapper .headerNaviDesktop:after {
      clear: both; } }

.header .searchDesktop .searchResultEntry {
  width: 100%;
  display: inline-block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  .header .searchDesktop .searchResultEntry .imageContainer {
    width: 89px;
    max-height: 50px;
    float: left;
    margin-right: 0.625rem; }
    .header .searchDesktop .searchResultEntry .imageContainer .teaserImg {
      overflow: hidden;
      position: relative;
      height: 0;
      padding-top: 56.25%; }
      .header .searchDesktop .searchResultEntry .imageContainer .teaserImg img {
        width: 100%;
        height: 100%; }
        .header .searchDesktop .searchResultEntry .imageContainer .teaserImg img:after {
          content: " ";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: url("/play/fallbackimage") no-repeat;
          background-size: 100%; }
      .header .searchDesktop .searchResultEntry .imageContainer .teaserImg img {
        position: absolute;
        top: 0;
        left: 0; }

.header .searchMobile {
  margin: 0 auto;
  max-width: 79.75em;
  width: 100%; }
  .header .searchMobile:before, .header .searchMobile:after {
    content: " ";
    display: table; }
  .header .searchMobile:after {
    clear: both; }
  .header .searchMobile .searchField {
    position: absolute;
    width: calc(100% - 92px);
    top: 0; }
  .header .searchMobile .results {
    width: 100%;
    float: left; }
    .header .searchMobile .results .showAllButton {
      width: 100%; }

@media only screen and (min-width: 39.9375em) {
  .header .rtsHeader {
    margin: 0 auto;
    max-width: 79.75em;
    width: 100%; }
    .header .rtsHeader:before, .header .rtsHeader:after {
      content: " ";
      display: table; }
    .header .rtsHeader:after {
      clear: both; } }

.myVideosNaviEntry .myVideosTitle {
  display: none; }
  @media only screen and (min-width: 61em) {
    .myVideosNaviEntry .myVideosTitle {
      display: block;
      float: left; } }

.myVideosNaviEntry .iconImgPerson {
  margin-left: 0.5rem;
  float: right; }

.myVideosContent {
  float: right;
  display: inline;
  padding: 1rem 0.625rem; }
  .myVideosContent .myVideosColumn {
    float: left; }

@media only screen and (max-width: 39.875em) {
  .myVideosContent .myVideosColumn {
    padding-left: 0;
    padding-right: 0;
    width: 100%; } }
  .myVideosContent .favouriteShowTeaser .showOverviewLink {
    display: block; }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent.myVideosWidth1 {
      width: 33.33%; } }
  @media only screen and (min-width: 39.9375em) and (min-width: 61em) {
    .myVideosContent.myVideosWidth1 {
      width: 25%; } }
  @media only screen and (min-width: 39.9375em) {
      .myVideosContent.myVideosWidth1 .myVideosColumn {
        width: 100%; }
    .myVideosContent.myVideosWidth2 {
      width: 66.66%; } }
  @media only screen and (min-width: 39.9375em) and (min-width: 61em) {
    .myVideosContent.myVideosWidth2 {
      width: 50%; } }
  @media only screen and (min-width: 39.9375em) {
      .myVideosContent.myVideosWidth2 .myVideosColumn {
        width: 50%; }
    .myVideosContent.myVideosWidth3 {
      width: calc(100% + 20px);
      width: -moz-calc(100% + 20px);
      width: -webkit-calc(100% + 20px); } }
  @media only screen and (min-width: 39.9375em) and (min-width: 61em) {
    .myVideosContent.myVideosWidth3 {
      width: 75%; } }
  @media only screen and (min-width: 39.9375em) {
      .myVideosContent.myVideosWidth3 .myVideosColumn {
        width: 33.33%; }
    .myVideosContent.myVideosWidth4 {
      width: calc(100% + 20px);
      width: -moz-calc(100% + 20px);
      width: -webkit-calc(100% + 20px); }
      .myVideosContent.myVideosWidth4 .myVideosColumn {
        width: 33.33%; } }
  @media only screen and (min-width: 39.9375em) and (min-width: 39.9375em) and (max-width: 60.938em) {
    .myVideosContent.myVideosWidth4 .myVideosWidth4-medium-6 {
      width: 50%; } }
  @media only screen and (min-width: 39.9375em) and (min-width: 61em) {
    .myVideosContent.myVideosWidth4 .myVideosColumn {
      width: 25%; } }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent .myVideosColumn.rowSeparator {
      width: 100%; }
    .myVideosContent .myVideosFooter {
      padding-top: 1rem;
      clear: both;
      width: 100%; } }
  .myVideosContent .myVideosTabs {
    margin-top: 1.125rem;
    margin-bottom: 1rem !important; }
    @media only screen and (min-width: 39.9375em) {
      .myVideosContent .myVideosTabs .myVideosColumn {
        float: left; } }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent .videoHistory .description {
      padding-bottom: 1.75rem; } }
  .myVideosContent .videoHistory .videoHistoryRow {
    margin: 0 auto;
    max-width: 79.75em;
    width: 100%;
    float: left;
    width: 100%; }
    .myVideosContent .videoHistory .videoHistoryRow:before, .myVideosContent .videoHistory .videoHistoryRow:after {
      content: " ";
      display: table; }
    .myVideosContent .videoHistory .videoHistoryRow:after {
      clear: both; }
    .myVideosContent .videoHistory .videoHistoryRow .mediumButton {
      width: 100%;
      display: inline-block; }
    @media only screen and (max-width: 39.875em) {
      .myVideosContent .videoHistory .videoHistoryRow {
        padding-top: 1.9375rem;
        padding-bottom: 0.625rem; }
        .myVideosContent .videoHistory .videoHistoryRow .lightGreyTeaserListHeading {
          padding-bottom: 0.3125rem; } }
    @media only screen and (min-width: 39.9375em) {
      .myVideosContent .videoHistory .videoHistoryRow {
        padding-bottom: 1.5rem; }
        .myVideosContent .videoHistory .videoHistoryRow:last-child {
          padding-bottom: 0.125rem; }
        .myVideosContent .videoHistory .videoHistoryRow .lightGreyTeaserListHeading {
          padding-bottom: 0.1875rem; }
        .myVideosContent .videoHistory .videoHistoryRow .periodTeaserList {
          margin-left: -8px;
          margin-right: -8px; } }
    @media only screen and (max-width: 39.875em) {
      .myVideosContent .videoHistory .videoHistoryRow .videoHistoryTeaser:last-child .teaserContent {
        padding-bottom: 0; } }
    .myVideosContent .videoHistory .videoHistoryRow .videoHistoryTeaser .teaserContent {
      padding-top: 0.625rem; }
      @media only screen and (max-width: 39.875em) {
        .myVideosContent .videoHistory .videoHistoryRow .videoHistoryTeaser .teaserContent {
          padding-bottom: 0.625rem; } }
      @media only screen and (min-width: 39.9375em) {
        .myVideosContent .videoHistory .videoHistoryRow .videoHistoryTeaser .teaserContent {
          padding-bottom: 0.3125rem; } }

.footer {
  margin-bottom: 4rem; }
  .footer .footerWrapper {
    margin: 0 auto;
    max-width: 79.75em;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px; }
    .footer .footerWrapper:before, .footer .footerWrapper:after {
      content: " ";
      display: table; }
    .footer .footerWrapper:after {
      clear: both; }
    .footer .footerWrapper .footerTop {
      display: inline-block;
      width: 100%;
      margin-bottom: 1rem; }
      .footer .footerWrapper .footerTop .footerLeftColumn {
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
        float: left;
        padding-left: 0; }
      .footer .footerWrapper .footerTop .footerRightColumn {
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
        float: left;
        padding-right: 0; }
    .footer .footerWrapper .footerBottom {
      padding-left: 8px;
      padding-right: 8px;
      width: 100%;
      float: left; }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.eot"); }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.eot"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.eot"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.eot"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.ttf") format("truetype"); }

.arial {
  font-family: Arial, Sans-Serif; }

body {
  font-family: SRGSSRType_Rg, Arial, sans-serif; }

ul {
  list-style: none;
  margin-left: 0; }

ul li ul {
  list-style: none;
  margin-left: 0; }

button {
  padding: 0;
  border: none; }

.buttonTextCentered {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  line-height: 1.125rem;
  font-size: 0.875rem;
  text-align: center; }

.nonWrappingText {
  overflow: hidden;
  line-height: 0; }

.parentHover .showOnParentHover {
  opacity: 0; }
  .parentHover .showOnParentHover:focus {
    opacity: 1; }

.parentHover:hover .showOnParentHover {
  opacity: 1; }

.parentHover:hover .teaserTitle {
  text-decoration: underline; }

.parentHover > a:focus .teaserTitle {
  text-decoration: underline; }

.hideImg {
  overflow: hidden;
  float: left; }

div:hover > .playButtonWrapper .playButton {
  background-position: -450px -480px; }

.playButtonWrapper {
  width: 100%;
  position: absolute;
  top: 46%;
  z-index: 3; }
  .playButtonWrapper .playButton {
    margin: 0 auto;
    content: "";
    background-size: 540px auto;
    display: block;
    width: 4rem;
    height: 2.625rem;
    background-position: -360px -480px;
    cursor: pointer;
    background-repeat: none; }

.screenReaderHidden {
  display: inline;
  height: 0;
  left: -2000px;
  overflow: hidden;
  position: absolute;
  width: 0; }

.transparentPane {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer; }
  .transparentPane.grey {
    background: rgba(0, 0, 0, 0.45); }
  .transparentPane.darkGrey {
    background: rgba(0, 0, 0, 0.65); }

.playNow {
  display: inline-block;
  cursor: pointer;
  outline: none; }
  @media only screen and (min-width: 61em) {
    .playNow {
      display: block;
      clear: both; } }
  @media only screen and (min-width: 61em) {
    .playNow {
      display: inline-block;
      clear: inherit; } }
  .playNow .playIcon {
    float: left;
    content: "";
    background: url("../img/button-sprite.png") no-repeat;
    background-size: 292px auto;
    display: inline-block;
    width: 2.125rem;
    height: 1.375rem;
    background-position: -244px -260px;
    border-radius: 2px;
    border: solid 0px black; }
    @media only screen and (min-width: 39.9375em) {
      .playNow .playIcon {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; } }
  .playNow:hover .playNowText, .playNow:focus .playNowText {
    background-color: #e01d2a;
    background: -moz-linear-gradient(top, #e01d2a, #b0001d);
    background: -ms-linear-gradient(top, #e01d2a, #b0001d);
    background: -o-linear-gradient(top, #e01d2a, #b0001d);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e01d2a), color-stop(100%, #b0001d));
    background: linear-gradient(to bottom, #e01d2a, #b0001d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e01d2a, endColorstr=#b0001d); }
  .playNow .playNowText {
    display: none;
    font-family: SRGSSRType_Md, Arial, sans-serif;
    color: white;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    float: left;
    height: 1.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-left: -2px;
    padding-right: 0.375rem;
    padding-left: 0.5rem;
    background-color: #AC0000;
    background: -moz-linear-gradient(top, #AC0000, #6a0b0c);
    background: -ms-linear-gradient(top, #AC0000, #6a0b0c);
    background: -o-linear-gradient(top, #AC0000, #6a0b0c);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AC0000), color-stop(100%, #6a0b0c));
    background: linear-gradient(to bottom, #AC0000, #6a0b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#AC0000, endColorstr=#6a0b0c); }
    @media only screen and (min-width: 39.9375em) {
      .playNow .playNowText {
        display: inline-block; } }

.srf .buLogoSmall {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/srf/srf_logo.png") no-repeat;
  background-size: 34px 22px; }

.srf .srgplayLogo {
  width: 98px;
  height: 26px;
  display: inline-block;
  background: url("../img/srg/srf/playsrf_logo.png") no-repeat;
  background-size: 98px 26px; }
  @media only screen and (min-width: 39.9375em) {
    .srf .srgplayLogo {
      width: 159px;
      height: 42px;
      display: inline-block;
      background: url("../img/srg/srf/playsrf_logo.png") no-repeat;
      background-size: 159px 42px; } }

.rts .buLogoSmall {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rts/rts_logo.png") no-repeat;
  background-size: 34px 22px; }

.rts .srgplayLogo {
  width: 98px;
  height: 26px;
  display: inline-block;
  background: url("../img/srg/rts/playrts_logo.png") no-repeat;
  background-size: 98px 26px; }
  @media only screen and (min-width: 39.9375em) {
    .rts .srgplayLogo {
      width: 159px;
      height: 42px;
      display: inline-block;
      background: url("../img/srg/rts/playrts_logo_white.png") no-repeat;
      background-size: 159px 42px; } }

.rsi .buLogoSmall {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rsi/rsi_logo.png") no-repeat;
  background-size: 34px 22px; }

.rsi .srgplayLogo {
  width: 98px;
  height: 26px;
  display: inline-block;
  background: url("../img/srg/rsi/playrsi_logo.png") no-repeat;
  background-size: 98px 26px; }
  @media only screen and (min-width: 39.9375em) {
    .rsi .srgplayLogo {
      width: 159px;
      height: 42px;
      display: inline-block;
      background: url("../img/srg/rsi/playrsi_logo.png") no-repeat;
      background-size: 159px 42px; } }

.rtr .buLogoSmall {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rtr/rtr_logo.png") no-repeat;
  background-size: 34px 22px; }

.rtr .srgplayLogo {
  width: 98px;
  height: 26px;
  display: inline-block;
  background: url("../img/srg/rtr/playrtr_logo.png") no-repeat;
  background-size: 98px 26px; }
  @media only screen and (min-width: 39.9375em) {
    .rtr .srgplayLogo {
      width: 159px;
      height: 42px;
      display: inline-block;
      background: url("../img/srg/rtr/playrtr_logo.png") no-repeat;
      background-size: 159px 42px; } }

.swi .buLogoSmall {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/swi/swi_logo.png") no-repeat;
  background-size: 34px 22px; }

.swi .srgplayLogo {
  width: 98px;
  height: 26px;
  display: inline-block;
  background: url("../img/srg/swi/playswi_logo.png") no-repeat;
  background-size: 98px 26px; }
  @media only screen and (min-width: 39.9375em) {
    .swi .srgplayLogo {
      width: 159px;
      height: 42px;
      display: inline-block;
      background: url("../img/srg/swi/playswi_logo.png") no-repeat;
      background-size: 159px 42px; } }

.header {
  z-index: 2; }
  .header .personalizationMessageWrapper {
    display: none; }
    .header .personalizationMessageWrapper.active {
      display: block; }
  .header .personalizationMessage .headerMessageContent {
    font-family: Arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem; }
    @media only screen and (min-width: 79.75em) {
      .header .personalizationMessage .headerMessageContent {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
  @media only screen and (max-width: 39.875em) {
    .header .personalizationMessage .personalizationStatusWrapper {
      width: 100%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .header .personalizationMessage .personalizationStatus {
      padding-top: 6px; } }
  .header .personalizationMessage .personalizationStatus .buttonImgPersonalizationActive {
    margin-right: 5px;
    float: left; }
  .header .personalizationMessage .personalizationStatus .text {
    padding-top: 2px;
    padding-left: 47px;
    padding-right: 16px; }
  .header .personalizationMessage .personalizationMessageText {
    padding-left: 2% !important;
    padding-right: 40px; }
    .header .personalizationMessage .personalizationMessageText a:hover, .header .personalizationMessage .personalizationMessageText a:focus {
      text-decoration: underline; }
    @media only screen and (max-width: 39.875em) {
      .header .personalizationMessage .personalizationMessageText {
        padding-bottom: 16px; } }
    @media only screen and (min-width: 39.9375em) {
      .header .personalizationMessage .personalizationMessageText {
        padding-bottom: 2px;
        padding-top: 2px; } }
  .header .personalizationMessage .personalizationMessageClose {
    padding-top: 2px;
    padding-right: 16px;
    cursor: pointer;
    text-align: right; }
    .header .personalizationMessage .personalizationMessageClose:hover, .header .personalizationMessage .personalizationMessageClose:focus {
      opacity: 0.8;
      outline: none; }
    @media only screen and (max-width: 39.875em) {
      .header .personalizationMessage .personalizationMessageClose .personalizationMessageCloseText {
        display: none; } }
  .header .headerTopWrapper li {
    display: inline-block; }
  .header .headerTopNavi {
    height: 35px;
    font-family: Arial, sans-serif; }
    .header .headerTopNavi ul {
      font-size: 0.75rem;
      line-height: 1.3125rem; }
      .header .headerTopNavi ul li {
        margin-right: 4px; }
        .header .headerTopNavi ul li:last-child {
          margin-right: 0; }
  .header .topNaviLeft {
    float: left; }
    .header .topNaviLeft li {
      margin-right: 7px;
      margin-top: 1px; }
  .header .srgPortalSwitch {
    float: right; }
    .header .srgPortalSwitch .buSwitchImage {
      display: block;
      height: 22px; }
    .header .srgPortalSwitch .srg-portal-switch-item .buSwitchImage {
      opacity: 0.7; }
    .header .srgPortalSwitch .srg-portal-switch-item:hover .buSwitchImage, .header .srgPortalSwitch .srg-portal-switch-item:focus .buSwitchImage {
      opacity: 1; }
  .header .playBg {
    width: 29px;
    height: 22px;
    display: inline-block;
    background: url("../img/playBackground.png") no-repeat;
    background-size: 29px 22px; }

.contentDiv {
  position: relative;
  z-index: 1; }

.mainNavigationMobile {
  position: relative; }
  .mainNavigationMobile .azFlyoutIframe, .mainNavigationMobile .topicsFlyoutIframe {
    display: none; }
  .mainNavigationMobile .srgplayLogo {
    margin-left: 1rem;
    margin-top: 0.75rem; }
  .mainNavigationMobile .gradientNaviToContentMobile {
    position: absolute;
    height: 300px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
  .mainNavigationMobile .headerNaviBarMobileIcongroup {
    float: right; }
  .mainNavigationMobile .naviBarEntry {
    float: left;
    height: 3.125rem;
    display: inline-block;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.5625rem;
    cursor: pointer; }
    .mainNavigationMobile .naviBarEntry .iconImg {
      display: block; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson:hover, .mainNavigationMobile .naviBarEntry .iconImgPerson:focus {
      opacity: 0.8; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.letItGlow {
      -webkit-animation: glow 1s 8 linear;
      -moz-animation: glow 1s 8 linear;
      -o-animation: glow 1s 8 linear;
      animation: glow 1s 8 linear; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.bounce {
      -webkit-animation: bounce 5s 10;
      -moz-animation: bounce 5s 10;
      -o-animation: bounce 5s 10;
      animation: bounce 5s 10; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.wobble {
      -webkit-animation: wobble 5s 10;
      -moz-animation: wobble 5s 10;
      -o-animation: wobble 5s 10;
      animation: wobble 5s 10; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.tada {
      -webkit-animation: tada 2s 50;
      -moz-animation: tada 2s 50;
      -o-animation: tada 2s 50;
      animation: tada 2s 50; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.shake {
      -webkit-animation: shake 2s 50;
      -moz-animation: shake 2s 50;
      -o-animation: shake 2s 50;
      animation: shake 2s 50; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.pulse {
      -webkit-animation: pulse 2s 50;
      -moz-animation: pulse 2s 50;
      -o-animation: pulse 2s 50;
      animation: pulse 2s 50; }
    .mainNavigationMobile .naviBarEntry .iconImgPerson.flash {
      -webkit-animation: flash 2s 50;
      -moz-animation: flash 2s 50;
      -o-animation: flash 2s 50;
      animation: flash 2s 50; }
  .mainNavigationMobile .toggleSearch.active {
    padding-left: 0.6875rem;
    border-left: none; }
  .mainNavigationMobile .toggleSearch:hover .iconImgSearch:before, .mainNavigationMobile .toggleSearch:focus .iconImgSearch:before {
    background-position: -32px 0; }
  .mainNavigationMobile .toggleMenu:hover .iconImgMenu:before, .mainNavigationMobile .toggleMenu:focus .iconImgMenu:before {
    background-position: -32px -60px; }
  .mainNavigationMobile .toggleMyVideos:hover .iconImgPerson:before, .mainNavigationMobile .toggleMyVideos:focus .iconImgPerson:before {
    background-position: -32px -571px; }
  .mainNavigationMobile .naviTab {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    padding-top: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 350; }
    .mainNavigationMobile .naviTab .tabs {
      height: 3.125rem; }
      .mainNavigationMobile .naviTab .tabs .tab-title {
        line-height: 1.625rem; }
        .mainNavigationMobile .naviTab .tabs .tab-title a {
          background: inherit;
          float: left;
          padding-left: 1.25rem;
          padding-right: 1.25rem;
          padding-top: 0.75rem;
          padding-bottom: 0.6875rem; }
        .mainNavigationMobile .naviTab .tabs .tab-title.active {
          margin-bottom: -2px; }
          .mainNavigationMobile .naviTab .tabs .tab-title.active a {
            background: inherit;
            padding-top: 0.6875rem; }
          .mainNavigationMobile .naviTab .tabs .tab-title.active .smallBorder {
            border: none !important; }
        .mainNavigationMobile .naviTab .tabs .tab-title .smallBorder {
          height: 38px;
          position: absolute;
          float: left;
          z-index: 100;
          margin-left: 1px;
          margin-top: 4px; }
    .mainNavigationMobile .naviTab .tabs-content {
      margin-bottom: 0; }
      .mainNavigationMobile .naviTab .tabs-content .content h1 {
        margin: 0;
        line-height: 1.125rem;
        display: inline; }
      .mainNavigationMobile .naviTab .tabs-content .content > li {
        list-style: none; }
        .mainNavigationMobile .naviTab .tabs-content .content > li:last-child {
          border-bottom: none; }
      .mainNavigationMobile .naviTab .tabs-content .content .subNaviLink {
        width: 100%;
        display: inline-block;
        font-family: SRGSSRType_Md, Arial, sans-serif;
        font-size: 0.9375rem;
        line-height: 1.125rem;
        padding-top: 1rem;
        padding-bottom: 1rem; }
        .mainNavigationMobile .naviTab .tabs-content .content .subNaviLink.flyout {
          width: 85%; }
        .mainNavigationMobile .naviTab .tabs-content .content .subNaviLink .playNowText {
          display: block; }
      .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer {
        display: inline; }
        .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .topicsFlyout {
          margin-left: 0;
          padding-bottom: 0.75rem; }
          .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .topicsFlyout .topicLink {
            width: 100%;
            margin-bottom: 0.25rem;
            display: inline-block;
            padding-right: 1.25rem; }
            .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .topicsFlyout .topicLink .topicTitle {
              width: 100%;
              padding: 0.625rem;
              display: inline-block; }
          .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .topicsFlyout .topic:last-child {
            margin-bottom: 0; }
        .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .sendungen_az_flyout {
          margin-left: -0.125rem;
          margin-right: -0.125rem;
          margin-bottom: 0.625rem; }
          .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .sendungen_az_flyout > li {
            width: 20%;
            display: inline-block; }
            .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .sendungen_az_flyout > li a {
              text-align: center;
              padding: 0.625rem;
              display: inline-block;
              width: 100%; }
              .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .sendungen_az_flyout > li a.inactive {
                cursor: default; }
        .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .toggleAZButton,
        .mainNavigationMobile .naviTab .tabs-content .content .flyoutContainer .toggleTopicsButton {
          padding-top: 0.75rem;
          padding-right: 1.6%; }
  .mainNavigationMobile .naviBarMobile, .mainNavigationMobile .myVideosMobile {
    position: relative;
    z-index: 350; }
  .mainNavigationMobile .transparentPane {
    z-index: 300; }
  .mainNavigationMobile .currentSubNavigation {
    position: relative;
    height: 51px;
    width: 100%;
    float: left;
    padding-top: 0.6875rem;
    padding-left: 1rem;
    background-color: #1a1a1a;
    color: #d2d2d2;
    font-family: SRGSSRType_Rg, Arial, Sans-Serif;
    font-size: 1.25rem; }

.mainNavigationDesktop .srgplayLogo {
  position: absolute;
  margin-left: 0.5rem;
  margin-top: -0.9375rem; }

.mainNavigationDesktop .mainNavigation {
  text-align: center;
  height: 58px; }
  .mainNavigationDesktop .mainNavigation .mainNavigationLi {
    display: inline-block;
    margin-left: -4px; }
  .mainNavigationDesktop .mainNavigation .mainNaviItem {
    float: left;
    display: inline-block;
    width: 120px;
    height: 51px;
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 25px;
    line-height: 48px; }
    .mainNavigationDesktop .mainNavigation .mainNaviItem.active_1 {
      font-size: 31px; }

.mainNavigationDesktop .subNavigation {
  height: 47px;
  padding-top: 2px;
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  background-size: 100% 100%;
  margin-top: -7px;
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  z-index: 26; }
  .mainNavigationDesktop .subNavigation .subNaviList {
    display: table;
    margin: 0 auto; }
    .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem {
      display: block;
      float: left;
      margin-right: 0.8125rem;
      margin-top: 0.3125rem; }
      @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
        .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem {
          margin-right: 0.5rem;
          font-size: 0.9375rem; } }
      .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem .subNaviLink {
        padding-right: 8px;
        padding-left: 8px;
        position: relative;
        z-index: 110;
        display: inline-block;
        cursor: pointer; }
        .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem .subNaviLink .flyout {
          margin-left: 6px;
          float: right; }
      .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem .subNaviLink.subNaviStandardLink {
        padding-top: 4px;
        padding-bottom: 4px; }
      .mainNavigationDesktop .subNavigation .subNaviList .subNaviItem .subNaviLink.subNaviPopupLink {
        padding-top: 6px;
        padding-bottom: 6px; }

@media only screen and (min-width: 39.9375em) {
  .mainNavigationDesktop .flyoutIframeWrapper {
    position: relative; }
  .mainNavigationDesktop .azFlyoutIframe {
    border: none;
    height: 184px;
    position: absolute;
    width: 366px;
    z-index: 100;
    left: 0; }
  .mainNavigationDesktop .topicsFlyoutIframe {
    z-index: 100;
    left: 0;
    position: absolute;
    border: none; } }

.mainNavigationDesktop .sendungen_az_flyout {
  position: absolute;
  z-index: 100;
  cursor: default;
  margin-left: 0;
  padding: 10px 0 6px 10px;
  width: 366px; }
  .mainNavigationDesktop .sendungen_az_flyout ul {
    float: left; }
  .mainNavigationDesktop .sendungen_az_flyout li {
    float: left;
    margin-bottom: 4px; }
    .mainNavigationDesktop .sendungen_az_flyout li a {
      text-align: center;
      line-height: 38px;
      width: 46px;
      height: 38px;
      float: left;
      font-family: SRGSSRType_Rg, Arial, sans-serif;
      margin-right: 4px; }
      .mainNavigationDesktop .sendungen_az_flyout li a.inactive {
        cursor: default; }

.mainNavigationDesktop .topicsFlyout {
  position: absolute;
  z-index: 100;
  padding: 10px 10px 6px; }
  .mainNavigationDesktop .topicsFlyout .topicList {
    margin-left: 0;
    position: relative;
    z-index: 100; }
    .mainNavigationDesktop .topicsFlyout .topicList .topic {
      float: left; }
      .mainNavigationDesktop .topicsFlyout .topicList .topic:nth-child(2n + 1) {
        clear: left;
        margin-right: 4px; }
    .mainNavigationDesktop .topicsFlyout .topicList .topicLink {
      display: block;
      padding-top: 12px;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 4px;
      height: 48px; }
      .mainNavigationDesktop .topicsFlyout .topicList .topicLink .topicTitle {
        float: left;
        font-family: SRGSSRType_Rg, Arial, Sans-Serif; }

.srf .topicsFlyout .topic {
  min-width: 167px; }

.srf .topicsFlyoutIframe {
  width: 358px;
  height: 266px; }

.rsi .topicsFlyout .topic {
  min-width: 164px; }

.rsi .topicsFlyoutIframe {
  width: 354px;
  height: 266px; }

.rts .topicsFlyout .topic {
  min-width: 126px; }

.rts .topicsFlyoutIframe {
  width: 278px;
  height: 162px; }

.swi .topicsFlyout .topic {
  min-width: 124px; }

.swi .topicsFlyout .topicsFlyoutIframe {
  width: 274px;
  height: 162px; }

.searchMobile .searchField {
  padding-top: 0.40625rem;
  padding-bottom: 0.40625rem;
  padding-left: 1rem;
  padding-right: 0.125rem; }
  .searchMobile .searchField .searchInput {
    margin: 0;
    padding-left: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.5625rem;
    border-radius: 20px;
    font-size: 1rem;
    box-sizing: border-box; }

.searchMobile .results {
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem; }
  .searchMobile .results > * {
    padding-top: 25px; }
  .searchMobile .results > *:first-child {
    padding-top: 0; }
  .searchMobile .results .lightGreyTeaserListHeading {
    color: #9f9f9f;
    padding-bottom: 0.5rem; }
  .searchMobile .results ul li a {
    padding-top: 0.5625rem;
    padding-bottom: 0.875rem;
    display: block;
    font-family: SRGSSRType_Md, Arial, sans-serif;
    border-top: 1px solid #4c4c4c; }
  .searchMobile .results ul li:first-child a {
    border-top: none; }
  .searchMobile .results .showAllButton {
    border: none;
    padding-top: 0 !important; }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .rts .searchDesktop .searchForm {
    width: 130px; } }

.searchDesktop .searchForm {
  position: absolute;
  z-index: 220;
  right: -10px;
  width: 140px;
  transition: width 0.15s linear 0s;
  -webkit-transition: width 0.15s linear 0s;
  -moz-transition: width 0.15s linear 0s;
  -ms-transition: width 0.15s linear 0s;
  -o-transition: width 0.15s linear 0s;
  padding: 0.625rem;
  top: -4.25rem; }
  @media only screen and (min-width: 61em) {
    .searchDesktop .searchForm {
      width: 160px; } }
  .searchDesktop .searchForm.focus {
    width: 41.666%;
    -webkit-box-shadow: 0px 0px 33px 6px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 33px 6px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 33px 6px rgba(0, 0, 0, 0.7); }
    @media only screen and (min-width: 61em) {
      .searchDesktop .searchForm.focus {
        width: 400px; } }
    .searchDesktop .searchForm.focus .iconImgSearch::before {
      background-position: -32px 0; }
    .searchDesktop .searchForm.focus .searchInput {
      width: 94%; }

.searchDesktop .searchInputWrapper {
  border-radius: 12px;
  padding-left: 0.375rem;
  padding-right: 0.625rem;
  transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -ms-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s; }

.searchDesktop .innerInputWrapper {
  position: relative; }

.searchDesktop .searchInput {
  transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -ms-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  border: none;
  box-shadow: none;
  font-size: inherit;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 80%;
  height: 100%;
  display: inline-block;
  background-color: transparent; }
  .searchDesktop .searchInput:focus {
    background-color: transparent; }

.searchDesktop .showAllButton {
  border: none;
  width: 100%;
  margin-bottom: 6px; }

.searchDesktop .searchResultListEntry:last-child .searchResultEntry {
  border-bottom: none; }

.searchDesktop .searchResultEntry .title {
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  margin-top: -2px;
  padding-left: 98px; }

.searchDesktop .searchResultEntry .show {
  margin-top: 4px;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  padding-left: 98px; }

.searchDesktop .searchResultEntry:hover, .searchDesktop .searchResultEntry:focus, .searchDesktop .searchResultEntry.selected {
  outline: none; }
  .searchDesktop .searchResultEntry:hover .title, .searchDesktop .searchResultEntry:focus .title, .searchDesktop .searchResultEntry.selected .title {
    text-decoration: underline; }

.searchDesktop .searchResultHeader {
  font-size: 0.9375rem;
  margin-top: 0.5rem; }

.searchDesktop .filterList {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  width: 100%;
  display: inline-block; }
  .searchDesktop .filterList .filterItem {
    width: 50%;
    font-size: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    float: left; }
    .searchDesktop .filterList .filterItem.inactive {
      border-left: none !important;
      border-right: none !important;
      border-top: none !important; }

.maRtsPlaceholderMobile {
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .maRtsPlaceholderMobile .rtsHeader {
      padding-right: 0.125rem !important;
      padding-top: 0.125rem !important; } }
  .maRtsPlaceholderMobile .rtsHeader .marts-entity .login-ce .login-btn {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    padding-right: 0 !important; }
    .maRtsPlaceholderMobile .rtsHeader .marts-entity .login-ce .login-btn .logo {
      position: relative !important; }
    .maRtsPlaceholderMobile .rtsHeader .marts-entity .login-ce .login-btn .label {
      display: none !important; }
  .maRtsPlaceholderMobile .rtsHeader .marts-entity .login-ce .profile-picture {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    margin-right: 0.875rem !important; }
  .maRtsPlaceholderMobile .rtsHeader .marts-entity .dropdown-menu {
    top: 46px !important;
    right: 88px !important; }
    .maRtsPlaceholderMobile .rtsHeader .marts-entity .dropdown-menu .menu-wrapper > ul {
      display: block !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 10px !important;
      margin-right: 10px !important; }
    .maRtsPlaceholderMobile .rtsHeader .marts-entity .dropdown-menu .menu-wrapper .user {
      padding-bottom: 15px !important; }
    .maRtsPlaceholderMobile .rtsHeader .marts-entity .dropdown-menu .menu-wrapper .playlist {
      border-top: 1px solid #666 !important;
      border-left: none !important;
      padding-top: 15px !important; }

.maRtsPlaceholderDesktop .rtsHeader {
  position: relative; }
  .maRtsPlaceholderDesktop .rtsHeader .marts-entity {
    position: absolute;
    right: 140px; }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .maRtsPlaceholderDesktop .rtsHeader .marts-entity {
        right: 130px; }
        .maRtsPlaceholderDesktop .rtsHeader .marts-entity .profile-picture {
          transform: scale(0.8);
          -webkit-transform: scale(0.8);
          margin-right: 0.625rem !important; } }
    @media only screen and (min-width: 61em) {
      .maRtsPlaceholderDesktop .rtsHeader .marts-entity {
        right: 160px; } }
    .maRtsPlaceholderDesktop .rtsHeader .marts-entity .login-ce {
      box-sizing: content-box; }
      @media only screen and (min-width: 39.9375em) {
        .maRtsPlaceholderDesktop .rtsHeader .marts-entity .login-ce {
          margin-top: -0.5rem; } }
      .maRtsPlaceholderDesktop .rtsHeader .marts-entity .login-ce .label {
        font-family: Arial;
        padding: 0; }
        @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
          .maRtsPlaceholderDesktop .rtsHeader .marts-entity .login-ce .label {
            display: none !important; } }

@-webkit-keyframes glow {
  0% {
    opacity: 0.8; }
  16.66% {
    opacity: 1; }
  66.66% {
    opacity: 0.4; }
  100% {
    opacity: 0.8; } }

@-moz-keyframes glow {
  0% {
    opacity: 0.8; }
  16.66% {
    opacity: 1; }
  66.66% {
    opacity: 0.4; }
  100% {
    opacity: 0.8; } }

@-ms-keyframes glow {
  0% {
    opacity: 0.8; }
  16.66% {
    opacity: 1; }
  66.66% {
    opacity: 0.4; }
  100% {
    opacity: 0.8; } }

@keyframes glow {
  0% {
    opacity: 0.8; }
  16.66% {
    opacity: 1; }
  66.66% {
    opacity: 0.4; }
  100% {
    opacity: 0.8; } }

@-webkit-keyframes bounce {
  0%, 4%, 11%, 16%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0);
    -webkit-transform: translate3d(0, -8px, 0); }
  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0); }
  18% {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0); } }

@-moz-keyframes bounce {
  0%, 4%, 11%, 16%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0);
    -webkit-transform: translate3d(0, -8px, 0); }
  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0); }
  18% {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0); } }

@-ms-keyframes bounce {
  0%, 4%, 11%, 16%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0);
    -webkit-transform: translate3d(0, -8px, 0); }
  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0); }
  18% {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0); } }

@keyframes bounce {
  0%, 4%, 11%, 16%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0);
    -webkit-transform: translate3d(0, -8px, 0); }
  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0); }
  18% {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0); } }

@-webkit-keyframes wobble {
  0%, 20% {
    transform: none;
    -webkit-transform: none; }
  3% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  6% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  9% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  12% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }

@-moz-keyframes wobble {
  0%, 20% {
    transform: none;
    -webkit-transform: none; }
  3% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  6% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  9% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  12% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }

@-ms-keyframes wobble {
  0%, 20% {
    transform: none;
    -webkit-transform: none; }
  3% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  6% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  9% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  12% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }

@keyframes wobble {
  0%, 20% {
    transform: none;
    -webkit-transform: none; }
  3% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  6% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  9% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  12% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }

@-webkit-keyframes tada {
  0%, 50% {
    transform: scale3d(1, 1, 1); }
  5%, 10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }

@-moz-keyframes tada {
  0%, 50% {
    transform: scale3d(1, 1, 1); }
  5%, 10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }

@-ms-keyframes tada {
  0%, 50% {
    transform: scale3d(1, 1, 1); }
  5%, 10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }

@keyframes tada {
  0%, 50% {
    transform: scale3d(1, 1, 1); }
  5%, 10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }

@-webkit-keyframes shake {
  0%, 50% {
    transform: translate3d(0, 0, 0); }
  5%, 15%, 25%, 35%, 45% {
    transform: translate3d(-2px, 0, 0); }
  10%, 20%, 30%, 40% {
    transform: translate3d(2px, 0, 0); } }

@-moz-keyframes shake {
  0%, 50% {
    transform: translate3d(0, 0, 0); }
  5%, 15%, 25%, 35%, 45% {
    transform: translate3d(-2px, 0, 0); }
  10%, 20%, 30%, 40% {
    transform: translate3d(2px, 0, 0); } }

@-ms-keyframes shake {
  0%, 50% {
    transform: translate3d(0, 0, 0); }
  5%, 15%, 25%, 35%, 45% {
    transform: translate3d(-2px, 0, 0); }
  10%, 20%, 30%, 40% {
    transform: translate3d(2px, 0, 0); } }

@keyframes shake {
  0%, 50% {
    transform: translate3d(0, 0, 0); }
  5%, 15%, 25%, 35%, 45% {
    transform: translate3d(-2px, 0, 0); }
  10%, 20%, 30%, 40% {
    transform: translate3d(2px, 0, 0); } }

@-webkit-keyframes pulse {
  0%, 100% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.15, 1.15, 1.15); } }

@-moz-keyframes pulse {
  0%, 100% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.15, 1.15, 1.15); } }

@-ms-keyframes pulse {
  0%, 100% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.15, 1.15, 1.15); } }

@keyframes pulse {
  0%, 100% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.15, 1.15, 1.15); } }

@-webkit-keyframes flash {
  0%, 25%, 50% {
    opacity: 1; }
  12.5%, 37.5% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 25%, 50% {
    opacity: 1; }
  12.5%, 37.5% {
    opacity: 0; } }

@-ms-keyframes flash {
  0%, 25%, 50% {
    opacity: 1; }
  12.5%, 37.5% {
    opacity: 0; } }

@keyframes flash {
  0%, 25%, 50% {
    opacity: 1; }
  12.5%, 37.5% {
    opacity: 0; } }

.myVideosNaviEntry {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 12px; }
  .myVideosNaviEntry .iconImgPerson {
    opacity: 0.8; }
    .myVideosNaviEntry .iconImgPerson.letItGlow {
      -webkit-animation: glow 1s 8 linear;
      -moz-animation: glow 1s 8 linear;
      -o-animation: glow 1s 8 linear;
      animation: glow 1s 8 linear; }
    .myVideosNaviEntry .iconImgPerson.bounce {
      -webkit-animation: bounce 5s 10;
      -moz-animation: bounce 5s 10;
      -o-animation: bounce 5s 10;
      animation: bounce 5s 10; }
    .myVideosNaviEntry .iconImgPerson.wobble {
      -webkit-animation: wobble 5s 10;
      -moz-animation: wobble 5s 10;
      -o-animation: wobble 5s 10;
      animation: wobble 5s 10; }
    .myVideosNaviEntry .iconImgPerson.tada {
      -webkit-animation: tada 2s 50;
      -moz-animation: tada 2s 50;
      -o-animation: tada 2s 50;
      animation: tada 2s 50; }
    .myVideosNaviEntry .iconImgPerson.shake {
      -webkit-animation: shake 2s 50;
      -moz-animation: shake 2s 50;
      -o-animation: shake 2s 50;
      animation: shake 2s 50; }
    .myVideosNaviEntry .iconImgPerson.pulse {
      -webkit-animation: pulse 2s 50;
      -moz-animation: pulse 2s 50;
      -o-animation: pulse 2s 50;
      animation: pulse 2s 50; }
    .myVideosNaviEntry .iconImgPerson.flash {
      -webkit-animation: flash 2s 50;
      -moz-animation: flash 2s 50;
      -o-animation: flash 2s 50;
      animation: flash 2s 50; }
  .myVideosNaviEntry:hover .iconImgPerson, .myVideosNaviEntry:focus .iconImgPerson {
    opacity: 1; }

.myVideosContent {
  position: relative;
  /** use one more nth-child as the first element is always a row seperator */ }
  .myVideosContent .description,
  .myVideosContent .noContentMessage,
  .myVideosContent .myVideosFooter {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: SRGSSRType_Rg, Arial, sans-serif; }
    .myVideosContent .description a,
    .myVideosContent .noContentMessage a,
    .myVideosContent .myVideosFooter a {
      font-family: SRGSSRType_Md, Arial, sans-serif; }
  @media only screen and (max-width: 39.875em) {
    .myVideosContent .lightGreyTeaserListHeading {
      border-bottom: none; } }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent .lightGreyTeaserListHeading {
      font-size: 1.125rem;
      line-height: 1.375rem; } }
  @media only screen and (min-width: 39.9375em) and (min-width: 61em) {
    .myVideosContent .lightGreyTeaserListHeading {
      font-size: 1.25rem;
      line-height: 1.5rem; } }
  .myVideosContent .favouriteShowTeaser {
    cursor: default; }
  .myVideosContent .favouriteShowTeaser .noContentMessage {
    padding-top: 0.6875rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-bottom: 0.9375rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.125rem; }
  @media only screen and (max-width: 39.875em) {
    .myVideosContent .favouriteShowTeaser {
      padding-top: 1.9375rem; }
    .myVideosContent .showImg {
      display: none; } }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent {
      position: absolute;
      right: -10px;
      top: -8px;
      transition: opacity 0.5s, width 0.5s;
      -webkit-transition: opacity 0.5s, width 0.5s;
      -moz-transition: opacity 0.5s, width 0.5s;
      -ms-transition: opacity 0.5s, width 0.5s;
      -o-transition: opacity 0.5s, width 0.5s; }
      .myVideosContent.closed {
        opacity: 0;
        z-index: -1;
        left: -9999px; }
      .myVideosContent.opened {
        opacity: 1;
        z-index: 300; }
      .myVideosContent .favouriteShows {
        margin-left: -8px;
        margin-right: -8px; }
        .myVideosContent .favouriteShows .description {
          padding-left: 0.5rem;
          padding-right: 0.5rem; }
      .myVideosContent .favouriteShowTeaser {
        padding-top: 1.75rem; }
        .myVideosContent .favouriteShowTeaser .show {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
      .myVideosContent .iconImgClose {
        cursor: pointer;
        outline: none; } }
  .myVideosContent .title {
    font-size: 16px;
    font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent .myVideosTabs .myVideosColumn {
      float: left; } }
  .myVideosContent .favouriteShowTeaser a.showOverviewLink {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
    .myVideosContent .favouriteShowTeaser a.showOverviewLink:hover, .myVideosContent .favouriteShowTeaser a.showOverviewLink:focus {
      text-decoration: underline; }
    .myVideosContent .favouriteShowTeaser a.showOverviewLink .iconImgArrowRight {
      margin-left: 10px;
      position: relative;
      top: 1px; }
  .myVideosContent .tabTitle {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left; }
    .myVideosContent .tabTitle .tabTitleLink {
      display: inline-block;
      padding-top: 0.3125rem;
      padding-bottom: 0.3125rem;
      width: 100%;
      line-height: 20px; }
    .myVideosContent .tabTitle.active {
      margin-bottom: -2px; }
  .myVideosContent .tabs-content {
    clear: both; }
  .myVideosContent .iconImgClose {
    display: none; }
    @media only screen and (min-width: 39.9375em) {
      .myVideosContent .iconImgClose {
        display: block;
        margin-top: 4px;
        margin-right: 2px;
        float: right; } }
  .myVideosContent .loadingContainer {
    padding-top: 2rem; }
  @media only screen and (min-width: 39.9375em) {
    .myVideosContent.myVideosWidth1 .videoHistoryRow li:nth-child(-n+2) .videoHistoryTeaser,
    .myVideosContent.myVideosWidth2 .videoHistoryRow li:nth-child(-n+3) .videoHistoryTeaser,
    .myVideosContent.myVideosWidth3 .videoHistoryRow li:nth-child(-n+4) .videoHistoryTeaser {
      border-top: none; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .myVideosContent.myVideosWidth4 .videoHistoryRow li:nth-child(-n+4) .videoHistoryTeaser {
      border-top: none; } }
  @media only screen and (min-width: 61em) {
    .myVideosContent.myVideosWidth4 .videoHistoryRow li:nth-child(-n+5) .videoHistoryTeaser {
      border-top: none; } }

.transparentPane.myVideos {
  z-index: 230; }

@media only screen and (min-width: 39.9375em) {
  .myVideosIframe {
    border: none;
    height: 500px;
    position: absolute;
    width: 100%;
    z-index: 100;
    left: 0; } }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.eot"); }

@font-face {
  font-family: SRGSSRType_Rg;
  src: url("fonts/SRGSSRType_Rg.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.eot"); }

@font-face {
  font-family: SRGSSRType_Md;
  src: url("fonts/SRGSSRType_Md.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.eot"); }

@font-face {
  font-family: SRGSSRType_Lt;
  src: url("fonts/SRGSSRType_Lt.ttf") format("truetype"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.eot"); }

@font-face {
  font-family: SRGSSRType_Bd;
  src: url("fonts/SRGSSRType_Bd.ttf") format("truetype"); }

.arial {
  font-family: Arial, Sans-Serif; }

.srf .smallLogo {
  width: 33px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/srf/srf_logo.png") no-repeat;
  background-size: 33px 22px; }

.rts .smallLogo {
  width: 33px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rts/rts_logo.png") no-repeat;
  background-size: 33px 22px; }

.rsi .smallLogo {
  width: 29px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rsi/rsi_logo.png") no-repeat;
  background-size: 29px 22px; }

.rtr .smallLogo {
  width: 34px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/rtr/rtr_logo.png") no-repeat;
  background-size: 34px 22px; }

.swi .smallLogo {
  width: 33px;
  height: 22px;
  display: inline-block;
  background: url("../img/srg/swi/swi_logo.png") no-repeat;
  background-size: 33px 22px; }

.footer {
  font-family: Arial, Sans-Serif;
  position: relative; }
  .footer .linkToTop {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    display: block;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-top: 2.7rem;
    text-align: center; }
    .footer .linkToTop .fa-caret-up {
      margin-left: 2px;
      font-size: 12px; }
  .footer .footerGradient {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100px; }
  .footer .footerNavi ul {
    margin-left: 0; }
    .footer .footerNavi ul li {
      font-size: 0.75rem;
      line-height: 1rem; }
      .footer .footerNavi ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        width: 100%; }
      .footer .footerNavi ul li:last-child a {
        border-bottom: none !important; }
      @media only screen and (min-width: 39.9375em) {
        .footer .footerNavi ul li {
          width: 50%;
          float: left; }
          .footer .footerNavi ul li:nth-child(odd) {
            padding-right: 1rem; }
          .footer .footerNavi ul li:nth-last-child(-n+2) a {
            border-bottom: 1px solid transparent !important; } }
  .footer .footerLogos {
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem; }
  .footer .footerLogosRight .text {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 39.875em) {
      .footer .footerLogosRight .text {
        max-width: 200px;
        margin-top: -2px; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .footer .footerLogosRight .text {
        max-width: 350px; } }
  .footer .footerLogosRight .srgssrIcon {
    float: right;
    margin-left: 10px;
    width: 50px;
    height: 17px;
    display: inline-block;
    background: url("../img/SRGSSR_Footer_Logo.png") no-repeat;
    background-size: 50px 17px; }
  @media only screen and (max-width: 39.875em) {
    .footer .smallLogo {
      float: left; } }
  .footer .footerLinksBottom {
    list-style: none;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 39.875em) {
      .footer .footerLinksBottom {
        float: left;
        margin-left: 0.3125rem; } }
    @media only screen and (min-width: 39.9375em) {
      .footer .footerLinksBottom {
        margin-left: 0.625rem; } }

/* NEW COMPONENTS */
.mediaStage-teaserList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -8px; }

.mediaStage-teaserItem {
  list-style: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
  overflow: hidden; }

@media only screen and (max-width: 39.875em) {
  .mediaStage-eventLandingpageTeaser {
    width: 100%;
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media only screen and (min-width: 39.9375em) {
  .mediaStage-eventLandingpageTeaser {
    width: 25%;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; } }

@media only screen and (min-width: 79.75em) {
  .mediaStage-eventLandingpageTeaser {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

.mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img {
    width: 100%;
    height: 100%; }
    .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage img {
    position: absolute;
    top: 0;
    left: 0; }
  @media only screen and (max-width: 39.875em) {
    .mediaStage-eventLandingpageTeaser .mediaStage-eventLandingpageImage {
      float: left;
      width: 8.8125rem;
      height: 4.9375rem;
      padding-top: 0;
      margin-right: 0.625rem; } }

.mediaStage-eventLandingpageTeaser:hover,
.mediaStage-eventLandingpageTeaser:focus {
  text-decoration: underline; }

.mediaStage-viewAllTeaser {
  margin-top: 0.625rem; }
  @media only screen and (min-width: 79.75em) {
    .mediaStage-viewAllTeaser {
      margin-top: 1rem; } }

.mediaStage-viewAllTeaser-link {
  position: relative;
  height: 80px;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 39.9375em) {
    .mediaStage-viewAllTeaser-link {
      height: 0;
      padding-top: 56.25%; } }
  .mediaStage-viewAllTeaser-link:hover, .mediaStage-viewAllTeaser-link:focus {
    outline: none; }
    .mediaStage-viewAllTeaser-link:hover .mediaStage-viewAllTeaser-linkText, .mediaStage-viewAllTeaser-link:focus .mediaStage-viewAllTeaser-linkText {
      text-decoration: underline; }
  .mediaStage-viewAllTeaser-link .mediaStage-viewAllTeaser-linkText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    text-align: center; }

@media only screen and (min-width: 39.9375em) {
  .detailPage {
    padding-top: 1rem; } }

.detailPage .detailPageLeftCol .resetMargin {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .resetMargin {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageLeftCol .resetMarginAudio {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

@media only screen and (min-width: 39.9375em) {
  .detailPage .detailPageLeftCol .resetMarginAudio {
    margin-left: 0;
    margin-right: 0; } }

.detailPage .detailPageLeftCol .assetInformation {
  margin-top: 0.125rem; }
  .detailPage .detailPageLeftCol .assetInformation .copyright {
    padding-top: 0.3125rem;
    float: left;
    font-family: Arial, Sans-Serif;
    font-size: 0.75rem; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .detailPageLeftCol .assetInformation .copyright {
        padding-right: 1rem;
        float: right; } }

.detailPage .detailPageLeftCol .showInformation {
  margin-top: 0.125rem;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 39.875em) {
    .detailPage .detailPageLeftCol .showInformation {
      padding-bottom: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .showInformation {
      padding-bottom: 1.25rem;
      padding-top: 1rem; } }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageLeftCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .detailPage .detailPageLeftCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .detailPage .detailPageLeftCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 66.6666666667%;
    float: left; } }

@media only screen and (min-width: 79.75em) {
  .detailPage .detailPageLeftCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 66.6666666667%;
    float: left; } }

.detailPage .detailPageLeftCol .assetExpired {
  margin-right: -8px;
  margin-left: -8px; }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .assetExpired {
      margin: 0;
      padding-right: 8px;
      padding-left: 8px; } }

.detailPage .detailPageLeftCol .technicalPlayer.videoplayer {
  margin-right: -8px;
  margin-left: -8px; }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .technicalPlayer.videoplayer {
      margin: 0;
      padding-right: 8px;
      padding-left: 8px; } }

.detailPage .detailPageLeftCol .expiringBox {
  margin-right: -8px;
  margin-left: -8px;
  height: 2.25rem;
  padding-left: 1rem; }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .expiringBox {
      margin: 0;
      padding-right: 8px;
      padding-left: 8px; } }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .expiringBox {
      margin-right: 8px;
      margin-left: 8px; } }

.detailPage .detailPageLeftCol .leftColAssetDescription {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.detailPage .detailPageLeftCol .rightColAssetDescription {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.detailPage .detailPageLeftCol .assetInfoSocial {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .detailPage .detailPageLeftCol .assetInfoSocial {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .detailPage .detailPageLeftCol .assetInfoSocial .buttonRowText {
    display: inline-block; }

.detailPage .detailPageLeftCol .socialInteractions {
  padding-bottom: 0.5rem; }

.detailPage .detailPageLeftCol .shareDialog {
  padding-right: 1rem;
  padding-left: 1rem; }
  @media only screen and (max-width: 39.875em) {
    .detailPage .detailPageLeftCol .shareDialog {
      padding-top: 0.3125rem;
      padding-bottom: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .shareDialog {
      padding-top: 1rem;
      padding-bottom: 1rem; } }
  .detailPage .detailPageLeftCol .shareDialog .sendFormular textarea {
    height: 4rem !important; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .detailPageLeftCol .shareDialog .sendFormular textarea {
        padding-bottom: 0.375rem; } }
    @media only screen and (min-width: 39.9375em) {
      .detailPage .detailPageLeftCol .shareDialog .sendFormular textarea {
        margin-bottom: 1rem; } }
  .detailPage .detailPageLeftCol .shareDialog .embedFormular .embedIframe {
    padding-top: 1rem;
    margin-top: 1rem; }
  .detailPage .detailPageLeftCol .shareDialog .embedFormular, .detailPage .detailPageLeftCol .shareDialog .sendFormular {
    padding-top: 0.875rem;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .detailPageLeftCol .shareDialog .embedFormular, .detailPage .detailPageLeftCol .shareDialog .sendFormular {
        padding-left: 0.625rem;
        padding-right: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .detailPage .detailPageLeftCol .shareDialog .embedFormular, .detailPage .detailPageLeftCol .shareDialog .sendFormular {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem; } }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .shareDialog form {
      padding: 0 5px 0 5px; } }
  .detailPage .detailPageLeftCol .shareDialog form fieldset {
    margin: 0; }
  .detailPage .detailPageLeftCol .shareDialog form .inputField {
    height: 2rem; }
  .detailPage .detailPageLeftCol .shareDialog form label {
    margin-top: 0.875rem;
    padding-right: 1rem;
    padding-bottom: 0.375rem; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .detailPageLeftCol .shareDialog form label {
        padding-right: 0;
        padding-bottom: 0.375rem; } }
    .detailPage .detailPageLeftCol .shareDialog form label:first-child {
      margin-top: 0; }
  .detailPage .detailPageLeftCol .shareDialog form input[type=number] {
    width: 3rem; }
  .detailPage .detailPageLeftCol .shareDialog form .inputDescriptor {
    padding: 0.3125rem 2.1875rem 0 3.5625rem; }
  .detailPage .detailPageLeftCol .shareDialog .dimensionField {
    float: left;
    padding-top: 1rem; }
    @media only screen and (min-width: 39.9375em) {
      .detailPage .detailPageLeftCol .shareDialog .dimensionField label {
        margin-top: 0; } }
  .detailPage .detailPageLeftCol .shareDialog .embedHelpLink {
    clear: both; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .detailPageLeftCol .shareDialog .embedHelpLink {
        padding-top: 1.5rem; } }
    @media only screen and (min-width: 39.9375em) {
      .detailPage .detailPageLeftCol .shareDialog .embedHelpLink {
        padding-top: 1.625rem; } }
  @media only screen and (max-width: 39.875em) {
    .detailPage .detailPageLeftCol .shareDialog .shareRightCol {
      padding-bottom: 0.625rem; } }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo {
    padding-top: 0.5rem;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    left: 66.6666666667%;
    right: auto;
    float: left; } }

@media only screen and (min-width: 61em) {
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left; } }

.detailPage .detailPageLeftCol .leftColAssetGroupInfo .assetGroupBox .imageContainer {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 33.05%; }
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo .assetGroupBox .imageContainer img {
    width: 100%;
    height: 100%; }
    .detailPage .detailPageLeftCol .leftColAssetGroupInfo .assetGroupBox .imageContainer img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo .assetGroupBox .imageContainer img {
    position: absolute;
    top: 0;
    left: 0; }
  .detailPage .detailPageLeftCol .leftColAssetGroupInfo .assetGroupBox .imageContainer img:after {
    background-position: 50% 50%; }

.detailPage .detailPageLeftCol .leftColLatestAssets {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem; }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .leftColLatestAssets {
      padding-bottom: 1rem;
      padding-top: 0.5rem;
      position: relative;
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      right: 33.3333333333%;
      left: auto;
      float: left; } }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .leftColLatestAssets {
      padding-bottom: 2rem;
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (min-width: 79.75em) {
    .detailPage .detailPageLeftCol .leftColLatestAssets {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (min-width: 61em) {
    .detailPage .detailPageLeftCol .leftColLatestAssets {
      padding-bottom: 0; } }

.detailPage .detailPageLeftCol .buttonRow {
  padding-top: 0.375rem;
  padding-bottom: 0.25rem; }
  .touch .detailPage .detailPageLeftCol .buttonRow {
    padding-top: 0.5rem;
    padding-bottom: 0.3125rem; }
  .detailPage .detailPageLeftCol .buttonRow .buttonRowText {
    padding-left: 0.25rem; }
  .touch .detailPage .detailPageLeftCol .buttonRow .buttonRowText {
    margin-left: 0.4375rem;
    line-height: 1.5625rem; }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageLeftCol .shareButtonsRight {
    border-top: 1px solid #454545;
    padding-top: 0.375rem;
    padding-bottom: 0.25rem; }
    .touch .detailPage .detailPageLeftCol .shareButtonsRight {
      padding-top: 0.5rem;
      padding-bottom: 0.3125rem; }
    .detailPage .detailPageLeftCol .shareButtonsRight .buttonRowText {
      padding-left: 0.25rem; }
    .touch .detailPage .detailPageLeftCol .shareButtonsRight .buttonRowText {
      margin-left: 0.4375rem;
      line-height: 1.5625rem; } }

@media only screen and (min-width: 39.9375em) {
  .detailPage .detailPageLeftCol .shareButtonsRight .buttonRowText {
    padding-left: 0.25rem; } }

.detailPage .detailPageLeftCol .buttonRowActiveContent {
  zoom: 1;
  position: relative;
  padding-top: 0.375rem;
  margin-top: -0.375rem; }
  .detailPage .detailPageLeftCol .buttonRowActiveContent .contentTitle {
    display: none; }
  .detailPage .detailPageLeftCol .buttonRowActiveContent .closeButton {
    float: right; }
  @media only screen and (max-width: 39.875em) {
    .detailPage .detailPageLeftCol .buttonRowActiveContent {
      margin-left: -0.5rem;
      padding-left: 0.5rem;
      margin-right: -0.5rem;
      padding-right: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .buttonRowActiveContent .closeButton {
      padding-right: 1rem; }
    .detailPage .detailPageLeftCol .buttonRowActiveContent .contentTitle {
      display: block;
      padding-top: 1.25rem;
      margin-bottom: 0.25rem; } }

.detailPage .detailPageLeftCol .buttonRowHideable {
  padding-top: 0.125rem; }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .detailPageLeftCol .buttonRowHideable {
      padding-top: 1rem; } }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageRightCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .detailPage .detailPageRightCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .detailPage .detailPageRightCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left; } }

@media only screen and (min-width: 79.75em) {
  .detailPage .detailPageRightCol {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left; } }

.detailPage .detailPageRightCol .module-ab-test {
  display: block; }

.detailPage .radioSegments {
  margin-top: 0.125rem; }
  @media only screen and (max-width: 39.875em) {
    .detailPage .radioSegments {
      margin-left: -0.5rem;
      margin-right: -0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .radioSegments {
      margin-left: 0.5rem;
      margin-right: 0.5rem; } }

@media only screen and (max-width: 39.875em) {
  .detailPage .detailPageAudioPlayer {
    margin-left: -0.5rem;
    margin-right: -0.5rem; } }

@media only screen and (min-width: 39.9375em) {
  .detailPage .detailPageAudioPlayer {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0.625rem; } }

.detailPage .detailPageAudioPlayer .imageContainer {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .detailPage .detailPageAudioPlayer .imageContainer img {
    width: 100%;
    height: 100%; }
    .detailPage .detailPageAudioPlayer .imageContainer img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .detailPage .detailPageAudioPlayer .imageContainer img {
    position: absolute;
    top: 0;
    left: 0; }

.assetInfos > .description {
  padding-bottom: 1.25rem; }

.assetInfos .lead, .assetInfos .additional-media-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.assetInfos .additional-media-information .link-item:not(:first-of-type) {
  margin-top: 10px; }

.assetInfos .additional-media-information .title {
  margin-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px; }

.iconImg:before {
  content: "";
  background-size: 122px auto;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px; }

.iconImgSearch:before {
  background-position: -2px 0; }

.iconImgSearch:hover:before, .iconImgSearch:focus:before {
  background-position: -32px 0; }

.iconImgClose:before {
  background-position: -2px -30px; }

.iconImgClose:hover:before, .iconImgClose:focus:before {
  background-position: -32px -30px; }

.iconImgMenu:before {
  background-position: -2px -60px; }

.iconImgMenu:hover:before, .iconImgMenu:focus:before {
  background-position: -32px -60px; }

.iconImgTimer:before {
  background-position: -66px -368px; }

.touch .iconImgTimer:before {
  width: 19px;
  height: 19px; }

.iconImgArrowDownSmall:before {
  background-position: -2px -985px; }

.iconImgArrowUpSmall:before {
  background-position: -2px -1017px; }

.iconImgFullArrowUp:before {
  background-position: -4px -1680px; }

.iconImgArrowDown:before {
  background-size: 244px auto;
  background-position: -11px -180px; }

.iconImgLink:before {
  background-position: -2px -1110px; }

.iconImgArrowUp:before {
  background-size: 244px auto;
  background-position: -11px -210px; }

.iconExpand:before {
  background-position: -6px -87px; }

.touch .iconExpand:before {
  width: 19px;
  height: 19px; }

.iconImgArrowUpMini:before {
  background-position: -6px -103px; }

.touch .iconImgArrowUpMini:before {
  width: 19px;
  height: 19px; }

.iconImgArrowRight:before {
  background-position: -10px -600px; }

.touch .iconImgArrowRight:before {
  width: 19px;
  height: 19px; }

.iconImgArrowRightSmall:before {
  background-position: -7px -660px;
  width: 10px; }

.touch .iconImgArrowRightSmall:before {
  width: 10px; }

.iconImgArrowLeftSmall:before {
  background-position: -8px -690px;
  width: 10px; }

.touch .iconImgArrowLeftSmall:before {
  width: 10px; }

.iconImgArrowRightXS:before {
  background-position: -7px -720px;
  width: 10px; }

.touch .iconImgArrowRightXS:before {
  width: 10px; }

.iconImgArrowLeft:before {
  background-position: -10px -631px; }

.touch .iconImgArrowLeft:before {
  width: 19px;
  height: 19px; }

.iconImgCalendar:before {
  background-position: -3px -1053px; }

.iconFlyoutArrow:before {
  background-position: -8px -1078px;
  width: 8px; }

.iconImgExclamation:before {
  background-position: -2px -133px;
  height: 27px;
  width: 30px; }

.iconImgPerson:before {
  background-position: -33px -571px; }

.iconImgFeedback:before {
  width: 22px;
  background-position: -61px -572px; }

.iconImgFeedback:hover:before, .iconImgFeedback:focus:before {
  background-position: -91px -572px; }

.iconImgPlay:before {
  width: 15px;
  height: 15px;
  background-position: -2px -1140px; }

@media only screen and (min-width: 79.75em) {
  .iconImgPlay:before {
    width: 19px;
    height: 19px;
    background-position: -30px -1140px; } }

.iconImgCamera:before {
  background-position: -4px -1198px; }

.lightGreyTeaserListHeading .iconImgArrowRight:before {
  margin-left: 0.375rem;
  margin-bottom: -0.1875rem; }
  @media only screen and (min-width: 61em) {
    .lightGreyTeaserListHeading .iconImgArrowRight:before {
      margin-bottom: -0.25rem; } }

.topicsDropdown .selected:after {
  content: "";
  background: url("../img/icon-sprite.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  background-size: 244px auto;
  background-position: -11px -180px;
  float: right; }

.topicsDropdown.active .selected:after {
  background-position: -11px -210px; }

.detailPage .lightGreyTeaserListHeading {
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 61em) {
    .detailPage .lightGreyTeaserListHeading {
      font-size: 1.25rem;
      line-height: 1.5rem; } }

.assetInfos {
  padding-top: 0.4375rem;
  padding-bottom: 0.25rem; }
  @media only screen and (min-width: 79.75em) {
    .assetInfos {
      padding-top: 0.5625rem; } }
  .assetInfos .topline {
    font-size: 0.75rem;
    line-height: 0.875rem; }
  .assetInfos h1 {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    margin-top: 0.25rem;
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 39.9375em) {
      .assetInfos h1 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-top: 0.5rem;
        margin-bottom: 0.875rem; } }
    @media only screen and (min-width: 61em) {
      .assetInfos h1 {
        margin-top: 0.75rem;
        margin-bottom: 1rem; } }
    @media only screen and (min-width: 79.75em) {
      .assetInfos h1 {
        font-size: 1.75rem;
        line-height: 2rem;
        margin-top: 0.875rem;
        margin-bottom: 1.25rem; } }
  .assetInfos .description {
    font-size: 0.875rem;
    line-height: 1.125rem; }
    @media only screen and (min-width: 39.9375em) {
      .assetInfos .description {
        font-size: 0.9375rem;
        line-height: 1.25rem; } }
  .assetInfos .additional-media-information .title {
    border-bottom: 1px solid;
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 0.875rem;
    line-height: 1.125rem; }
    @media only screen and (min-width: 39.9375em) {
      .assetInfos .additional-media-information .title {
        font-size: 0.9375rem;
        line-height: 1.25rem; } }
  .assetInfos .additional-media-information .link-text {
    font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  .assetInfos .additional-media-information a.link-text:hover, .assetInfos .additional-media-information a.link-text:focus {
    text-decoration: underline; }
  .assetInfos .lead {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #454545; }

.assetGroupBox {
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  font-size: 0.875rem;
  line-height: 1.125rem; }
  @media only screen and (min-width: 39.9375em) {
    .assetGroupBox {
      margin-top: 1.625rem;
      margin-bottom: 26px; } }
  @media only screen and (min-width: 61em) {
    .assetGroupBox {
      margin-top: 1.75rem; } }
  @media only screen and (min-width: 79.75em) {
    .assetGroupBox {
      margin-top: 2rem; } }
  .assetGroupBox .collapseButtonRow {
    border-top: none;
    text-align: right; }

.shareDialogOpen.shareButtonBg {
  position: absolute;
  z-index: 10;
  height: 60px;
  top: 0; }
  @media only screen and (max-width: 39.875em) {
    .shareDialogOpen.shareButtonBg {
      height: 45px;
      margin-left: -16px;
      width: calc(100% + 32px); } }
  @media only screen and (min-width: 39.9375em) {
    .shareDialogOpen.shareButtonBg {
      right: -8px;
      top: -15px;
      width: 100%; } }

.shareButtonsRight {
  position: relative; }

.shareDialog {
  position: relative;
  font-size: 0.875rem;
  font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  .shareDialog .iconImgClose {
    right: 16px;
    z-index: 20;
    position: absolute;
    cursor: pointer; }
    @media only screen and (max-width: 39.875em) {
      .shareDialog .iconImgClose {
        padding-top: 8px;
        top: -40px; } }
  .shareDialog .shareButtons .buttonImg {
    display: inline-block;
    margin-right: 5px;
    padding: 12px 8px 8px; }
    @media only screen and (max-width: 39.875em) {
      .shareDialog .shareButtons .buttonImg {
        padding: 7px 7px 10px; }
        .shareDialog .shareButtons .buttonImg:first-child {
          padding-left: 0; } }
    .shareDialog .shareButtons .buttonImg.hide {
      display: none; }
  @media only screen and (max-width: 39.875em) {
    .shareDialog .shareWhat .shareLeftCol {
      margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 39.9375em) {
    .shareDialog .shareWhat .shareLeftCol {
      float: left; } }
  @media only screen and (min-width: 39.9375em) {
    .shareDialog .shareWhat .shareRightCol {
      border-bottom: 1px solid #969696;
      padding-left: 0.3125rem;
      padding-bottom: 1.0625rem; } }
  .shareDialog .shareWhat .radioButtonElement {
    margin-top: 8px; }
    .shareDialog .shareWhat .radioButtonElement:first-child {
      margin-top: 0; }
    .shareDialog .shareWhat .radioButtonElement.startTimeShare {
      margin-top: 0.25rem; }
  .shareDialog .shareWhat .startTimeInput {
    width: 4.25rem;
    height: 2rem;
    padding: 0.625rem;
    display: inline;
    margin-bottom: 0;
    border: none;
    overflow: hidden;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center; }
  .shareDialog .shareWhat .radioButton {
    opacity: 0;
    float: right;
    position: absolute;
    right: 0; }
  .shareDialog .shareWhat .radioButtonLabel {
    margin-top: 0 !important;
    margin-right: 0.5rem; }
    @media only screen and (max-width: 39.875em) {
      .shareDialog .shareWhat .radioButtonLabel {
        margin-left: 0;
        margin-right: 0.25rem; } }
  .shareDialog .shareWhat .radioButtonLabel:before {
    background: url("../img/button_radio_inactive.png") no-repeat;
    margin-right: 10px;
    margin-bottom: -3px;
    height: 14px;
    width: 13px;
    display: inline-block;
    content: ""; }
  .shareDialog .shareWhat .radioButton:disabled + .radioButtonLabel {
    opacity: 0.25; }
  .shareDialog .shareWhat .radioButton:disabled + .radioButtonLabel:before {
    background: url("../img/button_radio_inactive.png") no-repeat; }
  .shareDialog .shareWhat .radioButton:checked + .radioButtonLabel:before {
    background: url("../img/button_radio_active.png") no-repeat; }
  @media only screen and (min-width: 39.9375em) {
    .shareDialog .shareWhere .shareRightCol {
      padding-top: 0.25rem; } }
  @media only screen and (max-width: 39.875em) {
    .shareDialog .shareWhere .shareLeftCol {
      padding-top: 1.5rem;
      margin-bottom: 0.3125rem; } }
  @media only screen and (min-width: 39.9375em) {
    .shareDialog .shareWhere .shareLeftCol {
      float: left;
      padding-top: 1rem; } }
  @media only screen and (min-width: 39.9375em) {
    .shareDialog .shareRightCol {
      overflow: hidden; } }

.assetInfoSocial {
  width: 100%;
  padding-top: 1.1875rem;
  font-family: SRGSSRType_Md, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem; }
  .assetInfoSocial .buttonImgViews {
    padding-right: 1rem;
    display: inline; }
  .assetInfoSocial .buttonRowText {
    padding-right: 0.25rem; }
  .assetInfoSocial .buttonImgShare {
    position: relative;
    z-index: 20; }
  @media only screen and (min-width: 39.9375em) {
    .assetInfoSocial .shareButtonsRight {
      border-top: none !important;
      float: left;
      padding-left: 1rem; } }
  .assetInfoSocial .shareSaveButtons {
    clear: both; }
    @media only screen and (max-width: 39.875em) {
      .assetInfoSocial .shareSaveButtons {
        padding-top: 0.8125rem;
        margin-bottom: -8px; } }
    @media only screen and (min-width: 39.9375em) {
      .assetInfoSocial .shareSaveButtons {
        clear: inherit;
        float: right; } }
  .assetInfoSocial .iconImgToggle {
    display: inline-block;
    float: right; }
  .assetInfoSocial .iconImgViews {
    font-family: SRGSSRType_Rg, Arial, Sans-Serif; }

.detailPage .embedFormular, .detailPage .sendFormular {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 0.875rem; }
  .detailPage .embedFormular .contentTitle, .detailPage .sendFormular .contentTitle {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 1.125rem;
    line-height: 1.125rem; }
  .detailPage .embedFormular .inputField, .detailPage .sendFormular .inputField {
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 7px;
    margin: 0; }
  .detailPage .embedFormular input[type=number], .detailPage .sendFormular input[type=number] {
    -moz-appearance: textfield; }
    .detailPage .embedFormular input[type=number]::-webkit-inner-spin-button, .detailPage .sendFormular input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .detailPage .embedFormular input[type=number]::-webkit-outer-spin-button, .detailPage .sendFormular input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none; }
  .detailPage .embedFormular label, .detailPage .sendFormular label {
    line-height: 0.875rem; }
  .detailPage .embedFormular .recaptchaImage, .detailPage .sendFormular .recaptchaImage {
    float: left;
    height: auto !important; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .embedFormular .recaptchaImage, .detailPage .sendFormular .recaptchaImage {
        width: 100% !important;
        padding-top: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .detailPage .embedFormular .recaptchaImage, .detailPage .sendFormular .recaptchaImage {
        padding-top: 0.5rem;
        margin-right: 0.5rem; } }
  .detailPage .embedFormular .recaptchaHelp, .detailPage .sendFormular .recaptchaHelp {
    clear: both;
    float: right; }
  .detailPage .embedFormular .playAgain, .detailPage .sendFormular .playAgain {
    margin-bottom: -35px;
    margin-top: 5px; }
  @media only screen and (min-width: 39.9375em) {
    .detailPage .embedFormular .textLinksBox, .detailPage .sendFormular .textLinksBox {
      padding-top: 0.25rem; } }
  .detailPage .embedFormular .textLinksBox .textLinks, .detailPage .sendFormular .textLinksBox .textLinks {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 0.8125rem;
    display: block; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .embedFormular .textLinksBox .textLinks, .detailPage .sendFormular .textLinksBox .textLinks {
        clear: both;
        padding-top: 0.1875rem; } }
  .detailPage .embedFormular .sendButton, .detailPage .sendFormular .sendButton {
    border: none;
    display: block;
    clear: both;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media only screen and (max-width: 39.875em) {
      .detailPage .embedFormular .sendButton, .detailPage .sendFormular .sendButton {
        margin-top: 1.25rem;
        height: 2.5rem; } }
    .detailPage .embedFormular .sendButton:focus, .detailPage .sendFormular .sendButton:focus {
      outline: none; }
  .detailPage .embedFormular .sendFormText, .detailPage .sendFormular .sendFormText {
    clear: both; }
  .detailPage .embedFormular .sendFormHelp, .detailPage .sendFormular .sendFormHelp {
    float: right;
    display: inline-block; }
    .detailPage .embedFormular .sendFormHelp .buttonImgShowHelp .help, .detailPage .sendFormular .sendFormHelp .buttonImgShowHelp .help {
      margin-left: 0.5rem; }
  .detailPage .embedFormular .recaptchaHelp .buttonImgShowHelp .help, .detailPage .sendFormular .recaptchaHelp .buttonImgShowHelp .help {
    margin-left: 0.5rem; }

.detailPage .embedFormular form fieldset {
  border: none; }

.detailPage .embedFormular form .dimensionField input {
  text-align: center; }

.detailPage .sendFormular form fieldset {
  border: none; }

.detailPage .sendFormular form .formAlerts {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 0.875rem;
  padding: 0.625rem;
  margin-bottom: 0.625rem; }
  .detailPage .sendFormular form .formAlerts ul {
    font-size: 0.875rem;
    line-height: 1.125rem; }
  .detailPage .sendFormular form .formAlerts.error {
    margin-top: 1.375rem; }

.detailPage .sendFormular form .formMessages {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 0.875rem;
  padding: 0.625rem;
  margin-top: 1.375rem;
  margin-bottom: 0.625rem; }

.detailPage #recaptcha_audio_play_again {
  display: none; }

.expiringMessage {
  color: #e31f2b;
  font-size: 0.9375rem;
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  line-height: 2.25rem; }

.assetExpired .assetExpiredImage {
  width: 100%; }

@media only screen {
  .assetExpired .assetExpiredBox {
    padding: 8px; } }

@media only screen and (min-width: 39.9375em) {
  .assetExpired .assetExpiredBox {
    padding: 10px;
    min-height: 47px; } }

.assetExpired .assetExpiredBox .iconImgExclamation {
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .assetExpired .assetExpiredBox .iconImgExclamation:before {
      background-position: -68px -144px;
      width: 18px;
      height: 16px;
      margin-top: -6px; } }

.assetExpired .assetExpiredBox .assetExpiredText {
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  font-size: 0.875rem;
  line-height: 1.125rem; }
  @media only screen and (max-width: 39.875em) {
    .assetExpired .assetExpiredBox .assetExpiredText {
      padding-left: 26px; } }
  @media only screen and (min-width: 39.9375em) {
    .assetExpired .assetExpiredBox .assetExpiredText {
      margin-top: 3px;
      padding-left: 38px;
      font-size: 0.9375rem;
      line-height: 1.25rem; } }

.radioSegments .radioSegment {
  clear: both;
  width: 100%; }
  .radioSegments .radioSegment .segmentLink {
    width: 100%;
    display: block; }
    @media only screen and (max-width: 39.875em) {
      .radioSegments .radioSegment .segmentLink {
        padding: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .radioSegments .radioSegment .segmentLink {
        padding: 0.75rem 0.625rem; } }
  .radioSegments .radioSegment .number {
    float: left;
    padding-right: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
  .radioSegments .radioSegment .title {
    float: left;
    max-width: 75%;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
  .radioSegments .radioSegment .duration {
    font-family: Arial, sans-serif;
    font-size: 0.75rem;
    float: right;
    margin-top: 3px; }
  .radioSegments .radioSegment .iconImgCamera {
    float: left;
    margin-right: 0.3125rem; }

@media only screen and (min-width: 39.9375em) {
  .detailPageLeftCol .iconImgToggle {
    display: none; }
  .detailPageLeftCol .toggleSocialElements {
    display: block !important; }
  .detailPageLeftCol .assetGroupBox .collapseButtonRow {
    display: none !important; } }

.touch .assetInfoSocial .iconImgClose {
  margin-top: 5px; }

.touch .assetInfoSocial .sendFormular .sendFormHelp .buttonImg .help {
  margin-top: 0.1875rem;
  display: inline-block; }

@media only screen and (min-width: 39.9375em) {
  .showOverviewPage .showOverview .showOverviewToggle {
    display: none; } }

@media only screen and (max-width: 39.875em) and (orientation: portrait) {
  .showOverviewPage .showOverview .imageContainer {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left;
    display: block;
    margin-top: 1rem; }
    .showOverviewPage .showOverview .imageContainer img {
      width: 100%; } }

@media only screen and (max-width: 39.875em) and (orientation: landscape) {
  .showOverviewPage .showOverview .imageContainer {
    padding-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    width: 25%;
    float: left;
    float: right;
    clear: right; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showOverviewPage .showOverview .imageContainer {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left; } }

@media only screen and (min-width: 61em) {
  .showOverviewPage .showOverview .imageContainer {
    padding-left: 8px;
    padding-right: 8px;
    width: 25%;
    float: left;
    float: right; } }

.showOverviewPage .showOverview .imageContainer .showImg {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .showOverviewPage .showOverview .imageContainer .showImg img {
    width: 100%;
    height: 100%; }
    .showOverviewPage .showOverview .imageContainer .showImg img:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/play/fallbackimage") no-repeat;
      background-size: 100%; }
  .showOverviewPage .showOverview .imageContainer .showImg img {
    position: absolute;
    top: 0;
    left: 0; }

.showOverviewPage .showOverview .showInfo {
  overflow: auto; }

@media only screen and (max-width: 39.875em) and (orientation: portrait) {
  .showOverviewPage .showOverview .showInfo .showTitle {
    padding-left: 8px;
    padding-right: 8px;
    width: 75%;
    float: left; }
  .showOverviewPage .showOverview .showInfo .showDescription {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (max-width: 39.875em) and (orientation: landscape) {
  .showOverviewPage .showOverview .showInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 75%;
    float: left; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showOverview .showInfo {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showOverview .showInfo {
      padding-left: 8px;
      padding-right: 8px;
      width: 75%;
      float: left; } }

.showOverviewPage .showOverview .showLinks {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showOverview .showLinks {
      padding-left: 8px;
      padding-right: 8px;
      width: 75%;
      float: left; } }
  .showOverviewPage .showOverview .showLinks .showLink {
    float: left; }
    @media only screen and (max-width: 39.875em) {
      .showOverviewPage .showOverview .showLinks .showLink {
        width: 100%; } }

@media only screen and (max-width: 39.875em) {
  .showOverviewPage .showEpisodeList .lightGreyTeaserListHeading {
    display: none; } }

.showOverviewPage .showEpisodeList .loadingContainer {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  padding-top: 4rem; }

.showOverviewPage .showEpisodeList .showMoreButton {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.showOverviewPage .showEpisodeList .buttonNomoreEpisodes {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.showOverviewPage .showEpisodeList .showOverviewTeaser {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer {
    margin-top: 0.25rem; }
    @media only screen and (max-width: 39.875em) {
      .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer {
        float: left;
        width: 8.75rem;
        margin-bottom: 0.25rem;
        margin-left: 0.5rem;
        margin-right: 0.125rem; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer {
        padding-left: 8px;
        padding-right: 8px;
        width: 33.3333333333%;
        float: left; } }
    @media only screen and (min-width: 61em) {
      .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer {
        padding-left: 8px;
        padding-right: 8px;
        width: 25%;
        float: left;
        margin-top: 0.625rem; } }
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer .teaserImg {
      display: block;
      overflow: hidden;
      position: relative;
      height: 0;
      padding-top: 56.25%; }
      .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer .teaserImg img {
        width: 100%;
        height: 100%; }
        .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer .teaserImg img:after {
          content: " ";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: url("/play/fallbackimage") no-repeat;
          background-size: 100%; }
      .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .imageContainer .teaserImg img {
        position: absolute;
        top: 0;
        left: 0; }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo {
      padding-left: 8px;
      padding-right: 8px;
      width: 50%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserTitle {
      padding-left: 8px;
      padding-right: 8px;
      width: 50%;
      float: left; } }
  @media only screen and (max-width: 39.875em) and (orientation: landscape) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserTitle {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserSubtitle {
      padding-left: 8px;
      padding-right: 8px;
      width: 50%;
      float: left; } }
  @media only screen and (max-width: 39.875em) and (orientation: landscape) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserSubtitle {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserDescription {
      padding-left: 8px;
      padding-right: 8px;
      width: 100%;
      float: left; } }
  @media only screen and (max-width: 39.875em) and (orientation: landscape) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserInfo .teaserDescription {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserViews {
      display: none; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserViews {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserViews {
      padding-left: 8px;
      padding-right: 8px;
      width: 25%;
      float: left; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserSegmentList {
      display: none; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserSegmentList {
      padding-left: 8px;
      padding-right: 8px;
      width: 66.6666666667%;
      float: left;
      margin-left: 33.3333333333% !important; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showEpisodeList .showOverviewTeaser .teaserMetadataRow .teaserSegmentList {
      clear: both;
      padding-left: 8px;
      padding-right: 8px;
      width: 50%;
      float: left;
      margin-left: 25% !important; } }

.showOverviewPage .noContentMessage {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  margin: 16px 0 16px 0; }
  .showOverviewPage .noContentMessage .noContentMessageText {
    display: block;
    padding: 16px; }

.rts .showOverviewPage .showEpisodeList .labelDate {
  text-transform: lowercase; }

@media only screen and (max-width: 39.875em) {
  .showOverviewPage .showOverview {
    padding-top: 1rem;
    padding-bottom: 0.625rem; }
    .showOverviewPage .showOverview.hidden {
      padding-bottom: 0.5rem; } }

@media only screen and (min-width: 39.9375em) {
  .showOverviewPage .showOverview {
    padding-bottom: 0.4375rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showOverviewPage .showOverview {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showOverviewPage .showOverview {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 79.75em) {
  .showOverviewPage .showOverview {
    padding-top: 1.625rem;
    padding-bottom: 2rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showOverviewPage .showOverview .imageContainer {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showOverviewPage .showOverview .imageContainer {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 79.75em) {
  .showOverviewPage .showOverview .imageContainer {
    margin-top: 0.375rem; } }

.showOverviewPage .showOverview .showOverviewToggle {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem; }

.showOverviewPage .showInfo .showTitle {
  margin-top: 0;
  margin-bottom: 0;
  font-family: SRGSSRType_Md, Arial, sans-serif; }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showInfo .showTitle {
      font-size: 1.125rem;
      line-height: 1.375rem;
      margin-bottom: 0.3125rem; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showInfo .showTitle {
      font-size: 1.25rem;
      line-height: 1.5rem;
      margin-bottom: 0.25rem; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .showOverviewPage .showInfo .showTitle {
      font-size: 1.5rem;
      line-height: 2rem;
      margin-bottom: 0.5rem; } }
  @media only screen and (min-width: 79.75em) {
    .showOverviewPage .showInfo .showTitle {
      font-size: 1.75rem;
      line-height: 2rem;
      margin-bottom: 0.75rem; } }

@media only screen and (max-width: 39.875em) {
  .showOverviewPage .showInfo .showDescription {
    font-size: 0.875rem;
    line-height: 1.125rem; } }

@media only screen and (min-width: 39.9375em) {
  .showOverviewPage .showInfo .showDescription {
    font-size: 0.9375rem;
    line-height: 1.125rem; } }

@media only screen and (min-width: 79.75em) {
  .showOverviewPage .showInfo .showDescription {
    font-size: 1rem;
    line-height: 1.375rem; } }

@media only screen and (max-width: 39.875em) {
  .showOverviewPage .showLinks {
    margin-top: 1.25rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showOverviewPage .showLinks {
    margin-top: 1.75rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showOverviewPage .showLinks {
    margin-top: 1.875rem; } }

@media only screen and (min-width: 79.75em) {
  .showOverviewPage .showLinks {
    margin-top: 1.6875rem; } }

.showOverviewPage .showLinks .showLink {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem; }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showLinks .showLink {
      margin-right: 1.375rem; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showLinks .showLink {
      margin-right: 1.125rem; } }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .showLinks .showLink .buttonRowText {
      font-size: 0.875rem;
      margin-left: 0.25rem; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .showLinks .showLink .buttonRowText {
      font-family: Arial, sans-serif;
      font-size: 0.75rem;
      margin-left: 0.0625rem; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showLinks .showLink .buttonRowText {
      font-family: Arial, sans-serif;
      font-size: 0.875rem;
      font-weight: bold;
      margin-left: 0.125rem; } }

.showOverviewPage .noContentForMonthMessage .divider {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.showOverviewPage .showOverviewTeaser .teaserMetadata {
  margin-top: 0.375rem;
  margin-bottom: 0.75rem; }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .copyright {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-family: Arial, sans-serif; }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo {
      margin-top: 0.125rem;
      margin-bottom: 2rem; } }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserTitle {
    margin: 0;
    font-family: SRGSSRType_Md, Arial, sans-serif; }
    @media only screen and (max-width: 39.875em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserTitle {
        font-size: 0.9375rem;
        line-height: 1.125rem; } }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserTitle {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
    @media only screen and (min-width: 61em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserTitle {
        margin-top: 0.125rem;
        font-size: 1.5rem;
        line-height: 1.75rem; } }
    @media only screen and (min-width: 79.75em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserTitle {
        margin-top: 0.1875rem;
        font-size: 1.75rem;
        line-height: 2rem; } }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserSubtitle {
    font-size: 0.75rem; }
    @media only screen and (max-width: 39.875em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserSubtitle {
        line-height: 1.125rem; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserSubtitle {
        line-height: 1.25rem; } }
    @media only screen and (min-width: 61em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserSubtitle {
        font-size: 0.875rem;
        line-height: 1.375rem; } }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserDescription {
    margin-top: 0.25rem; }
    @media only screen and (max-width: 39.875em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserDescription {
        font-size: 0.75rem;
        line-height: 1rem; } }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserDescription {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
    @media only screen and (min-width: 61em) and (max-width: 79.69em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserDescription {
        margin-top: 0.6875rem; } }
    @media only screen and (min-width: 79.75em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo .teaserDescription {
        margin-top: 0.875rem;
        font-size: 0.9375rem;
        line-height: 1.125rem; } }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo:hover .teaserTitle, .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo:focus .teaserTitle {
    text-decoration: none; }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo a:hover .teaserTitle, .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserInfo a:focus .teaserTitle {
    text-decoration: underline; }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserViews {
    margin-top: 0.8125rem; }
    @media only screen and (min-width: 61em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserViews {
        margin-top: 1.125rem; } }
    .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserViews .buttonRowText {
      margin-left: 0.3125rem;
      font-size: 0.8125rem;
      line-height: 1.125rem;
      font-family: SRGSSRType_Rg, Arial, sans-serif; }
      @media only screen and (min-width: 61em) {
        .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserViews .buttonRowText {
          font-family: Arial, sans-serif;
          font-size: 0.875rem;
          line-height: 1.125rem; } }
  .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList {
    font-family: SRGSSRType_Md, Arial, sans-serif; }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList {
        margin-top: 0.5625rem;
        margin-bottom: 0.25rem; } }
    @media only screen and (min-width: 61em) {
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList {
        margin-bottom: 1.25rem; } }
    .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList .teaserSegment:last-child .segmentLink {
      border-bottom: none; }
    .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList .teaserSegment .segmentLink {
      display: block;
      width: 100%;
      padding-top: 0.5625rem;
      padding-bottom: 0.875rem;
      padding-right: 0.625rem;
      padding-left: 0.625rem; }
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList .teaserSegment .segmentLink .number {
        font-size: 0.9375rem;
        float: left;
        padding-right: 14px; }
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList .teaserSegment .segmentLink .title {
        font-size: 0.9375rem;
        float: left;
        width: 75%; }
      .showOverviewPage .showOverviewTeaser .teaserMetadata .teaserSegmentList .teaserSegment .segmentLink .duration {
        font-family: Arial, Sans-Serif;
        font-size: 0.75rem;
        float: right;
        margin-top: 3px; }

.showOverviewPage .lightGreyTeaserListHeading {
  border: none !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showOverviewPage .lightGreyTeaserListHeading {
      font-size: 18px;
      font-family: SRGSSRType_Lt, Arial, sans-serif;
      padding-bottom: 0.25rem; } }
  @media only screen and (min-width: 61em) {
    .showOverviewPage .lightGreyTeaserListHeading {
      font-size: 19px;
      font-family: SRGSSRType_Rg, Arial, sans-serif;
      padding-bottom: 0.3125rem; } }
  @media only screen and (min-width: 79.75em) {
    .showOverviewPage .lightGreyTeaserListHeading {
      padding-bottom: 0.1875rem; } }

.showOverviewPage .monthPickerWrapper {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 10px;
  position: relative;
  z-index: 25;
  cursor: pointer; }
  @media only screen and (min-width: 39.9375em) {
    .showOverviewPage .monthPickerWrapper {
      float: right;
      margin-top: -56px;
      margin-bottom: 7px; } }
  @media only screen and (min-width: 79.75em) {
    .showOverviewPage .monthPickerWrapper {
      margin-top: -42px; } }
  .showOverviewPage .monthPickerWrapper .monthPickerFlyout {
    width: 100%;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem; }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .monthPickerWrapper .monthPickerFlyout {
        width: 234px; } }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .monthPickerWrapper .monthPickerFlyout {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; } }
    @media only screen and (min-width: 79.75em) {
      .showOverviewPage .monthPickerWrapper .monthPickerFlyout {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; } }
    .showOverviewPage .monthPickerWrapper .monthPickerFlyout .iconImgCalendar {
      float: left; }
    .showOverviewPage .monthPickerWrapper .monthPickerFlyout .iconImgArrow:before {
      width: 23px;
      height: 21px;
      display: inline-block;
      float: right; }
    .showOverviewPage .monthPickerWrapper .monthPickerFlyout .title {
      font-family: SRGSSRType_Md, Arial, sans-serif;
      font-size: 1.125rem;
      line-height: 1rem;
      display: inline-block;
      margin-left: 0.3125rem; }
  .showOverviewPage .monthPickerWrapper .monthPicker {
    cursor: default;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
    padding-top: 0.25rem;
    padding-bottom: 0.875rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem; }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .monthPickerWrapper .monthPicker {
        width: 234px;
        position: absolute; } }
    .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader {
      margin-bottom: 4px; }
      .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .prevYear, .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .nextYear {
        text-align: center;
        width: 48px;
        height: 48px;
        display: inline-block;
        padding-top: 0.75rem; }
        .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .prevYear.inactive, .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .nextYear.inactive {
          cursor: default; }
      .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .selectedYear {
        text-align: center;
        display: inline-block;
        width: calc(100% - 104px);
        width: -moz-calc(100% - 104px);
        width: -webkit-calc(100% - 104px);
        padding-top: 0.75rem;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        height: 48px; }
        @media only screen and (min-width: 39.9375em) {
          .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerHeader .selectedYear {
            width: 110px; } }
    .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody li:nth-child(3n) .month {
      margin-right: 0; }
    @media only screen and (min-width: 39.9375em) {
      .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody li:nth-child(2n-1) .month {
        margin-right: 0.25rem; } }
    .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody .month {
      width: calc(33.333% - 2.666px);
      width: -moz-calc(33.333% - 2.666px);
      width: -webkit-calc(33.333% - 2.666px);
      height: 48px;
      margin-right: 0.25rem;
      margin-bottom: 0.25rem;
      float: left;
      text-align: center;
      padding-top: 0.6875rem;
      cursor: pointer; }
      @media only screen and (min-width: 39.9375em) {
        .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody .month {
          margin-right: 0;
          width: 105px; } }
      .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody .month.disabled {
        cursor: default;
        padding-top: 0.625rem; }
      .showOverviewPage .monthPickerWrapper .monthPicker .monthPickerBody .month.selected {
        cursor: default; }

.showOverviewPage .transparentPane.showoverview {
  z-index: 20; }
  @media only screen and (max-width: 39.875em) {
    .showOverviewPage .transparentPane.showoverview {
      display: none; } }

.showOverviewPage .showMoreButton .mediumButton {
  margin-top: 0; }

@media only screen and (max-width: 39.875em) {
  .showOverviewBGWrapper {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showOverviewBGWrapper {
    margin-bottom: 2.9375rem; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showOverviewBGWrapper {
    margin-bottom: 2.8125rem; } }

@media only screen and (min-width: 79.75em) {
  .showOverviewBGWrapper {
    margin-bottom: 2.5625rem; } }

@media only screen and (min-width: 79.75em) {
  .touch .showOverviewPage .monthPickerWrapper {
    margin-top: -56px; } }

.touch .showOverviewPage .monthPickerWrapper .monthPickerFlyout {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.eventLandingPage .eventContent {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  padding-top: 1.5rem; }
  .eventLandingPage .eventContent > *:not(:last-child) {
    padding-bottom: 40px; }
  @media only screen and (min-width: 39.9375em) {
    .eventLandingPage .eventContent {
      padding-top: 2rem; } }
  @media only screen and (min-width: 79.75em) {
    .eventLandingPage .eventContent > *:not(:last-child) {
      padding-bottom: 48px; } }
  .eventLandingPage .eventContent .teaserModule {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }

.eventLandingPage .eventBranding {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .eventLandingPage .eventBranding {
      padding-left: 0;
      padding-right: 0;
      margin-left: -8px;
      width: calc(100% + 16px); } }
  .eventLandingPage .eventBranding .banner {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    margin-top: 0;
    height: 109px;
    flex-direction: column;
    align-items: left; }
    .eventLandingPage .eventBranding .banner .eventLogo {
      margin-left: 1rem;
      position: relative; }
    .eventLandingPage .eventBranding .banner .eventLogo:after {
      content: attr(alt);
      display: block;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .eventLandingPage .eventBranding .banner .eventExternalSiteTitle {
      padding: 0;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-bottom: 1rem;
      text-align: right; }
      @media only screen and (min-width: 39.9375em) {
        .eventLandingPage .eventBranding .banner .eventExternalSiteTitle {
          text-align: left;
          margin-bottom: 0; } }
    .eventLandingPage .eventBranding .banner .eventLogo {
      margin-top: 1rem;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 39.9375em) {
        .eventLandingPage .eventBranding .banner .eventLogo {
          margin-top: 0;
          margin-bottom: 0; } }
    @media only screen and (min-width: 39.9375em) {
      .eventLandingPage .eventBranding .banner {
        justify-content: space-between;
        margin-top: 1rem;
        height: 124px;
        flex-direction: row;
        align-items: center; } }
    @media only screen and (min-width: 61em) {
      .eventLandingPage .eventBranding .banner {
        margin-top: 1.25rem;
        height: 141px; } }
    @media only screen and (min-width: 79.75em) {
      .eventLandingPage .eventBranding .banner {
        margin-top: 2rem;
        height: 168px; } }

.eventLandingPage .eventBranding .banner {
  background-size: cover; }

.eventLandingPage .eventBranding .eventLogo:after, .eventLandingPage .eventBranding .eventExternalSiteTitle {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 39.9375em) {
    .eventLandingPage .eventBranding .eventLogo:after, .eventLandingPage .eventBranding .eventExternalSiteTitle {
      font-size: 1.25rem;
      line-height: 1.5rem; } }
  @media only screen and (min-width: 79.75em) {
    .eventLandingPage .eventBranding .eventLogo:after, .eventLandingPage .eventBranding .eventExternalSiteTitle {
      font-size: 1.5rem;
      line-height: 1.75rem;
      padding-bottom: 0.5rem; } }

.eventLandingPage .eventBranding .eventExternalSiteTitle {
  margin: 0; }
  .eventLandingPage .eventBranding .eventExternalSiteTitle a {
    color: #0a0a0a; }
  .eventLandingPage .eventBranding .eventExternalSiteTitle a:hover {
    text-decoration: underline; }

.radioStationPicker {
  padding-right: 1rem;
  padding-top: 0; }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker {
      margin-left: 0.5rem;
      margin-right: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker .radioStationList {
      padding-left: 8px;
      padding-right: 8px;
      width: 83.3333333333%;
      float: left;
      margin-left: auto;
      margin-right: auto;
      float: none; } }

.showsByDateStationPicker .radioStationPicker {
  margin-top: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .showsByDateStationPicker .radioStationPicker {
      margin-top: -1px; } }

.showsByDateTeaser {
  padding: 0.625rem 0 0.625rem 0; }
  @media only screen and (min-width: 79.75em) {
    .showsByDateTeaser {
      padding: 1rem 0 1rem 0; } }
  .showsByDateTeaser .popupOverlay {
    width: 21px; }
    @media only screen and (max-width: 39.875em) {
      .showsByDateTeaser .popupOverlay {
        top: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .showsByDateTeaser .popupOverlay {
        left: calc(50% - 25px); } }
    @media only screen and (min-width: 61em) {
      .showsByDateTeaser .popupOverlay {
        left: calc(33% - 25px); } }
  .showsByDateTeaser .maRtsOverlay {
    width: 21px; }
    @media only screen and (max-width: 39.875em) {
      .showsByDateTeaser .maRtsOverlay {
        top: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .showsByDateTeaser .maRtsOverlay {
        left: calc(50% - 45px); } }
    @media only screen and (min-width: 61em) {
      .showsByDateTeaser .maRtsOverlay {
        left: calc(33% - 45px); } }
  .showsByDateTeaser .imageContainer {
    float: left; }
    @media only screen and (max-width: 39.875em) {
      .showsByDateTeaser .imageContainer {
        width: 8.75rem;
        height: 4.9375rem;
        margin-right: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showsByDateTeaser .imageContainer {
        width: 50%; } }
    @media only screen and (min-width: 39.9375em) {
      .showsByDateTeaser .imageContainer {
        margin-right: 1rem; } }
    @media only screen and (min-width: 61em) {
      .showsByDateTeaser .imageContainer {
        width: 33%;
        max-width: 224px; } }

.showsByDateRadio .daySection .timeSection {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .showsByDateRadio .daySection .timeSection {
      margin-top: 28px; }
      .showsByDateRadio .daySection .timeSection:first-child {
        margin-top: 0; } }
  @media only screen and (min-width: 39.9375em) {
    .showsByDateRadio .daySection .timeSection {
      padding-left: 8px;
      padding-right: 8px;
      width: 33.3333333333%;
      float: left; } }

.showsByDateRadioTeaser {
  padding-top: 0.1875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.375rem; }
  @media only screen and (min-width: 61em) {
    .showsByDateRadioTeaser h3.teaserTitle {
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 61em) {
    .showsByDateRadioTeaser {
      padding-top: 0.25rem; } }
  .showsByDateRadioTeaser a {
    display: block; }

@media only screen {
  .showsByDateTv .daySection > * {
    padding-top: 29px; }
  .showsByDateTv .daySection > *:first-child {
    padding-top: 0; } }

@media only screen and (min-width: 39.9375em) {
  .showsByDateTv .daySection > * {
    padding-top: 29px; }
  .showsByDateTv .daySection > *:first-child {
    padding-top: 0; } }

@media only screen and (min-width: 61em) {
  .showsByDateTv .daySection > * {
    padding-top: 44px; }
  .showsByDateTv .daySection > *:first-child {
    padding-top: 0; } }

@media only screen and (min-width: 79.75em) {
  .showsByDateTv .daySection > * {
    padding-top: 58px; }
  .showsByDateTv .daySection > *:first-child {
    padding-top: 0; } }

.showsByDateTv .daySection .timeSection {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  .showsByDateTv .daySection .timeSection .teaserMetadata {
    display: inline-block;
    margin-top: -3px; }

@media only screen and (max-width: 39.875em) {
  .showsByDateTv .dayList:first-child .showsByDateNavigation {
    padding-bottom: 29px;
    padding-top: 16px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showsByDateTv .dayList:first-child .showsByDateNavigation {
    padding-bottom: 27px;
    padding-top: 28px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showsByDateTv .dayList:first-child .showsByDateNavigation {
    padding-bottom: 44px;
    padding-top: 46px; } }

@media only screen and (min-width: 79.75em) {
  .showsByDateTv .dayList:first-child .showsByDateNavigation {
    padding-bottom: 42px;
    padding-top: 43px; } }

@media only screen and (max-width: 39.875em) {
  .showsByDate .daySection .noContentMessage {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
    float: left; }
    .showsByDate .daySection .noContentMessage .noContentMessageText {
      display: block; } }

@media only screen and (min-width: 39.9375em) {
  .showsByDate .daySection .noContentMessage {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

.showsByDate .showMoreButton {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  padding-top: 16px; }
  @media only screen and (min-width: 39.9375em) {
    .showsByDate .showMoreButton {
      padding-top: 32px; } }
  @media only screen and (min-width: 61em) {
    .showsByDate .showMoreButton {
      padding-top: 32px; } }
  @media only screen and (min-width: 79.75em) {
    .showsByDate .showMoreButton {
      padding-top: 48px; } }

.showsByDate .loadingContainer {
  padding-top: 64px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.showsByDateNavigation {
  float: left;
  width: 100%;
  padding-bottom: 29px;
  padding-top: 33px; }
  @media only screen and (min-width: 39.9375em) {
    .showsByDateNavigation {
      padding-bottom: 27px;
      padding-top: 33px; } }
  @media only screen and (min-width: 61em) {
    .showsByDateNavigation {
      padding-bottom: 44px;
      padding-top: 50px; } }
  @media only screen and (min-width: 79.75em) {
    .showsByDateNavigation {
      padding-bottom: 42px;
      padding-top: 69px; } }
  .showsByDateNavigation .datePicker {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }
  .showsByDateNavigation .divider {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }
  .showsByDateNavigation .datePickerDatePhrase {
    display: inline-block; }
  .showsByDateNavigation .datePickerWrapper {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }
  .showsByDateNavigation .datePickerOverlay {
    z-index: 250; }
    .showsByDateNavigation .datePickerOverlay .yesterdayButton {
      margin-right: 0.25rem; }
      @media only screen and (max-width: 39.875em) {
        .showsByDateNavigation .datePickerOverlay .yesterdayButton {
          margin-left: 4px; } }
    .showsByDateNavigation .datePickerOverlay .datePickerButton {
      display: inline-block;
      height: 48px;
      padding-top: 0.625rem; }
      @media only screen and (max-width: 39.875em) {
        .showsByDateNavigation .datePickerOverlay .datePickerButton {
          width: calc(50% - 6px);
          width: -moz-calc(50% - 6px);
          width: -webkit-calc(50% - 6px);
          float: left; } }
      @media only screen and (min-width: 39.9375em) {
        .showsByDateNavigation .datePickerOverlay .datePickerButton {
          width: 178px; } }
    @media only screen and (min-width: 39.9375em) {
      .showsByDateNavigation .datePickerOverlay {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        width: 380px; } }
    @media only screen and (max-width: 39.875em) {
      .showsByDateNavigation .datePickerOverlay {
        margin-bottom: 10px; }
        .showsByDateNavigation .datePickerOverlay .ui-datepicker-header {
          width: 100%;
          height: 20%; }
          .showsByDateNavigation .datePickerOverlay .ui-datepicker-header .ui-datepicker-title {
            width: calc(100% - 112px);
            width: -moz-calc(100% - 112px);
            width: -webkit-calc(100% - 112px); }
        .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar {
          width: 100%;
          height: 80%; } }

@media only screen and (min-width: 39.9375em) {
  .no-flexbox .radioStationPicker .radioStationList {
    display: table; }
    .no-flexbox .radioStationPicker .radioStationList .radioStationElement {
      display: table-cell; }
  .flexbox .radioStationPicker .radioStationList {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex; }
    .flexbox .radioStationPicker .radioStationList .radioStationElement {
      flex: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1; } }

.radioStationPicker .stationlogo {
  height: 30px; }

@media only screen and (min-width: 39.9375em) {
  .radioStationPicker .stationDropDown {
    display: none; }
  .radioStationPicker .radioStationList {
    margin: 0 auto; }
    .radioStationPicker .radioStationList .radioStationElement.active {
      border-left: none;
      z-index: 0; }
    .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink {
      margin-bottom: -1px;
      margin-left: 1px;
      cursor: default;
      z-index: 10; }
      .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:focus {
        opacity: 1; }
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: inline-block;
      float: left;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 15px;
      width: 100%; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

@media only screen and (max-width: 39.875em) {
  .radioStationPicker {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .radioStationPicker .stationDropDown {
      cursor: pointer; }
      .radioStationPicker .stationDropDown .iconImg {
        float: right; }
        .radioStationPicker .stationDropDown .iconImg:before {
          width: 27px;
          height: 27px; }
    .radioStationPicker .radioStationLink, .radioStationPicker .stationDropDown {
      padding-top: 0.5625rem;
      padding-bottom: 0.5625rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media only screen and (max-width: 39.875em) and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement.active {
      display: none; } }

@media only screen and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: block; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

.showsByDateStationPicker {
  float: none;
  position: relative;
  z-index: 1; }

.showsByDateTv li:nth-child(-n+1) .showsByDateTeaser {
  border-top: none; }

@media only screen and (min-width: 39.9375em) {
  .showsByDateTv li:nth-child(-n+3) .showsByDateTeaser {
    border-top: none; }
  .showsByDateTv li:nth-last-child(2) .showsByDateTeaser {
    padding-bottom: 0; } }

.showsByDateRadio li:first-child .showsByDateRadioTeaser {
  border-top: none; }

.showsByDate .daySection .noContentMessage {
  text-align: center; }
  .showsByDate .daySection .noContentMessage .noContentMessageText {
    padding: 10px 32px; }

.showsByDateNavigation {
  font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  @media only screen and (max-width: 39.875em) {
    .showsByDateNavigation .greyNavigationBorder {
      border: none !important; } }
  .showsByDateNavigation .datePicker {
    text-align: center;
    vertical-align: top;
    margin-top: -5px; }
    @media only screen and (min-width: 39.9375em) {
      .showsByDateNavigation .datePicker {
        margin-bottom: 2px; } }
    .showsByDateNavigation .datePicker .iconImgCalendar {
      margin-right: 0.25rem;
      float: left; }
    .showsByDateNavigation .datePicker .iconFlyoutArrow {
      margin-top: -2px;
      float: right; }
      @media only screen and (min-width: 39.9375em) {
        .showsByDateNavigation .datePicker .iconFlyoutArrow {
          margin-left: 1.25rem; } }
    .showsByDateNavigation .datePicker .calenderTitle {
      font-family: SRGSSRType_Md, Arial, Sans-Serif;
      font-size: 1.0625rem;
      line-height: 1.375rem;
      margin: 0;
      float: left; }
  .showsByDateNavigation .datePickerDatePhrase {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem; }
    @media only screen and (max-width: 39.875em) {
      .showsByDateNavigation .datePickerDatePhrase {
        width: 100%; } }
    .showsByDateNavigation .datePickerDatePhrase .iconImgArrow {
      float: right;
      margin-top: -0.25rem;
      margin-left: 0.5rem; }
  .showsByDateNavigation .datePickerOverlay {
    font-family: SRGSSRType_Rg, Arial, Sans-Serif;
    text-align: center;
    padding-top: 0.625rem;
    padding-bottom: 0.375rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    margin-top: -0.4375rem; }
    @media only screen and (max-width: 39.875em) {
      .showsByDateNavigation .datePickerOverlay {
        margin-top: -0.3125rem; } }
    .showsByDateNavigation .datePickerOverlay thead {
      display: none; }
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-title {
      width: 256px;
      height: 48px;
      float: left;
      margin-left: 0.25rem;
      margin-right: 0.25rem;
      padding-top: 0.75rem;
      margin-top: 0.25rem; }
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-prev,
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-next {
      width: 48px;
      height: 48px;
      display: inline-block;
      font-size: 1.0625rem;
      padding-top: 1rem;
      margin-top: 0.25rem; }
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-prev .ui-icon,
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-next .ui-icon {
        background-size: 122px auto;
        width: 10px;
        height: 19px;
        display: inline-block; }
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-prev.ui-state-disabled,
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-next.ui-state-disabled {
        cursor: default; }
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-prev {
      float: left;
      margin-left: 4px; }
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-prev .ui-icon {
        background-position: -9px -690px; }
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-next {
      float: right;
      margin-right: 4px; }
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-next .ui-icon {
        background-position: -8px -660px; }
    .showsByDateNavigation .datePickerOverlay .datePickerButton {
      font-size: 1.0625rem; }
    .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar {
      margin-bottom: 0;
      border: 0;
      background: none;
      border-collapse: separate;
      border-spacing: 4px; }
      .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar td {
        width: 48px;
        height: 48px;
        vertical-align: middle; }
        .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar td > a, .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar td > span {
          cursor: pointer;
          font-size: 1rem;
          text-align: center;
          height: 48px;
          display: block;
          padding-top: 12px; }
        .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar td.ui-state-disabled > span {
          cursor: default; }
        .showsByDateNavigation .datePickerOverlay .ui-datepicker-calendar td.ui-datepicker-current-day > a {
          cursor: default; }

@media only screen and (max-width: 39.875em) {
  .showsByDateTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 0px; }
  .showsByDateTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .showsByDateTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 0px; }
  .showsByDateTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .showsByDateTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 0px; }
  .showsByDateTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .showsByDateTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0px; }
  .showsByDateTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

.showsByDateRadioTeaser {
  display: block; }
  @media only screen and (max-width: 39.875em) {
    .showsByDateRadioTeaser .teaserTitle {
      font-family: SRGSSRType_Md, Arial, sans-serif;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 0px;
      margin-top: -2px; }
    .showsByDateRadioTeaser .teaserSubtitle {
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 1px;
      margin-top: 0px; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showsByDateRadioTeaser .teaserTitle {
      font-family: SRGSSRType_Md, Arial, sans-serif;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 0px;
      margin-top: -2px; }
    .showsByDateRadioTeaser .teaserSubtitle {
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 1px;
      margin-top: 0px; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .showsByDateRadioTeaser .teaserTitle {
      font-family: SRGSSRType_Md, Arial, sans-serif;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-bottom: 12px; }
    .showsByDateRadioTeaser .teaserSubtitle {
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 3px;
      margin-top: 0px; } }
  @media only screen and (min-width: 79.75em) {
    .showsByDateRadioTeaser .teaserTitle {
      font-family: SRGSSRType_Md, Arial, sans-serif;
      font-size: 19px;
      line-height: 24px;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-bottom: 12px; }
    .showsByDateRadioTeaser .teaserSubtitle {
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 3px;
      margin-top: 0px; } }

.showsByTopicTv .teaserModule {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  .showsByTopicTv .teaserModule:not(:first-child) {
    padding-top: 56px; }

.showsByTopicTv .topicNavigation, .showsByTopicTv .topicsDropdown {
  padding-top: 1rem;
  margin-bottom: 1.5rem; }

.showsByTopicTv .topicsDropdown {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  .showsByTopicTv .topicsDropdown .selected {
    display: block;
    padding: 12px; }
  .showsByTopicTv .topicsDropdown .dropdown {
    display: none; }
  .showsByTopicTv .topicsDropdown.active .dropdown {
    display: block; }
  .showsByTopicTv .topicsDropdown li.dropdown-item {
    display: block;
    padding: 0 12px 0 12px; }
    .showsByTopicTv .topicsDropdown li.dropdown-item:last-child {
      padding-bottom: 1rem; }
  .showsByTopicTv .topicsDropdown a.dropdown-item {
    display: block;
    padding: 10px;
    margin-bottom: 0.25rem; }

.showsByTopicTv .topicNavigation {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

.showsByTopicTv .topicNavigation ul .topicNavigationEntry {
  float: left;
  margin-bottom: 4px;
  margin-right: 4px; }
  .showsByTopicTv .topicNavigation ul .topicNavigationEntry:last-child {
    margin-right: 0; }

.showsByTopicTv .topicNavigation ul a {
  display: block;
  padding: 9px 1rem; }

.topicNavigation ul .topicNavigationEntry {
  outline: none; }

.topicNavigation ul a {
  font-size: 16px; }

.topicsDropdown .selected {
  font-size: 18px;
  font-family: SRGSSRType_Rg, Arial, Helvetica, Verdana;
  cursor: pointer; }

.topicsDropdown a.dropdown-item {
  font-size: 18px;
  font-family: SRGSSRType_Rg, Arial, Helvetica, Verdana; }

.showsByTopicTv .loadingContainer, .showsByTopicTv .noContentMessage {
  padding-top: 4rem;
  text-align: center; }

.radioStationPicker {
  padding-right: 1rem;
  padding-top: 0; }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker {
      margin-left: 0.5rem;
      margin-right: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker .radioStationList {
      padding-left: 8px;
      padding-right: 8px;
      width: 83.3333333333%;
      float: left;
      margin-left: auto;
      margin-right: auto;
      float: none; } }

.showsAtoZStationPicker .radioStationPicker {
  margin-top: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .showsAtoZStationPicker .radioStationPicker {
      margin-top: -1px; } }

.showsAtoZContent .groups {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .showsAtoZContent .groups > * {
      padding-top: 35px; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .showsAtoZContent .groups > * {
      padding-top: 60px; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .showsAtoZContent .groups > * {
      padding-top: 42px; } }
  @media only screen and (min-width: 79.75em) {
    .showsAtoZContent .groups > * {
      padding-top: 42px; } }
  .showsAtoZContent .groups .teaserMetadata {
    display: inline-block;
    margin-top: -4px; }

.showsAtoZContent ol.indexNavigation {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left;
  margin: 14px 0 -8px 0; }
  @media only screen and (min-width: 39.9375em) {
    .showsAtoZContent ol.indexNavigation {
      margin-bottom: -19px; } }
  @media only screen and (min-width: 61em) {
    .showsAtoZContent ol.indexNavigation {
      margin-top: 30px;
      margin-bottom: 3px; } }
  .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
    height: 48px;
    display: block;
    float: left; }
    @media only screen and (max-width: 39.875em) {
      .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
        width: 20%; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
        width: 7.142857142857143%; } }
    @media only screen and (min-width: 61em) {
      .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
        width: 3.571428571428571%; } }

.showsAtoZContent .loadingContainer {
  padding-top: 4rem; }

@media only screen and (max-width: 39.875em) {
  .aToZTeaser {
    padding: 0.625rem 0 22px 0; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .aToZTeaser {
    padding: 1rem 0 32px 0; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .aToZTeaser {
    padding: 0.625rem 0 14px 0; } }

@media only screen and (min-width: 79.75em) {
  .aToZTeaser {
    padding: 1rem 0 1rem 0; } }

.aToZTeaser .imageContainer {
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .aToZTeaser .imageContainer {
      width: 8.75rem;
      height: 4.9375rem;
      margin-right: 0.625rem; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .aToZTeaser .imageContainer {
      width: 50%; } }
  @media only screen and (min-width: 39.9375em) {
    .aToZTeaser .imageContainer {
      margin-right: 1rem; } }
  @media only screen and (min-width: 61em) {
    .aToZTeaser .imageContainer {
      width: 33%;
      max-width: 224px; } }

@media only screen and (min-width: 39.9375em) {
  .no-flexbox .radioStationPicker .radioStationList {
    display: table; }
    .no-flexbox .radioStationPicker .radioStationList .radioStationElement {
      display: table-cell; }
  .flexbox .radioStationPicker .radioStationList {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex; }
    .flexbox .radioStationPicker .radioStationList .radioStationElement {
      flex: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1; } }

.radioStationPicker .stationlogo {
  height: 30px; }

@media only screen and (min-width: 39.9375em) {
  .radioStationPicker .stationDropDown {
    display: none; }
  .radioStationPicker .radioStationList {
    margin: 0 auto; }
    .radioStationPicker .radioStationList .radioStationElement.active {
      border-left: none;
      z-index: 0; }
    .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink {
      margin-bottom: -1px;
      margin-left: 1px;
      cursor: default;
      z-index: 10; }
      .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:focus {
        opacity: 1; }
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: inline-block;
      float: left;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 15px;
      width: 100%; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

@media only screen and (max-width: 39.875em) {
  .radioStationPicker {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .radioStationPicker .stationDropDown {
      cursor: pointer; }
      .radioStationPicker .stationDropDown .iconImg {
        float: right; }
        .radioStationPicker .stationDropDown .iconImg:before {
          width: 27px;
          height: 27px; }
    .radioStationPicker .radioStationLink, .radioStationPicker .stationDropDown {
      padding-top: 0.5625rem;
      padding-bottom: 0.5625rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media only screen and (max-width: 39.875em) and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement.active {
      display: none; } }

@media only screen and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: block; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

.showsAtoZContent li:nth-child(-n+1) .aToZTeaser {
  border-top: none; }

@media only screen and (min-width: 39.9375em) {
  .showsAtoZContent li:nth-child(-n+2) .aToZTeaser {
    border-top: none; } }

.showsAtoZContent ol.indexNavigation {
  list-style-type: none;
  list-style-position: outside; }
  .showsAtoZContent ol.indexNavigation li {
    margin: 0px;
    padding: 0px; }
  .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
    font-family: SRGSSRType_Rg, Arial, Sans-Serif;
    font-size: 16px;
    line-height: 43px;
    text-align: center; }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .showsAtoZContent ol.indexNavigation li > a, .showsAtoZContent ol.indexNavigation li > span {
        line-height: 43px; } }

.aToZTeaser a:hover, .aToZTeaser a:focus {
  text-decoration: underline; }

.aToZTeaser .quicklink {
  font-weight: bold;
  padding-top: 11px;
  margin-top: 9px; }
  @media only screen and (min-width: 61em) {
    .aToZTeaser .quicklink {
      padding-top: 6px; } }
  @media only screen and (min-width: 79.75em) {
    .aToZTeaser .quicklink {
      margin-top: 12px; } }

@media only screen and (max-width: 39.875em) {
  .aToZTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 1px; }
  .aToZTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; }
  .aToZTeaser .quicklink a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .aToZTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 1px; }
  .aToZTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; }
  .aToZTeaser .quicklink a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .aToZTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 1px; }
  .aToZTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; }
  .aToZTeaser .quicklink a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .aToZTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 1px; }
  .aToZTeaser .teaserSubtitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; }
  .aToZTeaser .quicklink a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

.touch .filterButton {
  height: auto; }

@media only screen and (min-width: 39.9375em) {
  .filterButton {
    display: block;
    height: 2.5rem;
    margin-top: 1rem; }
    .touch .filterButton {
      height: 3rem; } }

.searchPage {
  padding-top: 6px; }
  @media only screen and (min-width: 39.9375em) {
    .searchPage {
      padding-top: 2rem; } }

.noResultsMessage {
  padding: 1rem 1rem 1rem 0; }

.searchResultLists {
  margin-top: 1.75rem; }
  .searchResultLists > * {
    padding-top: 45px; }
  .searchResultLists > *:first-child {
    padding-top: 0; }
  @media only screen and (min-width: 39.9375em) {
    .searchResultLists {
      margin-top: 9px; } }

.searchResultShowTeaser {
  padding: 0.625rem 0 0.625rem 0; }
  @media only screen and (min-width: 61em) {
    .searchResultShowTeaser {
      padding: 12px 0 12px 0; } }
  .searchResultShowTeaser .imageContainer {
    float: left; }
    @media only screen and (max-width: 39.875em) {
      .searchResultShowTeaser .imageContainer {
        width: 8.75rem;
        height: 4.9375rem;
        margin-right: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .searchResultShowTeaser .imageContainer {
        width: 33%;
        margin-right: 1rem; } }
    @media only screen and (min-width: 61em) {
      .searchResultShowTeaser .imageContainer {
        float: none; } }

.searchResultAssetTeaser {
  padding: 0.625rem 0 0.625rem 0; }
  .searchResultAssetTeaser .popupOverlay {
    top: 0;
    width: 21px; }
    @media only screen and (min-width: 39.9375em) {
      .searchResultAssetTeaser .popupOverlay {
        left: calc(32.3333% - 24px);
        right: inherit; } }
  .searchResultAssetTeaser .maRtsOverlay {
    top: 0;
    width: 21px; }
    @media only screen and (min-width: 39.9375em) {
      .searchResultAssetTeaser .maRtsOverlay {
        left: calc(32.3333% - 44px);
        right: inherit; } }
  .searchResultAssetTeaser .relativeElement {
    position: relative; }
  @media only screen and (min-width: 79.75em) {
    .searchResultAssetTeaser {
      padding: 1rem 0 1rem 0; } }
  @media only screen and (min-width: 61em) {
    .searchResultAssetTeaser .teaserContentWidthLimit {
      width: 75%; } }
  .searchResultAssetTeaser .imageContainer {
    float: left;
    margin-bottom: 0.1875rem; }
    @media only screen and (max-width: 39.875em) {
      .searchResultAssetTeaser .imageContainer {
        width: 8.75rem;
        height: 4.9375rem;
        margin-right: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .searchResultAssetTeaser .imageContainer {
        width: 32.3333%;
        margin-right: 1rem; } }

.buttonImg {
  background-color: transparent; }
  .buttonImg:before {
    content: "";
    background-size: 540px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px; }

.buttonImgShare:before {
  background-position: -92px -0px; }

.buttonImgShare:hover:before, .buttonImgShare:focus:before {
  background-position: -152px -0px; }

.buttonImgLike:before {
  background-position: -92px -120px; }

.buttonImgLike:hover:before, .buttonImgLike:focus:before {
  background-position: -152px -120px; }

.buttonImgFacebook:before {
  background-position: -92px -180px; }

.buttonImgFacebook:hover:before, .buttonImgFacebook:focus:before {
  background-position: -152px -180px; }

.buttonImgTwitter:before {
  background-position: -92px -240px; }

.buttonImgTwitter:hover:before, .buttonImgTwitter:focus:before {
  background-position: -152px -240px; }

.buttonImgGoogle:before {
  background-position: -92px -300px; }

.buttonImgGoogle:hover:before, .buttonImgGoogle:focus:before {
  background-position: -152px -300px; }

.buttonImgWhatsApp:before {
  background-position: -92px -360px; }

.buttonImgWhatsApp:hover:before, .buttonImgWhatsApp:focus:before {
  background-position: -152px -360px; }

.buttonImgPopUp:before {
  width: 21px;
  height: 21px;
  background-position: 0 -420px; }

.buttonImgPopUp:hover:before, .buttonImgPopUp:focus:before {
  background-position: -60px -420px; }

.touch .buttonImgPopUp:before {
  background-position: -92px -420px; }

.touch .buttonImgPopUp:hover:before, .touch .buttonImgPopUp:focus:before {
  background-position: -152px -420px; }

.buttonImgViews:before {
  background-position: -92px -480px; }

.buttonImgAdd:before {
  background-position: -92px -510px; }

.buttonImgAdd:hover:before, .buttonImgAdd:focus:before {
  background-position: -152px -510px; }

.buttonImgDownload:before {
  background-position: -92px -540px; }

.buttonImgDownload:hover:before, .buttonImgDownload:focus:before {
  background-position: -152px -540px; }

.buttonImgEmail:before {
  background-position: -92px -570px; }

.buttonImgEmail:hover:before, .buttonImgEmail:focus:before {
  background-position: -152px -570px; }

.buttonImgEmbed:before {
  background-position: -92px -600px; }

.buttonImgEmbed:hover:before, .buttonImgEmbed:focus:before {
  background-position: -152px -600px; }

.buttonImgRSS:before {
  background-position: -92px -630px; }

.buttonImgRSS:hover:before, .buttonImgRSS:focus:before {
  background-position: -152px -630px; }

.buttonImgShowOverview:before {
  background-position: -92px -660px; }

.buttonImgShowOverview:hover:before, .buttonImgShowOverview:focus:before {
  background-position: -152px -660px; }

.buttonImgShowHomepage:before {
  background-position: -92px -690px; }

.buttonImgShowHomepage:hover:before, .buttonImgShowHomepage:focus:before {
  background-position: -152px -690px; }

.buttonImgShowPodcast:before {
  background-position: -92px -720px; }

.buttonImgShowPodcast:hover:before, .buttonImgShowPodcast:focus:before {
  background-position: -152px -720px; }

.buttonImgShowHelp:before {
  background-position: -92px -750px; }

.buttonImgShowHelp:hover:before, .buttonImgShowHelp:focus:before {
  background-position: -152px -750px; }

.buttonImgExpand:before {
  background-position: -92px -780px; }

.buttonImgExpand:hover:before, .buttonImgExpand:focus:before {
  background-position: -152px -780px; }

.buttonImgCollapse:before {
  background-position: -92px -810px; }

.buttonImgCollapse:hover:before, .buttonImgCollapse:focus:before {
  background-position: -152px -810px; }

.buttonImgPersonalizationActive:before {
  width: 37px;
  height: 37px;
  background-position: -240px -540px; }

.buttonImgPersonalizationActiveLarge:before {
  width: 42px;
  height: 42px;
  background-position: -360px -540px; }

.buttonImgPersonalizationInactiveLarge:before {
  width: 42px;
  height: 42px;
  background-position: -450px -540px; }

.buttonImgViewsForTeaser:before {
  width: 21px;
  height: 21px;
  background-position: -2px -480px; }

.buttonImgAddForTeaser:before {
  width: 21px;
  height: 21px;
  background-position: 0px -510px; }

.buttonImgAddForTeaser:hover:before, .buttonImgAddForTeaser:focus:before {
  background-position: -60px -510px; }

@media only screen and (min-width: 61em) {
  .largeVertical .buttonImgViewsForTeaser:before, .largePlayer .buttonImgViewsForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -480px; }
  .largeVertical .buttonImgPopUpForTeaser:before, .largePlayer .buttonImgPopUpForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -420px; }
  .largeVertical .buttonImgPopUpForTeaser:hover:before, .largeVertical .buttonImgPopUpForTeaser:focus:before, .largePlayer .buttonImgPopUpForTeaser:hover:before, .largePlayer .buttonImgPopUpForTeaser:focus:before {
    background-position: -152px -420px; }
  .largeVertical .buttonImgAddForTeaser:before, .largePlayer .buttonImgAddForTeaser:before {
    width: 26px;
    height: 26px;
    background-position: -92px -510px; }
  .largeVertical .buttonImgAddForTeaser:hover:before, .largeVertical .buttonImgAddForTeaser:focus:before, .largePlayer .buttonImgAddForTeaser:hover:before, .largePlayer .buttonImgAddForTeaser:focus:before {
    background-position: -152px -510px; } }

.mediumButton {
  width: 100%;
  outline: none; }
  .mediumButton .iconExpand:before {
    background-position: -6px -89px; }
  .mediumButton:hover .iconExpand:before, .mediumButton:focus .iconExpand:before, .mediumButton.selected .iconExpand:before {
    background-position: -6px  -89px; }
  .mediumButton.inactive {
    cursor: default; }
    .mediumButton.inactive .iconExpand:before {
      background-position: -36px -89px; }
    .mediumButton.inactive:hover, .mediumButton.inactive:focus, .mediumButton.inactive.selected {
      cursor: default; }
      .mediumButton.inactive:hover .iconExpand:before, .mediumButton.inactive:focus .iconExpand:before, .mediumButton.inactive.selected .iconExpand:before {
        background-position: -36px -89px; }

@media only screen and (max-width: 39.875em) {
  .filterList {
    margin-bottom: 0.25rem;
    height: 2.625rem; } }

@media only screen and (max-width: 39.875em) {
  .filterList li {
    float: left; } }

@media only screen and (max-width: 39.875em) {
  .filterList li.inactive {
    border: none; } }

@media only screen and (max-width: 39.875em) {
  .filterButton {
    padding: 7px 24px 11px 24px;
    display: block;
    font-size: 14px;
    font-family: SRGSSRType_Rg, Arial, sans-serif;
    background: none !important;
    filter: none !important;
    height: inherit;
    margin-top: 0; }
    .filterButton:hover, .filterButton:focus {
      background: none !important;
      filter: none !important; } }

@media only screen and (min-width: 39.9375em) {
  .filterButton {
    padding-left: 1rem;
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 14px;
    color: #c8c8c8;
    margin-top: 12px; }
    .filterButton span {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

@media only screen and (min-width: 39.9375em) {
  .searchPage .lightGreyTeaserListHeading {
    font-size: 1.25rem;
    line-height: 1.5rem; } }

.searchPage .lightGreyTeaserListHeading span {
  color: #969696; }

@media only screen and (min-width: 39.9375em) {
  .searchPage .teaserMetadata {
    overflow: hidden; } }

.searchPage .teaserMetadata .teaserSubtitle {
  display: block; }

.searchPage .searchResultAsset .searchResultAssetTeaser {
  border-top: 1px solid #454545; }

.searchPage .searchResultAsset:first-child .searchResultAssetTeaser {
  border-top: none; }

.searchPage .searchResultShow .searchResultShowTeaser {
  border-top: 1px solid #454545; }
  @media only screen and (min-width: 61em) {
    .searchPage .searchResultShow .searchResultShowTeaser {
      border-top: none; } }

.searchPage .searchResultShow:first-child .searchResultShowTeaser {
  border-top: none; }

.searchPage .searchResultShow.rowSeparator {
  padding-right: 8px;
  padding-left: 8px; }

.searchPage .searchResultShow .rowSeparatorBorder {
  border-top: 1px solid #454545; }

@media only screen and (max-width: 39.875em) {
  .searchResultShowTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultShowTeaser .teaserSubtitle, .searchResultShowTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .searchResultShowTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultShowTeaser .teaserSubtitle, .searchResultShowTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .searchResultShowTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 10px; }
  .searchResultShowTeaser .teaserSubtitle, .searchResultShowTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .searchResultShowTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 10px; }
  .searchResultShowTeaser .teaserSubtitle, .searchResultShowTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

@media only screen and (max-width: 39.875em) {
  .searchResultAssetTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultAssetTeaser .teaserSubtitle, .searchResultAssetTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
  .searchResultAssetTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultAssetTeaser .teaserSubtitle, .searchResultAssetTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    margin-top: 0px; } }

@media only screen and (min-width: 61em) and (max-width: 79.69em) {
  .searchResultAssetTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultAssetTeaser .teaserSubtitle, .searchResultAssetTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

@media only screen and (min-width: 79.75em) {
  .searchResultAssetTeaser .teaserTitle {
    font-family: SRGSSRType_Md, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: -4px; }
  .searchResultAssetTeaser .teaserSubtitle, .searchResultAssetTeaser .teaserDescription {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 0px; } }

.searchResultShowTeaser .teaserMetadata a:focus h3 {
  text-decoration: underline; }

.radioStationPicker {
  padding-right: 1rem;
  padding-top: 0; }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker {
      margin-left: 0.5rem;
      margin-right: 0.5rem; } }
  @media only screen and (min-width: 39.9375em) {
    .radioStationPicker .radioStationList {
      padding-left: 8px;
      padding-right: 8px;
      width: 83.3333333333%;
      float: left;
      margin-left: auto;
      margin-right: auto;
      float: none; } }

.liveModuleWrapper {
  padding-top: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .liveModuleWrapper {
      padding-top: 2rem; } }

.liveModule .nestedGridRow {
  margin-left: 0;
  margin-right: 0; }
  @media only screen and (max-width: 39.875em) {
    .liveModule .nestedGridRow .columns {
      padding-left: 0;
      padding-right: 0; } }
  .liveModule .nestedGridRow .columns:first-child {
    padding-left: 0; }
  .liveModule .nestedGridRow .columns:last-child {
    padding-right: 0; }

@media only screen and (min-width: 39.9375em) {
  .rsi .liveModuleTv ul li {
    width: 50%; } }

.radioStationPicker {
  margin-top: 4rem; }

.suggestionModules {
  padding-top: 2rem; }
  @media only screen and (min-width: 39.9375em) {
    .suggestionModules {
      padding-top: 4rem; } }
  .suggestionModules .teaserModule {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }

@media only screen and (min-width: 39.9375em) {
  .no-flexbox .radioStationPicker .radioStationList {
    display: table; }
    .no-flexbox .radioStationPicker .radioStationList .radioStationElement {
      display: table-cell; }
  .flexbox .radioStationPicker .radioStationList {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex; }
    .flexbox .radioStationPicker .radioStationList .radioStationElement {
      flex: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1; } }

.radioStationPicker .stationlogo {
  height: 30px; }

@media only screen and (min-width: 39.9375em) {
  .radioStationPicker .stationDropDown {
    display: none; }
  .radioStationPicker .radioStationList {
    margin: 0 auto; }
    .radioStationPicker .radioStationList .radioStationElement.active {
      border-left: none;
      z-index: 0; }
    .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink {
      margin-bottom: -1px;
      margin-left: 1px;
      cursor: default;
      z-index: 10; }
      .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement.active .radioStationLink:focus {
        opacity: 1; }
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: inline-block;
      float: left;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 15px;
      width: 100%; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

@media only screen and (max-width: 39.875em) {
  .radioStationPicker {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .radioStationPicker .stationDropDown {
      cursor: pointer; }
      .radioStationPicker .stationDropDown .iconImg {
        float: right; }
        .radioStationPicker .stationDropDown .iconImg:before {
          width: 27px;
          height: 27px; }
    .radioStationPicker .radioStationLink, .radioStationPicker .stationDropDown {
      padding-top: 0.5625rem;
      padding-bottom: 0.5625rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  @media only screen and (max-width: 39.875em) and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement.active {
      display: none; } }

@media only screen and (max-width: 39.875em) {
    .radioStationPicker .radioStationList .radioStationElement .radioStationLink {
      display: block; }
      .radioStationPicker .radioStationList .radioStationElement .radioStationLink:hover, .radioStationPicker .radioStationList .radioStationElement .radioStationLink:focus {
        opacity: 0.7; } }

.rts .liveModule .liveStreamTeaser .nowandnext .nodata {
  display: none; }

@media only screen and (min-width: 61em) {
  .rts .liveModule.radio .liveStreamTeaser .playNow {
    display: inline-block;
    clear: inherit; } }

.rsi .liveModule .liveStreamTeaser .liveStreamImage {
  height: 23px; }

.liveModule {
  position: relative; }
  .liveModule li:first-child .liveStreamTeaser {
    border-top: none; }
  .liveModule .liveStreamTeaser {
    padding-top: 0.625rem; }
    @media only screen and (min-width: 61em) {
      .liveModule .liveStreamTeaser {
        padding-top: 1rem; } }
    .liveModule .liveStreamTeaser .liveStreamImage {
      height: 22px;
      float: left;
      margin-right: 0.625rem; }
      @media only screen and (min-width: 39.9375em) {
        .liveModule .liveStreamTeaser .liveStreamImage {
          margin-bottom: 0.625rem; } }
    .liveModule .liveStreamTeaser .nowandnext {
      clear: both; }
      .liveModule .liveStreamTeaser .nowandnext .nowAndNextUl {
        margin-left: 0; }
      .liveModule .liveStreamTeaser .nowandnext .programItem {
        display: inline-block;
        width: 50%;
        padding-right: 0.375rem;
        float: left; }
        @media only screen and (min-width: 61em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem {
            padding-bottom: 0.625rem; } }
        .liveModule .liveStreamTeaser .nowandnext .programItem.nodata {
          border-bottom: none !important; }
          .liveModule .liveStreamTeaser .nowandnext .programItem.nodata .time {
            padding-bottom: 8px; }
        @media only screen and (min-width: 39.9375em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem {
            width: 100%; }
            .liveModule .liveStreamTeaser .nowandnext .programItem:first-child {
              margin-bottom: 0.1875rem; } }
        @media only screen and (max-width: 39.875em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem .time {
            font-family: Arial, sans-serif;
            font-size: 0.75rem;
            line-height: 1rem; } }
        @media only screen and (min-width: 39.9375em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem .time {
            font-size: 0.9375rem;
            line-height: 1.125rem;
            font-family: SRGSSRType_Md, Arial, sans-serif; } }
        .liveModule .liveStreamTeaser .nowandnext .programItem .text h3 {
          margin-top: 0;
          font-size: 0.9375rem;
          line-height: 1.125rem;
          font-family: SRGSSRType_Md, Arial, sans-serif; }
  .liveModule.radio {
    margin-top: 1rem; }
    @media only screen and (max-width: 39.875em) {
      .liveModule.radio .rowSeparator::after {
        content: "";
        display: block; } }
    .liveModule.radio li:nth-child(-n + 3) .liveStreamTeaser {
      border-top: none; }
    @media only screen and (min-width: 39.9375em) {
      .liveModule.radio .liveStreamTeaser {
        border-top: none !important; } }
    .liveModule.radio .liveStreamTeaser .liveStreamImage {
      margin-bottom: 0; }
      @media only screen and (min-width: 61em) {
        .liveModule.radio .liveStreamTeaser .liveStreamImage {
          margin-bottom: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: inline-block;
        clear: inherit; } }
    @media only screen and (min-width: 61em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: block;
        clear: both; } }
    @media only screen and (min-width: 79.75em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: inline-block;
        clear: inherit; } }
    .liveModule.radio .liveStreamTeaser .nowandnext .programItem {
      width: 100%; }
      .liveModule.radio .liveStreamTeaser .nowandnext .programItem.item_1 {
        display: none; }
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem.item_1:first-child {
          display: block; }
      @media only screen and (min-width: 61em) {
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem {
          margin-top: 0.25rem; } }
      @media only screen and (min-width: 39.9375em) {
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem:first-child {
          border-bottom: none !important; } }

.liveModule .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .liveModule .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 28px !important;
  margin-left: -21px;
  margin-right: -7px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651.livePageImage, .liveModule .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .liveModule .liveStreamImage.big_id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10, .liveModule .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 28px !important;
  margin-left: -6px;
  margin-right: 10px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10.livePageImage, .liveModule .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c49c1d64-9f60-0001-1c36-43c288c01a10, .liveModule .liveStreamImage.big_id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 37px !important;
  margin-left: -8px;
  margin-right: 6px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .liveModule .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 28px !important;
  margin-left: -10px;
  margin-right: 6px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0.livePageImage, .liveModule .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .liveModule .liveStreamImage.big_id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 37px !important;
  margin-left: -13px;
  margin-right: -1px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_3608506 {
  height: 30px !important;
  margin-left: -16px;
  margin-right: -5px;
  margin-top: -4px; }
  .liveModule .liveStreamImage.id_3608506.livePageImage {
    margin-bottom: -6px; }

.liveModule .liveStreamImage.big_id_3608506 {
  height: 37px !important;
  margin-left: -18px;
  margin-right: -6px !important;
  margin-top: -6px; }

.liveModule .liveStreamImage.id_3608517 {
  height: 30px !important;
  margin-left: -2px;
  margin-right: 9px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_3608517.livePageImage {
    margin-bottom: -5px; }

.liveModule .liveStreamImage.big_id_3608517 {
  height: 37px !important;
  margin-left: -1px;
  margin-right: 15px !important;
  margin-top: -6px; }

.liveModule .liveStreamImage.id_1967124 {
  height: 35px !important;
  margin-left: -1px;
  margin-right: 8px;
  margin-top: -3px;
  margin-bottom: 9px; }
  .liveModule .liveStreamImage.id_1967124.livePageImage {
    margin-bottom: -7px; }

.liveModule .liveStreamImage.big_id_1967124 {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

.liveModuleTv {
  position: relative; }
  .liveModuleTv .liveModuleShadow {
    position: absolute;
    width: calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    height: 96px;
    z-index: -1; }
    .liveModuleTv .liveModuleShadow .shadowLeft {
      height: 100%; }
    .liveModuleTv .liveModuleShadow .shadowRight {
      height: 100%;
      float: right; }
  .liveModuleTv .liveModuleShadowTop {
    top: -70px; }
    @media only screen and (min-width: 39.9375em) {
      .liveModuleTv .liveModuleShadowTop {
        top: -68px; } }
    @media only screen and (min-width: 79.75em) {
      .liveModuleTv .liveModuleShadowTop {
        top: -60px; } }

.playerHelp .playerHelpHeader {
  padding-left: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .playerHelp .playerHelpHeader {
      padding-bottom: 1.25rem;
      padding-top: 1.25rem; } }

.playerHelp .playerHelpContent {
  padding-right: 1rem;
  padding-left: 1rem; }

.playerHelp .help_content {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem; }

.playerHelp {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif; }
  .playerHelp .playerHelpHeader {
    font-size: 1.5625rem;
    line-height: 1.875rem; }
    @media only screen and (min-width: 39.9375em) {
      .playerHelp .playerHelpHeader {
        font-size: 2.1875rem;
        line-height: 2.8125rem; } }
  .playerHelp .help_content h2 {
    font-size: 18px;
    padding-bottom: 0.625rem; }
  .playerHelp .help_content p {
    font-size: 14px; }
    @media only screen and (min-width: 39.9375em) {
      .playerHelp .help_content p {
        font-size: 16px; } }
  .playerHelp .help_content ul {
    list-style: inherit; }
  .playerHelp .help_content li {
    font-size: 14px;
    margin-left: 1.25rem;
    padding-left: 0.5rem; }
    @media only screen and (min-width: 39.9375em) {
      .playerHelp .help_content li {
        font-size: 16px;
        padding-bottom: 0.625rem; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .helpHeader {
    margin: 0 -8px;
    max-width: none;
    width: auto; }
    .helpPage .helpHeader:before, .helpPage .helpHeader:after {
      content: " ";
      display: table; }
    .helpPage .helpHeader:after {
      clear: both; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .helpHeader {
    padding-left: 8px;
    padding-right: 8px;
    width: 66.6666666667%;
    float: left; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .helpHeader .headline {
    float: left;
    width: 100%;
    padding: 0 16px; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .contactInfo {
    float: left;
    width: 100%; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .contactInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left;
    float: right; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .contactInfo .companyImage {
    display: none; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .contactInfo .companyImage {
    width: 100%;
    float: left; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .contactInfo .company {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .contactInfo .company {
    width: 100%;
    float: left; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .contactInfo .address {
    padding-left: 8px;
    padding-right: 8px;
    width: 50%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .contactInfo .address {
    width: 100%;
    float: left; } }

@media only screen and (max-width: 39.875em) {
  .helpPage .contactInfo .contact {
    padding-left: 8px;
    padding-right: 8px;
    width: 50%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .contactInfo .contact {
    width: 100%;
    float: left; } }

@media only screen {
  .helpPage .helpEntries {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }
    .helpPage .helpEntries > * {
      padding-top: 8px; } }

@media only screen and (min-width: 39.9375em) {
  .helpPage .helpEntries {
    padding-left: 8px;
    padding-right: 8px;
    width: 66.6666666667%;
    float: left; }
    .helpPage .helpEntries > * {
      padding-top: 12px; } }

@media only screen and (min-width: 61em) {
  .helpPage .helpEntries > * {
    padding-top: 15px; } }

@media only screen and (min-width: 79.75em) {
  .helpPage .helpEntries > * {
    padding-top: 19px; }
  .helpPage .helpEntries > *:first-child {
    padding-top: 0; } }

.helpPage .helpHeader .headline {
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  font-size: 20px;
  padding-top: 11px;
  padding-bottom: 4px; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .helpHeader .headline {
      font-size: 34px;
      padding-bottom: 17px;
      padding-top: 17px; } }
  @media only screen and (min-width: 61em) {
    .helpPage .helpHeader .headline {
      padding-bottom: 35px;
      padding-top: 33px; } }
  @media only screen and (min-width: 79.75em) {
    .helpPage .helpHeader .headline {
      font-size: 48px;
      padding-top: 28px;
      padding-bottom: 33px; } }

.helpPage .contactInfo {
  padding-top: 9px;
  padding-bottom: 12px; }
  .helpPage .contactInfo .noWrap {
    white-space: nowrap; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .contactInfo .companyImage {
      padding-bottom: 6px; } }
  .helpPage .contactInfo .company {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 15px;
    margin-bottom: 8px; }
    @media only screen and (min-width: 39.9375em) {
      .helpPage .contactInfo .company {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px; } }
  .helpPage .contactInfo .contact {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 16px;
    text-align: right; }
    @media only screen and (min-width: 39.9375em) {
      .helpPage .contactInfo .contact {
        text-align: left;
        font-size: 14px;
        line-height: 20px; } }
  .helpPage .contactInfo .address {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 16px; }
    @media only screen and (min-width: 39.9375em) {
      .helpPage .contactInfo .address {
        font-size: 14px;
        line-height: 20px; } }

@media only screen and (min-width: 79.75em) {
  .helpPage .helpEntries .helpEntry:first-child {
    padding-top: 18px; } }

.helpPage .helpEntries .helpEntry h2 {
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 5px; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .helpEntries .helpEntry h2 {
      font-size: 20px;
      line-height: 24px;
      padding-bottom: 7px; } }
  @media only screen and (min-width: 61em) {
    .helpPage .helpEntries .helpEntry h2 {
      font-size: 24px;
      line-height: 28px;
      padding-bottom: 10px; } }
  @media only screen and (min-width: 79.75em) {
    .helpPage .helpEntries .helpEntry h2 {
      font-size: 28px;
      line-height: 32px;
      padding-bottom: 14px; } }

.helpPage .helpEntries .helpEntry p,
.helpPage .helpEntries .helpEntry li {
  font-family: Arial;
  font-size: 12px;
  line-height: 18px; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .helpEntries .helpEntry p,
    .helpPage .helpEntries .helpEntry li {
      font-family: SRGSSRType_Rg, Arial, Sans-Serif;
      font-size: 15px;
      line-height: 20px; } }
  @media only screen and (min-width: 79.75em) {
    .helpPage .helpEntries .helpEntry p,
    .helpPage .helpEntries .helpEntry li {
      font-size: 16px;
      line-height: 22px; } }

.helpPage .helpEntries .helpEntry p:nth-last-child(2),
.helpPage .helpEntries .helpEntry ul:nth-last-child(2) {
  padding-bottom: 17px; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .helpEntries .helpEntry p:nth-last-child(2),
    .helpPage .helpEntries .helpEntry ul:nth-last-child(2) {
      padding-bottom: 13px; } }
  @media only screen and (min-width: 79.75em) {
    .helpPage .helpEntries .helpEntry p:nth-last-child(2),
    .helpPage .helpEntries .helpEntry ul:nth-last-child(2) {
      padding-bottom: 21px; } }

.helpPage .helpEntries .helpEntry .anchorContainer {
  text-align: center;
  padding-bottom: 11px; }
  @media only screen and (min-width: 39.9375em) {
    .helpPage .helpEntries .helpEntry .anchorContainer {
      padding-bottom: 10px; } }
  @media only screen and (min-width: 61em) {
    .helpPage .helpEntries .helpEntry .anchorContainer {
      padding-bottom: 4px; } }
  .helpPage .helpEntries .helpEntry .anchorContainer .topAnchor {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 14px;
    padding-left: 8px; }
    @media only screen and (min-width: 39.9375em) {
      .helpPage .helpEntries .helpEntry .anchorContainer .topAnchor {
        padding-left: 6px; } }

.livePageRadio {
  padding-top: 0.375rem; }
  .livePageRadio .radioStation {
    padding-top: 0.625rem;
    padding-bottom: 1rem; }
    @media only screen and (min-width: 39.9375em) {
      .livePageRadio .radioStation {
        padding-bottom: 2rem; } }
  @media only screen and (max-width: 39.875em) {
    .livePageRadio .rowSeparator .seperatorRow {
      margin: 0 -8px;
      max-width: none;
      width: auto; }
      .livePageRadio .rowSeparator .seperatorRow:before, .livePageRadio .rowSeparator .seperatorRow:after {
        content: " ";
        display: table; }
      .livePageRadio .rowSeparator .seperatorRow:after {
        clear: both; }
      .livePageRadio .rowSeparator .seperatorRow .seperatorColumn {
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
        float: left; } }

.livePageRadio .channelLogoSmall {
  height: 22px;
  float: left; }
  @media only screen and (min-width: 39.9375em) {
    .livePageRadio .channelLogoSmall {
      display: none; } }

.livePageRadio .channelLogoBig {
  display: none; }
  @media only screen and (min-width: 39.9375em) {
    .livePageRadio .channelLogoBig {
      display: block;
      width: 100%; } }

.livePageRadio .nowAndNext {
  margin-left: 0; }

.livePageRadio .programItem {
  padding-bottom: 0.5625rem;
  clear: both; }
  @media only screen and (min-width: 39.9375em) {
    .livePageRadio .programItem {
      padding-top: 0.3125rem; } }
  .livePageRadio .programItem:nth-child(2) {
    padding-top: 0.375rem; }
    @media only screen and (max-width: 39.875em) {
      .livePageRadio .programItem:nth-child(2) {
        display: none; } }
    @media only screen and (min-width: 39.9375em) {
      .livePageRadio .programItem:nth-child(2) .title {
        font-size: 0.9375rem;
        line-height: 1.0625rem; }
      .livePageRadio .programItem:nth-child(2) .time {
        font-size: 0.75rem; } }
  .livePageRadio .programItem .time {
    font-size: 0.875rem; }
    @media only screen and (max-width: 39.875em) {
      .livePageRadio .programItem .time {
        font-size: 0.75rem; } }
  .livePageRadio .programItem .title {
    font-family: SRGSSRType_Md, Arial, Sans-Serif;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    margin-top: 0; }
    @media only screen and (min-width: 39.9375em) {
      .livePageRadio .programItem .title {
        font-family: SRGSSRType_Rg, Arial, Sans-Serif;
        font-size: 1rem;
        line-height: 1.125rem; }
        .livePageRadio .programItem .title.link {
          font-family: SRGSSRType_Md, Arial, Sans-Serif; } }

.livePageRadio .playNow {
  margin-left: 0.625rem; }
  @media only screen and (min-width: 39.9375em) {
    .livePageRadio .playNow {
      margin-left: 0;
      margin-top: 0.625rem; } }
  @media only screen and (min-width: 61em) {
    .livePageRadio .playNow {
      display: block;
      clear: both; } }

.livePageRadio .programLink {
  display: inline-block;
  padding-top: 0.375rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  width: 100%; }
  .livePageRadio .programLink .programme {
    float: left;
    margin-right: 0.25rem; }
  .livePageRadio .programLink .stationName {
    white-space: nowrap;
    float: left; }
  @media only screen and (max-width: 39.875em) {
    .livePageRadio .programLink {
      width: 100%;
      font-size: 0.8125rem;
      line-height: 1rem;
      padding-top: 0.6875rem; } }
  .livePageRadio .programLink .iconImgArrowRight {
    margin-left: 0.375rem;
    margin-top: 0.0625rem; }
    .livePageRadio .programLink .iconImgArrowRight:before {
      background-position: -10px -600px; }
    @media only screen and (max-width: 39.875em) {
      .livePageRadio .programLink .iconImgArrowRight {
        display: none; } }
  @media only screen and (min-width: 39.9375em) {
    .livePageRadio .programLink .iconImgArrowRightXS {
      display: none; } }

.livePageRadio .loadingContainer {
  padding-top: 4rem; }

.livePageTV .currentProgramItem {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 3rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 79.75em) {
    .livePageTV .currentProgramItem {
      margin-left: 16px;
      margin-right: 16px; } }

.livePageTV .teaserItem {
  padding-top: 0.625rem;
  padding-bottom: 1rem; }

.livePageTV .liveStreamTabs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%; }
  @media only screen and (min-width: 39.9375em) {
    .livePageTV .liveStreamTabs {
      padding-left: 1rem;
      padding-right: 1rem; } }
  @media only screen and (min-width: 61em) {
    .livePageTV .liveStreamTabs {
      width: 83.3333%;
      margin-left: 8.33333%; } }
  @media only screen and (max-width: 39.875em) {
    .livePageTV .liveStreamTabs .show-for-small-only {
      display: inline !important; } }
  @media only screen and (max-width: 39.875em) {
    .livePageTV .liveStreamTabs .liveStreamItem {
      padding-top: 0.625rem; } }
  @media only screen and (min-width: 39.9375em) {
    .livePageTV .liveStreamTabs .liveStreamItem {
      width: 33%; } }
  @media only screen and (max-width: 39.875em) {
    .livePageTV .liveStreamTabs .programItem {
      padding-bottom: 0.5rem; }
      .livePageTV .liveStreamTabs .programItem .next {
        padding-top: 0.5rem; } }

.livePageTV .epgOverviewLink {
  padding-left: 1rem; }

.livePageTV .tabsWrapper .tab-title {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 39.9375em) {
    .livePageTV .tabsWrapper .tab-title {
      padding-left: 8px;
      padding-right: 8px;
      width: 33.3333333333%;
      float: left; } }

@media only screen and (min-width: 79.75em) {
  .livePageTV .tabsWrapper {
    margin-left: 0.5rem;
    margin-right: 0.5rem; } }

.livePageTV .playNow .playNowText {
  display: inline-block; }

@media only screen and (max-width: 39.875em) {
  .livePageTV .livePlayer {
    display: none; } }

@media only screen and (min-width: 79.75em) {
  .livePageTV .livePlayer {
    margin-left: 16px;
    margin-right: 16px; } }

.livePageTV .nextProgramItemsHeader {
  padding-left: 1rem;
  padding-right: 1rem; }

.livePageTV .nextProgram, .livePageTV .epgLink {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 79.75em) {
    .livePageTV .nextProgram, .livePageTV .epgLink {
      padding: none; } }

@media only screen and (max-width: 39.875em) {
  .livePageTV .tabsContent {
    display: none; } }

.flexbox .livePageTV .liveStreamTabs {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

.rts .livePageTV .liveStreamTabs .liveStreamItem .nodata {
  display: none; }

.livePageTV .liveStreamTabs .liveStreamImage {
  height: 22px;
  vertical-align: baseline; }
  @media only screen and (max-width: 39.875em) {
    .livePageTV .liveStreamTabs .liveStreamImage {
      float: left; } }
  @media only screen and (min-width: 39.9375em) {
    .livePageTV .liveStreamTabs .liveStreamImage {
      height: 24px; } }

@media only screen and (max-width: 39.875em) {
  .livePageTV .liveStreamTabs .liveStreamItem {
    display: inline-block;
    width: 100%; } }

@media only screen and (min-width: 39.9375em) {
  .livePageTV .liveStreamTabs .tab-title {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: left;
    height: inherit;
    outline: none; }
    .livePageTV .liveStreamTabs .tab-title .liveStreamItem {
      display: block;
      padding: 10px;
      width: 100%;
      height: 100%; } }
    @media only screen and (min-width: 39.9375em) and (min-width: 79.75em) {
      .livePageTV .liveStreamTabs .tab-title .liveStreamItem {
        padding: 16px; } }

@media only screen and (min-width: 39.9375em) {
    .livePageTV .liveStreamTabs .tab-title.active {
      position: relative;
      z-index: 1;
      cursor: default; } }

.livePageTV .liveStreamTabs .time {
  font-family: Arial, Sans-Serif;
  font-size: 0.875rem;
  line-height: 1.125rem; }
  .livePageTV .liveStreamTabs .time.nodata {
    display: inline-block; }

.livePageTV .liveStreamTabs .title {
  display: block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  .livePageTV .liveStreamTabs .title.nodata {
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 1rem; }

.livePageTV .loadingContainer {
  padding-top: 4rem; }

.livePageTV .epgOverviewLink, .livePageTV .epgChannelOverviewLink {
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  margin-top: 0.375rem; }

@media only screen and (min-width: 39.9375em) {
  .livePageTV .epgOverviewLink {
    display: none; }
  .livePageTV .tabsWrapper {
    float: none;
    position: relative; }
  .livePageTV .tabsBorder {
    bottom: 0;
    position: absolute;
    z-index: 0;
    height: 1px;
    width: 100%; } }

.livePageTV .livePlayer {
  margin-top: 1rem; }

.livePageTV .currentProgramItem .liveStreamImage {
  height: 36px;
  float: left;
  margin-right: 0.625rem; }

.livePageTV .currentProgramItem .time {
  font-size: 1.1875rem;
  line-height: 2.0625rem; }

.livePageTV .currentProgramItem .title {
  font-size: 1.4375rem;
  line-height: 2.5rem;
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  clear: both;
  margin-bottom: 0.875rem;
  display: block; }

.livePageTV .nextProgram .teaserItem {
  float: left;
  width: 100%; }

.livePageTV .nextProgram .time {
  margin-top: -0.25rem; }

.livePageTV .nextProgram .image {
  padding-right: 1rem;
  padding-left: 0;
  float: left; }

.livePageTV .nextProgram .title {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.livePageTV .epgLink {
  font-family: SRGSSRType_Md, Arial, Sans-Serif;
  font-size: 0.9375rem;
  line-height: 1.25rem; }
  .livePageTV .epgLink .iconImgArrowRight {
    margin-left: 0.1875rem; }

.livePageTV .socialShares {
  float: right; }
  .livePageTV .socialShares .socialCountBox {
    display: inline-block;
    margin-right: 1rem; }

.livePageTV .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .livePageTV .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 28px !important;
  margin-left: -21px;
  margin-right: -7px;
  margin-top: -3px; }
  .livePageTV .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651.livePageImage, .livePageTV .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad.livePageImage {
    margin-bottom: -3px; }

.livePageTV .liveStreamImage.big_id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .livePageTV .liveStreamImage.big_id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

.livePageTV .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10, .livePageTV .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 28px !important;
  margin-left: -6px;
  margin-right: 10px;
  margin-top: -3px; }
  .livePageTV .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10.livePageImage, .livePageTV .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb.livePageImage {
    margin-bottom: -3px; }

.livePageTV .liveStreamImage.big_id_c49c1d64-9f60-0001-1c36-43c288c01a10, .livePageTV .liveStreamImage.big_id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 37px !important;
  margin-left: -8px;
  margin-right: 6px !important;
  margin-top: -3px; }

.livePageTV .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .livePageTV .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 28px !important;
  margin-left: -10px;
  margin-right: 6px;
  margin-top: -3px; }
  .livePageTV .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0.livePageImage, .livePageTV .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f.livePageImage {
    margin-bottom: -3px; }

.livePageTV .liveStreamImage.big_id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .livePageTV .liveStreamImage.big_id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 37px !important;
  margin-left: -13px;
  margin-right: -1px !important;
  margin-top: -3px; }

.livePageTV .liveStreamImage.id_3608506 {
  height: 30px !important;
  margin-left: -16px;
  margin-right: -5px;
  margin-top: -4px; }
  .livePageTV .liveStreamImage.id_3608506.livePageImage {
    margin-bottom: -6px; }

.livePageTV .liveStreamImage.big_id_3608506 {
  height: 37px !important;
  margin-left: -18px;
  margin-right: -6px !important;
  margin-top: -6px; }

.livePageTV .liveStreamImage.id_3608517 {
  height: 30px !important;
  margin-left: -2px;
  margin-right: 9px;
  margin-top: -3px; }
  .livePageTV .liveStreamImage.id_3608517.livePageImage {
    margin-bottom: -5px; }

.livePageTV .liveStreamImage.big_id_3608517 {
  height: 37px !important;
  margin-left: -1px;
  margin-right: 15px !important;
  margin-top: -6px; }

.livePageTV .liveStreamImage.id_1967124 {
  height: 35px !important;
  margin-left: -2px;
  margin-right: 6px;
  margin-top: -2px; }
  .livePageTV .liveStreamImage.id_1967124.livePageImage {
    margin-bottom: -7px; }

.livePageTV .liveStreamImage.big_id_1967124 {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

@media only screen {
  .personalizationPage .personalizationInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .personalizationPage .personalizationInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 66.6666666667%;
    float: left; } }

.personalizationPage .personalizationInfo .header {
  margin: 0 -8px;
  max-width: none;
  width: auto; }
  .personalizationPage .personalizationInfo .header:before, .personalizationPage .personalizationInfo .header:after {
    content: " ";
    display: table; }
  .personalizationPage .personalizationInfo .header:after {
    clear: both; }
  @media only screen and (max-width: 39.875em) {
    .personalizationPage .personalizationInfo .header {
      margin-left: -1rem;
      margin-right: -1rem; } }

.personalizationPage .personalizationInfo .header .headline {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 39.875em) {
    .personalizationPage .personalizationInfo .header .headline {
      padding: 0 16px; } }

@media only screen and (max-width: 39.875em) {
  .personalizationPage .personalizationSelectionBox {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 39.9375em) {
  .personalizationPage .personalizationSelectionBox {
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3333333333%;
    float: left;
    margin-top: 2rem; } }

@media only screen and (min-width: 61em) {
  .personalizationPage .personalizationSelectionBox {
    margin-top: 3rem; } }

@media only screen and (max-width: 39.875em) {
  .personalizationPage .personalizationSelectionBox .personalizationSelection {
    float: left;
    width: 100%; } }

@media only screen and (max-width: 39.875em) {
  .personalizationPage .personalizationInfo .header {
    margin-bottom: 0.75rem; } }

.personalizationPage .personalizationInfo .header .headline {
  font-family: SRGSSRType_Md, Arial, Sans-Serif; }
  @media only screen and (max-width: 39.875em) {
    .personalizationPage .personalizationInfo .header .headline {
      margin-top: 0.6875rem;
      margin-bottom: 0.75rem;
      font-size: 1.25rem; } }
  @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
    .personalizationPage .personalizationInfo .header .headline {
      font-size: 2.125rem;
      margin-top: 1.3125rem;
      margin-bottom: 1.3125rem; } }
  @media only screen and (min-width: 61em) and (max-width: 79.69em) {
    .personalizationPage .personalizationInfo .header .headline {
      font-size: 2.125rem;
      margin-top: 2.3125rem;
      margin-bottom: 2.375rem; } }
  @media only screen and (min-width: 79.75em) {
    .personalizationPage .personalizationInfo .header .headline {
      font-size: 3rem;
      margin-top: 2rem;
      margin-bottom: 2.25rem; } }

.personalizationPage .personalizationInfo .informationText {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif; }
  @media only screen and (max-width: 39.875em) {
    .personalizationPage .personalizationInfo .informationText {
      font-size: 0.875rem;
      line-height: 1.125rem;
      margin-bottom: 2.0625rem; } }
  @media only screen and (min-width: 39.9375em) {
    .personalizationPage .personalizationInfo .informationText {
      font-size: 0.9375rem;
      line-height: 1.25rem; } }
  @media only screen and (min-width: 79.75em) {
    .personalizationPage .personalizationInfo .informationText {
      font-size: 1rem;
      line-height: 1.375rem; } }

.personalizationPage .personalizationSelection {
  float: left;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0.9375rem 0.625rem; }
  .personalizationPage .personalizationSelection .buttonImgPersonalizationInactiveLarge,
  .personalizationPage .personalizationSelection .buttonImgPersonalizationActiveLarge {
    float: left;
    padding-right: 0.375rem; }
    @media only screen and (min-width: 39.9375em) {
      .personalizationPage .personalizationSelection .buttonImgPersonalizationInactiveLarge,
      .personalizationPage .personalizationSelection .buttonImgPersonalizationActiveLarge {
        padding-right: 0.5rem; } }
    @media only screen and (min-width: 61em) and (max-width: 79.69em) {
      .personalizationPage .personalizationSelection .buttonImgPersonalizationInactiveLarge,
      .personalizationPage .personalizationSelection .buttonImgPersonalizationActiveLarge {
        padding-top: 0.25rem; } }
  .personalizationPage .personalizationSelection .personalizationText {
    float: left;
    padding-top: 0.1875rem; }
    @media only screen and (min-width: 61em) and (max-width: 79.69em) {
      .personalizationPage .personalizationSelection .personalizationText {
        padding-top: 0.4375rem; } }
  .personalizationPage .personalizationSelection .mediumButton {
    float: left;
    height: 48px;
    border: 0;
    padding: 0; }
    @media only screen and (max-width: 39.875em) {
      .personalizationPage .personalizationSelection .mediumButton {
        width: 100%;
        margin-top: 14px; } }
    @media only screen and (max-width: 39.875em) and (orientation: landscape) {
      .personalizationPage .personalizationSelection .mediumButton {
        float: right;
        width: 25%;
        margin-top: 0; } }
    @media only screen and (min-width: 39.9375em) and (max-width: 60.938em) {
      .personalizationPage .personalizationSelection .mediumButton {
        width: 100%; } }
    @media only screen and (min-width: 61em) {
      .personalizationPage .personalizationSelection .mediumButton {
        float: right;
        width: 33.333%;
        margin-top: 0; } }
    @media only screen and (min-width: 79.75em) {
      .personalizationPage .personalizationSelection .mediumButton {
        height: 40px;
        margin-top: 1px; } }

.personalizationModal .mediumButton {
  border: 0;
  width: 49%; }
  .personalizationModal .mediumButton.leftButton {
    margin-right: 2%;
    float: left; }

@media only screen and (min-width: 39.9375em) {
  .personalizationModal {
    top: 201px;
    max-width: 430px !important; } }

@media only screen and (max-width: 39.875em) {
  .personalizationModal {
    min-height: inherit !important; } }

.personalizationModal .close-reveal-modal {
  font-size: 14px !important;
  font-weight: inherit !important;
  position: relative !important;
  right: 0 !important; }

.reveal-modal-bg {
  cursor: pointer; }

.liveModuleWrapper {
  padding-top: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .liveModuleWrapper {
      padding-top: 2rem; } }

.liveModule .nestedGridRow {
  margin-left: 0;
  margin-right: 0; }
  @media only screen and (max-width: 39.875em) {
    .liveModule .nestedGridRow .columns {
      padding-left: 0;
      padding-right: 0; } }
  .liveModule .nestedGridRow .columns:first-child {
    padding-left: 0; }
  .liveModule .nestedGridRow .columns:last-child {
    padding-right: 0; }

@media only screen and (min-width: 39.9375em) {
  .rsi .liveModuleTv ul li {
    width: 50%; } }

.modules {
  padding-top: 1rem; }
  @media only screen and (min-width: 39.9375em) {
    .modules {
      padding-top: 1.5rem; } }
  .modules .teaserModule {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left;
    padding-top: 32px; }
    @media only screen and (min-width: 79.75em) {
      .modules .teaserModule {
        padding-top: 40px; } }
  .modules .liveModule {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left;
    padding-top: 32px; }
    @media only screen and (min-width: 79.75em) {
      .modules .liveModule {
        padding-top: 40px; } }
  .modules .topicModules {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left;
    padding-top: 32px; }
    @media only screen and (min-width: 79.75em) {
      .modules .topicModules {
        padding-top: 40px; } }
    .modules .topicModules > * {
      padding-top: 32px; }
    .modules .topicModules > *:first-child {
      padding-top: 0; }
    @media only screen and (min-width: 79.75em) {
      .modules .topicModules > * {
        padding-top: 40px; }
      .modules .topicModules > *:first-child {
        padding-top: 0; } }
  .modules .eventModules {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    float: left; }
    @media only screen and (max-width: 39.875em) {
      .modules .eventModules {
        padding-left: 0;
        padding-right: 0;
        margin-left: -8px;
        width: calc(100% + 16px); } }
    .modules .eventModules > * {
      padding-top: 32px; }
    @media only screen and (min-width: 79.75em) {
      .modules .eventModules > * {
        padding-top: 40px; } }
    .modules .eventModules .eventModule {
      padding: 1rem; }
      .modules .eventModules .eventModule .logo {
        position: relative; }
      .modules .eventModules .eventModule .logo:after {
        content: attr(alt);
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .modules > *:first-child {
    padding-top: 0; }

.rts .liveModule .liveStreamTeaser .nowandnext .nodata {
  display: none; }

@media only screen and (min-width: 61em) {
  .rts .liveModule.radio .liveStreamTeaser .playNow {
    display: inline-block;
    clear: inherit; } }

.rsi .liveModule .liveStreamTeaser .liveStreamImage {
  height: 23px; }

.liveModule {
  position: relative; }
  .liveModule li:first-child .liveStreamTeaser {
    border-top: none; }
  .liveModule .liveStreamTeaser {
    padding-top: 0.625rem; }
    @media only screen and (min-width: 61em) {
      .liveModule .liveStreamTeaser {
        padding-top: 1rem; } }
    .liveModule .liveStreamTeaser .liveStreamImage {
      height: 22px;
      float: left;
      margin-right: 0.625rem; }
      @media only screen and (min-width: 39.9375em) {
        .liveModule .liveStreamTeaser .liveStreamImage {
          margin-bottom: 0.625rem; } }
    .liveModule .liveStreamTeaser .nowandnext {
      clear: both; }
      .liveModule .liveStreamTeaser .nowandnext .nowAndNextUl {
        margin-left: 0; }
      .liveModule .liveStreamTeaser .nowandnext .programItem {
        display: inline-block;
        width: 50%;
        padding-right: 0.375rem;
        float: left; }
        @media only screen and (min-width: 61em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem {
            padding-bottom: 0.625rem; } }
        .liveModule .liveStreamTeaser .nowandnext .programItem.nodata {
          border-bottom: none !important; }
          .liveModule .liveStreamTeaser .nowandnext .programItem.nodata .time {
            padding-bottom: 8px; }
        @media only screen and (min-width: 39.9375em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem {
            width: 100%; }
            .liveModule .liveStreamTeaser .nowandnext .programItem:first-child {
              margin-bottom: 0.1875rem; } }
        @media only screen and (max-width: 39.875em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem .time {
            font-family: Arial, sans-serif;
            font-size: 0.75rem;
            line-height: 1rem; } }
        @media only screen and (min-width: 39.9375em) {
          .liveModule .liveStreamTeaser .nowandnext .programItem .time {
            font-size: 0.9375rem;
            line-height: 1.125rem;
            font-family: SRGSSRType_Md, Arial, sans-serif; } }
        .liveModule .liveStreamTeaser .nowandnext .programItem .text h3 {
          margin-top: 0;
          font-size: 0.9375rem;
          line-height: 1.125rem;
          font-family: SRGSSRType_Md, Arial, sans-serif; }
  .liveModule.radio {
    margin-top: 1rem; }
    @media only screen and (max-width: 39.875em) {
      .liveModule.radio .rowSeparator::after {
        content: "";
        display: block; } }
    .liveModule.radio li:nth-child(-n + 3) .liveStreamTeaser {
      border-top: none; }
    @media only screen and (min-width: 39.9375em) {
      .liveModule.radio .liveStreamTeaser {
        border-top: none !important; } }
    .liveModule.radio .liveStreamTeaser .liveStreamImage {
      margin-bottom: 0; }
      @media only screen and (min-width: 61em) {
        .liveModule.radio .liveStreamTeaser .liveStreamImage {
          margin-bottom: 0.625rem; } }
    @media only screen and (min-width: 39.9375em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: inline-block;
        clear: inherit; } }
    @media only screen and (min-width: 61em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: block;
        clear: both; } }
    @media only screen and (min-width: 79.75em) {
      .liveModule.radio .liveStreamTeaser .playNow {
        display: inline-block;
        clear: inherit; } }
    .liveModule.radio .liveStreamTeaser .nowandnext .programItem {
      width: 100%; }
      .liveModule.radio .liveStreamTeaser .nowandnext .programItem.item_1 {
        display: none; }
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem.item_1:first-child {
          display: block; }
      @media only screen and (min-width: 61em) {
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem {
          margin-top: 0.25rem; } }
      @media only screen and (min-width: 39.9375em) {
        .liveModule.radio .liveStreamTeaser .nowandnext .programItem:first-child {
          border-bottom: none !important; } }

.liveModule .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .liveModule .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 28px !important;
  margin-left: -21px;
  margin-right: -7px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c4927fcf-e1a0-0001-7edd-1ef01d441651.livePageImage, .liveModule .liveStreamImage.id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c4927fcf-e1a0-0001-7edd-1ef01d441651, .liveModule .liveStreamImage.big_id_269e6a58-a9cb-11e3-ac2b-fbf4986f02ad {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10, .liveModule .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 28px !important;
  margin-left: -6px;
  margin-right: 10px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c49c1d64-9f60-0001-1c36-43c288c01a10.livePageImage, .liveModule .liveStreamImage.id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c49c1d64-9f60-0001-1c36-43c288c01a10, .liveModule .liveStreamImage.big_id_79f7a7be-a9d0-11e3-94b5-2bd93f599afb {
  height: 37px !important;
  margin-left: -8px;
  margin-right: 6px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .liveModule .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 28px !important;
  margin-left: -10px;
  margin-right: 6px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0.livePageImage, .liveModule .liveStreamImage.id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f.livePageImage {
    margin-bottom: -3px; }

.liveModule .liveStreamImage.big_id_c49c1d73-2f70-0001-138a-15e0c4ccd3d0, .liveModule .liveStreamImage.big_id_3102aa5c-a9d7-11e3-be81-0fe6c5ad887f {
  height: 37px !important;
  margin-left: -13px;
  margin-right: -1px !important;
  margin-top: -3px; }

.liveModule .liveStreamImage.id_3608506 {
  height: 30px !important;
  margin-left: -16px;
  margin-right: -5px;
  margin-top: -4px; }
  .liveModule .liveStreamImage.id_3608506.livePageImage {
    margin-bottom: -6px; }

.liveModule .liveStreamImage.big_id_3608506 {
  height: 37px !important;
  margin-left: -18px;
  margin-right: -6px !important;
  margin-top: -6px; }

.liveModule .liveStreamImage.id_3608517 {
  height: 30px !important;
  margin-left: -2px;
  margin-right: 9px;
  margin-top: -3px; }
  .liveModule .liveStreamImage.id_3608517.livePageImage {
    margin-bottom: -5px; }

.liveModule .liveStreamImage.big_id_3608517 {
  height: 37px !important;
  margin-left: -1px;
  margin-right: 15px !important;
  margin-top: -6px; }

.liveModule .liveStreamImage.id_1967124 {
  height: 35px !important;
  margin-left: -1px;
  margin-right: 8px;
  margin-top: -3px;
  margin-bottom: 9px; }
  .liveModule .liveStreamImage.id_1967124.livePageImage {
    margin-bottom: -7px; }

.liveModule .liveStreamImage.big_id_1967124 {
  height: 37px !important;
  margin-left: -30px;
  margin-right: -16px !important;
  margin-top: -3px; }

.liveModuleTv {
  position: relative; }
  .liveModuleTv .liveModuleShadow {
    position: absolute;
    width: calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    height: 96px;
    z-index: -1; }
    .liveModuleTv .liveModuleShadow .shadowLeft {
      height: 100%; }
    .liveModuleTv .liveModuleShadow .shadowRight {
      height: 100%;
      float: right; }
  .liveModuleTv .liveModuleShadowTop {
    top: -70px; }
    @media only screen and (min-width: 39.9375em) {
      .liveModuleTv .liveModuleShadowTop {
        top: -68px; } }
    @media only screen and (min-width: 79.75em) {
      .liveModuleTv .liveModuleShadowTop {
        top: -60px; } }

.modules .liveModule .nestedGridRow,
.modules .liveModule .lightGreyTeaserListHeading {
  margin: 0; }

.eventModule {
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 2rem; }
  .eventModule .eventVideos .lightGreyTeaserListHeading {
    text-align: right; }

.eventModule-rightPointingAngle {
  font-size: 0.8125rem;
  line-height: 0;
  display: inline-block;
  position: relative;
  top: -3px;
  left: 5px; }
  @media only screen and (min-width: 39.9375em) {
    .eventModule-rightPointingAngle {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 79.75em) {
    .eventModule-rightPointingAngle {
      font-size: 1rem; } }

.errorPage .errorInfo, .errorPage .errorMessages, .errorPage .stackTrace {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.errorPage .errorInfo {
  font-family: SRGSSRType_Rg, Arial, Sans-Serif;
  font-size: 1.125rem;
  max-width: 580px; }
  .errorPage .errorInfo h1 {
    font-family: SRGSSRType_Lt, Arial, Sans-Serif;
    font-size: 2.25rem; }
  .errorPage .errorInfo div {
    float: left;
    clear: both;
    width: 100%; }
  .errorPage .errorInfo .headlines {
    margin-bottom: 0.625rem;
    float: left;
    margin-top: 1rem; }
    @media only screen and (min-width: 39.9375em) {
      .errorPage .errorInfo .headlines {
        margin-top: 2rem; } }
  .errorPage .errorInfo .margin_bot {
    margin-bottom: 0.625rem; }

.errorPage ul {
  list-style: disc inside none; }

.errorPage .errorMessages {
  margin-top: 2rem;
  padding: 0.625rem;
  clear: both; }

.errorPage .stackTrace {
  margin-top: 2rem;
  padding: 0.625rem; }