@charset "UTF-8";
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Main Stylesheet
 *
 */
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Browser Reset
 *
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

body {
  line-height: 1; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

img {
  border: 0; }

ol,
ul {
  list-style: none; }

pre {
  overflow: auto; }

svg:not(:root) {
  overflow: hidden; }

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

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Scss Mixins
 *
 *
 * enthält Mixins, englische Sprache
 *
 * @section mixins
 */
/**
 * @section mixins
 */
/* Breakpoints: http://css-tricks.com/media-queries-sass-3-2-and-codekit/ */
button, .b-preferences .preferences-content .preferences-buttons .btn {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: inline-block;
  font-family: "ORF ON TF", sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }

button[disabled], .b-preferences .preferences-content .preferences-buttons .btn[disabled] {
  cursor: not-allowed; }

@font-face {
  font-family: 'orf_icon_font';
  src: url("../fonts/orf_icon_font/orf_icon_font.eot?1.5");
  src: url("../fonts/orf_icon_font/orf_icon_font.eot?1.5#iefix") format("embedded-opentype"), url("../fonts/orf_icon_font/orf_icon_font.woff?1.5") format("woff"), url("../fonts/orf_icon_font/orf_icon_font.ttf?1.5") format("truetype"), url("../fonts/orf_icon_font/orf_icon_font.svg?1.5#orf_icon_font") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.ico_transcripts, .ico_star_outline, .favstar .ico_star, .no-touch .favstar.is_faved:hover .ico_star, .no-touch .favstar.is_faved:focus .ico_star, .no-touch .favstar.is_faved:active .ico_star, .ico_star_filled, .favstar.is_faved .ico_star, .no-touch .favstar:hover .ico_star, .no-touch .favstar:focus .ico_star, .no-touch .favstar:active .ico_star, .ico_search, .ico_play_up, .ico_play_right, .mod_playlist .ico_play, .ico_play_left, .ico_play_down, .mod_playlist .base_list_item.expanded .ico_play, .ico_pause, .ico_options, .ico_next, .ico_menu, .region_header.collapsed .ico_toggle_menu, .ico_mute, .ico_mail, .ico_fullscreen, .ico_dot, .ico_close, .region_header.expanded .ico_toggle_menu, .ico_check, .ico_bars, .ico_captions, .ico_back, .ico_arrow_up, .ico_arrow_right, .collapsed > .expand_selector > .ico_arrow, .ico_arrow_left, .ico_arrow_down, .expanded > .expand_selector > .ico_arrow {
  font-family: 'orf_icon_font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico_transcripts:before {
  content: "\e000"; }

.ico_star_outline:before, .favstar .ico_star:before, .no-touch .favstar.is_faved:hover .ico_star:before, .no-touch .favstar.is_faved:focus .ico_star:before, .no-touch .favstar.is_faved:active .ico_star:before {
  content: "\e001"; }

.ico_star_filled:before, .favstar.is_faved .ico_star:before, .no-touch .favstar:hover .ico_star:before, .no-touch .favstar:focus .ico_star:before, .no-touch .favstar:active .ico_star:before {
  content: "\e002"; }

.ico_search:before {
  content: "\e003"; }

.ico_play_up:before {
  content: "\e004"; }

.ico_play_right:before, .mod_playlist .ico_play:before {
  content: "\e005"; }

.ico_play_left:before {
  content: "\e006"; }

.ico_play_down:before, .mod_playlist .base_list_item.expanded .ico_play:before {
  content: "\e007"; }

.ico_pause:before {
  content: "\e008"; }

.ico_options:before {
  content: "\e009"; }

.ico_next:before {
  content: "\e00a"; }

.ico_menu:before, .region_header.collapsed .ico_toggle_menu:before {
  content: "\e00b"; }

.ico_mute:before {
  content: "\e00c"; }

.ico_mail:before {
  content: "\e00d"; }

.ico_fullscreen:before {
  content: "\e00e"; }

.ico_dot:before {
  content: "\e00f"; }

.ico_close:before, .region_header.expanded .ico_toggle_menu:before {
  content: "\e010"; }

.ico_check:before {
  content: "\e011"; }

.ico_bars:before {
  content: "\e012"; }

.ico_captions:before {
  content: "\e013"; }

.ico_back:before {
  content: "\e014"; }

.ico_arrow_up:before {
  content: "\e015"; }

.ico_arrow_right:before, .collapsed > .expand_selector > .ico_arrow:before {
  content: "\e016"; }

.ico_arrow_left:before {
  content: "\e017"; }

.ico_arrow_down:before, .expanded > .expand_selector > .ico_arrow:before {
  content: "\e018"; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Base - reset, bugfixes, skiplinks, clearfix
 *
 * include in style
 */
/* Mixins für Standardklassen */
@media all {
  /**
 *
 * Globaler Browser Reset
 *
 * browser reset
 * @see     http://meyerweb.com/eric/tools/css/reset/
 *          v2.0 | 20110126
 *          License: none (public domain)
 */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline; }
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
    display: block; }
  body {
    font-size: 16px;
    line-height: 20px; }
  ol,
  ul {
    list-style: none; }
  blockquote,
  q {
    quotes: none; }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none; }
  table {
    border-spacing: 0;
    border-collapse: collapse; }
  /**
 *
 * Bugfixes für html aus normalize Ansatz
 *
 * @section fixes
 */
  /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-width: 320px; }
  /**
 * Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera um Springen des Inhalts zu vermeiden
 */
  body {
    overflow-y: scroll; }
  /* fix to remove extra inner padding on buttons in firefox */
  input::-moz-focus-inner,
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  button,
  input {
    line-height: normal; }
  button,
  select {
    text-transform: none; }
  img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic; }
  nav ul,
  nav ol {
    list-style: none;
    list-style-image: none; }
  svg:not(:root) {
    overflow: hidden; }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible; }
  textarea {
    overflow: auto;
    vertical-align: top; }
  /**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Standardklassen & Helperklassen
 *
 * generic-content-classes
 */
  .clearfix {
    /* fix für safari */
    display: block; }
    .clearfix:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; }
  /* Der Kern von Clearfix */
  .float_left {
    float: left; }
  /* links fließen lassen */
  .float_right {
    float: right; }
  /* rechts fließen lassen */
  .block {
    overflow: hidden; }
  /* BFC erzeugen */
  .border_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cursor {
    cursor: pointer; }
  /* Hand-Cursor einblenden */
  .text_indent {
    text-indent: -9999px; }
  /* Text aus dem Sichtbereich schieben */
  .uppercase {
    text-transform: uppercase;
    letter-spacing: 0.5px; }
  /* Text in Versalien gesetzt */
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis; }
  /* Punktet zu langen Text mit ... aus */
  .hyphens {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto; }
  /* Aktiviert Zeilenumbruch */
  .show {
    display: block; }
  /* einblenden */
  .hide {
    display: none !important; }
  /* ausblenden */
  .invisible {
    visibility: hidden; }
  /* verstecken */
  /* Unsichtbar für normale User, für Screenreader sichtbar */
  .visuallyhidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0); }
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
      overflow: visible;
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      clip: auto; }
  /* Versteckt Elemente */ }

@media all and (min-width: 1024px) {
  .invisible_desktop {
    visibility: hidden; } }

@media all {
  .no_scroll {
    overflow: hidden; }
  /**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Versteckte Elemente
 *
 * hidden elements
 */
  /* Klassen für unsichtbare Elemente im Basislayout */
  .skip,
  .hideme,
  .print {
    position: absolute;
    top: -32768px;
    left: -32768px; }
  /* Skip-Links: Technisches Setup */
  #skiplinks {
    position: absolute;
    top: 0;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #skiplinks .skip:focus,
    #skiplinks .skip:active {
      position: absolute;
      top: 0;
      left: 32768px;
      width: 100%;
      outline: 0 none;
      padding: 7px 0;
      text-align: center;
      text-decoration: none;
      color: #fff;
      background: #333;
      background: rgba(0, 0, 0, 0.6); } }

/* end media all */
@media print {
  /* .print-Klasse sichtbar schalten */
  .print {
    position: static;
    left: 0; }
  /* Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint {
    display: none !important; } }

/**
 * Ab hier beginnt der neue Stack!!!
 *
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Basic Formattings
 *
 */
html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

[hidden] {
  display: none !important; }

/**
 * Body
 */
body {
  overflow-y: scroll;
  margin: 0;
  font-family: "ORF ON TF", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #fff;
  background: #171717;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * Headlines
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ORF ON TF", sans-serif;
  font-weight: 400; }

/**
 * General Text Formattings
 */
b,
strong {
  font-weight: 700; }

i,
em,
dfn {
  font-style: italic; }

address {
  font-style: normal; }

abbr {
  border-bottom: 1px dotted #999;
  font-variant: small-caps;
  letter-spacing: 1px;
  cursor: help; }

sub,
sup {
  position: relative;
  font-size: 10px;
  line-height: 10px; }

sub {
  top: 4px; }

sup {
  top: -6px; }

q,
cite,
blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic; }

pre,
code {
  background-color: #eee; }

hr {
  height: 1px;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #999; }

mark {
  color: #333;
  background-color: #f9eaa6; }

/**
 * Textselection
 */
::-moz-selection {
  text-shadow: none;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.99); }

::selection {
  text-shadow: none;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.99); }

/**
 * Monospaced Text
 */
pre,
code,
kbd,
samp,
var {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

/**
 * Images
 */
img {
  display: block;
  max-width: 100%; }

/**
 * Buttons
 */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  overflow: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  text-transform: none;
  background-color: transparent; }

.btn {
  min-width: 160px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  color: #000;
  border: 1px solid #979797;
  border-radius: 10px;
  background-color: #d8d8d8; }

.more-btn,
.search-btn,
.dsgvo-btn {
  display: block;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-family: "ORF ON TF", sans-serif;
  font-size: 20px;
  color: #f8ff00;
  background-color: #808080;
  text-align: center; }

.title {
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff; }
  @media screen and (max-width: 640px) {
    .title {
      font-size: 22px; } }

.page-title {
  border-bottom: 30px solid #171717;
  background-color: #171717;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  position: relative; }
  @media screen and (max-width: 640px) {
    .page-title {
      font-size: 20px;
      border-bottom: 15px solid #171717; } }
  .page-title .sub-headline {
    display: block;
    font-size: 16px;
    margin-top: 10px; }

a {
  color: #fff;
  text-decoration: none; }
  a:focus, a:hover {
    color: #f8ff00; }
  a.is-yellow {
    color: #f8ff00; }
    a.is-yellow:hover {
      text-decoration: underline; }
  a.has-toggle {
    position: relative;
    padding-right: 14px; }
    a.has-toggle::after {
      content: "";
      position: absolute;
      bottom: 7px;
      right: 0;
      width: 10px;
      height: 5px;
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2010%205%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%205L0%200h10z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }
    .open a.has-toggle::after, .expanded a.has-toggle::after {
      transform: rotateX(180deg); }

.page-wrapper {
  overflow: hidden;
  min-height: 900px;
  transition: padding-left 0.3s linear; }
  @media screen and (min-width: 1920px) {
    .page-wrapper {
      padding-left: 130px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .page-wrapper {
      padding-left: 85px; } }
  @media screen and (min-width: 1366px) and (max-width: 1439px) {
    .page-wrapper {
      padding-left: 48px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .page-wrapper {
      padding-left: 25px; } }

.subpage-wrapper {
  padding-top: 20px; }

@media screen and (max-width: 640px) {
  .main.has-top-margin {
    margin-top: 64px; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .main.has-top-margin {
    margin-top: 150px; } }

@media screen and (min-width: 1024px) {
  .main.has-top-margin {
    margin-top: 115px; } }

.lt-ie9 .main.has-top-margin {
  margin-top: 115px; }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .main {
    border: 15px solid #171717;
    border-bottom: 0;
    border-top: 0; } }

@media screen and (min-width: 1024px) {
  .main {
    width: 874px; } }

.lt-ie9 .main {
  width: 874px; }

.headline {
  font-weight: 300;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 20px; }

.is-protected:not(.no-protection-overlay) .b-livestream-teaser .ratio-box::after, .is-protected:not(.no-protection-overlay) .b-teaser .ratio-box::after {
  content: "Nur in Österreich verfügbar";
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transform: translateY(17px); }

.is-protected:not(.no-protection-overlay) .b-livestream-teaser .ratio-box::before, .is-protected:not(.no-protection-overlay) .b-teaser .ratio-box::before {
  content: "";
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M815.895%20701.115c12.466-52.317%2019.922-109.839%2021.746-169.901h134.243c-3.244%2050.224-14.76%2098.984-34.367%20145.32-3.526%208.332-7.318%2016.517-11.314%2024.581H815.895zm-62.707-554.989c-12.314-19.417-26.039-36.93-41.078-52.484%2047.983%2022.212%2091.345%2052.47%20129.037%2090.147%2023.009%2023%2043.255%2048.111%2060.598%2075.092H803.74c-13.34-42.694-30.33-80.863-50.552-112.755zm-80.316%20333.872c-.615-58.323-3.756-116.188-9.43-169.901H771.06c.707%202.91%201.41%205.824%202.09%208.78%2011.43%2049.84%2018.09%20105.123%2019.49%20161.121H672.872zm-38.704-331.937c-8.667-29.845-18.913-55.273-30.57-75.987%2043.582%2018.535%2082.243%2052.165%20111.449%2098.226%2016.028%2025.277%2029.809%2054.942%2041.222%2088.581h-99.21c-5.961-41.152-13.584-78.77-22.89-110.82zm-196.926%20110.82c5.58-37.067%2012.501-70.259%2020.625-98.232%2023.872-82.217%2053.39-104.584%2066.06-105.052.4%200%20.8.017%201.2.02%2012.877.9%2042.038%2023.634%2065.674%20105.032%208.143%2028.043%2015.085%2061.23%2020.688%2098.232H437.242zm-22.744-110.82c-9.125%2031.428-16.805%2068.937-22.858%20110.82H290.302c11.414-33.64%2025.193-63.304%2041.222-88.58%2029.815-47.02%2069.482-81.082%20114.178-99.36-11.92%2020.916-22.38%2046.733-31.204%2077.12zM937.517%20326.66c20.649%2048.799%2032.326%20100.285%2034.815%20153.34H837.824c-1.384-59.921-8.368-117.425-20.33-169.902h112.59c2.575%205.466%205.069%2010.976%207.433%2016.562zm41.59%20367.464C1004.914%20633.132%201018%20568.357%201018%20501.597s-13.086-131.536-38.893-192.528a495.558%20495.558%200%2000-22.818-46.838v-3.35h-1.868c-22.013-39.057-49.226-74.914-81.345-107.018-45.433-45.415-98.346-81.075-157.268-105.986C654.792%2020.08%20589.99%207%20523.205%207h-.986c-66.786%200-131.587%2013.08-192.601%2038.877-58.923%2024.911-111.837%2060.57-157.271%20105.986l-.01.011%2031.932%2031.925a.065.065%200%2001.008-.01c38.251-38.234%2082.333-68.84%20131.166-91.138-15.422%2015.8-29.481%2033.64-42.06%2053.475-15.81%2024.933-29.632%2053.716-41.29%2085.484l78.504%2078.487h54.69a1598.53%201598.53%200%2000-4.469%2050.208l42.58%2042.57c1.632-32.339%204.066-63.437%207.251-92.778h187.474c5.7%2052.126%209.02%20109.725%209.661%20169.901H500.54l51.23%2051.216h75.909c-.37%2025.012-1.215%2049.54-2.495%2073.4l42.38%2042.368c2.879-37.548%204.615-76.508%205.198-115.768h119.67c-1.755%2053.64-8.32%20106.449-19.283%20154.247a666.332%20666.332%200%2001-3.808%2015.654h-47.63l72.466%2072.449a581.856%20581.856%200%20007.365-21.233h94.933c-16.135%2023.95-34.613%2046.366-55.328%2067.072-.187.187-.38.366-.566.553l31.931%2031.925c.186-.186.378-.366.564-.551%2045.435-45.415%2081.109-98.307%20106.031-157.207zM525.595%20948.267c-.422.003-.842.02-1.266.022-14.425-.558-43.631-29.246-66.161-106.819-7.495-25.804-13.964-56.045-19.306-89.651h171.68c-5.36%2033.541-11.85%2063.775-19.365%2089.651-22.34%2076.914-51.043%20105.722-65.582%20106.797zm-193.84-114.716c-14.936-23.547-27.915-50.91-38.855-81.732h100.275c5.846%2038.425%2013.096%2072.964%2021.6%20102.243%209.094%2031.31%2019.837%2057.846%2032.048%2079.22-45.06-18.2-85.054-52.407-115.069-99.731zm-127.32-14.64c-20.726-20.712-39.215-43.134-55.36-67.092h96.136c12.998%2039.934%2029.24%2075.735%2048.38%20105.913%2012.024%2018.958%2025.394%2036.108%2040.019%2051.384-48.036-22.222-91.444-52.5-129.175-90.205zm-96.423-142.913c-19.618-46.351-31.14-95.124-34.387-145.364h135.466c1.825%2060.08%209.286%20117.62%2021.758%20169.954H119.333c-4-8.067-7.793-16.255-11.32-24.59zm268.263-145.364c.872%2060.099%204.368%20117.654%2010.194%20169.954H277.427a678.043%20678.043%200%2001-3.81-15.66c-10.968-47.813-17.535-100.637-19.29-154.294h121.948zm338.243%20377.538c8.79-9.26%2017.12-19.201%2024.98-29.804l-32.361-32.345c-28.25%2039.95-64.036%2069.323-103.907%2086.095%2011.895-21.149%2022.4-47.277%2031.339-78.057%205.747-19.787%2010.85-41.706%2015.317-65.258l-88.259-88.215H431.896c-4.95-43.051-8.252-90.084-9.742-139.406l-81.822-81.78h-86.214c.678-27.174%202.607-54.172%205.706-80.468l-40.116-40.096c-6.164%2038.438-9.838%2078.915-10.8%20120.564H73.177c2.492-53.07%2014.174-104.572%2034.835-153.387%202.364-5.587%204.86-11.1%207.437-16.567h54.845l-68.814-68.78a493.991%20493.991%200%2000-35.083%2067.752c-25.821%2061.01-38.915%20125.805-38.915%20192.586%200%2066.782%2013.094%20131.577%2038.915%20192.587%2024.937%2058.917%2060.63%20111.825%20106.091%20157.255%2045.459%2045.429%2098.402%2081.1%20157.358%20106.019%2061.05%2025.805%20125.886%2038.888%20192.71%2038.888h.987c66.824%200%20131.661-13.083%20192.711-38.888a494.46%20494.46%200%200067.123-34.641l-32.935-32.92a450.429%20450.429%200%2001-35.924%2018.866zM917.627%201008L3%2093.116l29.987-29.995%20914.626%20914.885z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -33px);
  z-index: 11;
  background-size: contain; }

.is-protected:not(.no-protection-overlay) .b-livestream-teaser .ratio-box figure::after, .is-protected:not(.no-protection-overlay) .b-teaser .ratio-box figure::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }

.is-protected.channel-item .channel-item-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }

.is-protected.channel-item .channel-item-title::before {
  content: "";
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M34.37%2016.808l961.837%20972.475-30.577%2030.91L3.793%2047.716zM316%20243.989V165l559%20328.934L679.322%20609l-30.877-30.825%20144.388-84.241-435.409-256.083v46.014zM316%20422v402l252-148.398-30.68-31.452-179.921%20106.986V462.859z%22%2F%3E%3Cpath%20d%3D%22M238.248%20163.001c78.69-72.757%20183.323-117.178%20298.358-117.178%20244.145%200%20442.03%20200.081%20442.03%20446.935%200%20116.312-43.934%20222.107-115.892%20301.669L891.992%20824C971.416%20736.89%201020%20620.578%201020%20492.758%201020%20222.766%20803.635%204%20536.606%204%20410.19%204%20295.154%2053.123%20209%20133.428l29.248%2029.573zM764.88%20875.06c-66.61%2040.717-144.728%2064.108-228.233%2064.108-244.272%200-442.262-200.123-442.262-447.03%200-84.405%2023.142-163.366%2063.426-230.692L127.69%20231C80.427%20306.495%2053%20396.099%2053%20492.139%2053%20762.189%20269.478%20981%20536.647%20981c95.015%200%20183.663-27.723%20258.353-75.495l-30.12-30.446z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-size: contain; }

.is-protected.channel-item .channel-item-title:hover {
  background: inherit; }

.is-deactivated .segment .ratio-box::before, .is-deactivated .b-livestream-teaser .ratio-box::before, .is-deactivated .b-teaser .ratio-box::before {
  content: "";
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M34.37%2016.808l961.837%20972.475-30.577%2030.91L3.793%2047.716zM316%20243.989V165l559%20328.934L679.322%20609l-30.877-30.825%20144.388-84.241-435.409-256.083v46.014zM316%20422v402l252-148.398-30.68-31.452-179.921%20106.986V462.859z%22%2F%3E%3Cpath%20d%3D%22M238.248%20163.001c78.69-72.757%20183.323-117.178%20298.358-117.178%20244.145%200%20442.03%20200.081%20442.03%20446.935%200%20116.312-43.934%20222.107-115.892%20301.669L891.992%20824C971.416%20736.89%201020%20620.578%201020%20492.758%201020%20222.766%20803.635%204%20536.606%204%20410.19%204%20295.154%2053.123%20209%20133.428l29.248%2029.573zM764.88%20875.06c-66.61%2040.717-144.728%2064.108-228.233%2064.108-244.272%200-442.262-200.123-442.262-447.03%200-84.405%2023.142-163.366%2063.426-230.692L127.69%20231C80.427%20306.495%2053%20396.099%2053%20492.139%2053%20762.189%20269.478%20981%20536.647%20981c95.015%200%20183.663-27.723%20258.353-75.495l-30.12-30.446z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-size: contain; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Embedded
 *
 * wird im iframe mit mindestens 600px Breite eingebunden (reset für tablet mediaqueries)
 *
 */
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .embed {
    /* allgemeines */
    padding: 15px 0;
    padding: 0.9375rem 0;
    background-color: transparent;
    /* player */
    /* presse preview */ }
    .embed .page_wrapper {
      position: relative;
      margin: 0 25px;
      margin: 0 1.5625rem; }
    .embed .region_main {
      margin-bottom: 30px;
      margin-bottom: 1.875rem; }
    .embed .mod_player {
      /* fix für safari */
      display: block;
      margin: 0;
      /* Flash! */
      /* Flash! */ }
      .embed .mod_player:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; }
      .embed .mod_player .player_header {
        height: 22px;
        height: 1.375rem;
        line-height: 22px;
        line-height: 1.375rem; }
        .embed .mod_player .player_header .broadcast_information {
          line-height: 22px;
          line-height: 1.375rem; }
      .embed .mod_player .video_headline {
        max-width: 65%; }
      .embed .mod_player .player_viewport {
        background-color: #000;
        float: left;
        overflow: hidden;
        width: 454px;
        width: 28.375rem;
        height: 283px;
        height: 17.6875rem; }
      .embed .mod_player .player_viewport.fullsize {
        float: none;
        height: 478px;
        height: 29.875rem;
        width: 800px;
        width: 50rem; }
      .embed .mod_player .player_viewport > object#player_wrapper {
        width: 454px;
        width: 28.375rem;
        height: 283px;
        height: 17.6875rem; }
      .embed .mod_player .player_viewport.fullsize object#player_wrapper {
        width: 800px;
        width: 50rem;
        height: 478px;
        height: 29.875rem; }
      .embed .mod_player .mod_playlist {
        background-color: #fff;
        float: right;
        overflow-y: auto;
        width: 346px;
        width: 21.625rem;
        height: 283px;
        height: 17.6875rem;
        margin: 0; }
        .embed .mod_player .mod_playlist .subheadline {
          display: none; }
        .embed .mod_player .mod_playlist .base_list {
          background-color: #fff; }
        .embed .mod_player .mod_playlist .base_list_item.expanded {
          background-color: #eef1f7;
          cursor: pointer; }
        .embed .mod_player .mod_playlist .base_list_item_inner {
          padding: 9px 10px 9px 30px;
          padding: 0.5625rem 0.625rem 0.5625rem 1.875rem; }
        .embed .mod_player .mod_playlist .base_list_item.expanded .base_list_item_inner {
          padding-bottom: 0; }
        .embed .mod_player .mod_playlist .ico_play {
          top: 15px;
          top: 0.9375rem; }
        .embed .mod_player .mod_playlist .base_list_item_headline {
          display: inline;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 400;
          line-height: 16px;
          line-height: 1rem;
          margin-right: 23px;
          margin-right: 1.4375rem; }
        .embed .mod_player .mod_playlist .broadcast_information {
          display: inline;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 16px;
          line-height: 1rem; }
        .embed .mod_player .mod_playlist .details {
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 16px;
          line-height: 1rem; }
        .embed .mod_player .mod_playlist .base_list_item.expanded .details {
          padding: 0 10px 10px 30px;
          padding: 0 0.625rem 0.625rem 1.875rem; }
        .embed .mod_player .mod_playlist .service_footer {
          -webkit-box-shadow: none;
          box-shadow: none; }
          .embed .mod_player .mod_playlist .service_footer .service_link {
            font-size: 12px;
            font-size: 0.75rem;
            height: 22px;
            height: 1.375rem;
            line-height: 22px;
            line-height: 1.375rem;
            padding-bottom: 0;
            padding-top: 0; }
            .embed .mod_player .mod_playlist .service_footer .service_link .icon_wrapper {
              padding-left: 12px;
              padding-left: 0.75rem; }
            .embed .mod_player .mod_playlist .service_footer .service_link .ico {
              display: block;
              font-size: 8px;
              font-size: 0.5rem;
              height: auto;
              left: 0;
              margin-top: -4px;
              margin-top: -0.25rem;
              position: absolute;
              right: auto;
              top: 50%;
              width: 8px;
              width: 0.5rem; }
      .embed .mod_player > .service_footer {
        background-color: transparent;
        margin-bottom: 0; }
        .embed .mod_player > .service_footer .service_link {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 400;
          line-height: 16px;
          line-height: 1rem;
          padding: 12px 0;
          padding: 0.75rem 0; }
        .embed .mod_player > .service_footer .icon_wrapper {
          padding-left: 12px;
          padding-left: 0.75rem;
          position: relative; }
        .embed .mod_player > .service_footer .ico {
          display: block;
          font-size: 8px;
          font-size: 0.5rem;
          height: auto;
          left: 0;
          margin-top: -4px;
          margin-top: -0.25rem;
          position: absolute;
          right: auto;
          top: 50%;
          width: 8px;
          width: 0.5rem; }
    .embed .mod_details {
      background-color: #fff;
      float: right;
      height: 283px;
      height: 17.6875rem;
      overflow-y: auto;
      width: 346px;
      width: 21.625rem; }
      .embed .mod_details .details_info {
        display: none; }
      .embed .mod_details .details_description {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
        padding: 10px;
        padding: 0.625rem; }
    .embed .mod_details.no_shadow .details_desciption {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .embed .mod_container_list {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; }
      .embed .mod_container_list .area_headline {
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        padding: 0;
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem;
        color: #fff;
        background-color: transparent; }
      .embed .mod_container_list .subheadline {
        margin-bottom: 4px;
        margin-bottom: 0.25rem;
        padding: 0;
        color: #fff;
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem;
        font-weight: 400;
        cursor: auto;
        background: transparent none; }
        .embed .mod_container_list .subheadline .ico {
          display: none; }
      .embed .mod_container_list .item_wrapper {
        /* fix für safari */
        display: block;
        display: block !important;
        /* überschreibt js */
        margin-bottom: 20px;
        margin-bottom: 1.25rem;
        padding: 0; }
        .embed .mod_container_list .item_wrapper:after {
          visibility: hidden;
          display: block;
          clear: both;
          height: 0;
          font-size: 0;
          content: "."; }
      .embed .mod_container_list .item {
        overflow: hidden;
        position: relative;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        border: 0 none;
        background-color: #2a3767;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem; }
        .embed .mod_container_list .item:first-of-type .item_inner {
          border-top: 0 none; }
        .embed .mod_container_list .item:nth-of-type(4n+1) {
          clear: none; }
        .embed .mod_container_list .item .item_inner {
          margin: 0 11px 20px;
          margin: 0 0.6875rem 1.25rem;
          padding: 20px 0 0;
          padding: 1.25rem 0 0;
          border-top: 2px solid #a8a8a8;
          background-color: transparent; }
        .embed .mod_container_list .item .item_image {
          float: left;
          width: 138px;
          width: 8.625rem;
          margin-right: 10px;
          margin-right: 0.625rem;
          color: #fff;
          /* Damit man den Text des Alt-Attributs lesen kann */ }
        .embed .mod_container_list .item .item_header {
          float: left;
          width: 25%;
          margin: 0 10px 0 0;
          margin: 0 0.625rem 0 0;
          padding: 0;
          color: #fff; }
        .embed .mod_container_list .item .item_title {
          margin-bottom: 0;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 16px;
          line-height: 1rem; }
        .embed .mod_container_list .item .broadcast_information {
          color: #a8a8a8; }
        .embed .mod_container_list .item .broadcast_information .meta {
          display: inline-block;
          font-size: 12px;
          font-size: 0.75rem; }
        .embed .mod_container_list .item .item_inner .item_description {
          overflow: hidden;
          clear: none;
          padding: 0 8px;
          padding: 0 0.5rem;
          color: #fff; }
    .embed .embed_code {
      margin-left: 50%;
      background-color: transparent; }
      .embed .embed_code .title {
        color: #fff; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  Globales Stylesheet - Allgemeines, Rahmen, Grid
 *
 */
/**
 *
 * Basisformatierungen
 *
 * @section base-formattings
 */
body {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-family: "ORF ON TF", sans-serif;
  background-color: #171717; }

@media screen and (min-width: 1024px) {
  /* "Löscht" den radial gradient, der normalerweise angezeigt wird */
  .themed body:after {
    content: none; }
  /* Dieser Abstand dient als Fläche zum Ausrichten des Logos */
  .themed .region_header {
    margin-bottom: 82px; } }

.page_wrapper {
  font-family: "ORF ON TF", sans-serif; }
  @media screen and (min-width: 1024px) {
    .page_wrapper {
      padding: 0 130px;
      padding: 0 8.125rem;
      position: relative; } }
  .lt-ie9 .page_wrapper {
    padding: 0 130px;
    padding: 0 8.125rem;
    position: relative; }

@media screen and (min-width: 1024px) {
  .page {
    width: 875px;
    width: 54.6875rem;
    margin-right: 10px;
    margin-right: 0.625rem; } }

.lt-ie9 .page {
  width: 875px;
  width: 54.6875rem;
  margin-right: 10px;
  margin-right: 0.625rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Allgemeine Textauszeichnungen
 *
 * @section general-text-formattings
 */
strong {
  font-weight: 700; }

em {
  font-style: italic; }

address {
  font-style: normal; }

blockquote,
cite,
q {
  font-style: italic; }

code,
pre {
  color: #212121; }

img {
  max-width: 100%; }

@media (min-width: 768px) and (max-width: 1023px) {
  .padding_top_box {
    /* Ist nur für die Tablet-Ansicht, da braucht der Item-Wrapper nämlich einen Innenabstand. Zu sehen auf den Seiten die über das Schnelleinstiegs-Modul erreichbar sind (Neu, Meist gesehen, Sendungstipps). */
    padding-top: 15px;
    padding-top: 0.9375rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Ebenen
 *
 *
 */
@media (min-width: 1024px) {
  body:after {
    z-index: -1; } }

.mod_stage .slider_nav {
  z-index: 10; }

.mod_player .progress_bar_wrapper {
  z-index: 10; }

.mod_player .bar {
  z-index: 11; }

.mod_player .buffer_bar {
  z-index: 12; }

.mod_player .progress_bar {
  z-index: 13; }

.mod_player .progress_bar_knob {
  z-index: 14; }

.mod_player .gapless_segment_marker {
  z-index: 15; }

.mod_player .progress_bar_tooltip {
  z-index: 16; }

.mod_videocontrols .tooltip {
  z-index: 14; }

.mod_videocontrols .settings_overlay {
  z-index: 9999999999; }

.mod_videocontrols .volume_bar_knob {
  z-index: 16; }

.mod_carousel .carousel_nav {
  z-index: 10; }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list {
    z-index: 10; } }

/*
 * Bereichsüberschrift
 * Merkmale: dunkelblaue ($orf_highlight) Schrift, weißer Hintergrund
 */
.area_headline {
  position: relative; }
  @media (min-width: 1024px) {
    .area_headline {
      color: #fff;
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px;
      line-height: 1.125rem;
      margin-bottom: 12px;
      margin-bottom: 0.75rem; } }
  @media (max-width: 1023px) {
    .area_headline {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 20px;
      line-height: 1.25rem;
      color: #fff;
      background: transparent; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .area_headline {
      padding: 16px 15px;
      padding: 1rem 0.9375rem;
      background: #fff;
      color: #001c61; } }
  @media (max-width: 767px) {
    .area_headline {
      padding: 18px 10px;
      padding: 1.125rem 0.625rem; } }
  .area_headline .state {
    top: 50%;
    right: auto;
    margin: -7px 0 0 10px;
    margin: -0.4375rem 0 0 0.625rem; }

/*
 * Subheadline
 * Merkmale: weiße Schrift, dunkelblauer ($orf_highlight) Hintergrund
 */
.subheadline {
  line-height: 18px;
  line-height: 1.125rem;
  color: #fff;
  position: relative; }
  @media (min-width: 1024px) {
    .subheadline {
      font-size: 16px;
      font-size: 1rem; } }
  @media (max-width: 1023px) {
    .subheadline {
      font-size: 18px;
      font-size: 1.125rem;
      background: #001c61; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .subheadline {
      padding: 16px 15px;
      padding: 1rem 0.9375rem; } }
  @media (max-width: 767px) {
    .subheadline {
      padding: 16px 10px;
      padding: 1rem 0.625rem; } }
  .subheadline.icon_align {
    padding-right: 30px;
    padding-right: 1.875rem; }
  .subheadline .ico_arrow_right, .subheadline .collapsed > .expand_selector > .ico_arrow,
  .subheadline .ico_arrow_down,
  .subheadline .expanded > .expand_selector > .ico_arrow {
    position: absolute;
    right: 10px;
    right: 0.625rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Meta-Elemente (Datum, Zeit, Dauer...)
 *
 *
 */
.broadcast_information,
.item_footer .meta {
  color: #808080;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem; }

.meta_headline {
  display: block;
  margin-bottom: 4px;
  margin-bottom: 0.25rem; }

.meta_headline,
.meta_headline .meta {
  color: #001c61;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 17px;
  line-height: 1.0625rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Items
 *
 *
 */
@media (min-width: 1024px) {
  .item_toggle_construct .subheadline {
    background: transparent none;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 400;
    cursor: auto;
    margin-bottom: 4px;
    margin-bottom: 0.25rem; } }

@media (min-width: 1024px) {
  .item_toggle_construct .subheadline .ico {
    display: none; } }

.item_toggle_construct .item_wrapper {
  /* fix für safari */
  display: block; }
  .item_toggle_construct .item_wrapper:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }

@media (min-width: 1024px) {
  .item_wrapper {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .item_wrapper {
    padding: 0 15px;
    padding: 0 0.9375rem;
    /* fix für safari */
    display: block; }
    .item_wrapper:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .item_wrapper .service_footer {
    clear: both;
    text-align: right; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .item_wrapper .service_footer .service_link {
    display: inline-block; } }

@media (min-width: 768px) {
  .item_wrapper .service_footer .service_link {
    color: #fff; } }

@media (min-width: 1024px) {
  .item_wrapper > .service_footer {
    position: relative;
    bottom: 12px;
    bottom: 0.75rem;
    /* Weil Items im Item Wrapper 12px margin-bottom haben und somit den Abstand zum Service Footer vergrößern, ziehen wir den Service Footer um 12px nach oben */
    margin-bottom: -12px;
    margin-bottom: -0.75rem;
    /* Außerdem ziehen wir durch das margin-bottom von 12px die nachfolgenden Elemente um die 12px hoch, die durch position: relative stehen bleiben */ } }

@media (min-width: 1024px) {
  .item_wrapper.only_header {
    margin-bottom: 1px;
    margin-bottom: 0.0625rem; } }

@media (min-width: 1024px) {
  .item_wrapper_headline {
    height: 30px;
    height: 1.875rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 0 10px;
    padding: 0 0.625rem;
    background-color: #2a3767; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .item_wrapper_headline {
    padding-right: 0;
    padding-left: 0; } }

/* Here be dragons. */
.item {
  position: relative;
  /* Allgemeine Styles für die Items */ }
  @media (min-width: 1024px) {
    .item {
      width: 191px;
      width: 11.9375rem;
      height: 359px;
      height: 22.4375rem;
      /* Alles was über diese Höhe hinausragt wird abgeschnitten, s. Design... */
      margin: 0 0 12px 12px;
      margin: 0 0 0.75rem 0.75rem;
      background-color: #fff;
      float: left;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 16px;
      line-height: 1rem;
      overflow: hidden; } }
  @media (max-width: 1023px) {
    .item {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      /* fix für safari */
      display: block; }
      .item:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .item {
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  .item .item_inner {
    display: block;
    text-decoration: none; }
    .item .item_inner:focus, .item .item_inner:active {
      background: #eef1f7; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .item .item_inner {
        background-color: #fff; } }
    @media (max-width: 767px) {
      .item .item_inner {
        padding: 4.6875% 3.125%;
        /* parent width: 320px; (x * 100) / 320px = 15px; (x * 100) / 320px = 10px */ } }
  @media (max-width: 767px) {
    .item .item_image {
      float: left;
      width: 39.3333%;
      /* parent width: 300px; (x * 100) / 300px = 118px */
      margin-right: 2%;
      /* parent width: 300px; (x * 100) / 300px = 6px */
      margin-bottom: 8px;
      margin-bottom: 0.5rem; } }
  .item .item_image img {
    width: 100%;
    height: auto; }
  @media (min-width: 1024px) {
    .item .item_header {
      padding: 8px 8px 4px;
      padding: 0.5rem 0.5rem 0.25rem; } }
  @media (min-width: 1024px) {
    .item .item_header .meta {
      font-size: 12px;
      font-size: 0.75rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .item .item_header .meta {
      display: inline; } }
  @media (max-width: 767px) {
    .item .item_header .meta {
      display: block; } }
  @media (min-width: 768px) {
    .item .item_header .meta_duration {
      margin-left: 23px;
      margin-left: 1.4375rem; } }
  @media (max-width: 1023px) {
    .item .item_header .meta_online_till {
      display: none; } }
  .item .broadcast_information .meta_online_till,
  .item .broadcast_information .meta_time {
    display: none; }
  .item .item_footer {
    color: gray; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .item .item_footer {
        padding: 0 10px 15px;
        padding: 0 0.625rem 0.9375rem; } }
    @media (min-width: 1024px) {
      .item .item_footer {
        position: absolute;
        bottom: 0;
        width: 175px;
        width: 10.9375rem;
        height: 20px;
        height: 1.25rem;
        padding: 0 8px;
        padding: 0 0.5rem; } }
    @media (min-width: 1024px) {
      .item .item_footer .meta {
        font-size: 12px;
        font-size: 0.75rem; } }
  .item .item_title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem; }
    @media (max-width: 1023px) {
      .item .item_title {
        margin-bottom: 4px;
        margin-bottom: 0.25rem; } }
  @media (min-width: 1024px) {
    .item .item_description {
      padding: 0 8px;
      padding: 0 0.5rem; } }

/* Allererstes Item-Element */
@media (min-width: 1024px) {
  .item:first-of-type {
    margin-left: 0; } }

/* Item-Elemente mit ungeraden "Nummern" */
@media (min-width: 768px) and (max-width: 1023px) {
  .item:nth-of-type(odd) {
    padding-right: 10px;
    padding-right: 0.625rem;
    clear: left; } }

/* Item-Elemente mit geraden "Nummern" */
/* Separate Styles für das erste Item-Konstrukt in Containern */
@media (min-width: 1024px) {
  .item.first {
    width: 394px;
    width: 24.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .item.first {
    width: auto;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; } }

.item.first .item_inner {
  padding: 0; }

.item.first .item_image,
.item.first .item_header {
  float: none;
  width: auto; }
  @media (max-width: 767px) {
    .item.first .item_image,
    .item.first .item_header {
      float: none;
      width: auto; } }

.item.first .item_image {
  margin: 0; }

@media (max-width: 1023px) {
  .item.first .item_header {
    padding: 3.75% 3.125% 0;
    /* parent width: 300px; (x * 100) / 300px = 10px; (x * 100) / 300px = 12px */ } }

@media (max-width: 767px) {
  .item.first .item_header .meta {
    display: inline; } }

.item.first .item_header .meta_duration {
  margin-left: 23px;
  margin-left: 1.4375rem; }

@media (max-width: 1023px) {
  .item.first .item_description {
    padding: 0 3.125% 0;
    /* parent width: 300px; (x * 100) / 300px = 10px; (x * 100) / 300px = 12px */ } }

@media (min-width: 1024px) {
  .item.first .item_footer {
    width: 378px;
    width: 23.625rem; } }

@media (max-width: 767px) {
  .item.first .item_footer {
    padding: 0 3.125% 3.75%;
    /* parent width: 300px; (x * 100) / 300px = 10px; (x * 100) / 300px = 12px */ } }

@media (max-width: 1023px) {
  .item.first .item_footer {
    padding: 0 3.125% 3.75%;
    /* parent width: 300px; (x * 100) / 300px = 10px; (x * 100) / 300px = 12px */ } }

/* Auf das .item.first folgende ungerade Items */
@media (min-width: 768px) and (max-width: 1023px) {
  .item.first ~ .item:nth-of-type(odd) {
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 0;
    clear: none; } }

/* Auf das .item.first folgende gerade Items */
@media (min-width: 768px) and (max-width: 1023px) {
  .item.first ~ .item:nth-of-type(even) {
    padding-right: 10px;
    padding-right: 0.625rem;
    padding-left: 0;
    clear: left; } }

/* Sonderregelung für Items, bei denen nur der Header angezeigt wird */
@media (min-width: 1024px) {
  .item_wrapper.only_header .item {
    height: 109px;
    height: 6.8125rem; } }

/* Jedes fünfte, neunte, dreizehnte, siebzehnte... Relevant für Item-Auflistungen auf den Seiten "Neuste Sendungen", "Meist gelesene Sendungen" und "Tipps" */
.item:nth-of-type(4n+1) {
  margin-left: 0;
  clear: left; }

/* Ausnahme für Darstellung in einspaltiger Ansicht in der Desktopansicht */
@media (min-width: 1024px) {
  .single_line_list_view {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 1024px) {
  .single_line_list_view .item {
    margin: 0;
    border: 0;
    height: auto;
    background-color: #2a3767; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; } }

@media (min-width: 768px) {
  .single_line_list_view .item {
    width: auto;
    float: none; } }

@media (min-width: 1024px) {
  .single_line_list_view .item .item_inner {
    margin: 0 11px 20px;
    margin: 0 0.6875rem 1.25rem;
    padding: 20px 0 0;
    padding: 1.25rem 0 0;
    border-top: 2px solid #a8a8a8; } }

@media (min-width: 1024px) {
  .single_line_list_view .item:first-of-type .item_inner {
    border-top: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item:nth-of-type(2n+1) {
    padding: 0; } }

@media (min-width: 1024px) {
  .single_line_list_view .item:nth-of-type(4n+1) {
    clear: none; } }

@media (min-width: 1024px) {
  .single_line_list_view .item_image {
    width: 138px;
    width: 8.625rem;
    margin-right: 10px;
    margin-right: 0.625rem;
    color: #fff;
    /* Damit man den Text des Alt-Attributs lesen kann */ } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item_image {
    width: 50%; } }

@media (min-width: 768px) {
  .single_line_list_view .item_image {
    float: left; } }

@media (min-width: 1024px) {
  .single_line_list_view .item .item_header {
    padding: 0;
    color: #fff;
    float: left;
    width: 231px;
    width: 14.4375rem;
    margin-right: 10px;
    margin-right: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item .item_header {
    width: 50%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    padding: 10px 10px 0;
    padding: 0.625rem 0.625rem 0; } }

@media (min-width: 1024px) {
  .single_line_list_view .item_title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem; } }

@media (min-width: 1024px) {
  .single_line_list_view .broadcast_information {
    color: #a8a8a8; } }

@media (min-width: 1024px) {
  .single_line_list_view .broadcast_information .meta_online_till {
    margin-top: 1em;
    display: block; } }

.single_line_list_view .broadcast_information .meta_time {
  display: inline; }

@media (min-width: 1024px) {
  .single_line_list_view .item .item_inner .item_description {
    clear: none;
    color: #fff; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item .item_inner .item_description {
    clear: right; } }

@media (min-width: 768px) {
  .single_line_list_view .item .item_inner .item_description {
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

@media (max-width: 767px) {
  .single_line_list_view .item .item_inner .item_description {
    padding: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .single_line_list_view .item .item_footer {
    width: 50%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 1024px) {
  .single_line_list_view .item .item_footer {
    display: none; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * embed code
 *
 *
 */
.embed_code {
  margin-left: 50%;
  padding: 12px;
  padding: 0.75rem; }
  @media (max-width: 1023px) {
    .embed_code {
      margin: 0;
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .embed_code .title {
      color: #fff; } }
  .embed_code .textarea {
    overflow: visible;
    height: 25px;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Transkripte
 *
 *
 */
.transliteration {
  background: #171717;
  margin-bottom: 50px; }
  .transliteration .page-title {
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    padding: 1rem 0.625rem; }
  @media (min-width: 1024px) {
    .transliteration .subheadline {
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      font-weight: 400; } }
  .transliteration .link-item {
    border-bottom: 1px solid #e3e3e3; }
  .transliteration .icon_align {
    position: relative;
    display: block;
    font-weight: 700;
    padding: 15px 30px;
    padding: 0.9375rem 1.875rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.875rem; }
  .transliteration .ico_play_right, .transliteration .mod_playlist .ico_play, .mod_playlist .transliteration .ico_play {
    font-size: 10px;
    font-size: 0.625rem;
    margin-top: -5px;
    margin-top: -0.3125rem;
    left: 10px;
    left: 0.625rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Base List
 *
 *
 */
.base_list {
  /* fix für safari */
  display: block;
  color: #001c61; }
  .base_list:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }

.base_list_item {
  border-bottom: 1px solid #e3e3e3;
  position: relative; }

.base_list_item_inner {
  display: block;
  padding: 18px 10px;
  padding: 1.125rem 0.625rem;
  text-decoration: none;
  cursor: pointer; }
  .base_list_item_inner.icon_align {
    padding-right: 30px;
    padding-right: 1.875rem; }
    .base_list_item_inner.icon_align .ico_arrow_right, .base_list_item_inner.icon_align .collapsed > .expand_selector > .ico_arrow,
    .base_list_item_inner.icon_align .ico_arrow_down,
    .base_list_item_inner.icon_align .expanded > .expand_selector > .ico_arrow {
      color: #e3e3e3;
      right: 10px;
      right: 0.625rem; }
  .base_list_item_inner:focus, .base_list_item_inner:active {
    background: #eef1f7;
    text-decoration: none; }

.base_list_item_headline {
  color: #001c61; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Icon-Ausrichtung
 *
 *
 */
.icon_align {
  position: relative; }
  .icon_align .ico {
    position: absolute;
    top: 50%; }
  .icon_align .ico_arrow,
  .icon_align .ico_arrow_right,
  .icon_align .collapsed > .expand_selector > .ico_arrow,
  .icon_align .ico_arrow_down,
  .icon_align .expanded > .expand_selector > .ico_arrow {
    height: 16px;
    height: 1rem;
    margin-top: -8px;
    margin-top: -0.5rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Favoritenstern
 *
 *
 */
.favstar {
  background: transparent none;
  border: 0 none;
  outline: none; }
  .favstar .ico_star {
    font-size: 18px;
    font-size: 1.125rem; }
    @media (max-width: 767px) {
      .favstar .ico_star {
        color: #001c61; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Service-Links (Mehr, versenden, abspielen...)
 *
 *
 */
.service_footer {
  clear: both;
  /* fix für safari */
  display: block;
  text-align: right; }
  .service_footer:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }
  .service_footer .icon_wrapper {
    position: relative; }
    @media (min-width: 1024px) {
      .service_footer .icon_wrapper {
        padding-left: 12px;
        padding-left: 0.75rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .service_footer .icon_wrapper {
        padding-right: 30px;
        padding-right: 1.875rem; } }
    @media (max-width: 767px) {
      .service_footer .icon_wrapper {
        padding-right: 20px;
        padding-right: 1.25rem; } }
    .service_footer .icon_wrapper.icon-wrapper-social {
      float: right;
      cursor: pointer; }
      .service_footer .icon_wrapper.icon-wrapper-social > .dummy_btn {
        float: left;
        margin: 0 2px 2px 2px; }

.service_link, .service_link_container {
  position: relative; }
  @media (min-width: 1024px) {
    .service_link, .service_link_container {
      color: #fff;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem;
      padding: 12px 0;
      padding: 0.75rem 0;
      /* Nicht im Design vorgesehen, aber wir müssen schließlich auch an Leute denken die ab 1024px Viewportbreite mit einem Touchgerät auf die Seite zugreifen */
      display: inline-block; } }
  @media (max-width: 1023px) {
    .service_link, .service_link_container {
      display: block;
      color: #001c61;
      line-height: 17px;
      line-height: 1.0625rem;
      padding: 21px 30px 21px 10px;
      padding: 1.3125rem 1.875rem 1.3125rem 0.625rem;
      font-weight: bold; } }
  @media (min-width: 1024px) {
    .service_link .ico_arrow_right, .service_link .collapsed > .expand_selector > .ico_arrow, .service_link_container .ico_arrow_right, .service_link_container .collapsed > .expand_selector > .ico_arrow {
      display: none;
      /* Pfeil-Icons sollen in der Desktop-Ansicht nicht eingeblendet sein */ } }
  @media (max-width: 1023px) {
    .service_link .ico_arrow_right, .service_link .collapsed > .expand_selector > .ico_arrow, .service_link_container .ico_arrow_right, .service_link_container .collapsed > .expand_selector > .ico_arrow {
      font-size: 12px;
      font-size: 0.75rem;
      position: absolute;
      top: 50%;
      right: 10px;
      right: 0.625rem;
      width: 12px;
      width: 0.75rem;
      height: 12px;
      height: 0.75rem;
      margin-top: -6px;
      margin-top: -0.375rem; } }

.service_link_container.service_link_to_trigger {
  display: none; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Region Main
 *
 */
@media (min-width: 1024px) {
  .region_main {
    margin-bottom: 30px;
    margin-bottom: 1.875rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Header/ Footer
 *
 * @section region_header
 * @section region_footer
 */
@media (min-width: 1024px) {
  .region_header {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

.region_header,
.region_footer {
  position: relative; }
  @media (max-width: 1023px) {
    .region_header,
    .region_footer {
      background-color: #001c61; } }
  @media (max-width: 767px) {
    .region_header,
    .region_footer {
      background: #001c61; } }
  .region_header a,
  .region_footer a {
    color: #fff; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Footer
 *
 * @section region_footer
 */
.region_footer {
  clear: both; }
  @media (min-width: 1024px) {
    .region_footer {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 18px;
      line-height: 1.125rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .region_footer {
      padding: 15px 15px 5px;
      padding: 0.9375rem 0.9375rem 0.3125rem;
      border-top: 1px solid #334981; } }
  @media (max-width: 767px) {
    .region_footer {
      padding: 16px 10px;
      padding: 1rem 0.625rem; } }
  .region_footer .jump_top {
    position: absolute;
    width: 15px;
    width: 0.9375rem;
    height: 16px;
    height: 1rem; }
    @media (min-width: 1024px) {
      .region_footer .jump_top {
        top: 3px;
        top: 0.1875rem;
        right: 0; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .region_footer .jump_top {
        right: 15px;
        right: 0.9375rem;
        bottom: 22px;
        bottom: 1.375rem; } }
    @media (max-width: 767px) {
      .region_footer .jump_top {
        right: 10px;
        right: 0.625rem;
        bottom: 20px;
        bottom: 1.25rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Secondary Nav
 *
 * @section secondary_nav
 */
@media (min-width: 1024px) {
  .secondary_nav {
    /* fix für safari */
    display: block;
    margin-right: 20px;
    margin-right: 1.25rem;
    /* Damit die Sprungmarke zum Seitenanfang nicht überlagert wird */ }
    .secondary_nav:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .secondary_nav .home {
    float: left;
    margin: -2px 8px 0 0;
    margin: -0.125rem 0.5rem 0 0;
    /* Achtung, margin-top ist eine magic number */ } }

@media (max-width: 1023px) {
  .secondary_nav .home {
    display: inline-block;
    margin-bottom: 13px;
    margin-bottom: 0.8125rem;
    /* genau so groß wie der Abstand der li-Elemente in der darunterliegenden Navigation */ } }

@media (min-width: 1024px) {
  .secondary_nav ul {
    float: left; } }

@media (min-width: 768px) {
  .secondary_nav ul {
    /* fix für safari */
    display: block; }
    .secondary_nav ul:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

.secondary_nav li {
  margin-bottom: 13px;
  margin-bottom: 0.8125rem; }
  @media (min-width: 1024px) {
    .secondary_nav li {
      float: left;
      margin: 0 8px;
      margin: 0 0.5rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .secondary_nav li {
      width: 50%; }
      .secondary_nav li:nth-child(odd) {
        float: left; }
      .secondary_nav li:nth-child(even) {
        float: right; } }
  @media (max-width: 767px) {
    .secondary_nav li:last-child {
      margin-bottom: 0; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * External Nav
 *
 * @section external_nav
 */
@media (min-width: 1024px) {
  .external_nav {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; } }

@media (max-width: 1023px) {
  .external_nav {
    background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 17px;
    line-height: 1.0625rem; } }

@media (min-width: 1024px) {
  .external_nav_headline {
    display: none; } }

@media (max-width: 1023px) {
  .external_nav_headline {
    color: #fff;
    line-height: 18px;
    line-height: 1.125rem;
    border-bottom: 1px solid transparent; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .external_nav_headline {
    padding: 15px 35px 15px 15px;
    padding: 0.9375rem 2.1875rem 0.9375rem 0.9375rem;
    /* größeres padding-right um zu gewährleisten das der Pfeil nicht von Text überlagert wird */ } }

@media (max-width: 767px) {
  .external_nav_headline {
    padding: 15px 30px 15px 10px;
    padding: 0.9375rem 1.875rem 0.9375rem 0.625rem;
    /* größeres padding-right um zu gewährleisten das der Pfeil nicht von Text überlagert wird */ } }

.external_nav_headline.control_element {
  background: none; }

.external_nav.expanded .external_nav_headline {
  border-bottom: 1px solid #697ab0; }

@media (min-width: 1024px) {
  .external_nav_list {
    background-color: #2a3767;
    text-align: center;
    /* fix für safari */
    display: block; }
    .external_nav_list:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (max-width: 1023px) {
  .external_nav_list {
    /* fix für safari */
    display: block;
    padding: 10px;
    padding: 0.625rem; }
    .external_nav_list:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .external_nav_item {
    float: left;
    text-align: center; } }

@media (max-width: 1023px) {
  .external_nav_item {
    width: 50%; } }

@media (max-width: 1023px) {
  .external_nav_item:nth-child(odd) {
    float: left; } }

@media (max-width: 1023px) {
  .external_nav_item:nth-child(even) {
    float: right; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_tv {
    width: 97px;
    width: 6.0625rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_tvthek {
    width: 72px;
    width: 4.5rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_radio {
    width: 66px;
    width: 4.125rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_debate {
    width: 76px;
    width: 4.75rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_austria {
    width: 89px;
    width: 5.5625rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_weather {
    width: 67px;
    width: 4.1875rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_insider {
    width: 65px;
    width: 4.0625rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_sports {
    width: 57px;
    width: 3.5625rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_news {
    width: 62px;
    width: 3.875rem; } }

@media (min-width: 1024px) {
  .external_nav_item.external_nav_overview {
    width: 149px;
    width: 9.3125rem; } }

.external_nav_link {
  display: block;
  text-decoration: none; }
  @media (min-width: 1024px) {
    .external_nav_link {
      height: 26px;
      height: 1.625rem;
      line-height: 26px;
      line-height: 1.625rem; } }
  @media (max-width: 1023px) {
    .external_nav_link {
      padding: 8px 5px;
      padding: 0.5rem 0.3125rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .external_nav_link {
      font-size: 16px;
      font-size: 1rem;
      line-height: 21px;
      line-height: 1.3125rem; } }
  @media (min-width: 1024px) {
    .external_nav_link:focus, .external_nav_link:active {
      color: #a8a8a8; } }
  @media (max-width: 1023px) {
    .external_nav_link:focus, .external_nav_link:active {
      background: #697ab0; } }

@media (min-width: 1024px) {
  .external_nav_item.active .external_nav_link {
    color: #a8a8a8; } }

@media (max-width: 1023px) {
  .external_nav_item.active .external_nav_link {
    background: #697ab0; } }

.no-touch .external_nav_link:hover {
  color: #a8a8a8; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Internal/ Primary Nav
 *
 * @section primary_nav
 */
@media (min-width: 1024px) {
  .internal_nav {
    /* fix für safari */
    display: block; }
    .internal_nav:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .internal_nav .nav_primary {
    width: 598px;
    width: 37.375rem;
    height: 20px;
    height: 1.25rem;
    background-color: #fff;
    overflow: hidden;
    float: left; } }

@media (max-width: 1023px) {
  .internal_nav .nav_primary {
    /* fix für safari */
    display: block; }
    .internal_nav .nav_primary:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .internal_nav li {
    text-align: center;
    float: left;
    height: 20px;
    height: 1.25rem;
    overflow: hidden; } }

@media (max-width: 1023px) {
  .internal_nav li {
    border-top: 1px solid #4a5d97; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .internal_nav li {
    width: 49%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .internal_nav li:nth-child(odd) {
    float: left; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .internal_nav li:nth-child(even) {
    float: right; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_home {
    width: 111px;
    width: 6.9375rem; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_profiles {
    width: 108px;
    width: 6.75rem; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_topics {
    width: 80px;
    width: 5rem; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_live {
    width: 53px;
    width: 3.3125rem; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_schedule {
    width: 163px;
    width: 10.1875rem; } }

@media (min-width: 1024px) {
  .internal_nav li.internal_nav_archive {
    width: 83px;
    width: 5.1875rem; } }

.internal_nav .internal_nav_link {
  display: block;
  text-transform: uppercase;
  text-decoration: none; }
  @media (min-width: 1024px) {
    .internal_nav .internal_nav_link {
      height: 20px;
      height: 1.25rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      color: #a8a8a8;
      font-weight: bold;
      letter-spacing: -.03em;
      overflow: hidden; } }
  @media (max-width: 1023px) {
    .internal_nav .internal_nav_link {
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px;
      line-height: 1.125rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .internal_nav .internal_nav_link {
      padding: 20px 15px;
      padding: 1.25rem 0.9375rem; } }
  @media (max-width: 767px) {
    .internal_nav .internal_nav_link {
      padding: 20px 10px;
      padding: 1.25rem 0.625rem;
      background: #001c61; } }

@media (min-width: 1024px) {
  .internal_nav .internal_nav_link:focus,
  .internal_nav .internal_nav_link:active,
  .internal_nav .active a {
    color: #001c61; } }

@media (max-width: 1023px) {
  .internal_nav .internal_nav_link:focus,
  .internal_nav .internal_nav_link:active,
  .internal_nav .active a {
    background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
    background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%); } }

/* Ansonsten sind die  */
.ie9 .internal_nav_link {
  display: inline; }

@media (min-width: 1024px) {
  .no-touch .internal_nav_link:hover,
  .no-touch .internal_nav_link:focus {
    color: #001c61; } }

@media (max-width: 1023px) {
  .no-touch .internal_nav_link:hover,
  .no-touch .internal_nav_link:focus {
    text-decoration: underline; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Search
 *
 * @section global_search
 */
@media (min-width: 1024px) {
  #global_search {
    float: right;
    width: 191px;
    width: 11.9375rem; } }

@media (max-width: 1023px) {
  #global_search {
    -webkit-box-shadow: 1px solid #334981;
    box-shadow: 1px solid #334981; } }

@media (min-width: 768px) and (max-width: 1023px) {
  #global_search {
    padding: 20px 15px;
    padding: 1.25rem 0.9375rem; } }

@media (max-width: 767px) {
  #global_search {
    padding: 10px;
    padding: 0.625rem; } }

@media (min-width: 1024px) {
  #global_search .search_input {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 162px;
    width: 10.125rem;
    height: 12px;
    height: 0.75rem;
    padding: 3px 24px 3px 3px;
    padding: 0.1875rem 1.5rem 0.1875rem 0.1875rem;
    /* Damit der Suchbutton nicht überlagert wird, vergeben wir ein größeres padding-right */
    border: 1px solid #828282; } }

@media (max-width: 1023px) {
  #global_search .search_input {
    padding-right: 26px;
    padding-right: 1.625rem; } }

#global_search .search_submit {
  position: absolute;
  right: 6px;
  right: 0.375rem;
  width: 19px;
  width: 1.1875rem;
  height: 19px;
  height: 1.1875rem;
  border: 0 none;
  background-color: transparent;
  overflow: hidden; }
  @media (min-width: 1024px) {
    #global_search .search_submit {
      top: 2px;
      top: 0.125rem; } }
  @media (max-width: 1023px) {
    #global_search .search_submit {
      top: 10px;
      top: 0.625rem; } }

.ie9 #global_search .search_input {
  height: 14px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Quickaccess
 *
 * @section quick_access
 */
.quick_access {
  position: relative; }
  @media (min-width: 1024px) {
    .quick_access {
      margin-bottom: 15px;
      margin-bottom: 0.9375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .quick_access {
      padding: 20px 15px;
      padding: 1.25rem 0.9375rem; } }
  @media (min-width: 768px) {
    .quick_access {
      /* fix für safari */
      display: block;
      min-height: 50px;
      min-height: 3.125rem; }
      .quick_access:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; } }
  @media (max-width: 767px) {
    .quick_access {
      padding: 12px 10px;
      padding: 0.75rem 0.625rem; } }

.logo {
  display: inline-block; }
  .logo a {
    display: block;
    background: transparent url(../img/appicons/logo_orf_header.png) no-repeat left top scroll;
    background-size: 100% auto; }
    @media (min-width: 1024px) {
      .logo a {
        width: 175px;
        width: 10.9375rem;
        height: 30px;
        height: 1.875rem; } }
    @media (max-width: 1023px) {
      .logo a {
        width: 128px;
        width: 8rem;
        height: 21px;
        height: 1.3125rem;
        background-size: 128px 21px !important;
        /* !important ist wichtig; ansonsten überschreibt die Einbindung der Archiv-Version des Logos die background-size */ } }

@media (min-width: 768px) {
  .has_recommendation .logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

.is-uhd {
  display: inline-block;
  height: 16px;
  width: 24px;
  position: relative;
  top: 1px; }
  .is-uhd.is-live {
    background: url("./../../img/uhd-logos/live.png") no-repeat center center;
    background-size: contain; }
  .is-uhd.is-upcoming {
    background: url("./../../img/uhd-logos/upcoming.png") no-repeat center center;
    background-size: contain; }
  .is-uhd.is-on-demand {
    background: url("./../../img/uhd-logos/ondemand.png") no-repeat center center;
    background-size: contain; }

.toggle_nav:focus, .toggle_nav:active {
  background: #fff;
  color: #e1001a; }

@media (min-width: 1024px) {
  .toggle_nav {
    display: none; } }

@media (max-width: 1023px) {
  .toggle_nav {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-top: -0.9375rem;
    color: #fff;
    background: #e1001a;
    width: 30px;
    width: 1.875rem;
    height: 30px;
    height: 1.875rem;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    cursor: pointer; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .toggle_nav {
    right: 15px;
    right: 0.9375rem; } }

@media (max-width: 767px) {
  .toggle_nav {
    right: 10px;
    right: 0.625rem; } }

@media (max-width: 767px) {
  .quick_access.has_recommendation .mod_recommendation {
    display: none; } }

.region_header .ico_toggle_menu {
  line-height: 30px !important;
  line-height: 1.875rem !important;
  /* !important, weil wir die line-height aus dem webfont.scss überschreiben müssen */ }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Themenbeschreibung
 *
 *
 */
@media (min-width: 1024px) {
  .topic_description {
    color: #fff;
    padding: 10px;
    padding: 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #2a3767; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .topic_description {
    color: #fff; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .topic_description {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; } }

@media (max-width: 767px) {
  .topic_description {
    padding: 18px 10px;
    padding: 1.125rem 0.625rem; } }

.topic_description > *:last-child {
  margin-bottom: 0; }

/* Styles für die Themenbeschreibung, die auf eine Subheadline folgt */
@media (min-width: 1024px) {
  .subheadline + .topic_description {
    margin: 10px 0 20px;
    margin: 0.625rem 0 1.25rem;
    padding-top: 10px;
    padding-top: 0.625rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Kontroll-Elemente
 *
 *
 */
.control_element {
  background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  cursor: pointer; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Expander
 *
 *
 */
.expand_selector {
  cursor: pointer; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .expand_selector.icon_align {
      padding-right: 35px;
      padding-right: 2.1875rem; } }
  @media (max-width: 767px) {
    .expand_selector.icon_align {
      padding-right: 30px;
      padding-right: 1.875rem; } }
  @media (min-width: 1024px) {
    .expand_selector .ico {
      right: 10px;
      right: 0.625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .expand_selector .ico {
      right: 15px;
      right: 0.9375rem; } }
  @media (max-width: 767px) {
    .expand_selector .ico {
      right: 10px;
      right: 0.625rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Status Livestream
 *
 *
 */
.state {
  position: absolute;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  border-radius: 100%; }
  @media (min-width: 1024px) {
    .state {
      right: 5px;
      right: 0.3125rem; } }
  @media (max-width: 1023px) {
    .state {
      right: 10px;
      right: 0.625rem; } }
  @media (max-width: 767px) {
    .state {
      top: 50%;
      margin-top: -7px;
      margin-top: -0.4375rem; } }
  @media (min-width: 1024px) {
    .state.offline {
      background-color: #a8a8a8; } }
  @media (max-width: 1023px) {
    .state.offline {
      background-color: #808080; } }
  .state.online {
    background-color: #e1001a; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Status Restart
 *
 *
 */
.is_restartable, .is_special, .is_uhd {
  position: absolute;
  left: 87px;
  width: 60px;
  height: 16px;
  background-size: contain; }
  @media (max-width: 1023px) {
    .is_restartable, .is_special, .is_uhd {
      left: 101px; } }
  .is_restartable.today, .is_special.today, .is_uhd.today {
    left: 68px; }
    @media (max-width: 1023px) {
      .is_restartable.today, .is_special.today, .is_uhd.today {
        left: 78px; } }

.is_restartable.offline {
  background-image: url("../img/appicons/restart_offline.svg"); }

.is_restartable.online {
  background-image: url("../img/bgs/restart_online.svg"); }

.is_special.offline {
  background-image: url("../img/appicons/live_special_offline.jpg"); }

.is_special.online {
  background-image: url("../img/appicons/live_special_online.jpg"); }

.is_uhd.offline {
  background-image: url("../img/appicons/live_uhd_offline.png"); }

.is_uhd.online {
  background-image: url("../img/appicons/live_uhd_online.png"); }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Statische Inhalte
 *
 *
 */
.static {
  padding: 10px 0;
  padding: 0.625rem 0;
  color: #fff;
  /* fix für safari */
  display: block; }
  .static:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }

@media (min-width: 1024px) {
  .text {
    color: #fff;
    font-size: 1rem;
    line-height: 1.4; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .text {
    padding: 0 15px;
    padding: 0 0.9375rem; } }

@media (max-width: 767px) {
  .text {
    padding: 0 10px;
    padding: 0 0.625rem; } }

.text h3 {
  margin: 0 0 10px;
  margin: 0 0 0.625rem; }

.text ul {
  list-style-type: disc;
  padding-left: 20px;
  padding-left: 1.25rem; }
  .text ul li {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; }

.text > *:last-child {
  margin-bottom: 0; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Error Msg
 *
 *
 */
@media (min-width: 1024px) {
  h2.error_message {
    border-bottom: 1px solid #001c61;
    margin-bottom: 0; } }

@media (min-width: 1024px) {
  .error_message {
    background-color: #fff;
    color: #001c61;
    padding: 10px;
    padding: 0.625rem; } }

@media (min-width: 1024px) {
  .error_message .text {
    color: #001c61; } }

.b-advanced-search {
  width: 100%;
  overflow: hidden;
  text-align: right;
  position: relative; }
  .b-advanced-search .extend-button {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 5px; }
    .b-advanced-search .extend-button:after {
      border-top: 5px solid #f8ff00;
      content: '';
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      position: absolute;
      top: 7px;
      right: 5px; }
    .b-advanced-search .extend-button.arrow-down::after {
      transform: rotate(0); }
    .b-advanced-search .extend-button.arrow-up::after {
      transform: rotate(180deg); }
  .b-advanced-search .headline-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
    .b-advanced-search .headline-wrapper .search-filter-headline {
      font-size: 20px;
      line-height: 28px; }
  .b-advanced-search .extend-container {
    transition: height 0.3s ease-in-out; }
    @media screen and (min-width: 1024px) {
      .b-advanced-search .extend-container {
        height: 150px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
    .lt-ie9 .b-advanced-search .extend-container {
      height: 150px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-advanced-search .extend-container {
        height: 150px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
    @media screen and (max-width: 640px) {
      .b-advanced-search .extend-container {
        padding-bottom: 12px; } }
    .b-advanced-search .extend-container.hidden {
      height: 0;
      padding-bottom: 0; }
  .b-advanced-search .advanced-search-item .checkbox-text {
    font-size: 14px;
    text-align: left; }
  .b-advanced-search .b-loading-results {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #A9A9A9; }
  @media screen and (max-width: 640px) {
    .b-advanced-search .advanced-search-list {
      margin: 8px 0 15px;
      border-bottom: 1px solid #fff;
      padding: 0 0 0 15px; } }

.b-archive-category {
  background: linear-gradient(to right, #171717, #393939, #171717);
  padding: 10px 0px;
  margin-bottom: 40px; }
  .b-archive-category .archive-list {
    display: flex;
    flex-flow: row wrap; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-archive-category .archive-list .archive-list-item {
        width: 208px;
        margin: 5px; }
      .b-archive-category .archive-list:after {
        content: "";
        width: 208px;
        flex-shrink: 0;
        flex-grow: 1;
        margin: 5px; } }
    @media screen and (min-width: 1024px) {
      .b-archive-category .archive-list .archive-list-item {
        width: 208px;
        margin: 5px; }
      .b-archive-category .archive-list:after {
        content: "";
        width: 208px;
        flex-shrink: 0;
        flex-grow: 1;
        margin: 5px; } }
    .lt-ie9 .b-archive-category .archive-list .archive-list-item {
      width: 208px;
      margin: 5px; }
    .lt-ie9 .b-archive-category .archive-list:after {
      content: "";
      width: 208px;
      flex-shrink: 0;
      flex-grow: 1;
      margin: 5px; }
    @media screen and (max-width: 640px) {
      .b-archive-category .archive-list {
        justify-content: space-between; }
        .b-archive-category .archive-list .archive-list-item {
          width: 50%; } }

.b-archive-item {
  margin-bottom: 38px; }
  .b-archive-item:hover .teaser-img {
    border: 1px #f8ff00 solid; }
  .b-archive-item .ratio-box {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 56.25%; }
  .b-archive-item .teaser-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px transparent solid; }
    .b-archive-item .teaser-img img {
      width: 100%; }
  .b-archive-item .text-container {
    max-height: 80px;
    overflow: hidden; }
  .b-archive-item .info-container {
    max-height: 60px;
    overflow: hidden; }
  .b-archive-item .img-container {
    overflow: hidden; }
  .b-archive-item .teaser-title {
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #fff; }
  .b-archive-item .topic-video-count {
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #cbcbcb; }
  .b-archive-item .sub-headline {
    margin-bottom: 2px;
    font-family: "ORF ON TF", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #cbcbcb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.arrow {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 61px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transform: translateY(-50%); }
  @media screen and (max-width: 640px) {
    .arrow {
      width: 23px;
      height: 50px; } }
  .arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 11px;
    height: 24px;
    transform: translate(-50%, -50%); }
  .arrow:hover {
    background-color: rgba(248, 255, 0, 0.7); }
  .arrow.left {
    left: 0; }
    .arrow.left::after {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2224%22%20viewBox%3D%220%200%2011%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2012L5.256%200h4.86L6.843%2012l3.273%2012h-4.86z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      left: 12px; }
  .arrow.right {
    right: 0; }
    .arrow.right::after {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2224%22%20viewBox%3D%220%200%2011%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.116%2012L4.86%200H0l3.273%2012L0%2024h4.86z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }
  .arrow:disabled {
    opacity: 0;
    cursor: default; }
  .b-player-segments .arrow {
    top: 13px;
    transform: none;
    width: 23px;
    height: 50px; }

.b-autoplay-disabled .warning-container {
  position: absolute;
  top: 0;
  right: 0;
  background: black;
  color: white;
  width: 320px;
  height: auto;
  padding: 10px;
  border: 3px solid white;
  z-index: 3; }
  .b-autoplay-disabled .warning-container .active-button-wrapper {
    display: flex; }
    .b-autoplay-disabled .warning-container .active-button-wrapper .activate-button {
      background: #f8ff00;
      color: black;
      padding: 5px;
      margin: 10px auto 5px;
      display: inline-block;
      cursor: pointer; }
  .b-autoplay-disabled .warning-container .warning-message {
    width: 90%;
    -moz-hyphens: auto;
    hyphens: auto; }
  .b-autoplay-disabled .warning-container .close-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 15px;
    height: 15px;
    background-size: cover;
    filter: brightness(10); }
    .b-autoplay-disabled .warning-container .close-icon:hover {
      cursor: pointer; }

.b-autoplay-disabled .toggle-play-button {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M-1-1h302v302H-1z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M94.677%2075.926v148.148L232.948%20150z%22%2F%3E%3Cpath%20d%3D%22M149%2016.667C75.362%2016.667%2015.667%2076.362%2015.667%20150S75.362%20283.333%20149%20283.333%20282.333%20223.638%20282.333%20150%20222.638%2016.667%20149%2016.667zm0%2012.966c66.477%200%20120.367%2053.89%20120.367%20120.367S215.477%20270.367%20149%20270.367%2028.633%20216.477%2028.633%20150%2082.523%2029.633%20149%2029.633z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover; }
  .b-autoplay-disabled .toggle-play-button:hover {
    cursor: pointer; }

.b-autoplay-disabled .background {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  position: absolute; }

@media (max-width: 320px) {
  .warning-container {
    width: 100px !important;
    height: 140px !important;
    font-size: 0.4em; } }

@media (min-width: 321px) and (max-width: 640px) {
  .warning-container {
    width: 130px !important;
    height: 150px !important;
    font-size: 0.6em; } }

@media (min-width: 641px) and (max-width: 768px) {
  .warning-container {
    width: 250px !important;
    height: 150px !important;
    font-size: 1em; } }

.b-banner {
  margin-bottom: 60px;
  padding-top: 10px;
  width: 100%; }
  @media screen and (max-width: 640px) {
    .b-banner {
      display: none; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-banner {
      display: none; } }

.b-checkbox {
  display: flex;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 22px;
  cursor: pointer;
  user-select: none; }
  .b-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .b-checkbox .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #eee;
    transform: translateY(-50%); }
  .b-checkbox:hover input ~ .checkmark {
    background-color: #ccc; }
  .b-checkbox input:checked ~ .checkmark:after {
    display: block; }
  .b-checkbox.is-yellow input:focus ~ .checkmark,
  .b-checkbox.is-yellow:focus input ~ .checkmark {
    outline: -webkit-focus-ring-color auto 5px; }
  .b-checkbox.is-yellow:hover input ~ .checkmark {
    border-color: #f8ff00; }
  .b-checkbox.is-yellow input:checked ~ .checkmark {
    background-color: #f8ff00;
    border: none; }
  .b-checkbox.is-yellow input ~ .checkmark {
    background-color: transparent;
    border: 1px solid; }
  .b-checkbox.is-white input:checked ~ .checkmark {
    background-color: white; }

/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 18px; }
  .choices:last-child {
    margin-bottom: 0; }
  .choices.is-disabled .choices__inner,
  .choices.is-disabled .choices__input {
    background-color: #EAEAEA;
    cursor: not-allowed;
    user-select: none; }
  .choices.is-disabled .choices__item {
    cursor: not-allowed; }

.choices[data-type*="select-one"] {
  cursor: pointer; }
  .choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px; }
  .choices[data-type*="select-one"] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #808080;
    background-color: #FFFFFF;
    margin: 0; }
  .choices[data-type*="select-one"] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 10px;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5; }
    .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
      opacity: 1; }
    .choices[data-type*="select-one"] .choices__button:focus {
      box-shadow: 0px 0px 0px 2px #f8ff00; }
  .choices[data-type*="select-one"]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #f8ff00 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none; }
  .choices[data-type*="select-one"].is-open:after {
    border-color: transparent transparent #f8ff00 transparent;
    margin-top: -7.5px; }
  .choices[data-type*="select-one"][dir="rtl"]:after {
    left: 11.5px;
    right: auto; }
  .choices[data-type*="select-one"][dir="rtl"] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0; }

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
  cursor: text; }

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #c6cc00;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0; }
  .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus,
  .choices[data-type*="text"] .choices__button:hover,
  .choices[data-type*="text"] .choices__button:focus {
    opacity: 1; }

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #171717;
  border: 1px solid #808080;
  font-size: 18px;
  height: 32px;
  overflow: hidden; }
  .is-focused .choices__inner,
  .is-open .choices__inner {
    border-color: #5a5a5a; }

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none; }

.choices__list--single {
  display: inline-block;
  padding: 0 16px 0 10px;
  width: 100%; }
  [dir="rtl"] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px; }
  .choices__list--single .choices__item {
    width: 100%; }

.choices__list--multiple {
  display: inline; }
  .choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #f8ff00;
    border: 1px solid #dfe600;
    color: #FFFFFF;
    word-break: break-all; }
    .choices__list--multiple .choices__item[data-deletable] {
      padding-right: 5px; }
    [dir="rtl"] .choices__list--multiple .choices__item {
      margin-right: 0;
      margin-left: 3.75px; }
    .choices__list--multiple .choices__item.is-highlighted {
      color: #f8ff00; }

.choices__list--dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #171717;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  word-break: break-all; }
  .choices__list--dropdown.is-active {
    display: block; }
  .is-open .choices__list--dropdown {
    border-color: #5a5a5a; }
  .is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0; }
  .choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position; }
  .choices__list--dropdown .choices__item {
    position: relative;
    height: 32px;
    padding: 5px 0 5px 10px;
    font-size: 18px; }
    [dir="rtl"] .choices__list--dropdown .choices__item {
      text-align: right; }
  @media (min-width: 640px) {
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
      text-align: right;
      padding-right: 10px; }
      [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px; } }
  .choices__list--dropdown .choices__item--selectable.is-highlighted {
    color: #f8ff00; }
    .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
      opacity: .5; }

.choices__item {
  cursor: default; }

.choices__item--selectable {
  cursor: pointer; }

.choices__item--disabled {
  cursor: not-allowed;
  user-select: none;
  opacity: .5; }

.choices__heading {
  font-weight: 600;
  font-size: 18px;
  padding: 10px;
  border-bottom: 1px solid #9a9999;
  color: #807f7f; }

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #171717;
  font-size: 18px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px; }
  [dir="rtl"] .choices__input {
    padding-right: 2px;
    padding-left: 0; }

.choices__placeholder {
  opacity: .5;
  font-size: 18px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .choices__placeholder {
      font-size: 15.3px; } }

.choices__input.is-hidden,
.choices[data-type*="select-one"] .choices__input.is-hidden,
.choices[data-type*="select-multiple"] .choices__input.is-hidden {
  display: none; }

/*=====  End of Choices  ======*/
.b-dsgvo-banner {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  width: 874px;
  background-color: rgba(6, 64, 110, 0.95);
  color: white;
  font-size: 15px;
  line-height: 1.4em;
  padding: 30px;
  z-index: 200;
  font-family: "ORF ON", Arial, Helvetica, sans-serif; }
  @media screen and (min-width: 1920px) {
    .b-dsgvo-banner {
      left: 130px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .b-dsgvo-banner {
      left: 85px; } }
  @media screen and (min-width: 1366px) and (max-width: 1439px) {
    .b-dsgvo-banner {
      left: 48px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .b-dsgvo-banner {
      left: 25px; } }
  @media screen and (max-width: 640px) {
    .b-dsgvo-banner {
      width: 100%; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-dsgvo-banner {
      width: 100%; } }
  @media all and (max-width: 420px) {
    .b-dsgvo-banner {
      font-size: 0.85em;
      padding: 10px; } }
  .b-dsgvo-banner h3 {
    margin: 1em 0;
    margin-bottom: 20px;
    font-weight: 500; }
  .b-dsgvo-banner a {
    color: white;
    text-decoration: underline; }
  .b-dsgvo-banner > p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto; }
  .b-dsgvo-banner .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px; }
  .b-dsgvo-banner .dsgvo-btn {
    margin: 0 0 0 auto;
    background-color: #06a318;
    color: #fff;
    font-size: 1em;
    max-width: 50%; }
    @media screen and (max-width: 640px) {
      .b-dsgvo-banner .dsgvo-btn {
        font-size: 0.85em;
        padding: 0 8px; } }
    @media all and (max-width: 420px) {
      .b-dsgvo-banner .dsgvo-btn {
        padding: 0 5px;
        max-width: 164px; } }
    .b-dsgvo-banner .dsgvo-btn img {
      display: inline-block;
      max-width: 16px;
      top: -2px;
      position: relative; }
    .b-dsgvo-banner .dsgvo-btn.left {
      float: left;
      margin: 0; }
    .b-dsgvo-banner .dsgvo-btn.js-save-btn {
      float: right;
      margin: 0 0 0 auto; }
  .b-dsgvo-banner .dsgvo-options {
    display: flex;
    margin-top: 15px;
    padding: 10px;
    background-color: #5286c1;
    flex-direction: row; }
    @media (max-width: 767px) {
      .b-dsgvo-banner .dsgvo-options {
        flex-direction: column; } }
  .b-dsgvo-banner .column {
    min-width: 200px; }
    .b-dsgvo-banner .column span.oon-ds-option {
      font-weight: 500; }
    .b-dsgvo-banner .column p {
      margin: 0 0 5px 23px;
      font-size: 14px; }

.b-favorite-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -4px;
  left: calc(50% + 2px);
  background-size: 19px 18px;
  background-position: center;
  cursor: pointer;
  z-index: 1;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20d%3D%22M9.5%2016.513l7.56-8.009c1.792-1.884%201.807-4.74.013-6.576-1.817-1.782-4.77-1.782-6.564-.013L9.5%202.982l-.363-.384-.641-.678c-.841-.864-2-1.306-3.276-1.306-1.29%200-2.437.435-3.285%201.307C.133%203.764.148%206.62%201.94%208.505l7.56%208.008z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat; }
  .b-favorite-icon.is-active {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20stroke%3D%22%23FFF%22%20d%3D%22M9.5%2016.513l7.56-8.009c1.792-1.884%201.807-4.74.013-6.576-1.817-1.782-4.77-1.782-6.564-.013L9.5%202.982l-.363-.384-.641-.678c-.841-.864-2-1.306-3.276-1.306-1.29%200-2.437.435-3.285%201.307C.133%203.764.148%206.62%201.94%208.505l7.56%208.008z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; }
    .b-favorite-icon.is-active:hover {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23f8ff00%22%20stroke%3D%22%23f8ff00%22%20d%3D%22M9.5%2016.5l7.6-8c1.8-1.9%201.8-4.7%200-6.6-1.8-1.8-4.8-1.8-6.6%200L9.5%203l-.4-.4-.6-.7C7.7%201%206.5.6%205.2.6%203.9.6%202.8%201%201.9%201.9.1%203.7.1%206.6%201.9%208.5l7.6%208z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }
  .b-favorite-icon:hover {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23F8FF00%22%20d%3D%22M9.5%2016.513l7.56-8.009c1.792-1.884%201.807-4.74.013-6.576-1.817-1.782-4.77-1.782-6.564-.013L9.5%202.982l-.363-.384-.641-.678c-.841-.864-2-1.306-3.276-1.306-1.29%200-2.437.435-3.285%201.307C.133%203.764.148%206.62%201.94%208.505l7.56%208.008z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; }

@media screen and (max-width: 640px) {
  .b-favorites {
    padding: 0; }
    .b-favorites.b-list-container {
      border-top: 0; }
    .b-favorites .page-title {
      padding: 0;
      position: relative;
      z-index: 1; } }

@media screen and (max-width: 640px) {
  .b-favorites .b-teasers-list {
    z-index: 1;
    border-top: 0;
    border-bottom: 0; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-favorites .b-teasers-list {
    z-index: 1;
    border-top: 0;
    border-bottom: 0; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-favorites.b-list-container {
    border-top: 0; }
  .b-favorites .page-title {
    padding: 0 0 30px;
    margin: 0;
    position: relative;
    z-index: 1;
    background: #171717; } }

.b-favorites .introduction-text {
  background-color: #171717;
  border-left: 8px solid #171717;
  border-right: 8px solid #171717;
  line-height: 21px; }
  @media screen and (max-width: 640px) {
    .b-favorites .introduction-text {
      width: 100%;
      padding: 0 8px 30px;
      border: 0;
      position: relative;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-favorites .introduction-text {
      width: 100%;
      padding: 0 8px 30px;
      border: 0;
      position: relative;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-favorites .introduction-text {
      padding: 0 30% 30px 0; } }
  @media screen and (min-width: 1024px) {
    .b-favorites .introduction-text {
      width: 70%; } }
  .lt-ie9 .b-favorites .introduction-text {
    width: 70%; }

@media screen and (max-width: 640px) {
  .b-favorites .b-teasers-list {
    margin: 0; } }

.b-favorites .loading-spinner-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 15; }
  .b-favorites .loading-spinner-wrapper .loading-spinner {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20class%3D%22lds-spinner%22%20preserveAspectRatio%3D%22xMidYMid%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22background%3A0%200%22%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.9s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2836%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.8s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2872%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.7s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28108%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.6s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28144%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.5s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28180%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.4s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28216%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.3s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28252%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.2s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28288%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.1s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28324%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%220s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px; }

.b-favorites .btn-container {
  position: relative;
  background: #171717;
  border: 15px solid #171717; }

.b-footer {
  position: relative;
  z-index: 10;
  background-color: #000;
  color: #fff;
  width: 100%;
  min-width: 320px;
  z-index: 1;
  position: relative; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-footer {
      padding: 15px; } }
  @media screen and (min-width: 1920px) {
    .b-footer {
      padding-left: 130px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .b-footer {
      padding-left: 85px; } }
  @media screen and (min-width: 1366px) and (max-width: 1439px) {
    .b-footer {
      padding-left: 48px; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .b-footer {
      padding-left: 25px; } }
  .b-footer a {
    color: #fff; }
  .b-footer .footer-content {
    line-height: 26px; }
    @media screen and (min-width: 1024px) {
      .b-footer .footer-content {
        width: 874px;
        padding: 35px 0 40px; } }
    .lt-ie9 .b-footer .footer-content {
      width: 874px;
      padding: 35px 0 40px; }
  .b-footer .logo-row {
    margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      .b-footer .logo-row {
        padding: 15px 8px 0; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-footer .logo-row {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media screen and (min-width: 1024px) {
      .b-footer .logo-row {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    .lt-ie9 .b-footer .logo-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .b-footer .logo-row .logo {
      width: 144px; }
      @media screen and (max-width: 640px) {
        .b-footer .logo-row .logo {
          margin-bottom: 20px; } }
    .b-footer .logo-row .search-input-wrapper {
      position: relative; }
      @media screen and (max-width: 640px) {
        .b-footer .logo-row .search-input-wrapper {
          max-width: 300px; } }
      .b-footer .logo-row .search-input-wrapper::after {
        content: "";
        position: absolute;
        top: 5px;
        right: 4px;
        width: 17px;
        height: 15px;
        background: url("./../img/appicons/search-icon.png") no-repeat;
        background-size: contain; }
    .b-footer .logo-row .search-input {
      width: 210px;
      height: 25px;
      line-height: 25px;
      font-size: 14px;
      padding: 3px 10px 0;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 0;
      background-color: #000; }
      @media screen and (max-width: 640px) {
        .b-footer .logo-row .search-input {
          width: 100%; } }
      .b-footer .logo-row .search-input::placeholder {
        color: #fff; }
  .b-footer .footer-columns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px; }
    @media screen and (max-width: 640px) {
      .b-footer .footer-columns {
        margin-bottom: 20px;
        flex-wrap: wrap; } }
    .b-footer .footer-columns .footer-column {
      position: relative; }
      @media screen and (max-width: 640px) {
        .b-footer .footer-columns .footer-column {
          width: 50%;
          margin-bottom: 20px;
          padding: 0 8px; } }
      .b-footer .footer-columns .footer-column .address {
        top: 26px; }
        @media screen and (max-width: 640px) {
          .b-footer .footer-columns .footer-column .address {
            position: relative;
            top: 0;
            margin-bottom: 20px; } }
      .b-footer .footer-columns .footer-column.with-margin {
        margin-right: 70px; }
      .b-footer .footer-columns .footer-column:first-of-type {
        width: 100%; }
      .b-footer .footer-columns .footer-column:last-of-type {
        width: 257px; }
        @media screen and (max-width: 640px) {
          .b-footer .footer-columns .footer-column:last-of-type {
            width: 50%; } }
  .b-footer .footer-column-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff; }
    @media screen and (max-width: 640px) {
      .b-footer .footer-column-title {
        margin-bottom: 5px; } }
  .b-footer .footer-link {
    color: #fff; }
    .b-footer .footer-link:focus, .b-footer .footer-link:hover {
      color: #f8ff00; }
  .b-footer .last-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 640px) {
      .b-footer .last-row {
        display: block;
        padding: 8px; } }
    .b-footer .last-row .center-links {
      display: flex; }
      .b-footer .last-row .center-links .center-link {
        margin-right: 10px; }
    .b-footer .last-row .img {
      width: 134px;
      height: 15px; }
      @media screen and (max-width: 640px) {
        .b-footer .last-row .img {
          margin-bottom: 15px; } }
    .b-footer .last-row .text {
      width: 210px;
      padding: 0; }

fieldset {
  position: relative; }

input, textara, button {
  font-family: "ORF ON TF", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 17px;
  line-height: 1.0625rem;
  color: #808080; }

.type_text {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  border: 1px solid #657d9b;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6); }
  @media (min-width: 1024px) {
    .type_text {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem; } }

button {
  padding: 0; }

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

.b-genre-selection-list {
  margin: 30px auto 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .b-genre-selection-list::after {
    content: "";
    flex: auto; }
    @media screen and (max-width: 640px) {
      .b-genre-selection-list::after {
        content: none; } }
  .b-genre-selection-list .genre-list-item {
    height: 38px;
    line-height: 36px;
    color: #fff;
    border: 1px solid #808080;
    text-align: center;
    display: inline-block;
    margin: 0 10px 10px 0;
    width: calc((100% - 30px) / 4); }
    .b-genre-selection-list .genre-list-item:nth-child(4n+4) {
      margin-right: 0; }
    @media screen and (max-width: 640px) {
      .b-genre-selection-list .genre-list-item {
        width: calc((100% - 30px) / 2); }
        .b-genre-selection-list .genre-list-item:nth-child(2n) {
          margin-right: 0; } }
    .b-genre-selection-list .genre-list-item.active {
      background-color: #393939;
      border: 1px solid #f8ff00; }
    .b-genre-selection-list .genre-list-item .genre-title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: 400;
      font-size: 18px; }
      @media screen and (max-width: 640px) {
        .b-genre-selection-list .genre-list-item .genre-title {
          font-size: 16px; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-genre-selection-list .genre-list-item .genre-title {
          font-size: 16px; } }
      .b-genre-selection-list .genre-list-item .genre-title .genre-link {
        display: block;
        padding: 2px 10px; }

.b-header {
  background-color: #171717;
  position: relative;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, 0); }
  .b-header.is-fixed {
    position: fixed; }
    @media screen and (max-width: 640px) {
      .b-header.is-fixed {
        width: 100%; } }
    @media screen and (min-width: 421px) and (max-width: 640px) {
      .b-header.is-fixed {
        width: 100%; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-header.is-fixed {
        width: 100%; } }
  @media screen and (min-width: 1024px) {
    .b-header {
      width: 874px; } }
  .lt-ie9 .b-header {
    width: 874px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-header {
      padding: 0 15px;
      position: relative;
      z-index: 5; } }
  .b-header .logo-row {
    position: relative;
    display: flex;
    padding: 37px 0 14px 36px;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    background-color: #171717; }
    @media screen and (max-width: 640px) {
      .b-header .logo-row {
        margin: 0;
        padding: 20px 15px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-header .logo-row {
        min-height: 37px; } }
    @media screen and (min-width: 1024px) {
      .b-header .logo-row {
        min-height: 37px; } }
    .lt-ie9 .b-header .logo-row {
      min-height: 37px; }
    .b-header .logo-row .logo {
      width: 226px;
      height: 39px; }
      @media screen and (max-width: 640px) {
        .b-header .logo-row .logo {
          width: 139px;
          height: 24px; } }
    .b-header .logo-row .logo-text {
      position: absolute;
      visibility: hidden;
      text-indent: -9999px;
      height: 1px;
      padding: 0;
      margin: -1px 0 0 0; }

.history-return {
  font-family: "ORF ON TF", sans-serif;
  font-size: 20px;
  color: #a8a8a8;
  padding-bottom: 30px;
  padding-right: 10px;
  float: right; }

.b-intro-teaser {
  display: flex;
  background: #171717;
  background: linear-gradient(to right, #171717, #393939, #171717);
  border-bottom: 20px solid #171717;
  color: white; }
  .b-intro-teaser.hidden {
    display: none; }
  .b-intro-teaser .img-container {
    width: 50%;
    max-height: 246px;
    overflow-y: hidden; }
    .b-intro-teaser .img-container img {
      width: 100%; }
  .b-intro-teaser .intro-teaser-headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 5px 0 10px; }
  .b-intro-teaser .intro-teaser-info {
    width: 50%;
    padding: 15px 20px;
    position: relative;
    max-height: 246px;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out; }
    .b-intro-teaser .intro-teaser-info .description {
      font-size: 16px;
      line-height: 20px;
      white-space: pre-line; }
      .b-intro-teaser .intro-teaser-info .description.is-expanded {
        max-height: none !important; }
    .b-intro-teaser .intro-teaser-info .more-btn {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2211%22%20viewBox%3D%220%200%2025%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.34%2010.533l12-5.196V.533l-12%203.235L.34.533v4.804z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      display: none;
      position: absolute;
      width: 24px;
      height: 24px;
      bottom: 0;
      left: 50%;
      z-index: 1;
      transform: translateX(-50%) rotateX(180deg);
      background-color: inherit;
      background-position: center; }
    .b-intro-teaser .intro-teaser-info.is-closed:after {
      display: none;
      content: "";
      position: absolute;
      height: 30%;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to top, #171717, transparent); }
    .b-intro-teaser .intro-teaser-info.is-closed .more-btn {
      transform: translateX(-50%) rotateX(0); }
    .b-intro-teaser .intro-teaser-info.is-closed.has-more-btn .more-btn {
      display: block; }
    .b-intro-teaser .intro-teaser-info.is-closed.has-more-btn:after {
      display: block; }
    .b-intro-teaser .intro-teaser-info.has-more-btn .more-btn {
      display: block; }
  .b-intro-teaser .meta-information {
    position: relative; }
    .b-intro-teaser .meta-information .time {
      position: relative;
      font-size: 18px;
      line-height: 21px; }
      .b-intro-teaser .meta-information .time .status-online {
        position: absolute;
        top: 1px;
        left: calc(100% + 7px);
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background-color: #e1001a; }
    .b-intro-teaser .meta-information.is-live .is-restartable {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20425.3%20114%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23d21c17%22%20d%3D%22M0%200h425.3v114H0z%22%2F%3E%3Cpath%20d%3D%22M114.8%20400.6h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.9-14h-8.8v14h-7v-40zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5h10.4v-.1zm25.2-19.9h29.7v6.3h-22.7v10.4h20.1v6.3h-20.1v10.8h23v6.3h-30v-40.1zm36.8%2034.3l4.2-5c3.8%203.3%207.7%205.2%2012.7%205.2%204.4%200%207.1-2%207.1-5v-.1c0-2.9-1.6-4.4-9-6.1-8.5-2.1-13.3-4.6-13.3-12v-.1c0-6.9%205.7-11.6%2013.7-11.6a22.37%2022.37%200%200114.5%205l-3.8%205.3c-3.6-2.7-7.2-4.1-10.9-4.1-4.1%200-6.5%202.1-6.5%204.8v.1c0%203.1%201.8%204.5%209.5%206.3%208.5%202.1%2012.9%205.1%2012.9%2011.7v.1c0%207.5-5.9%2012-14.3%2012a25.29%2025.29%200%2001-16.8-6.5zm48.3-27.7h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1v-33.6zm34.1-6.9h6.5l17.6%2040.4h-7.4l-4.1-9.7h-19l-4.1%209.7h-7.2zm10%2024.5l-6.9-16-6.9%2016h13.8zm21-24.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.8-14h-8.8v14h-7v-40h-.1zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5H325v-.1zm32.5-13.3h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1v-33.6z%22%20class%3D%22cls-2%22%20transform%3D%22translate%28-85.2%20-363.4%29%22%2F%3E%3Cpath%20d%3D%22M311.1%2063.7l8.9-8.1%2016%2014.7%2015.5-14.7L361%2065l-25.2%2025.2%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20d%3D%22M449.4%20384.9a34%2034%200%2000-33.9%2031.6l5.9%205.5%206.1-5.8a22.09%2022.09%200%201122%2024.9v12a34.1%2034.1%200%2000-.1-68.2z%22%20class%3D%22cls-2%22%20transform%3D%22translate%28-85.2%20-363.4%29%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }
    .b-intro-teaser .meta-information .is-restartable {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20425.3%20114%22%3E%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M0%200h425.3v114H0z%22%2F%3E%3Cpath%20d%3D%22M29.6%2037.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.9-14h-8.8v14h-7v-40zM47%2057.1c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6H36.6v13.5H47v-.1zm25.2-19.9h29.7v6.3H79.2v10.4h20.1v6.3H79.2V71h23v6.3h-30V37.2zM109%2071.5l4.2-5c3.8%203.3%207.7%205.2%2012.7%205.2%204.4%200%207.1-2%207.1-5v-.1c0-2.9-1.6-4.4-9-6.1-8.5-2.1-13.3-4.6-13.3-12v-.1c0-6.9%205.7-11.6%2013.7-11.6a22.37%2022.37%200%200114.5%205l-3.8%205.3c-3.6-2.7-7.2-4.1-10.9-4.1-4.1%200-6.5%202.1-6.5%204.8v.1c0%203.1%201.8%204.5%209.5%206.3%208.5%202.1%2012.9%205.1%2012.9%2011.7v.1c0%207.5-5.9%2012-14.3%2012a25.29%2025.29%200%2001-16.8-6.5zm48.3-27.7h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm34.1-6.9h6.5l17.6%2040.4h-7.4l-4.1-9.7h-19l-4.1%209.7h-7.2zm10%2024.5l-6.9-16-6.9%2016h13.8zm21-24.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.8-14h-8.8v14h-7v-40h-.1zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5h10.4v-.1zm32.5-13.3h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm38.8%2019.9l8.9-8.1%2016%2014.7%2015.5-14.7L361%2065l-25.2%2025.2%22%2F%3E%3Cpath%20d%3D%22M364.2%2021.5a34%2034%200%2000-33.9%2031.6l5.9%205.5%206.1-5.8a22.09%2022.09%200%201122%2024.9v12a34.1%2034.1%200%2000-.1-68.2z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      height: 16px; }
  @media screen and (max-width: 640px) {
    .b-intro-teaser {
      flex-wrap: wrap; }
      .b-intro-teaser .img-container {
        width: 100%; }
      .b-intro-teaser .intro-teaser-info {
        width: 100%; } }

.b-lane {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  padding: 20px 0 30px;
  background: #171717;
  background: linear-gradient(to right, #171717, #393939, #171717);
  transition: all 0.4s ease-in;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .b-lane {
      padding: 10px 8px;
      margin-bottom: 0;
      border-bottom: 50px solid #171717;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-lane {
      padding: 10px 8px;
      margin-bottom: 0;
      border-bottom: 50px solid #171717;
      z-index: 1; } }
  .b-lane::before, .b-lane::after {
    content: "";
    position: absolute;
    opacity: 0; }
  .b-lane::before {
    right: 0;
    bottom: 0;
    width: 1px;
    height: 320px;
    background: #f8ff00;
    background: linear-gradient(to bottom, transparent, #f8ff00); }
  .b-lane::after {
    right: 0;
    bottom: 0;
    width: 320px;
    height: 1px;
    background: #f8ff00;
    background: linear-gradient(to right, transparent, #f8ff00); }
  .b-lane.is-big {
    height: auto; }
    .b-lane.is-big .scrollbox .lane-item {
      width: 272px;
      margin-right: 29px; }
    .b-lane.is-big .arrow {
      top: 49px; }
  .b-lane.is-expanded .scrollbox {
    overflow: visible;
    flex-wrap: wrap; }
    .b-lane.is-expanded .scrollbox .lane-item:nth-of-type(4n) {
      margin: 0; }
  .b-lane.is-expanded::before, .b-lane.is-expanded::after {
    opacity: 1;
    transition: opacity .1s linear .2s; }
  .b-lane.is-expanded .arrow {
    display: none; }
  .b-lane.is-expanded .has-toggle::after {
    transform: rotateX(180deg); }
  .b-lane.is-expanded .show-all-link {
    right: 5px; }
  @media screen and (max-width: 1023px) {
    .b-lane .has-toggle {
      padding-right: 0; }
      .b-lane .has-toggle.no-content-page {
        display: none; }
      .b-lane .has-toggle::after {
        background-image: none; } }
  .b-lane.is-hidden {
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0; }
  .b-lane .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 640px) {
      .b-lane .title {
        padding: 0 8px; } }
  .b-lane .scrollbox-wrapper {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out; }
  .b-lane .scrollbox {
    overflow-x: scroll;
    display: flex; }
    .b-lane .scrollbox .lane-item {
      width: 208px;
      margin-right: 14px;
      flex-shrink: 0; }
  .b-lane .arrow {
    top: 31px;
    transform: none; }
    @media screen and (max-width: 640px) {
      .b-lane .arrow {
        display: none; } }
  .b-lane .remove-link, .b-lane .show-all-link {
    position: absolute;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-size: 14px;
    line-height: 18px; }
    .b-lane .remove-link::after, .b-lane .show-all-link::after {
      content: "";
      position: absolute; }
    @media screen and (max-width: 640px) {
      .b-lane .remove-link, .b-lane .show-all-link {
        opacity: 1; } }
  .b-lane .remove-link {
    font-weight: 700;
    opacity: 0;
    color: #f8ff00; }
    @media screen and (max-width: 640px) {
      .b-lane .remove-link {
        display: none; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-lane .remove-link {
        display: none; } }
    @media screen and (min-width: 1024px) {
      .b-lane .remove-link {
        top: 22px;
        right: 22px; } }
    .lt-ie9 .b-lane .remove-link {
      top: 22px;
      right: 22px; }
    .b-lane .remove-link:focus {
      opacity: 1; }
    .b-lane .remove-link::after {
      top: 1px;
      right: -22px;
      width: 14px;
      height: 14px;
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }
  .b-lane .mobile-remove-icon {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; }
    @media screen and (max-width: 640px) {
      .b-lane .mobile-remove-icon {
        display: block; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-lane .mobile-remove-icon {
        display: block; } }
  .b-lane .show-all-link {
    right: 2px;
    bottom: 6px;
    font-weight: 400;
    color: #f8ff00; }
    @media screen and (max-width: 640px) {
      .b-lane .show-all-link {
        right: 15px;
        padding: 0; }
        .b-lane .show-all-link:after {
          display: none; } }
  .b-lane .close-icon {
    position: absolute;
    top: 22px;
    right: 0;
    font-size: 34px;
    line-height: 22px;
    color: #f8ff00;
    opacity: 0;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .b-lane .close-icon {
        right: 15px; } }
  .b-lane.is-removable:focus .remove-link, .b-lane.is-removable:hover .remove-link {
    opacity: 1; }
  .b-lane.is-removable.is-expanded .remove-link {
    display: none; }
  .b-lane.is-removable .title {
    max-width: 78%; }
  .b-lane:not(.is-removable) .remove-link {
    display: none; }
  .b-lane:not(.is-expanded) .more-btn {
    display: none; }
  .b-lane.is-expanded .close-icon {
    opacity: 1; }
  .b-lane .scrollbox-wrapper > ::-webkit-scrollbar {
    display: none; }

@media screen and (max-width: 640px) {
  .b-livestream-per-channel .b-lane .show-all-link {
    display: none; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-livestream-per-channel .b-lane .show-all-link {
    display: none; } }

.b-letters-selection-list {
  height: 50px;
  margin: 40px 0;
  background-image: linear-gradient(to right, #171717, #393939, #171717);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 640px) {
    .b-letters-selection-list {
      overflow-x: scroll;
      margin: 0;
      border-bottom: 20px solid #171717;
      height: 70px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-letters-selection-list {
      overflow-x: scroll;
      margin: 0;
      border-bottom: 20px solid #171717;
      height: 70px; } }
  @media screen and (max-width: 640px) {
    .b-letters-selection-list .letter-wrapper {
      overflow-x: scroll; } }
  .b-letters-selection-list .letter-item {
    position: relative;
    display: flex; }
    @media screen and (max-width: 640px) {
      .b-letters-selection-list .letter-item {
        min-width: 22px; } }
    .b-letters-selection-list .letter-item a {
      padding: 0 2px; }
    .b-letters-selection-list .letter-item.active .letter {
      color: #f8ff00; }
      @media screen and (min-width: 1024px) {
        .b-letters-selection-list .letter-item.active .letter {
          font-size: 32px;
          font-size: 2rem; } }
      .lt-ie9 .b-letters-selection-list .letter-item.active .letter {
        font-size: 32px;
        font-size: 2rem; }
    .b-letters-selection-list .letter-item:not(.active) .letter {
      color: #fff; }
    .b-letters-selection-list .letter-item.is-inactive {
      pointer-events: none; }
      .b-letters-selection-list .letter-item.is-inactive .letter {
        color: #464646; }
    .b-letters-selection-list .letter-item .letter {
      text-align: center;
      font-weight: 400; }
      @media (min-width: 1024px) {
        .b-letters-selection-list .letter-item .letter {
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 20px;
          line-height: 1.25rem; } }
      @media (max-width: 1023px) {
        .b-letters-selection-list .letter-item .letter {
          border: 1px solid transparent;
          /* Verhindert Springen bei aktiven Buchstaben, dort gibt es nämlich einen farbigen Border */ } }

.b-list-container {
  margin: 30px 0; }
  @media screen and (max-width: 640px) {
    .b-list-container {
      margin: 0;
      border-top: 30px solid #171717; }
      .b-list-container .page-title {
        background: #171717;
        z-index: 1;
        position: relative; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-list-container {
      margin: 0;
      border-top: 30px solid #171717; }
      .b-list-container .page-title {
        background: #171717;
        z-index: 1;
        position: relative; } }
  @media screen and (max-width: 640px) {
    .b-list-container .page-title {
      padding: 0 8px;
      border-bottom: 20px solid #171717; }
    .b-list-container .button-container .school-button {
      height: 45px;
      max-width: 100%; }
    .b-list-container .button-container + .page-title {
      line-height: 30px; } }
  .b-list-container .button-container + .page-title {
    line-height: 60px; }
  .b-list-container .page-title:after {
    content: '';
    display: block;
    clear: both; }
  .b-list-container .archive-flag {
    position: relative;
    z-index: 1; }
  .b-list-container .button-container {
    float: right;
    line-height: 60px; }
    .b-list-container .button-container .school-button {
      height: 60px;
      max-width: 100%; }
  .b-list-container .link-container .intro-teaser-info {
    width: 100%;
    max-height: 195px; }
  .b-list-container .link-container .link-list {
    list-style: disc;
    margin: 0 0 0 1em; }
    .b-list-container .link-container .link-list li {
      line-height: 2; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-list-container .mod_recommendation.parallax .parallax-element.is-fixed {
      right: 15px;
      left: 15px; } }
  .b-list-container .only-mobile {
    display: none; }
    @media screen and (max-width: 640px) {
      .b-list-container .only-mobile {
        display: block; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-list-container .only-mobile {
        display: block; } }
  .b-list-container .only-desktop {
    display: none; }
    @media screen and (min-width: 1024px) {
      .b-list-container .only-desktop {
        display: block; } }
    .lt-ie9 .b-list-container .only-desktop {
      display: block; }

.b-live-program {
  background: #171717;
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 18px; }
  @media screen and (max-width: 640px) {
    .b-live-program {
      padding: 8px 8px 30px;
      margin-bottom: auto;
      border-bottom: 2px #171717;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-live-program {
      padding: 8px 8px 30px;
      margin-bottom: auto;
      border-bottom: 2px #171717;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-live-program {
      border-bottom: 50px solid #171717; } }
  .b-live-program .title {
    margin-bottom: 20px; }
  .b-live-program .channels {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      .b-live-program .channels {
        flex-direction: column; } }
  .b-live-program .channel {
    width: 208px; }
    @media screen and (max-width: 640px) {
      .b-live-program .channel {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-live-program .channel {
        width: 178px; } }
    .b-live-program .channel:last-of-type {
      margin-right: 0; }
    .b-live-program .channel .channel-logo {
      height: 28px;
      margin-bottom: 15px; }
    .b-live-program .channel .channel-program {
      position: relative;
      display: flex;
      flex-direction: column; }
    .b-live-program .channel .channel-item {
      min-height: 90px;
      margin-bottom: 10px;
      padding: 5px; }
      @media screen and (max-width: 640px) {
        .b-live-program .channel .channel-item {
          min-height: auto; } }
      .b-live-program .channel .channel-item:hover {
        background: #393939; }
      .b-live-program .channel .channel-item.is-current {
        padding: 0; }
      .b-live-program .channel .channel-item.is-bundesland-heute.is-not-selected:hover {
        background: none;
        cursor: default; }
        .b-live-program .channel .channel-item.is-bundesland-heute.is-not-selected:hover .img-container img {
          border: 1px solid #f8ff00; }
      .b-live-program .channel .channel-item.is-bundesland-heute .channel-item-title {
        height: 27px; }
    .b-live-program .channel .img-container {
      position: relative;
      margin-bottom: 5px; }
      .b-live-program .channel .img-container img {
        border: 1px solid transparent; }
    .b-live-program .channel .badge {
      position: absolute;
      top: 0;
      left: 1px;
      font-family: "ORF ON Condensed SC", sans-serif;
      font-weight: 400;
      padding: 0 3px;
      line-height: 20px;
      color: #000;
      background-color: rgba(248, 255, 0, 0.9); }
    .b-live-program .channel .time, .b-live-program .channel .channel-item-title {
      font-size: 16px;
      line-height: 20px;
      font-family: "ORF ON Condensed TF", sans-serif; }
    .b-live-program .channel .time {
      color: #cbcbcb;
      font-weight: 400; }
    .b-live-program .channel .channel-item-title {
      font-weight: 500;
      color: #fff;
      max-height: 60px;
      overflow: hidden; }
      @media screen and (max-width: 640px) {
        .b-live-program .channel .channel-item-title {
          height: auto; } }
    .b-live-program .channel .is-restartable {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20425.3%20114%22%3E%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M0%200h425.3v114H0z%22%2F%3E%3Cpath%20d%3D%22M29.6%2037.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.9-14h-8.8v14h-7v-40zM47%2057.1c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6H36.6v13.5H47v-.1zm25.2-19.9h29.7v6.3H79.2v10.4h20.1v6.3H79.2V71h23v6.3h-30V37.2zM109%2071.5l4.2-5c3.8%203.3%207.7%205.2%2012.7%205.2%204.4%200%207.1-2%207.1-5v-.1c0-2.9-1.6-4.4-9-6.1-8.5-2.1-13.3-4.6-13.3-12v-.1c0-6.9%205.7-11.6%2013.7-11.6a22.37%2022.37%200%200114.5%205l-3.8%205.3c-3.6-2.7-7.2-4.1-10.9-4.1-4.1%200-6.5%202.1-6.5%204.8v.1c0%203.1%201.8%204.5%209.5%206.3%208.5%202.1%2012.9%205.1%2012.9%2011.7v.1c0%207.5-5.9%2012-14.3%2012a25.29%2025.29%200%2001-16.8-6.5zm48.3-27.7h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm34.1-6.9h6.5l17.6%2040.4h-7.4l-4.1-9.7h-19l-4.1%209.7h-7.2zm10%2024.5l-6.9-16-6.9%2016h13.8zm21-24.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.8-14h-8.8v14h-7v-40h-.1zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5h10.4v-.1zm32.5-13.3h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm38.8%2019.9l8.9-8.1%2016%2014.7%2015.5-14.7L361%2065l-25.2%2025.2%22%2F%3E%3Cpath%20d%3D%22M364.2%2021.5a34%2034%200%2000-33.9%2031.6l5.9%205.5%206.1-5.8a22.09%2022.09%200%201122%2024.9v12a34.1%2034.1%200%2000-.1-68.2z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      position: absolute;
      top: 5px;
      right: 5px;
      width: 60px;
      height: 16px; }
    .b-live-program .channel .following-livestreams {
      display: none;
      height: 0;
      transition: height 0.4s ease-in-out;
      margin-top: 20px; }
      .b-live-program .channel .following-livestreams.is-open {
        height: 420px; }
        @media screen and (max-width: 640px) {
          .b-live-program .channel .following-livestreams.is-open {
            height: auto;
            margin-bottom: 40px; } }
        .b-live-program .channel .following-livestreams.is-open.has-overflow {
          overflow: visible; }
      .b-live-program .channel .following-livestreams .channel-item {
        position: relative; }
  .b-live-program .show-all-link, .b-live-program .mobile-show-all-link {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #f8ff00; }
  .b-live-program .mobile-show-all-link {
    margin-bottom: 10px; }
    @media screen and (max-width: 640px) {
      .b-live-program .mobile-show-all-link {
        position: relative;
        text-align: right; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-live-program .mobile-show-all-link {
        display: none; } }
    @media screen and (min-width: 1024px) {
      .b-live-program .mobile-show-all-link {
        display: none; } }
    .lt-ie9 .b-live-program .mobile-show-all-link {
      display: none; }
  @media screen and (max-width: 640px) {
    .b-live-program .show-all-link {
      right: 15px;
      display: none; } }
  .b-live-program .close-icon {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 34px;
    line-height: 22px;
    color: #f8ff00;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .b-live-program .close-icon {
        right: 15px; } }
  .b-live-program .channel-close-icon {
    position: absolute;
    top: -37px;
    right: 0;
    font-size: 34px;
    line-height: 22px;
    color: #f8ff00;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .b-live-program .channel-close-icon {
        right: 5px; } }
  .b-live-program .b-select-box {
    width: 95%;
    margin: 0 auto 6px; }

.b-livestream-per-channel .channel-logo {
  margin-bottom: 20px;
  height: 40px; }

.b-livestream-per-channel .channel-item-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  height: 63px; }

.b-livestream-per-channel .channel-item-description {
  max-height: 40px;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.b-livestream-per-channel .description-container {
  margin-top: 10px;
  position: relative; }

.b-livestream-per-channel .state.offline {
  display: none; }

.b-livestream-per-channel .time {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: #ddd;
  margin-bottom: 2px; }
  .b-livestream-per-channel .time .status-online {
    position: absolute;
    top: 2px;
    left: calc(100% + 7px);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #e1001a; }

.b-livestream-per-channel .lane-article {
  margin-bottom: 20px; }

.b-livestream-teaser.is-bundesland-heute.is-not-selected a:hover {
  cursor: s-resize; }

.b-livestream-teaser:hover .img-container img {
  border: 1px solid #f8ff00; }

.b-livestream-teaser.is-live .meta-information .is-restartable {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20425.3%20114%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23d21c17%22%20d%3D%22M0%200h425.3v114H0z%22%2F%3E%3Cpath%20d%3D%22M114.8%20400.6h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.9-14h-8.8v14h-7v-40zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5h10.4v-.1zm25.2-19.9h29.7v6.3h-22.7v10.4h20.1v6.3h-20.1v10.8h23v6.3h-30v-40.1zm36.8%2034.3l4.2-5c3.8%203.3%207.7%205.2%2012.7%205.2%204.4%200%207.1-2%207.1-5v-.1c0-2.9-1.6-4.4-9-6.1-8.5-2.1-13.3-4.6-13.3-12v-.1c0-6.9%205.7-11.6%2013.7-11.6a22.37%2022.37%200%200114.5%205l-3.8%205.3c-3.6-2.7-7.2-4.1-10.9-4.1-4.1%200-6.5%202.1-6.5%204.8v.1c0%203.1%201.8%204.5%209.5%206.3%208.5%202.1%2012.9%205.1%2012.9%2011.7v.1c0%207.5-5.9%2012-14.3%2012a25.29%2025.29%200%2001-16.8-6.5zm48.3-27.7h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1v-33.6zm34.1-6.9h6.5l17.6%2040.4h-7.4l-4.1-9.7h-19l-4.1%209.7h-7.2zm10%2024.5l-6.9-16-6.9%2016h13.8zm21-24.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.8-14h-8.8v14h-7v-40h-.1zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5H325v-.1zm32.5-13.3h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1v-33.6z%22%20class%3D%22cls-2%22%20transform%3D%22translate%28-85.2%20-363.4%29%22%2F%3E%3Cpath%20d%3D%22M311.1%2063.7l8.9-8.1%2016%2014.7%2015.5-14.7L361%2065l-25.2%2025.2%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20d%3D%22M449.4%20384.9a34%2034%200%2000-33.9%2031.6l5.9%205.5%206.1-5.8a22.09%2022.09%200%201122%2024.9v12a34.1%2034.1%200%2000-.1-68.2z%22%20class%3D%22cls-2%22%20transform%3D%22translate%28-85.2%20-363.4%29%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat; }

.b-livestream-teaser .img-container {
  margin-bottom: 10px;
  position: relative; }
  .b-livestream-teaser .img-container .ratio-box {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56.25%; }
  .b-livestream-teaser .img-container .teaser-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px transparent solid; }
    @media screen and (max-width: 640px) {
      .b-livestream-teaser .img-container .teaser-img {
        border: none; } }
    .b-livestream-teaser .img-container .teaser-img img {
      width: 100%;
      height: 100%; }

.b-livestream-teaser .text-container {
  padding: 0 1px;
  height: 88px;
  overflow: hidden; }

.b-livestream-teaser .meta-information {
  position: relative; }
  .b-livestream-teaser .meta-information .time {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px; }
  .b-livestream-teaser .meta-information .status-online {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #e1001a; }
  .b-livestream-teaser .meta-information .is-restartable {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%20425.3%20114%22%3E%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M0%200h425.3v114H0z%22%2F%3E%3Cpath%20d%3D%22M29.6%2037.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.9-14h-8.8v14h-7v-40zM47%2057.1c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6H36.6v13.5H47v-.1zm25.2-19.9h29.7v6.3H79.2v10.4h20.1v6.3H79.2V71h23v6.3h-30V37.2zM109%2071.5l4.2-5c3.8%203.3%207.7%205.2%2012.7%205.2%204.4%200%207.1-2%207.1-5v-.1c0-2.9-1.6-4.4-9-6.1-8.5-2.1-13.3-4.6-13.3-12v-.1c0-6.9%205.7-11.6%2013.7-11.6a22.37%2022.37%200%200114.5%205l-3.8%205.3c-3.6-2.7-7.2-4.1-10.9-4.1-4.1%200-6.5%202.1-6.5%204.8v.1c0%203.1%201.8%204.5%209.5%206.3%208.5%202.1%2012.9%205.1%2012.9%2011.7v.1c0%207.5-5.9%2012-14.3%2012a25.29%2025.29%200%2001-16.8-6.5zm48.3-27.7h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm34.1-6.9h6.5l17.6%2040.4h-7.4l-4.1-9.7h-19l-4.1%209.7h-7.2zm10%2024.5l-6.9-16-6.9%2016h13.8zm21-24.2h17.9c5%200%209%201.5%2011.6%204a12.27%2012.27%200%20013.3%208.6v.1c0%206.6-4%2010.5-9.6%2012.1l10.8%2015.2h-8.3l-9.8-14h-8.8v14h-7v-40h-.1zm17.4%2019.9c5%200%208.2-2.6%208.2-6.7v-.1c0-4.3-3.1-6.6-8.3-6.6h-10.3v13.5h10.4v-.1zm32.5-13.3h-12.7v-6.5h32.5v6.5h-12.7v33.6h-7.1V43.8zm38.8%2019.9l8.9-8.1%2016%2014.7%2015.5-14.7L361%2065l-25.2%2025.2%22%2F%3E%3Cpath%20d%3D%22M364.2%2021.5a34%2034%200%2000-33.9%2031.6l5.9%205.5%206.1-5.8a22.09%2022.09%200%201122%2024.9v12a34.1%2034.1%200%2000-.1-68.2z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 16px; }

.b-livestream-teaser .livestream-title {
  font-family: "ORF ON Condensed TF", sans-serif;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px; }
  @media screen and (max-width: 640px) {
    .b-livestream-teaser .livestream-title {
      height: auto; } }

.is-bundesland-heute .b-livestream-teaser .livestream-title {
  height: 21px;
  margin-bottom: 10px; }

.b-livestream-teaser .meta-information .is-uhd, .b-livestream-teaser .episode-data .is-uhd, .b-live-program .meta-information .is-uhd, .b-live-program .episode-data .is-uhd, .b-schedule-episode .meta-information .is-uhd, .b-schedule-episode .episode-data .is-uhd {
  display: inline-block;
  height: 16px;
  width: 24px;
  position: relative;
  top: 1px; }
  .b-livestream-teaser .meta-information .is-uhd.is-live, .b-livestream-teaser .episode-data .is-uhd.is-live, .b-live-program .meta-information .is-uhd.is-live, .b-live-program .episode-data .is-uhd.is-live, .b-schedule-episode .meta-information .is-uhd.is-live, .b-schedule-episode .episode-data .is-uhd.is-live {
    background: url("./../../img/uhd-logos/live.png") no-repeat center center;
    background-size: contain; }
  .b-livestream-teaser .meta-information .is-uhd.is-upcoming, .b-livestream-teaser .episode-data .is-uhd.is-upcoming, .b-live-program .meta-information .is-uhd.is-upcoming, .b-live-program .episode-data .is-uhd.is-upcoming, .b-schedule-episode .meta-information .is-uhd.is-upcoming, .b-schedule-episode .episode-data .is-uhd.is-upcoming {
    background: url("./../../img/uhd-logos/upcoming.png") no-repeat center center;
    background-size: contain; }
  .b-livestream-teaser .meta-information .is-uhd.is-on-demand, .b-livestream-teaser .episode-data .is-uhd.is-on-demand, .b-live-program .meta-information .is-uhd.is-on-demand, .b-live-program .episode-data .is-uhd.is-on-demand, .b-schedule-episode .meta-information .is-uhd.is-on-demand, .b-schedule-episode .episode-data .is-uhd.is-on-demand {
    background: url("./../../img/uhd-logos/ondemand.png") no-repeat center center;
    background-size: contain; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * AllProgramsOnOneClick-Module (Sendungen A-Z)
 *
 * @section mod_all_programs_on_one_click
 */
@media (min-width: 1024px) {
  .mod_all_programs_on_one_click .letter_group {
    background-color: #2a3767; } }

@media (max-width: 767px) {
  .mod_all_programs_on_one_click .letter_group {
    margin-bottom: 18px;
    margin-bottom: 1.125rem; } }

@media (min-width: 1024px) {
  .mod_all_programs_on_one_click .letter_group .letter_group_headline {
    margin: 11px;
    margin: 0.6875rem;
    padding: 6px 9px;
    padding: 0.375rem 0.5625rem;
    font-size: 24px;
    font-size: 1.5rem;
    background-color: #fff;
    color: #2a3767;
    display: inline-block; } }

@media (max-width: 1023px) {
  .mod_all_programs_on_one_click .letter_group .letter_group_headline {
    margin: 3px 0 20px;
    margin: 0.1875rem 0 1.25rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    line-height: 1.25rem;
    background-color: #fff;
    color: #001c61; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_all_programs_on_one_click .letter_group .letter_group_headline {
    padding: 16px 15px;
    padding: 1rem 0.9375rem; } }

@media (max-width: 767px) {
  .mod_all_programs_on_one_click .letter_group .letter_group_headline {
    padding: 10px;
    padding: 0.625rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    border-top: 2px solid #2a3767;
    border-bottom: 2px solid #2a3767; } }

@media (max-width: 767px) {
  .mod_all_programs_on_one_click.single_line_list_view .item {
    padding-top: 10px;
    padding-top: 0.625rem; } }

.mod_all_programs_on_one_click.single_line_list_view .item .item_inner {
  border-top: 0 none;
  padding: 0; }
  @media (max-width: 1023px) {
    .mod_all_programs_on_one_click.single_line_list_view .item .item_inner {
      color: #001c61; } }

@media (min-width: 1024px) {
  .mod_all_programs_on_one_click.single_line_list_view .item .item_image {
    width: 270px;
    width: 16.875rem;
    height: 152px;
    height: 9.5rem; } }

@media (max-width: 767px) {
  .mod_all_programs_on_one_click.single_line_list_view .item .item_image {
    margin: 0 10px 8px;
    margin: 0 0.625rem 0.5rem;
    float: none;
    width: auto; } }

@media (min-width: 1024px) {
  .mod_all_programs_on_one_click.single_line_list_view .item .item_header {
    padding: 20px 0 0 20px;
    padding: 1.25rem 0 0 1.25rem;
    width: auto; } }

@media (max-width: 767px) {
  .mod_all_programs_on_one_click.single_line_list_view .item .item_header {
    margin: 0 10px;
    margin: 0 0.625rem;
    float: none;
    width: auto; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Archive Flags
 *
 *
 */
.mod_archive_flag {
  float: right;
  margin-top: 10px;
  margin-top: 0.625rem; }
  .mod_archive_flag.top {
    margin-top: -40px;
    margin-top: -2.5rem; }
  @media (max-width: 1023px) {
    .mod_archive_flag {
      display: none; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Archive List
 *
 * @section mod_archive_list
 */
@media (min-width: 1024px) {
  .mod_archive_items {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_archive_items {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; } }

.mod_archive_items .area_headline {
  color: #000; }
  @media (min-width: 1024px) {
    .mod_archive_items .area_headline {
      margin-bottom: 0;
      padding: 6px 10px;
      padding: 0.375rem 0.625rem;
      background-color: #fff;
      background-image: -owg-linear-gradient(to right, #f8f8f8 0%, #cbcbcb 100%);
      background-image: -webkit-linear-gradient(to right, #f8f8f8 0%, #cbcbcb 100%);
      background-image: -moz-linear-gradient(to right, #f8f8f8 0%, #cbcbcb 100%);
      background-image: -o-linear-gradient(to right, #f8f8f8 0%, #cbcbcb 100%);
      background-image: linear-gradient(to right, #f8f8f8 0%, #cbcbcb 100%); } }
  @media (max-width: 1023px) {
    .mod_archive_items .area_headline {
      background-color: #e3e3e3; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_archive_items .area_headline {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }

.mod_archive_items .item {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: none; }
  @media (min-width: 1024px) {
    .mod_archive_items .item {
      height: 149px;
      height: 9.3125rem;
      margin: 0;
      border-bottom: 20px solid #e3e3e3; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_archive_items .item {
      margin: 0 15px 20px;
      margin: 0 0.9375rem 1.25rem;
      padding: 0; } }
  @media (min-width: 768px) {
    .mod_archive_items .item {
      width: auto; } }
  @media (max-width: 767px) {
    .mod_archive_items .item {
      padding: 15px 10px;
      padding: 0.9375rem 0.625rem;
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
  @media (min-width: 1024px) {
    .mod_archive_items .item:last-of-type {
      border: 0; } }
  @media (min-width: 768px) {
    .mod_archive_items .item:last-of-type {
      margin-bottom: 0; } }
  .mod_archive_items .item .item_inner {
    color: #000; }
    .mod_archive_items .item .item_inner:focus {
      background-color: #f0f0f1; }
    .mod_archive_items .item .item_inner:active {
      background-color: #e3e3e3;
      color: #001c61; }
      .mod_archive_items .item .item_inner:active .item_more {
        color: #001c61; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_archive_items .item .item_inner {
        padding: 10px;
        padding: 0.625rem; } }
    @media (max-width: 767px) {
      .mod_archive_items .item .item_inner {
        padding: 0; } }
  @media (min-width: 1024px) {
    .mod_archive_items .item .item_image {
      float: left;
      width: 265px;
      width: 16.5625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_archive_items .item .item_image {
      float: left;
      width: 47.6323%;
      /* parent width 718px; (x * 100) / 718px = 342px */ } }
  @media (max-width: 767px) {
    .mod_archive_items .item .item_image {
      margin: 0; } }
  .mod_archive_items .item .item_content_wrapper {
    float: right; }
    @media (min-width: 1024px) {
      .mod_archive_items .item .item_content_wrapper {
        width: 535px;
        width: 33.4375rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_archive_items .item .item_content_wrapper {
        width: 49.5822%;
        /* parent width 718px; (x * 100) / 718px = 356px */ } }
    @media (max-width: 767px) {
      .mod_archive_items .item .item_content_wrapper {
        width: 57.3333%;
        /* parent width 300px; (x * 100) / 300px = 172px */ } }
  .mod_archive_items .item .item_header {
    border-bottom: 1px solid #e3e3e3; }
    @media (min-width: 1024px) {
      .mod_archive_items .item .item_header {
        padding: 4px 13px 3px;
        padding: 0.25rem 0.8125rem 0.1875rem; } }
    @media (max-width: 1023px) {
      .mod_archive_items .item .item_header {
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        padding-bottom: 10px;
        padding-bottom: 0.625rem; } }
  .mod_archive_items .item .item_title {
    margin-bottom: 0;
    color: #000; }
    @media (min-width: 1024px) {
      .mod_archive_items .item .item_title {
        line-height: 21px;
        line-height: 1.3125rem; } }
  @media (min-width: 1024px) {
    .mod_archive_items .item .item_description {
      padding: 8px 13px 7px;
      padding: 0.5rem 0.8125rem 0.4375rem;
      font-size: 16px;
      font-size: 1rem;
      line-height: 21px;
      line-height: 1.3125rem; } }
  .mod_archive_items .item .item_more {
    color: #808080;
    margin-top: 4px;
    margin-top: 0.25rem;
    display: block; }
    @media (min-width: 1024px) {
      .mod_archive_items .item .item_more {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media (max-width: 1023px) {
      .mod_archive_items .item .item_more {
        font-size: 13px;
        font-size: 0.8125rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_archive_items .service_footer {
    clear: both;
    padding: 0 15px;
    padding: 0 0.9375rem;
    text-align: right; } }

@media (min-width: 1024px) {
  .mod_archive_items .service_footer .service_link {
    color: #fff; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_archive_items .service_footer .service_link {
    display: inline-block;
    color: #fff; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Archive Tipps
 *
 *
 */
.mod_archive_tipps .base_list_wrapper {
  border-top: 1px solid #e3e3e3; }

.mod_archive_tipps .base_list_item_inner {
  color: #000; }

.mod_archive_tipps .base_list_item_headline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #000; }

.mod_archive_tipps .base_list_item.first .base_list_item_headline {
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }

.mod_archive_tipps .base_list_item.first .item_header {
  padding-bottom: 3.75%; }

.mod_archive_tipps .base_list_item.first .item_title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 19px;
  line-height: 1.1875rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * carousel-Modul
 *
 * @section mod_carousel
 */
.mod_carousel {
  height: 56px;
  height: 3.5rem;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .mod_carousel {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (max-width: 1023px) {
    .mod_carousel {
      background-image: -owg-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -moz-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -o-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -owg--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -moz--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -o--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      padding: 20px 0;
      padding: 1.25rem 0;
      border-top: 1px solid #4a5d97;
      border-bottom: 1px solid #4a5d97; } }
  .mod_carousel .carousel_viewport {
    overflow: hidden;
    position: relative; }
    @media (min-width: 1024px) {
      .mod_carousel .carousel_viewport {
        padding: 0 34px;
        padding: 0 2.125rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_carousel .carousel_viewport {
        padding: 0 50px;
        padding: 0 3.125rem; } }
    @media (max-width: 767px) {
      .mod_carousel .carousel_viewport {
        padding: 0 30px;
        padding: 0 1.875rem; } }
    .mod_carousel .carousel_viewport .carousel_nav {
      position: absolute;
      top: 50%;
      color: #fff;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
      cursor: pointer; }
      @media (min-width: 1024px) {
        .mod_carousel .carousel_viewport .carousel_nav {
          width: 28px;
          width: 1.75rem;
          height: 28px;
          height: 1.75rem;
          margin-top: -14px;
          margin-top: -0.875rem;
          font-size: 28px;
          font-size: 1.75rem; } }
      @media (max-width: 1023px) {
        .mod_carousel .carousel_viewport .carousel_nav {
          width: 20px;
          width: 1.25rem;
          height: 20px;
          height: 1.25rem;
          margin-top: -10px;
          margin-top: -0.625rem;
          font-size: 20px;
          font-size: 1.25rem; } }
    @media (min-width: 1024px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_left {
        left: 0; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_left {
        left: 15px;
        left: 0.9375rem; } }
    @media (max-width: 767px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_left {
        left: 4px;
        left: 0.25rem; } }
    @media (min-width: 1024px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_right, .mod_carousel .carousel_viewport .collapsed > .expand_selector > .carousel_nav.ico_arrow {
        right: 0; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_right, .mod_carousel .carousel_viewport .collapsed > .expand_selector > .carousel_nav.ico_arrow {
        right: 15px;
        right: 0.9375rem; } }
    @media (max-width: 767px) {
      .mod_carousel .carousel_viewport .carousel_nav.ico_arrow_right, .mod_carousel .carousel_viewport .collapsed > .expand_selector > .carousel_nav.ico_arrow {
        right: 4px;
        right: 0.25rem; } }
  .mod_carousel .carousel_items_list {
    position: relative;
    width: 100%; }
    .mod_carousel .carousel_items_list .carousel_item {
      float: left;
      width: 98px;
      height: 56px;
      margin: 0 11px;
      margin: 0 0.6875rem; }
      .mod_carousel .carousel_items_list .carousel_item .carousel_item_link {
        text-decoration: none; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Items in einer Container List
 *
 * @section mod_container_list
 */
@media (min-width: 1024px) {
  .mod_container_list {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 1024px) {
  .mod_container_list .item_wrapper {
    /* fix für safari */
    display: block;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
    .mod_container_list .item_wrapper:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_container_list .item.first {
    float: none; } }

@media (max-width: 767px) {
  .mod_container_list .item .item_image + .item_header {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_container_list .item .item_header {
    padding: 10px;
    padding: 0.625rem; } }

@media (min-width: 1024px) {
  .mod_container_list .item .item_header .broadcast_information .meta_online_till {
    display: block; } }

.mod_container_list .item .item_description {
  clear: both; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_container_list .item .item_description {
      padding: 0 10px 0;
      padding: 0 0.625rem 0; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Items in einer Container List
 *
 * @section mod_container_list
 */
.mod_container_topic_details .subheadline {
  /* Kontrollelemente */ }
  @media (min-width: 1024px) {
    .mod_container_topic_details .subheadline {
      background-color: transparent;
      color: #eef1f7;
      padding: 0; } }
  .mod_container_topic_details .subheadline.control_element {
    color: #eef1f7;
    background-image: -owg-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
    background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
    background-image: -moz-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
    background-image: -o-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
    background-image: linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%); }

@media (min-width: 768px) {
  .mod_container_topic_details .topic_description {
    background-color: #fff;
    color: #000; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Schnelleinstieg
 *
 * @section mod_content_quick_access
 */
@media (min-width: 1024px) {
  .mod_content_quick_access {
    float: right;
    width: 190px;
    width: 11.875rem;
    margin: 22px 0 28px;
    margin: 1.375rem 0 1.75rem; } }

@media (max-width: 1023px) {
  .mod_content_quick_access {
    -webkit-box-shadow: 0 5px 5px -5px #001c61;
    box-shadow: 0 5px 5px -5px #001c61; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_content_quick_access {
    padding: 0 15px;
    padding: 0 0.9375rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 1024px) {
  .mod_content_quick_access li {
    margin-bottom: 9px;
    margin-bottom: 0.5625rem; } }

@media (max-width: 1023px) {
  .mod_content_quick_access li {
    border-bottom: 1px solid #001c61; } }

@media (min-width: 1024px) {
  .mod_content_quick_access li.tipps {
    margin-bottom: 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_content_quick_access li.tipps {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; } }

@media (max-width: 767px) {
  .mod_content_quick_access li.tipps {
    float: left;
    width: 62.4%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_content_quick_access li.tipps .details_page_link .ico {
    display: none; } }

@media (min-width: 768px) {
  .mod_content_quick_access li.live {
    display: none; } }

@media (max-width: 767px) {
  .mod_content_quick_access li.live {
    float: right;
    width: 37.6%;
    text-align: right; }
    .mod_content_quick_access li.live.special {
      width: 62.4%;
      float: left;
      text-align: left;
      position: relative; }
      .mod_content_quick_access li.live.special .details_page_link:after {
        content: "";
        height: 16px;
        width: 60px;
        position: absolute;
        left: 55px;
        top: 22px;
        background: url("../img/appicons/live_special_online.jpg") no-repeat;
        background-size: contain; }
      .mod_content_quick_access li.live.special .ico {
        left: 110px; } }

.mod_content_quick_access li.newest, .mod_content_quick_access li.tips {
  float: left; }
  @media (min-width: 1024px) {
    .mod_content_quick_access li.newest, .mod_content_quick_access li.tips {
      width: 30%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access li.newest, .mod_content_quick_access li.tips {
      width: 49%;
      text-align: right; } }
  @media (max-width: 767px) {
    .mod_content_quick_access li.newest, .mod_content_quick_access li.tips {
      width: 37.6%; } }

.mod_content_quick_access li.most_viewed {
  float: right; }
  @media (min-width: 1024px) {
    .mod_content_quick_access li.most_viewed {
      width: 69%;
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access li.most_viewed {
      width: 49%;
      text-align: right;
      margin-bottom: 50px; } }
  @media (max-width: 767px) {
    .mod_content_quick_access li.most_viewed {
      width: 62.4%;
      text-align: right; } }

.mod_content_quick_access li.all_programs_on_one_click {
  text-align: left;
  width: 100%;
  display: inline-block; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access li.all_programs_on_one_click {
      text-align: right; } }

@media (max-width: 1023px) {
  .mod_content_quick_access h3 {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 17px;
    line-height: 1.0625rem; } }

.mod_content_quick_access .details_page_link {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  position: static; }
  @media (min-width: 1024px) {
    .mod_content_quick_access .details_page_link {
      background-color: #fff;
      color: #001c61;
      height: 26px;
      height: 1.625rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 26px;
      line-height: 1.625rem;
      padding: 0 6px;
      padding: 0 0.375rem; } }
  @media (max-width: 1023px) {
    .mod_content_quick_access .details_page_link {
      background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      color: #fff;
      padding: 22px 34px 22px 10px;
      padding: 1.375rem 2.125rem 1.375rem 0.625rem;
      /* Mehr padding-right um Platz für den Pfeil einzuräumen */ } }
  @media (min-width: 1024px) {
    .mod_content_quick_access .details_page_link .icon_wrapper {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; } }
  @media (max-width: 1023px) {
    .mod_content_quick_access .details_page_link .icon_wrapper {
      position: relative; } }
  @media (max-width: 1023px) {
    .mod_content_quick_access .details_page_link:focus, .mod_content_quick_access .details_page_link:active {
      background-image: -owg-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -moz-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -o-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -owg--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -moz--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -o--webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%);
      background-image: -webkit-linear-gradient(top, #011c61 0%, #011a5a 37%, #001a57 38%, #021750 73%, #01164b 81%, #011749 100%); } }
  @media (min-width: 1024px) {
    .mod_content_quick_access .details_page_link .ico {
      display: none; } }
  @media (max-width: 1023px) {
    .mod_content_quick_access .details_page_link .ico {
      right: -24px;
      right: -1.5rem; } }

.mod_content_quick_access .episode {
  /* fix für safari */
  display: block; }
  .mod_content_quick_access .episode:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }
  @media (max-width: 767px) {
    .mod_content_quick_access .episode {
      display: none; } }
  @media (min-width: 1024px) {
    .mod_content_quick_access .episode .image {
      margin-top: 5px;
      margin-top: 0.3125rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access .episode .image {
      float: left;
      width: 50%; } }
  .mod_content_quick_access .episode .image img {
    width: 100%;
    height: auto;
    max-height: 106px;
    max-height: 6.625rem; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access .episode .details {
      float: right;
      width: 50%; } }
  .mod_content_quick_access .episode .wrapper {
    display: block; }
    @media (min-width: 1024px) {
      .mod_content_quick_access .episode .wrapper {
        padding: 11px 9px;
        padding: 0.6875rem 0.5625rem;
        background-color: #2a3767;
        height: 159px;
        height: 9.9375rem; } }
    @media (max-width: 1023px) {
      .mod_content_quick_access .episode .wrapper {
        background-color: #fff;
        padding: 20px 15px;
        padding: 1.25rem 0.9375rem; } }
  .mod_content_quick_access .episode .episode_title {
    margin-bottom: 4px;
    margin-bottom: 0.25rem; }
    @media (min-width: 1024px) {
      .mod_content_quick_access .episode .episode_title {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
        color: #fff; } }
    @media (max-width: 1023px) {
      .mod_content_quick_access .episode .episode_title {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
        line-height: 1.1875rem; } }
  @media (min-width: 1024px) {
    .mod_content_quick_access .episode .broadcast_information {
      color: #a8a8a8;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 18px;
      line-height: 1.125rem; } }
  .mod_content_quick_access .episode .broadcast_information .meta_duration {
    margin-left: 23px;
    margin-left: 1.4375rem; }
  .mod_content_quick_access .episode .service_footer .service_link {
    color: #fff; }
    @media (min-width: 1024px) {
      .mod_content_quick_access .episode .service_footer .service_link {
        padding: 0;
        height: 30px;
        height: 1.875rem;
        line-height: 30px;
        line-height: 1.875rem; } }

.no-touch .mod_content_quick_access .details_page_link:hover,
.no-touch .mod_content_quick_access .details_page_link:focus,
.no-touch .mod_content_quick_access .wrapper:hover .episode_title,
.no-touch .mod_content_quick_access .wrapper:focus .episode_title,
.no-touch .mod_content_quick_access .service_link:hover,
.no-touch .mod_content_quick_access .service_link:focus {
  text-decoration: underline; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Datumsslider
 *
 * 
 */
.mod_date_slider {
  color: #fff;
  /* Spezialstyles für aktive Items */ }
  @media (min-width: 1024px) {
    .mod_date_slider {
      background-color: #2a3767;
      border-bottom: 1px solid #254d7b;
      padding-bottom: 10px;
      padding-bottom: 0.625rem; } }
  @media (max-width: 1023px) {
    .mod_date_slider {
      background-color: #001c61; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_date_slider {
      padding: 10px 15px;
      padding: 0.625rem 0.9375rem; } }
  @media (max-width: 767px) {
    .mod_date_slider {
      padding: 10px 5px;
      padding: 0.625rem 0.3125rem; } }
  .mod_date_slider .stage {
    position: relative; }
  @media (min-width: 1024px) {
    .mod_date_slider .slider_nav {
      display: none; } }
  @media (max-width: 1023px) {
    .mod_date_slider .slider_nav {
      position: absolute;
      font-size: 17px;
      font-size: 1.0625rem;
      color: #fff;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
      cursor: pointer;
      width: 17px;
      width: 1.0625rem;
      height: 70px;
      height: 4.375rem;
      top: 0; } }
  .mod_date_slider .slider_nav .ico {
    width: 17px;
    width: 1.0625rem;
    height: 18px;
    height: 1.125rem;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-top: -0.5625rem; }
  .mod_date_slider .disabled {
    opacity: 0.2; }
  .mod_date_slider .slider_nav_prev {
    left: 0; }
  .mod_date_slider .slider_nav_next {
    right: 0; }
  @media (max-width: 1023px) {
    .mod_date_slider .viewport {
      margin: 0 30px;
      margin: 0 1.875rem; } }
  @media (min-width: 1024px) {
    .mod_date_slider .viewport {
      /* "Hack"; Grund: Setzen des korrigierten Margins per Javascript leicht verzögert, daher initial falsche Darstellung */
      margin-left: -5px;
      margin-left: -0.3125rem;
      margin-right: -5px;
      margin-right: -0.3125rem; } }
  @media (min-width: 1024px) {
    .mod_date_slider .slider_list {
      /* fix für safari */
      display: block; }
      .mod_date_slider .slider_list:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; } }
  .mod_date_slider .slider_list_item {
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    position: relative; }
    @media (min-width: 1024px) {
      .mod_date_slider .slider_list_item {
        width: 80px;
        width: 5rem;
        height: 75px;
        height: 4.6875rem;
        margin: 0 5px;
        margin: 0 0.3125rem;
        background-color: #344580;
        float: left; } }
    @media (max-width: 1023px) {
      .mod_date_slider .slider_list_item {
        width: 70px;
        width: 4.375rem;
        height: 70px;
        height: 4.375rem;
        background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        margin: 0 5px;
        margin: 0 0.3125rem; } }
  .mod_date_slider .day_wrapper {
    display: block;
    height: 100%; }
    @media (min-width: 1024px) {
      .mod_date_slider .day_wrapper {
        color: #c3c3c3; } }
    @media (max-width: 1023px) {
      .mod_date_slider .day_wrapper {
        color: #fff; } }
  .mod_date_slider .day {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 48px;
    height: 3rem;
    margin-top: -24px;
    margin-top: -1.5rem;
    padding: 0 4px;
    padding: 0 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mod_date_slider .day_short {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400; }
  @media (min-width: 1024px) {
    .mod_date_slider .published_before_date_x .day {
      margin-top: -23px;
      margin-top: -1.4375rem; } }
  .mod_date_slider .published_before_date_x .day_short {
    font-size: 17px;
    font-size: 1.0625rem;
    display: block;
    margin-bottom: 6px;
    margin-bottom: 0.375rem; }
  .mod_date_slider .slider_list_item.active {
    background: #fff none; }
    .mod_date_slider .slider_list_item.active .day_wrapper {
      color: #001c61; }
    @media (min-width: 1024px) {
      .mod_date_slider .slider_list_item.active .date {
        color: #a8a8a8; } }

.no-touch .mod_date_slider .slider_list_item:hover, .no-touch .mod_date_slider .slider_list_item:focus, .no-touch .mod_date_slider .slider_list_item:active {
  background: transparent none; }

.no-touch .mod_date_slider .slider_list_item.active {
  background: #fff none; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Tageszeitenfilter
 *
 * 
 */
@media (min-width: 768px) and (max-width: 1023px) {
  .mod_daytime_list {
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_daytime_list .daytime_list_container {
    display: none;
    /* "Hack"; Grund: Da die Filter korrekt per Javascript ein- und ausgeblendet werden, sieht man intial ein Flackern. */
    float: right; } }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list {
    position: relative;
    bottom: -20px;
    bottom: -1.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_daytime_list .base_list {
    display: table;
    width: 100%; } }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list_item {
    float: left;
    border: 0;
    margin-left: 20px;
    margin-left: 1.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_daytime_list .base_list_item {
    display: table-cell; } }

@media (max-width: 1023px) {
  .mod_daytime_list .base_list_item.active {
    background: #c5cbe2; } }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list_item.active .base_list_item_headline {
    color: #a8a8a8; } }

@media (max-width: 1023px) {
  .mod_daytime_list .base_list_item.active .base_list_item_headline {
    color: #fff; } }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list_item_inner {
    padding: 0; } }

@media (min-width: 1024px) {
  .mod_daytime_list .base_list_item_headline {
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_daytime_list .base_list_item_headline {
    font-size: 21px;
    font-size: 1.3125rem;
    text-align: center; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Videodetails
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_details {
    float: right;
    width: 346px;
    width: 21.625rem;
    height: 283px;
    height: 17.6875rem;
    overflow-y: auto;
    background-color: #fff; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_details {
    background-color: #fff;
    color: #001c61; } }

@media (min-width: 768px) {
  .mod_details .details_info {
    display: none; } }

@media (max-width: 767px) {
  .mod_details .details_info {
    padding: 10px 10px 6px;
    padding: 0.625rem 0.625rem 0.375rem; } }

@media (max-width: 767px) {
  .mod_details .details_info h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #001c61;
    margin-bottom: 4px;
    margin-bottom: 0.25rem; } }

@media (max-width: 767px) {
  .mod_details .details_info .meta_duration {
    margin-left: 23px;
    margin-left: 1.4375rem; } }

.mod_details .details_description {
  -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
  box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); }
  @media (min-width: 1024px) {
    .mod_details .details_description {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem;
      padding: 10px;
      padding: 0.625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_details .details_description {
      padding: 15px 10px;
      padding: 0.9375rem 0.625rem; } }
  @media (max-width: 767px) {
    .mod_details .details_description {
      padding: 0 10px 10px;
      padding: 0 0.625rem 0.625rem; } }

.mod_details.no_shadow .details_description {
  -webkit-box-shadow: none;
  box-shadow: none; }

.mod_details .service_footer {
  -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
  box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_details .service_footer {
      background-color: #001c61; } }
  @media (min-width: 1024px) {
    .mod_details .service_footer .service_link {
      padding-top: 10px;
      padding-top: 0.625rem;
      padding-bottom: 10px;
      padding-bottom: 0.625rem;
      width: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-align: center; } }
  @media (max-width: 1023px) {
    .mod_details .service_footer .service_link {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_details .service_footer .service_link {
      color: #fff; } }
  .mod_details .service_footer .icon_wrapper {
    position: relative; }
    @media (min-width: 1024px) {
      .mod_details .service_footer .icon_wrapper {
        padding-right: 12px;
        padding-right: 0.75rem; } }
    @media (max-width: 1023px) {
      .mod_details .service_footer .icon_wrapper {
        padding-right: 30px;
        padding-right: 1.875rem; } }
  @media (min-width: 1024px) {
    .mod_details .service_footer .ico {
      display: block;
      font-size: 8px;
      font-size: 0.5rem;
      margin-top: -4px;
      margin-top: -0.25rem;
      position: absolute;
      top: 50%;
      right: 0; } }
  @media (max-width: 1023px) {
    .mod_details .service_footer .ico {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-top: -8px;
      margin-top: -0.5rem; } }

/**
 * Module - Engine Informationen
 *
 * @subsection mod_engine_information
 */
.mod_engine_information {
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  min-height: 18px;
  min-width: 60px;
  background-image: -owg-linear-gradient(#F0EFF1, #DCD9DE);
  background-image: -webkit-linear-gradient(#F0EFF1, #DCD9DE);
  background-image: -moz-linear-gradient(#F0EFF1, #DCD9DE);
  background-image: -o-linear-gradient(#F0EFF1, #DCD9DE);
  background-image: linear-gradient(#F0EFF1, #DCD9DE);
  border-radius: 6px;
  border: 1px solid #DCD9DE;
  font-size: 13px;
  color: #665874;
  font-weight: bold; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_epg .subheadline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_epg .epg {
    padding: 0 15px;
    padding: 0 0.9375rem; } }

@media (min-width: 768px) {
  .mod_epg .epg {
    /* fix für safari */
    display: block; }
    .mod_epg .epg:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

.mod_epg .program {
  /* Sonderregelung für ORF3: Hier muss der Slogan "Kultur und Information" (intern: Fliegenschiss) auf dem Inhalt liegen */ }
  @media (min-width: 1024px) {
    .mod_epg .program {
      width: 192px;
      width: 12rem;
      float: left;
      margin-left: 10px;
      margin-left: 0.625rem;
      border-bottom: 0 none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program {
      border-bottom: 0 none;
      float: left;
      width: 50%;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program:first-of-type {
      margin-left: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program:nth-child(odd) {
      padding-right: 10px;
      padding-right: 0.625rem;
      clear: left; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program:nth-child(even) {
      padding-left: 10px;
      padding-left: 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program .program_inner {
      padding: 0;
      cursor: auto; } }
  @media (max-width: 1023px) {
    .mod_epg .program .program_inner {
      border-bottom: 1px solid #d1d0d0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .program_inner {
      background-color: #fff;
      padding: 10px;
      padding: 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program .program_inner:focus, .mod_epg .program .program_inner:active {
      background-color: transparent; } }
  @media (min-width: 768px) {
    .mod_epg .program .program_inner .ico {
      display: none; } }
  @media (max-width: 1023px) {
    .mod_epg .program.expanded .program_inner {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .program_name {
      height: 41px;
      height: 2.5625rem;
      line-height: 41px;
      line-height: 2.5625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .episodes {
      background: #fff; } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .static {
      border-top: 0 none;
      color: #fff;
      padding: 8px;
      padding: 0.5rem;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 23px;
      line-height: 1.4375rem;
      color: #a8a8a8;
      height: 83px;
      height: 5.1875rem;
      border-bottom: 1px solid #001c61; } }
  .mod_epg .program .episodes .base_list_item {
    position: relative; }
    @media (min-width: 1024px) {
      .mod_epg .program .episodes .base_list_item {
        border-bottom: 1px solid transparent;
        clear: both; } }
    .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner {
      background-color: #232b50; }
      .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner:hover .base_list_item_headline, .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner:hover .broadcast_information {
        text-decoration: none; }
      @media (max-width: 1023px) {
        .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner {
          background-color: #a8a8a8; } }
      .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner .base_list_item_headline, .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner .broadcast_information {
        color: #525870; }
        @media (max-width: 1023px) {
          .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner .base_list_item_headline, .mod_epg .program .episodes .base_list_item.is_protected .base_list_item_inner .broadcast_information {
            color: #777; } }
    .mod_epg .program .episodes .base_list_item.is_protected .is_restartable {
      display: none; }
    .mod_epg .program .episodes .base_list_item.is_protected .is_uhd {
      display: none; }
    .mod_epg .program .episodes .base_list_item.is_protected .state {
      display: none; }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .base_list_item_inner {
      padding: 8px;
      padding: 0.5rem;
      overflow: hidden;
      height: 83px;
      height: 5.1875rem;
      background-color: #2a3767; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .episodes .base_list_item_inner {
      height: 62px;
      height: 3.875rem;
      padding: 13px 10px;
      padding: 0.8125rem 0.625rem; } }
  @media (max-width: 1023px) {
    .mod_epg .program .episodes .base_list_item_inner {
      padding-right: 30px;
      padding-right: 1.875rem;
      position: relative; } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .base_list_item_inner:focus, .mod_epg .program .episodes .base_list_item_inner:active {
      background-color: #001c61; } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .base_list_item.has_regional_content {
      height: 199px;
      height: 12.4375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .episodes .base_list_item.has_regional_content {
      height: 266px;
      height: 16.625rem; } }
  @media (min-width: 768px) {
    .mod_epg .program .episodes .base_list_item.has_regional_content .base_list_item_inner {
      height: auto; } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .base_list_item.has_regional_content .base_list_item_headline {
      height: 20px;
      height: 1.25rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .broadcast_information {
      color: #a8a8a8;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 23px;
      line-height: 1.4375rem;
      width: 90%px;
      width: 5.625%rem;
      /* Damit der State nicht überlagert wird */ } }
  @media (min-width: 1024px) {
    .mod_epg .program .episodes .base_list_item_headline {
      color: #fff;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      max-height: 60px;
      max-height: 3.75rem;
      /* Falls der Titel zu lang wird, soll er abgeschnitten werden */ } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_epg .program .episodes .base_list_item_headline {
      max-height: 42px;
      max-height: 2.625rem;
      /* Falls der Titel zu lang wird, soll er abgeschnitten werden */ } }
  @media (min-width: 768px) {
    .mod_epg .program .episodes .base_list_item_headline {
      overflow: hidden; } }
  @media (min-width: 1024px) {
    .mod_epg .program.orf1 .base_list_item_headline img {
      width: 80px;
      width: 5rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program.orf2 .base_list_item_headline img {
      width: 57px;
      width: 3.5625rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program.orf3 .base_list_item_headline img {
      width: 60px;
      width: 3.75rem;
      margin-bottom: -5px;
      margin-bottom: -0.3125rem; } }
  @media (min-width: 1024px) {
    .mod_epg .program.orfs .base_list_item_headline img {
      width: 113px;
      width: 7.0625rem; } }

.no-touch .mod_epg .episodes .base_list_item_inner:hover .base_list_item_headline,
.no-touch .mod_epg .episodes .base_list_item_inner:focus .base_list_item_headline {
  text-decoration: underline; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  Errors ( 50x, 40x)
 *
 */
.mod_error {
  padding: 40px 15px;
  color: #fff;
  background-color: #001c61; }
  .mod_error a {
    color: #fff; }
  .mod_error .placeholder {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .mod_error .placeholder {
        float: left;
        margin-right: 15px; } }
  .mod_error .title,
  .mod_error .subtitle,
  .mod_error .description {
    overflow: hidden; }
  .mod_error .title {
    margin-bottom: 40px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    line-height: 1.25rem; }
  .mod_error .subtitle {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem; }
  .mod_error .description {
    margin-bottom: 15px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  Hinweis/ Eyecatcher
 *
 */
.mod_eyecatcher {
  background-color: #2a3767;
  color: #fff;
  padding: 10px;
  padding: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 23px;
  line-height: 1.4375rem; }
  .mod_eyecatcher a {
    color: #fff; }
  @media (min-width: 1024px) {
    .mod_eyecatcher {
      margin: 0 0 20px;
      margin: 0 0 1.25rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_eyecatcher {
      margin: 20px 15px;
      margin: 1.25rem 0.9375rem; } }
  @media (max-width: 767px) {
    .mod_eyecatcher {
      margin: 20px 10px 0;
      margin: 1.25rem 0.625rem 0; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  FAQ
 *
 */
@media (min-width: 768px) and (max-width: 1023px) {
  .mod_faq {
    background-color: #171717; } }

.mod_faq .text {
  font-size: 20px; }

.mod_faq .base_list_item {
  color: #fff; }
  @media (min-width: 1024px) {
    .mod_faq .base_list_item {
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
      border-bottom: 0;
      background-color: #171717; } }
  .mod_faq .base_list_item .base_list_item_headline {
    color: #fff; }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_faq .base_list_item_inner {
    padding-left: 15px;
    padding-left: 0.9375rem; } }

.mod_faq .base_list_item_inner:focus, .mod_faq .base_list_item_inner:active {
  background: #171717; }

.mod_faq .answer {
  color: #fff; }
  @media (min-width: 1024px) {
    .mod_faq .answer {
      padding: 0 10px 10px;
      padding: 0 0.625rem 0.625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_faq .answer {
      padding: 0 15px 10px;
      padding: 0 0.9375rem 0.625rem; } }
  @media (max-width: 767px) {
    .mod_faq .answer {
      padding: 0 10px 10px;
      padding: 0 0.625rem 0.625rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Genreliste
 *
 * 
 */
.mod_genre_list {
  /* Ausnahme für die Favoriten */ }
  @media (min-width: 1024px) {
    .mod_genre_list {
      margin-bottom: 38px;
      margin-bottom: 2.375rem; } }
  @media (min-width: 1024px) {
    .mod_genre_list .subheadline {
      background-image: none;
      position: static;
      margin-bottom: 7px;
      margin-bottom: 0.4375rem;
      padding: 0;
      cursor: auto;
      font-weight: 400; } }
  @media (min-width: 1024px) {
    .mod_genre_list .subheadline .ico {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .base_list {
      margin: 15px;
      margin: 0.9375rem;
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item {
      width: 260px;
      width: 16.25rem;
      margin-left: 10px;
      margin-left: 0.625rem;
      background-color: #2a3767; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .base_list_item {
      width: 50%;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (min-width: 768px) {
    .mod_genre_list .base_list_item {
      float: left;
      border-bottom: 0 none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .base_list_item:nth-of-type(odd) {
      padding-right: 10px;
      padding-right: 0.625rem;
      clear: left; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .base_list_item:nth-of-type(even) {
      padding-left: 10px;
      padding-left: 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item:nth-of-type(3n+1) {
      clear: left;
      margin-left: 0; } }
  .mod_genre_list .base_list_item.current .base_list_item_inner {
    background: #eef1f7; }
  .mod_genre_list .base_list_item.current .base_list_item_headline {
    color: #001c61; }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item_inner {
      padding: 10px 6px;
      padding: 0.625rem 0.375rem;
      border-top: 1px solid #a8a8a8; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .base_list_item_inner {
      padding-top: 25px;
      padding-top: 1.5625rem;
      padding-bottom: 25px;
      padding-bottom: 1.5625rem;
      padding-left: 10px;
      padding-left: 0.625rem;
      border-bottom: 1px solid #e3e3e3; } }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item_inner .ico_arrow_right, .mod_genre_list .base_list_item_inner .collapsed > .expand_selector > .ico_arrow {
      display: none; } }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item:first-of-type .base_list_item_inner,
    .mod_genre_list .base_list_item:nth-of-type(2) .base_list_item_inner,
    .mod_genre_list .base_list_item:nth-of-type(3) .base_list_item_inner {
      border-top: 0; } }
  @media (min-width: 1024px) {
    .mod_genre_list .base_list_item_headline {
      color: #fff;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 22px;
      line-height: 1.375rem; } }
  @media (max-width: 1023px) {
    .mod_genre_list .base_list_item_headline {
      font-size: 16px;
      font-size: 1rem;
      line-height: 17px;
      line-height: 1.0625rem; } }
  .mod_genre_list .base_list_item_inner .ico_arrow_right, .mod_genre_list .base_list_item_inner .collapsed > .expand_selector > .ico_arrow {
    color: #001c61; }
  @media (min-width: 1024px) {
    .mod_genre_list .favourites .ico_star_filled, .mod_genre_list .favourites .favstar.is_faved .ico_star, .favstar.is_faved .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .favourites .ico_star {
      font-size: 20px;
      font-size: 1.25rem;
      top: 9px;
      top: 0.5625rem;
      color: #fff; } }
  @media (max-width: 1023px) {
    .mod_genre_list .favourites .ico_star_filled, .mod_genre_list .favourites .favstar.is_faved .ico_star, .favstar.is_faved .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .favourites .ico_star {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_genre_list .favourites .ico_star_filled, .mod_genre_list .favourites .favstar.is_faved .ico_star, .favstar.is_faved .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .favourites .ico_star {
      top: 18px;
      top: 1.125rem; } }
  @media (max-width: 767px) {
    .mod_genre_list .favourites .ico_star_filled, .mod_genre_list .favourites .favstar.is_faved .ico_star, .favstar.is_faved .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .favourites .ico_star, .mod_genre_list .favourites .no-touch .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .favourites .ico_star {
      top: 13px;
      top: 0.8125rem; } }
  @media (min-width: 1024px) {
    .mod_genre_list .favourites.current .ico_star_filled, .mod_genre_list .favourites.current .favstar.is_faved .ico_star, .favstar.is_faved .mod_genre_list .favourites.current .ico_star, .mod_genre_list .favourites.current .no-touch .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .favourites.current .ico_star, .mod_genre_list .favourites.current .no-touch .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .favourites.current .ico_star, .mod_genre_list .favourites.current .no-touch .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .favourites.current .ico_star {
      color: #001c61; } }
  .mod_genre_list .favourites .base_list_item_headline {
    margin-left: 30px;
    margin-left: 1.875rem; }
  @media (min-width: 1024px) {
    .mod_genre_list .service_footer {
      margin-top: 20px;
      margin-top: 1.25rem; } }
  .mod_genre_list .service_footer .service_link {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #2a3767;
    padding: 8px 14px;
    padding: 0.5rem 0.875rem; }
    @media (min-width: 1024px) {
      .mod_genre_list .service_footer .service_link {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 20px;
        line-height: 1.25rem; } }
    @media (max-width: 1023px) {
      .mod_genre_list .service_footer .service_link {
        font-size: 16px;
        font-size: 1rem;
        line-height: 17px;
        line-height: 1.0625rem;
        background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%); } }

.no-touch .mod_genre_list .base_list_item_inner:hover, .no-touch .mod_genre_list .base_list_item_inner:focus, .no-touch .mod_genre_list .base_list_item_inner:active {
  background-color: #eef1f7; }
  .no-touch .mod_genre_list .base_list_item_inner:hover .ico_star_filled, .no-touch .mod_genre_list .base_list_item_inner:hover .favstar.is_faved .ico_star, .favstar.is_faved .no-touch .mod_genre_list .base_list_item_inner:hover .ico_star, .no-touch .mod_genre_list .base_list_item_inner:hover .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .base_list_item_inner:hover .ico_star, .no-touch .mod_genre_list .base_list_item_inner:hover .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .base_list_item_inner:hover .ico_star, .no-touch .mod_genre_list .base_list_item_inner:hover .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .base_list_item_inner:hover .ico_star, .no-touch .mod_genre_list .base_list_item_inner:focus .ico_star_filled, .no-touch .mod_genre_list .base_list_item_inner:focus .favstar.is_faved .ico_star, .favstar.is_faved .no-touch .mod_genre_list .base_list_item_inner:focus .ico_star, .no-touch .mod_genre_list .base_list_item_inner:focus .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .base_list_item_inner:focus .ico_star, .no-touch .mod_genre_list .base_list_item_inner:focus .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .base_list_item_inner:focus .ico_star, .no-touch .mod_genre_list .base_list_item_inner:focus .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .base_list_item_inner:focus .ico_star, .no-touch .mod_genre_list .base_list_item_inner:active .ico_star_filled, .no-touch .mod_genre_list .base_list_item_inner:active .favstar.is_faved .ico_star, .favstar.is_faved .no-touch .mod_genre_list .base_list_item_inner:active .ico_star, .no-touch .mod_genre_list .base_list_item_inner:active .favstar:hover .ico_star, .no-touch .favstar:hover .mod_genre_list .base_list_item_inner:active .ico_star, .no-touch .mod_genre_list .base_list_item_inner:active .favstar:focus .ico_star, .no-touch .favstar:focus .mod_genre_list .base_list_item_inner:active .ico_star, .no-touch .mod_genre_list .base_list_item_inner:active .favstar:active .ico_star, .no-touch .favstar:active .mod_genre_list .base_list_item_inner:active .ico_star {
    color: #001c61; }
  .no-touch .mod_genre_list .base_list_item_inner:hover .base_list_item_headline, .no-touch .mod_genre_list .base_list_item_inner:focus .base_list_item_headline, .no-touch .mod_genre_list .base_list_item_inner:active .base_list_item_headline {
    color: #001c61; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Letzte Episoden
 * Das Modul "Letzte Episoden" wird auf zwei Seiten eingebunden: Der Sendungen-Seiten (zu erreichen über die Hauptnavigation) und der Detailseite (zu erreichen beim Klick auf eine Sendung/ einen Beitrag)
 * Wir gehen davon aus, dass die Darstellung auf der Detailseite der Default-Darstellung entspricht (d.h. dass bei erneuter Einbettung des "Letzte-Episoden"-Moduls dieses genau so dargestellt wird wie auf der Detailseite).
 */
/* Allgemeine Styles */
@media (min-width: 1024px) {
  .mod_latest_episodes {
    clear: both;
    margin-bottom: 30px;
    margin-bottom: 1.875rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_latest_episodes {
    margin: 0 15px 20px;
    margin: 0 0.9375rem 1.25rem;
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .subheadline {
    font-weight: 400;
    margin-bottom: 4px;
    margin-bottom: 0.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_latest_episodes .subheadline {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .base_list {
    background-color: #fff;
    position: relative; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .base_list:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    width: 0.125rem;
    height: 100%;
    margin-left: -1px;
    margin-left: -0.0625rem;
    background-color: #a8a8a8; } }

@media (min-width: 768px) {
  .mod_latest_episodes .base_list_item {
    float: left;
    width: 50%;
    border-bottom: 0 none; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .base_list_item_inner {
    padding: 10px;
    padding: 0.625rem;
    /* fix für safari */
    display: block; }
    .mod_latest_episodes .base_list_item_inner:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .base_list_item_inner {
    border-top: 2px solid #a8a8a8; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_latest_episodes .base_list_item_inner {
    border-bottom: 1px solid #e3e3e3; } }

@media (min-width: 768px) {
  .mod_latest_episodes .base_list_item:nth-child(odd) {
    clear: left; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .base_list_item:first-of-type .base_list_item_inner,
  .mod_latest_episodes .base_list_item:nth-of-type(2) .base_list_item_inner {
    border-top: 0; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .ico {
    display: none; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .meta {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    display: block;
    margin: 0;
    font-weight: 400;
    color: #001c61; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .meta_headline {
    width: 66.6666%;
    float: left;
    /* fix für safari */
    display: block; }
    .mod_latest_episodes .meta_headline:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .meta_date,
  .mod_latest_episodes .meta_time {
    width: 50%;
    float: left; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_latest_episodes .meta_time {
    margin-left: 23px;
    margin-left: 1.4375rem; } }

@media (max-width: 767px) {
  .mod_latest_episodes .meta_time {
    margin-left: 6px;
    margin-left: 0.375rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_latest_episodes .meta_time:before {
    content: "-";
    position: relative;
    left: -11px;
    left: -0.6875rem; } }

@media (min-width: 1024px) {
  .mod_latest_episodes .meta_duration {
    width: 33.3333%;
    float: left; } }

.no-touch .mod_latest_episodes .base_list_item_inner:hover, .no-touch .mod_latest_episodes .base_list_item_inner:focus, .no-touch .mod_latest_episodes .base_list_item_inner:active {
  background-color: #eef1f7; }
  .no-touch .mod_latest_episodes .base_list_item_inner:hover .meta, .no-touch .mod_latest_episodes .base_list_item_inner:focus .meta, .no-touch .mod_latest_episodes .base_list_item_inner:active .meta {
    color: #001c61; }

/* Scope: Sendungen-Seite */
@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 395px;
    width: 24.6875rem;
    height: 704px;
    height: 44rem;
    margin: 0;
    background-color: #2a3767; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes {
    width: 200%;
    margin: 0;
    background-color: #eef1f7;
    -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
    box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list {
    background-color: transparent; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list:before {
    content: none; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item {
    width: auto;
    float: none; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .text {
    padding: 0 10px;
    padding: 0 0.625rem; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .base_list_item_inner {
    margin: 0;
    padding: 10px;
    padding: 0.625rem;
    border-bottom: 1px solid #a8a8a8;
    border-top: 0 none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item .base_list_item_inner {
    /* fix für safari */
    display: block; }
    .mod_results_list .mod_latest_episodes .base_list_item .base_list_item_inner:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta_headline {
    width: auto;
    float: none; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta {
    color: #a8a8a8;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    float: none;
    display: inline; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta_date,
  .mod_results_list .mod_latest_episodes .base_list_item .meta_time {
    float: none;
    width: auto; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta_online_till {
    float: right; } }

@media (max-width: 767px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta_online_till {
    display: none; } }

@media (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item .meta_duration {
    display: block; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item .ico {
    display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .base_list_item_inner {
    margin-right: 0;
    border-top: 0 none; } }

@media (max-width: 767px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .base_list_item_inner {
    /* fix für safari */
    display: block;
    padding-top: 0; }
    .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .base_list_item_inner:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; }
    .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .base_list_item_inner .meta_online_till {
      display: inline;
      position: absolute;
      bottom: 18px;
      bottom: 1.125rem; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .episode_image {
    width: 138px;
    width: 8.625rem;
    margin-bottom: 18px;
    margin-bottom: 1.125rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .episode_image {
    width: 51.4749%;
    /* parent width: 678px; (x * 100) / 678px = 15px */
    float: left;
    margin: 0; } }

@media (max-width: 767px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .episode_image {
    width: 42.1429%;
    /* parend width: 280; (x * 100) / 280 = 118 */
    margin-right: 3.571%;
    float: left; } }

.mod_results_list .mod_latest_episodes .base_list_item:first-of-type .episode_image img {
  width: 100%;
  height: auto; }

@media (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .broadcast_information {
    float: right; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .broadcast_information {
    width: 45.5752%;
    /* parent width: 678px; (x * 100) / 678px = 309px */ } }

@media (max-width: 767px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .broadcast_information {
    width: 54.2857%;
    /* parent width: 280px; (x * 100) / 280px = 152px */ } }

@media (max-width: 767px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type .broadcast_information .meta {
    color: #808080;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 400;
    display: block; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type ~ .base_list_item:nth-of-type(even) {
    clear: left; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type ~ .base_list_item:nth-of-type(even) .base_list_item_inner {
    margin-left: 0;
    margin-right: 10px;
    margin-right: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type ~ .base_list_item:nth-of-type(odd) {
    clear: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .mod_latest_episodes .base_list_item:first-of-type ~ .base_list_item:nth-of-type(odd) .base_list_item_inner {
    margin-right: 0;
    margin-left: 10px;
    margin-left: 0.625rem; } }

@media (min-width: 1024px) {
  .mod_results_list .mod_latest_episodes .base_list_item:last-of-type .base_list_item_inner {
    border: 0 none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item:nth-child(even) .mod_latest_episodes {
    margin-left: -100%; } }

.no-touch .mod_results_list .latest_episode .base_list_item_inner:hover,
.no-touch .mod_results_list .latest_episode .base_list_item_inner:focus,
.no-touch .mod_results_list .latest_episode .base_list_item_inner:active {
  background-color: #eef1f7; }
  .no-touch .mod_results_list .latest_episode .base_list_item_inner:hover .meta,
  .no-touch .mod_results_list .latest_episode .base_list_item_inner:focus .meta,
  .no-touch .mod_results_list .latest_episode .base_list_item_inner:active .meta {
    color: #001c61; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Linkliste
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_link_list {
    margin-bottom: 30px;
    margin-bottom: 1.875rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_link_list {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem; } }

@media (min-width: 1024px) {
  .mod_link_list .subheadline {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    font-weight: 400; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_link_list .subheadline {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .mod_link_list .base_list {
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_link_list .base_list_item {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; } }

@media (max-width: 1023px) {
  .mod_link_list .base_list_item {
    -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
    box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_link_list .base_list_item {
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_link_list .base_list_item:last-of-type {
    margin-bottom: 0; } }

.mod_link_list .base_list_item_inner {
  padding-left: 25px;
  padding-left: 1.5625rem; }

@media (min-width: 1024px) {
  .mod_link_list .base_list_item_headline {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 400; } }

@media (max-width: 1023px) {
  .mod_link_list .base_list_item_headline {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 19px;
    line-height: 1.1875rem; } }

.mod_link_list .ico_dot {
  color: #001c61;
  left: 10px;
  left: 0.625rem; }
  @media (min-width: 1024px) {
    .mod_link_list .ico_dot {
      font-size: 6px;
      font-size: 0.375rem;
      height: 6px;
      height: 0.375rem;
      width: 6px;
      width: 0.375rem;
      margin-top: -3px;
      margin-top: -0.1875rem; } }
  @media (max-width: 1023px) {
    .mod_link_list .ico_dot {
      font-size: 8px;
      font-size: 0.5rem;
      height: 8px;
      height: 0.5rem;
      width: 8px;
      width: 0.5rem;
      margin-top: -4px;
      margin-top: -0.25rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG-Ausschnitt Startseite
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_live_container {
    clear: both; } }

@media (min-width: 768px) {
  .mod_live_container {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (max-width: 767px) {
  .mod_live_container {
    display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_live_container .area_headline {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 1024px) {
  .mod_live_container .service_link {
    color: #fff; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_live_container .service_link {
    color: #fff; } }

.mod_livestream_hint {
  background-color: #DAEAFF;
  color: #001c61;
  padding: 5px;
  padding: 0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 23px;
  line-height: 1.4375rem; }
  .mod_livestream_hint a {
    font-weight: bold;
    color: #001c61; }
  @media (min-width: 1024px) {
    .mod_livestream_hint {
      margin: 0 0 20px;
      margin: 0 0 1.25rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_livestream_hint {
      margin: 20px 15px;
      margin: 1.25rem 0.9375rem; } }
  @media (max-width: 767px) {
    .mod_livestream_hint {
      margin: 20px 10px 0;
      margin: 1.25rem 0.625rem 0; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Verpasste Sendungen
 *
 * 
 */
.mod_missed_episodes {
  /* Spezialstyles fürs letzte .item */ }
  @media (min-width: 1024px) {
    .mod_missed_episodes {
      clear: both; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .subheadline {
      font-weight: 400;
      margin-bottom: 4px;
      margin-bottom: 0.25rem; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item {
      height: auto;
      margin: 0;
      padding: 10px;
      padding: 0.625rem;
      background-color: #2a3767;
      border-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item {
      margin: 0 15px 20px;
      margin: 0 0.9375rem 1.25rem;
      padding: 0; } }
  @media (min-width: 768px) {
    .mod_missed_episodes .item {
      float: none;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      width: auto; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item:last-of-type .info {
      border-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item .item_inner {
      padding: 10px;
      padding: 0.625rem; } }
  .mod_missed_episodes .item .item_inner .meta.meta_program_logo img {
    max-height: 14px; }
  .mod_missed_episodes .item .item_inner .meta.meta_program_logo .orf3 {
    max-height: 19px; }
  .mod_missed_episodes .item:active .item_inner,
  .mod_missed_episodes .item:focus .item_inner {
    background-color: transparent; }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item .item_header,
    .mod_missed_episodes .item .item_footer {
      width: 497px;
      width: 31.0625rem;
      margin-bottom: 2px;
      margin-bottom: 0.125rem;
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item .item_header,
    .mod_missed_episodes .item .item_footer {
      width: 61.0829%;
      /* parent width: 591px; (x * 100) / 591px = 361px */ } }
  @media (max-width: 767px) {
    .mod_missed_episodes .item .item_header,
    .mod_missed_episodes .item .item_footer {
      float: none;
      width: auto; } }
  @media (min-width: 768px) {
    .mod_missed_episodes .item .item_header,
    .mod_missed_episodes .item .item_footer {
      float: right; } }
  .mod_missed_episodes .item .item_title {
    margin: 0;
    float: left;
    max-width: 70%; }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item .item_description {
      padding: 0;
      width: 497px;
      width: 31.0625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item .item_description {
      width: 61.0829%;
      /* parent width: 591px; (x * 100) / 591px = 361px */ } }
  @media (min-width: 768px) {
    .mod_missed_episodes .item .item_description {
      float: right; } }
  @media (max-width: 767px) {
    .mod_missed_episodes .item .item_description {
      clear: both; } }
  @media (max-width: 1023px) {
    .mod_missed_episodes .item .item_description {
      margin-top: 10px;
      margin-top: 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .broadcast_information,
    .mod_missed_episodes .item_footer .meta {
      color: #a8a8a8;
      font-size: 12px;
      font-size: 0.75rem; } }
  .mod_missed_episodes .broadcast_information .meta_time {
    display: inline; }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item .item_footer {
      position: relative; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item .item_footer {
      padding: 0; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .intro {
      width: 120px;
      width: 7.5rem;
      margin-right: 10px;
      margin-right: 0.625rem; } }
  @media (max-width: 1023px) {
    .mod_missed_episodes .intro {
      margin-bottom: 10px;
      margin-bottom: 0.625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .intro {
      width: 17.6880%;
      /* parent width: 718px; (x * 100) / 718px = 127px */ } }
  @media (min-width: 768px) {
    .mod_missed_episodes .intro {
      float: left; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .info {
      width: 650px;
      width: 40.625rem;
      padding-bottom: 20px;
      padding-bottom: 1.25rem;
      color: #fff;
      border-bottom: 2px solid #a8a8a8; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .info {
      width: 82.3119%;
      /* parent width: 718px; (x * 100) / 718px = 591px */ } }
  @media (min-width: 768px) {
    .mod_missed_episodes .info {
      float: right; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .item_image {
      width: 138px;
      width: 8.625rem;
      margin-right: 15px;
      margin-right: 0.9375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .item_image {
      width: 35.7022%;
      /* parent width: 591px; (x * 100) / 591px = 211px */ } }
  @media (min-width: 768px) {
    .mod_missed_episodes .item_image {
      float: left; } }
  @media (max-width: 767px) {
    .mod_missed_episodes .item_image {
      margin: 0 0 10px;
      margin: 0 0 0.625rem;
      width: auto;
      float: none; } }
  .mod_missed_episodes .item_header .broadcast_information {
    margin-left: 23px;
    margin-left: 1.4375rem; }
    @media (max-width: 1023px) {
      .mod_missed_episodes .item_header .broadcast_information {
        float: right; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .switch_daytime {
      margin-top: 20px;
      margin-top: 1.25rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .switch_daytime {
      margin: 0 15px 20px;
      margin: 0 0.9375rem 1.25rem; } }
  @media (min-width: 768px) {
    .mod_missed_episodes .switch_daytime {
      padding: 0; } }
  @media (min-width: 768px) {
    .mod_missed_episodes .switch_daytime {
      text-align: right; } }
  @media (max-width: 767px) {
    .mod_missed_episodes .switch_daytime {
      background-color: #fff;
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24), 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset;
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24), 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset; } }
  .mod_missed_episodes .switch_daytime .next_datetime {
    cursor: pointer; }
    @media (min-width: 1024px) {
      .mod_missed_episodes .switch_daytime .next_datetime {
        color: #fff; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_missed_episodes .switch_daytime .next_datetime {
        background-color: #fff;
        color: #001c61;
        display: inline-block; } }
    @media (min-width: 768px) {
      .mod_missed_episodes .switch_daytime .next_datetime {
        padding: 10px 32px 10px 10px;
        padding: 0.625rem 2rem 0.625rem 0.625rem; } }
    @media (max-width: 767px) {
      .mod_missed_episodes .switch_daytime .next_datetime {
        color: #001c61;
        display: block; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .switch_daytime .ico {
      color: #fff;
      font-size: 10px;
      font-size: 0.625rem;
      margin-top: -5px;
      margin-top: -0.3125rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_missed_episodes .switch_daytime .ico {
      color: #001c61; } }
  @media (min-width: 1024px) {
    .mod_missed_episodes .service_footer {
      margin-top: 20px;
      margin-top: 1.25rem; } }
  .mod_missed_episodes .service_footer .service_link {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #2a3767;
    padding: 8px 14px;
    padding: 0.5rem 0.875rem; }
    @media (min-width: 1024px) {
      .mod_missed_episodes .service_footer .service_link {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 20px;
        line-height: 1.25rem; } }
    @media (max-width: 1023px) {
      .mod_missed_episodes .service_footer .service_link {
        font-size: 16px;
        font-size: 1rem;
        line-height: 17px;
        line-height: 1.0625rem;
        background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%); } }

/* Ausnahme für die Anzeige der verpassten Sendungen beim Klick auf den "Älter als..."-Filter */
@media (min-width: 1024px) {
  .mod_missed_episodes.spacer_bottom .daytime_item_wrapper {
    margin-bottom: 20px; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Sendungsprofile nach Namen
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_name_list {
    margin-bottom: 38px;
    margin-bottom: 2.375rem; } }

@media (min-width: 1024px) {
  .mod_name_list .subheadline {
    background-image: none;
    position: static;
    margin-bottom: 7px;
    margin-bottom: 0.4375rem;
    padding: 0;
    cursor: auto;
    font-weight: 400; } }

@media (min-width: 1024px) {
  .mod_name_list .subheadline .ico {
    display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_name_list .base_list {
    padding: 15px 8px;
    padding: 0.9375rem 0.5rem; } }

@media (max-width: 767px) {
  .mod_name_list .base_list {
    padding: 15px 3px;
    padding: 0.9375rem 0.1875rem; } }

.mod_name_list .base_list_item {
  float: left;
  border: 0 none;
  /* Inaktive "Buchstaben" */
  /* Aktive "Buchstaben" */ }
  @media (min-width: 1024px) {
    .mod_name_list .base_list_item {
      width: 20px;
      width: 1.25rem;
      height: 20px;
      height: 1.25rem;
      background-color: #2a3767;
      margin-left: 10px;
      margin-left: 0.625rem; } }
  @media (max-width: 1023px) {
    .mod_name_list .base_list_item {
      background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_name_list .base_list_item {
      margin: 7px;
      margin: 0.4375rem;
      width: 93px;
      width: 5.8125rem;
      height: 93px;
      height: 5.8125rem; } }
  @media (max-width: 767px) {
    .mod_name_list .base_list_item {
      margin: 3px;
      margin: 0.1875rem;
      width: 55px;
      width: 3.4375rem;
      height: 55px;
      height: 3.4375rem; } }
  @media (max-width: 1023px) {
    .mod_name_list .base_list_item.inactive {
      background: #d4d9e9; } }
  .mod_name_list .base_list_item.inactive .base_list_item_inner {
    cursor: default; }
  @media (min-width: 1024px) {
    .mod_name_list .base_list_item.inactive .base_list_item_headline {
      color: #808080; } }
  .mod_name_list .base_list_item.active {
    background: #fff; }

@media (min-width: 1024px) {
  .mod_name_list .base_list_item:first-of-type {
    margin-left: 0; } }

.mod_name_list .base_list_item_inner {
  padding: 0; }

.mod_name_list .base_list_item_headline {
  text-align: center;
  font-weight: 400;
  color: #fff; }
  @media (min-width: 1024px) {
    .mod_name_list .base_list_item_headline {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 20px;
      line-height: 1.25rem; } }
  @media (max-width: 1023px) {
    .mod_name_list .base_list_item_headline {
      border: 1px solid transparent;
      /* Verhindert Springen bei aktiven Buchstaben, dort gibt es nämlich einen farbigen Border */ } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_name_list .base_list_item_headline {
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 93px;
      line-height: 5.8125rem; } }
  @media (max-width: 767px) {
    .mod_name_list .base_list_item_headline {
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 53px;
      line-height: 3.3125rem; } }

.mod_name_list .base_list_item.active .base_list_item_headline,
.mod_name_list .base_list_item:focus .base_list_item_headline,
.mod_name_list .base_list_item:active .base_list_item_headline {
  color: #001c61; }
  @media (max-width: 1023px) {
    .mod_name_list .base_list_item.active .base_list_item_headline,
    .mod_name_list .base_list_item:focus .base_list_item_headline,
    .mod_name_list .base_list_item:active .base_list_item_headline {
      border: 1px solid #001c61; } }

.mod_name_list .base_list_item.inactive .base_list_item_inner:focus,
.mod_name_list .base_list_item.inactive .base_list_item_inner:active {
  background-color: transparent; }

.mod_name_list .base_list_item.inactive .base_list_item_inner:focus .base_list_item_headline,
.mod_name_list .base_list_item.inactive .base_list_item_inner:active .base_list_item_headline {
  color: #fff; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * ORF Additional Content
 *
 *
 */
.mod_orf_content {
  text-align: left;
  color: #001c61;
  /* Die content_box sorgt dafür, dass die letzten Zeilen am Ende des Bereichs nicht unter dem Pseudoelement mit dem semitransparenten Verlauf liegen */ }
  @media (min-width: 1024px) {
    .mod_orf_content {
      margin-bottom: 30px;
      margin-bottom: 1.875rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_orf_content {
      background-color: #fff;
      margin: 0 15px 10px;
      margin: 0 0.9375rem 0.625rem; } }
  @media (max-width: 767px) {
    .mod_orf_content {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
  @media (min-width: 1024px) {
    .mod_orf_content .subheadline {
      font-weight: 400;
      margin-bottom: 4px;
      margin-bottom: 0.25rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_orf_content .subheadline {
      padding-right: 0;
      padding-left: 0; } }
  .mod_orf_content .orf_content {
    padding: 18px 10px;
    padding: 1.125rem 0.625rem;
    position: relative; }
    @media (min-width: 1024px) {
      .mod_orf_content .orf_content {
        background-color: #fff; } }
    @media (max-width: 767px) {
      .mod_orf_content .orf_content {
        -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
        box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
    @media (max-width: 1023px) {
      .mod_orf_content .orf_content:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        background-image: -owg-linear-gradient(rgba(255, 255, 255, 0), white 85%, white);
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), white 85%, white);
        background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), white 85%, white);
        background-image: -o-linear-gradient(rgba(255, 255, 255, 0), white 85%, white);
        background-image: linear-gradient(rgba(255, 255, 255, 0), white 85%, white);
        height: 100px;
        height: 6.25rem;
        width: 100%;
        pointer-events: none; } }
  .mod_orf_content .viewport {
    overflow: hidden; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_orf_content .viewport {
        height: 235px;
        height: 14.6875rem; } }
    @media (max-width: 767px) {
      .mod_orf_content .viewport {
        height: 321px;
        height: 20.0625rem; } }
  @media (max-width: 1023px) {
    .mod_orf_content .content_box {
      padding-bottom: 60px;
      padding-bottom: 3.75rem; } }
  @media (max-width: 1023px) {
    .mod_orf_content .expanded .viewport {
      height: auto; } }
  .mod_orf_content .expanded .content_box {
    padding: 5px; }
    @media (max-width: 1023px) {
      .mod_orf_content .expanded .content_box {
        padding-bottom: 0; } }
  @media (max-width: 1023px) {
    .mod_orf_content .expanded:after {
      background-image: none; } }
  @media (min-width: 1024px) {
    .mod_orf_content .service_footer {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_orf_content .service_footer {
      background-color: #001c61;
      text-align: right; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_orf_content .service_footer .service_link {
      color: #fff;
      display: inline-block; } }
  .mod_orf_content .service_footer .service_link:active, .mod_orf_content .service_footer .service_link:focus {
    text-decoration: none; }

/**
 * add a margin if .mod_orf_content is next to a mod_recommendation
 * @see https://redmine.exozet.com/issues/51556
 */
.mod_recommendation + .mod_orf_content {
  margin-top: 15px;
  margin-top: 0.9375rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Pagination
 *
 * @section mod_pagination
 */
.mod_pager {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  text-align: right; }
  @media (min-width: 1024px) {
    .mod_pager {
      margin: 20px 0;
      margin: 1.25rem 0; } }
  @media (max-width: 1023px) {
    .mod_pager {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_pager {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (max-width: 767px) {
    .mod_pager {
      background-color: #fff;
      padding: 10px;
      padding: 0.625rem; } }
  .mod_pager .pager_headline {
    margin-right: 4px;
    margin-right: 0.25rem; }
    @media (min-width: 768px) {
      .mod_pager .pager_headline {
        color: #fff; } }
    @media (max-width: 767px) {
      .mod_pager .pager_headline {
        color: #001c61; } }
  .mod_pager .pager_list {
    display: inline-block; }
  .mod_pager .pager_item {
    display: inline-block; }
    .mod_pager .pager_item a {
      font-weight: bold;
      text-align: center;
      background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
      height: 31px;
      height: 1.9375rem;
      padding: 0 10px;
      padding: 0 0.625rem;
      color: #fff;
      display: block;
      line-height: 31px;
      line-height: 1.9375rem; }
      .mod_pager .pager_item a:focus, .mod_pager .pager_item a:active {
        background: #001c61;
        text-decoration: none; }
    .mod_pager .pager_item .ico {
      font-size: 14px;
      font-size: 0.875rem; }
    .mod_pager .pager_item.prev .ico {
      margin-right: 6px;
      margin-right: 0.375rem; }
    .mod_pager .pager_item.next .ico {
      margin-left: 6px;
      margin-left: 0.375rem; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Player-Modul
 *
 * @section mod_player
 */
@media (min-width: 768px) {
  .episode_container .area_headline {
    display: none; } }

.episode_container .area_headline .meta_online_till {
  color: #8c8c8c;
  font-size: 13px;
  font-size: 0.8125rem; }

.mod_player {
  outline: none;
  position: relative;
  z-index: 1;
  /* Html5: .player_viewport > div#player_wrapper > div.video_wrapper > video */
  /* Html5: .player_viewport > div#player_wrapper > div.video_wrapper > video */ }
  @media (min-width: 1024px) {
    .mod_player {
      /* fix für safari */
      display: block;
      margin-bottom: 30px;
      margin-bottom: 1.875rem; }
      .mod_player:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; } }
  .mod_player.fullscreen {
    width: 100%;
    height: 100%;
    margin: 0; }
    .mod_player.fullscreen .player_viewport {
      width: 100%;
      height: 100%;
      padding-bottom: 0; }
  .mod_player.has-autoplay-disabled .b-player-controls, .mod_player.has-autoplay-disabled .title-wrapper {
    z-index: 1; }
  .mod_player.fullscreen.has-fade-out {
    cursor: none; }
  .mod_player .player_header {
    background-color: #333;
    color: #fff;
    overflow: hidden;
    position: relative; }
    @media (min-width: 1024px) {
      .mod_player .player_header {
        height: 22px;
        height: 1.375rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding: 0 10px;
        padding: 0 0.625rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_player .player_header {
        height: 40px;
        height: 2.5rem;
        line-height: 40px;
        line-height: 2.5rem;
        padding: 0 10px;
        padding: 0 0.625rem; } }
    @media (max-width: 767px) {
      .mod_player .player_header {
        display: none; } }
  .mod_player .video_headline {
    font-size: 14px;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis; }
    @media (min-width: 1024px) {
      .mod_player .video_headline {
        max-width: 50%;
        /* Damit die daneben stehende Zeit nicht umbricht */
        margin-right: 12px;
        margin-right: 0.75rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_player .video_headline {
        max-width: 55%;
        /* Damit die daneben stehende Zeit nicht umbricht */ } }
    @media (min-width: 768px) {
      .mod_player .video_headline {
        float: left; } }
  .mod_player .player_header .broadcast_information {
    color: #8c8c8c;
    font-size: 12px;
    font-size: 0.75rem; }
    @media (min-width: 1024px) {
      .mod_player .player_header .broadcast_information {
        line-height: 22px;
        line-height: 1.375rem;
        min-width: 40%; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_player .player_header .broadcast_information {
        line-height: 40px;
        line-height: 2.5rem;
        margin-right: 30px;
        margin-right: 1.875rem;
        /* Damit der Favoritenstern nicht überlagert wird */ } }
    @media (min-width: 768px) {
      .mod_player .player_header .broadcast_information {
        float: left; } }
    .mod_player .player_header .broadcast_information .meta_duration {
      margin-left: 23px;
      margin-left: 1.4375rem; }
      @media (min-width: 1024px) {
        .mod_player .player_header .broadcast_information .meta_duration {
          margin-left: 12px;
          margin-left: 0.75rem; } }
    .mod_player .player_header .broadcast_information .meta_online_till {
      position: absolute;
      top: 50%;
      right: 40px;
      right: 2.5rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_player .meta_date {
      margin-left: 23px;
      margin-left: 1.4375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_player .meta_time {
      margin-left: 23px;
      margin-left: 1.4375rem; } }
  @media (min-width: 1024px) {
    .mod_player .meta_time {
      margin-left: 12px;
      margin-left: 0.75rem; } }
  @media (min-width: 1024px) {
    .mod_player .meta_duration {
      margin-left: 23px;
      margin-left: 1.4375rem; } }
  .mod_player .favstar {
    position: absolute;
    top: 50%;
    right: 10px;
    right: 0.625rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none; }
    @media (min-width: 1024px) {
      .mod_player .favstar {
        line-height: 22px;
        line-height: 1.375rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_player .favstar {
        line-height: 40px;
        line-height: 2.5rem; } }
  .mod_player .player_viewport {
    background-color: #000;
    padding-bottom: 56.25%;
    position: relative;
    height: 0; }
    .mod_player .player_viewport #livestream-countdown {
      position: absolute;
      bottom: 0;
      padding: 10px;
      width: 100%;
      text-align: center;
      background: rgba(17, 17, 17, 0.75); }
      @media (max-width: 767px) {
        .mod_player .player_viewport #livestream-countdown {
          font-size: 14px;
          font-size: 0.875rem;
          padding: 4px; } }
  .mod_player.fullscreen .player_viewport {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto; }
  .mod_player.html5 {
    /* Html5-Player im Fullsize-Modus */ }
    @media (max-width: 767px) {
      .mod_player.html5 .player_header {
        display: block;
        height: 28px;
        height: 1.75rem;
        padding: 0 10px;
        padding: 0 0.625rem; } }
    @media (max-width: 767px) {
      .mod_player.html5 .video_headline {
        display: none; } }
    @media (max-width: 767px) {
      .mod_player.html5 .broadcast_information {
        line-height: 28px;
        line-height: 1.75rem; } }
    @media (max-width: 767px) {
      .mod_player.html5 .broadcast_information .meta_online_till {
        display: none; } }
    @media (max-width: 767px) {
      .mod_player.html5 .meta_time {
        margin-left: 23px;
        margin-left: 1.4375rem; } }
    .mod_player.html5 #player_wrapper {
      background-color: #000000;
      width: 100%;
      /* Werte für non-fluide Videos- sicherheitshalber noch dokumentiert, obwohl sie eigentlich nicht mehr benötigt werden */
      /*@include breakpoint(tablet) {
                @include px_rem(width, 738);
                @include px_rem(height, 443);
            }

            @include breakpoint(phone) {
                @include px_rem(width, 320);
                @include px_rem(height, 208);
            }*/
      /* Hier steckt das Video-Element drin */ }
      .mod_player.html5 #player_wrapper.fullscreen {
        width: 100%;
        height: 100%; }
        .mod_player.html5 #player_wrapper.fullscreen .video_wrapper {
          height: 100%;
          padding-bottom: 0; }
      .mod_player.html5 #player_wrapper .video_wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        /* Werte für non-fluide Videos- sicherheitshalber noch dokumentiert, obwohl sie eigentlich nicht mehr benötigt werden */
        /*@include breakpoint(tablet) {
                    @include px_rem(width, 738);
                    @include px_rem(height, 415);
                }

                @include breakpoint(phone) {
                    @include px_rem(width, 320);
                    @include px_rem(height, 180);
                }*/ }
        .mod_player.html5 #player_wrapper .video_wrapper video {
          width: 100%;
          height: 100%; }
        .mod_player.html5 #player_wrapper .video_wrapper .title-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          padding: 15px 20px;
          width: 100%;
          background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.57) 25%);
          opacity: 0;
          transition: opacity 0.4s linear, transform 0.5s ease-out;
          z-index: 1; }
          .mod_player.html5 #player_wrapper .video_wrapper .title-wrapper .video-title {
            font-size: 18px;
            line-height: 21px;
            font-weight: 500;
            margin: 0; }
          .mod_player.html5 #player_wrapper .video_wrapper .title-wrapper.is-visible {
            opacity: 1; }
        .mod_player.html5 #player_wrapper .video_wrapper .loading_spinner_wrapper {
          display: none;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 0;
          background-color: #000; }
          .mod_player.html5 #player_wrapper .video_wrapper .loading_spinner_wrapper .loading_spinner {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 50px;
            height: 50px;
            margin: -33px 0 0 -25px;
            background: url("./../../img/player/loading.svg"); }
        .mod_player.html5 #player_wrapper .video_wrapper.loading video[poster] {
          display: none; }
        .mod_player.html5 #player_wrapper .video_wrapper.loading .loading_spinner_wrapper {
          display: block; }
    @media (min-width: 1024px) {
      .mod_player.html5 .fullsize #player_wrapper {
        height: 100%;
        width: 100%; } }
  .mod_player.html5.pseudo_fullscreen .player_viewport {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000; }
  .mod_player.html5.pseudo_fullscreen #player_wrapper {
    width: 100%;
    height: 100%; }
    .mod_player.html5.pseudo_fullscreen #player_wrapper .video_wrapper {
      width: 100%;
      height: 100%; }
      @media (max-width: 1023px) {
        .mod_player.html5.pseudo_fullscreen #player_wrapper .video_wrapper {
          padding-bottom: 0; } }
      .mod_player.html5.pseudo_fullscreen #player_wrapper .video_wrapper video {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1000000; }
    .mod_player.html5.pseudo_fullscreen #player_wrapper .mod_videocontrols {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 1000001; }
  @media (min-width: 1024px) {
    .mod_player > .service_footer {
      background-color: transparent; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_player > .service_footer {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (min-width: 768px) {
    .mod_player > .service_footer .service_link {
      color: #fff;
      display: inline-block; } }
  @media (min-width: 1024px) {
    .mod_player > .service_footer .icon_wrapper {
      position: relative;
      padding-left: 12px;
      padding-left: 0.75rem; } }
  @media (min-width: 1024px) {
    .mod_player > .service_footer .ico {
      position: absolute;
      top: 50%;
      font-size: 8px;
      font-size: 0.5rem;
      left: 0;
      margin-top: -4px;
      margin-top: -0.25rem;
      display: block; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Playlist
 *
 *
 */
.mod_playlist {
  /* Standard-Styles für Playlist-Items */
  /* Styles für aufgeklappte Playlist-Items */
  /* change color on deactivated episodes, @see https://redmine.exozet.com/issues/47957 */ }
  @media (min-width: 1024px) {
    .mod_playlist {
      float: right; } }
  .mod_playlist .playlist_container {
    background-color: #fff; }
    @media (min-width: 1024px) {
      .mod_playlist .playlist_container {
        width: 346px;
        width: 21.625rem;
        height: 283px;
        height: 17.6875rem;
        overflow-y: auto;
        position: relative; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_playlist .playlist_container {
        margin: 20px 0 0;
        margin: 1.25rem 0 0; } }
  @media (min-width: 1024px) {
    .mod_playlist .has-fade-out {
      height: 20px;
      height: 1.25rem;
      margin-top: -20px;
      margin-top: -1.25rem;
      background-image: -owg-linear-gradient(white, rgba(255, 255, 255, 0) 0%, white 100%);
      background-image: -webkit-linear-gradient(white, rgba(255, 255, 255, 0) 0%, white 100%);
      background-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0) 0%, white 100%);
      background-image: -o-linear-gradient(white, rgba(255, 255, 255, 0) 0%, white 100%);
      background-image: linear-gradient(white, rgba(255, 255, 255, 0) 0%, white 100%);
      position: relative;
      z-index: 10; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_playlist .has-fade-out {
      display: none; } }
  @media (max-width: 767px) {
    .mod_playlist .has-fade-out {
      display: none; } }
  @media (min-width: 1024px) {
    .mod_playlist .subheadline {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_playlist .subheadline {
      padding-right: 0;
      padding-left: 0; } }
  @media (max-width: 767px) {
    .mod_playlist .subheadline {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_playlist .base_list {
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .mod_playlist .base_list {
      margin-bottom: 20px;
      margin-bottom: 1.25rem;
      /* the height of the fader */ } }
  @media (min-width: 1024px) {
    .mod_playlist .base_list_item_inner {
      padding: 9px 10px 9px 30px;
      padding: 0.5625rem 0.625rem 0.5625rem 1.875rem; } }
  @media (max-width: 1023px) {
    .mod_playlist .base_list_item_inner {
      padding: 15px 30px;
      padding: 0.9375rem 1.875rem; } }
  @media (min-width: 1024px) {
    .mod_playlist .base_list_item_headline {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem;
      display: inline; } }
  @media (max-width: 1023px) {
    .mod_playlist .base_list_item_headline {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem; } }
  @media (min-width: 1024px) {
    .mod_playlist .broadcast_information {
      display: inline;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem; } }
  @media (min-width: 1024px) {
    .mod_playlist .broadcast_information .meta {
      margin-left: 0;
      /* Wenn das Meta-Element auf die zweite Zeile rutscht, soll es keinen Abstand nach links haben sondern bündig mit der Überschrift beginnen */ } }
  @media (max-width: 1023px) {
    .mod_playlist .broadcast_information .meta .seperator {
      display: none; } }
  .mod_playlist .ico_play {
    position: absolute;
    left: 10px;
    left: 0.625rem;
    font-size: 10px;
    font-size: 0.625rem;
    color: #001c61; }
    @media (min-width: 1024px) {
      .mod_playlist .ico_play {
        top: 15px;
        top: 0.9375rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .ico_play {
        top: 19px;
        top: 1.1875rem; } }
  @media (min-width: 1024px) {
    .mod_playlist .details {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem; } }
  .mod_playlist .service_footer {
    background: #fff; }
    @media (min-width: 1024px) {
      .mod_playlist .service_footer {
        text-align: center; } }
    @media (max-width: 1023px) {
      .mod_playlist .service_footer {
        -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24), 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset;
        box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24), 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset; } }
    .mod_playlist .service_footer .service_link, .mod_playlist .service_footer .service_link_container {
      width: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .mod_playlist .service_footer .service_link.service_link_play, .mod_playlist .service_footer .service_link.service_link_send, .mod_playlist .service_footer .service_link_container.service_link_play, .mod_playlist .service_footer .service_link_container.service_link_send {
        float: left; }
      @media (min-width: 1024px) {
        .mod_playlist .service_footer .service_link, .mod_playlist .service_footer .service_link_container {
          padding-top: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-bottom: 0;
          height: 22px;
          height: 1.375rem;
          line-height: 22px;
          line-height: 1.375rem;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 700; }
          .mod_playlist .service_footer .service_link.service_link_play, .mod_playlist .service_footer .service_link_container.service_link_play {
            width: 35%; }
          .mod_playlist .service_footer .service_link.service_link_send, .mod_playlist .service_footer .service_link_container.service_link_send {
            width: 65%; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .mod_playlist .service_footer .service_link, .mod_playlist .service_footer .service_link_container {
          text-align: center;
          padding-right: 10px;
          padding-right: 0.625rem; } }
      @media (max-width: 767px) {
        .mod_playlist .service_footer .service_link, .mod_playlist .service_footer .service_link_container {
          padding-right: 0;
          padding-left: 0;
          text-align: center; }
          .mod_playlist .service_footer .service_link.service_link_play, .mod_playlist .service_footer .service_link_container.service_link_play {
            width: 33%; }
          .mod_playlist .service_footer .service_link.service_link_send, .mod_playlist .service_footer .service_link_container.service_link_send {
            width: 67%; } }
      .mod_playlist .service_footer .service_link:first-child, .mod_playlist .service_footer .service_link_container:first-child {
        float: left; }
        .mod_playlist .service_footer .service_link:first-child:after, .mod_playlist .service_footer .service_link_container:first-child:after {
          content: "";
          height: 100%;
          border-left: 1px solid #e3e3e3;
          position: absolute;
          top: 0;
          right: 0; }
      .mod_playlist .service_footer .service_link:last-child, .mod_playlist .service_footer .service_link_container:last-child {
        float: right; }
      .mod_playlist .service_footer .service_link .icon_wrapper, .mod_playlist .service_footer .service_link_container .icon_wrapper {
        position: relative; }
        @media (min-width: 1024px) {
          .mod_playlist .service_footer .service_link .icon_wrapper, .mod_playlist .service_footer .service_link_container .icon_wrapper {
            padding-left: 12px;
            padding-left: 0.75rem; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          .mod_playlist .service_footer .service_link .icon_wrapper, .mod_playlist .service_footer .service_link_container .icon_wrapper {
            padding-right: 30px;
            padding-right: 1.875rem; } }
        @media (max-width: 767px) {
          .mod_playlist .service_footer .service_link .icon_wrapper, .mod_playlist .service_footer .service_link_container .icon_wrapper {
            padding-right: 20px;
            padding-right: 1.25rem; } }
      @media (min-width: 1024px) {
        .mod_playlist .service_footer .service_link .ico, .mod_playlist .service_footer .service_link_container .ico {
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          font-size: 8px;
          font-size: 0.5rem;
          margin-top: -4px;
          margin-top: -0.25rem; } }
      @media (max-width: 767px) {
        .mod_playlist .service_footer .service_link .ico, .mod_playlist .service_footer .service_link_container .ico {
          font-size: 15px;
          font-size: 0.9375rem;
          margin-top: -8px;
          margin-top: -0.5rem;
          right: 0; } }
  .mod_playlist .base_list_item.expanded {
    background: #eef1f7;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .mod_playlist .base_list_item.expanded .base_list_item_inner {
        padding-bottom: 0; } }
    @media (max-width: 767px) {
      .mod_playlist .base_list_item.expanded .base_list_item_inner {
        padding-bottom: 10px;
        padding-bottom: 0.625rem; } }
    @media (min-width: 1024px) {
      .mod_playlist .base_list_item.expanded .details {
        padding: 0 10px 10px 30px;
        padding: 0 0.625rem 0.625rem 1.875rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .base_list_item.expanded .details {
        padding: 0 30px 13px 30px;
        padding: 0 1.875rem 0.8125rem 1.875rem; } }
  .mod_playlist .base_list_item.episode_deactivated .base_list_item_headline,
  .mod_playlist .base_list_item.episode_deactivated .service_footer .service_link,
  .mod_playlist .base_list_item.episode_deactivated .service_footer .service_link_untrigger,
  .mod_playlist .base_list_item.episode_deactivated .details {
    color: #8c8c8c; }
  @media (min-width: 1024px) {
    .mod_playlist .base_list_item.episode_deactivated .episode_note {
      margin-top: 10px;
      margin-top: 0.625rem; } }
  .mod_playlist .livestream-hint,
  .mod_playlist .growing-episode-hint {
    background: #D9EAFF;
    font-weight: 700; }
    @media (min-width: 1024px) {
      .mod_playlist .livestream-hint,
      .mod_playlist .growing-episode-hint {
        padding: 10px 30px;
        padding: 0.625rem 1.875rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .livestream-hint,
      .mod_playlist .growing-episode-hint {
        padding: 13px 30px;
        padding: 0.8125rem 1.875rem; } }
    @media (min-width: 1024px) {
      .mod_playlist .livestream-hint,
      .mod_playlist .growing-episode-hint {
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 16px;
        line-height: 1rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .livestream-hint,
      .mod_playlist .growing-episode-hint {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem; } }
    .mod_playlist .livestream-hint p,
    .mod_playlist .growing-episode-hint p {
      margin: 0; }
  .mod_playlist .livestream-hint {
    background: #D9EAFF;
    font-weight: 700; }
    @media (min-width: 1024px) {
      .mod_playlist .livestream-hint {
        padding: 10px 30px;
        padding: 0.625rem 1.875rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .livestream-hint {
        padding: 13px 30px;
        padding: 0.8125rem 1.875rem; } }
    @media (min-width: 1024px) {
      .mod_playlist .livestream-hint {
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 16px;
        line-height: 1rem; } }
    @media (max-width: 1023px) {
      .mod_playlist .livestream-hint {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem; } }
    .mod_playlist .livestream-hint.online .live-text {
      display: block; }
    .mod_playlist .livestream-hint.online .ended-text {
      display: none; }
    .mod_playlist .livestream-hint.offline .live-text {
      display: none; }
    .mod_playlist .livestream-hint.offline .ended-text {
      display: block; }
    .mod_playlist .livestream-hint p {
      margin: 0; }
    .mod_playlist .livestream-hint a {
      text-decoration: underline; }
      .mod_playlist .livestream-hint a .dot {
        background-color: #e1001a;
        width: 10px;
        width: 0.625rem;
        height: 10px;
        height: 0.625rem;
        border-radius: 100%;
        display: inline-block;
        margin-bottom: -2px;
        margin-bottom: -0.125rem;
        margin-right: 2px;
        margin-right: 0.125rem; }

.no-touch .mod_playlist .base_list_item:hover .base_list_item_headline, .no-touch .mod_playlist .base_list_item:focus .base_list_item_headline, .no-touch .mod_playlist .base_list_item:active .base_list_item_headline {
  text-decoration: underline; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Programmliste
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_programs_list {
    background: #2a3767;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    /* Der Abstand nach unten soll in der Desktop-Ansicht 38px betragen. Da aber das under der .mod_programs_list liegende Modul .mod_daytime_list um 20px relativ nach unten positioniert wird, wird der so entstandene Platz mit einem verringerten margin-bottom reduziert. */
    padding: 10px 0;
    padding: 0.625rem 0; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_programs_list {
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_programs_list .base_list_item {
    width: 25%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_programs_list .base_list_item {
    width: 50%; } }

@media (min-width: 768px) {
  .mod_programs_list .base_list_item {
    float: left;
    border: 0 none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_programs_list .base_list_item:nth-child(odd) {
    clear: left; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_programs_list .base_list_item:nth-child(odd) .base_list_item_inner {
    margin-right: 10px;
    margin-right: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_programs_list .base_list_item:nth-child(even) .base_list_item_inner {
    margin-left: 10px;
    margin-left: 0.625rem; } }

.mod_programs_list .base_list_item img {
  max-height: 22px; }

.mod_programs_list .base_list_item.orf3 img, .mod_programs_list .base_list_item.orfs img {
  max-height: 29px; }

.mod_programs_list .base_list_item.orfs img {
  margin-top: 2px; }

.mod_programs_list .base_list_item_inner {
  padding: 0; }
  @media (min-width: 1024px) {
    .mod_programs_list .base_list_item_inner {
      height: 22px;
      height: 1.375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_programs_list .base_list_item_inner {
      border-bottom: 1px solid #e3e3e3; } }

.mod_programs_list .base_list_item_headline {
  display: block;
  /* fix für safari */
  display: block;
  cursor: pointer;
  position: relative; }
  .mod_programs_list .base_list_item_headline:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }
  @media (min-width: 1024px) {
    .mod_programs_list .base_list_item_headline {
      height: 22px;
      height: 1.375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_programs_list .base_list_item_headline {
      height: 29px;
      height: 1.8125rem;
      /* Damit die Elemente trotz unterschiedlich hoher Logos gleich groß sind */
      padding: 18px 15px;
      padding: 1.125rem 0.9375rem; } }
  @media (max-width: 767px) {
    .mod_programs_list .base_list_item_headline {
      padding: 18px 10px;
      padding: 1.125rem 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_programs_list .base_list_item_headline img {
      vertical-align: baseline;
      /* Ansonsten wird im Safari um die Bilder Whitespace gerendert... */ } }
  .mod_programs_list .base_list_item_headline input[type="checkbox"] {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 1024px) {
      .mod_programs_list .base_list_item_headline input[type="checkbox"] {
        margin-left: 8px;
        margin-left: 0.5rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_programs_list .base_list_item_headline input[type="checkbox"] {
        right: 15px;
        right: 0.9375rem; } }
    @media (max-width: 767px) {
      .mod_programs_list .base_list_item_headline input[type="checkbox"] {
        right: 10px;
        right: 0.625rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  Werbung
 *
 */
.mod_recommendation {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  pointer-events: auto; }
  @media screen and (min-width: 1024px) {
    .mod_recommendation {
      display: none; } }
  .lt-ie9 .mod_recommendation {
    display: none; }
  @media screen and (max-width: 640px) {
    .mod_recommendation {
      padding: 0 8px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .mod_recommendation {
      padding: 0 8px; } }
  .mod_recommendation a {
    display: inline-block; }
  .mod_recommendation.is-hidden {
    display: none; }
  .mod_recommendation #par:hover {
    cursor: pointer; }
  .mod_recommendation.parallax {
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .mod_recommendation.parallax {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px; }
        .mod_recommendation.parallax .information.is-fixed {
          width: calc(100% - 30px); } }
    .mod_recommendation.parallax .information {
      position: absolute;
      top: 0;
      z-index: 1;
      text-align: right;
      width: 100%;
      margin: 0 auto;
      padding: 10px 25px;
      background: #848081; }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .mod_recommendation.parallax .information {
          width: calc(100% - 30px);
          left: 15px;
          right: 15px; } }
      .mod_recommendation.parallax .information.is-fixed {
        position: fixed; }
      .mod_recommendation.parallax .information .mobile-remove-icon {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        position: absolute;
        top: 12px;
        right: 4px;
        width: 15px;
        height: 15px;
        background-size: cover;
        filter: brightness(10); }
        .mod_recommendation.parallax .information .mobile-remove-icon:hover {
          cursor: pointer; }
      .mod_recommendation.parallax .information.is-fixed {
        position: fixed; }
      .mod_recommendation.parallax .information.top {
        top: 0; }
    .mod_recommendation.parallax .is-hidden {
      opacity: 0; }
    .mod_recommendation.parallax .parallax-element {
      padding: 40px 0 0;
      background: #848081; }
      .mod_recommendation.parallax .parallax-element.is-fixed {
        position: fixed;
        z-index: 0;
        right: 0;
        left: 0; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .mod_recommendation.parallax .parallax-element.is-fixed {
            right: 15px;
            left: 15px; } }
      .mod_recommendation.parallax .parallax-element.top {
        top: 0; }
      .mod_recommendation.parallax .parallax-element.bottom {
        bottom: 0; }

@media (min-width: 1024px) {
  .mod_recommendation_side {
    position: fixed;
    top: 124px; } }

@media screen and (min-width: 1920px) {
  .mod_recommendation_side {
    left: calc(874px + 130px + 50px); } }

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .mod_recommendation_side {
    left: calc(874px + 85px + 50px); } }

@media screen and (min-width: 1366px) and (max-width: 1439px) {
  .mod_recommendation_side {
    left: calc(874px + 48px + 50px); } }

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .mod_recommendation_side {
    left: calc(874px + 25px + 50px); } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .mod_recommendation_side {
    left: unset;
    right: 10px; } }

@media screen and (max-width: 640px) {
  .mod_recommendation_side {
    display: none; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .mod_recommendation_side {
    display: none; } }

.mod_recommendation_tandem {
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  .mod_recommendation_tandem a {
    display: inline-block; }
  @media screen and (max-width: 640px) {
    .mod_recommendation_tandem {
      display: none; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .mod_recommendation_tandem {
      display: none; } }

.parallax {
  height: 0; }
  .parallax.behind-content {
    z-index: -9999; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Bundesländer
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_regional_content {
    padding: 0 8px 8px;
    padding: 0 0.5rem 0.5rem;
    background-color: #2a3767; } }

@media (max-width: 1023px) {
  .mod_regional_content {
    margin: 0 10px 16px;
    margin: 0 0.625rem 1rem; } }

.mod_regional_content .federal_states {
  /* fix für safari */
  display: block; }
  .mod_regional_content .federal_states:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }

.mod_regional_content .federal_state {
  text-align: center;
  font-weight: 700;
  font-size: 21px;
  font-size: 1.3125rem; }
  @media (min-width: 1024px) {
    .mod_regional_content .federal_state {
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem;
      line-height: 40px;
      line-height: 2.5rem; } }
  @media (max-width: 1023px) {
    .mod_regional_content .federal_state {
      width: 55px;
      width: 3.4375rem;
      height: 55px;
      height: 3.4375rem;
      line-height: 55px;
      line-height: 3.4375rem; } }
  @media (min-width: 768px) {
    .mod_regional_content .federal_state {
      float: left;
      margin: 6px 0 0 6px;
      margin: 0.375rem 0 0 0.375rem; } }
  @media (max-width: 767px) {
    .mod_regional_content .federal_state {
      display: inline-block;
      margin: 2px;
      margin: 0.125rem;
      /* Wir nutzen den sowieso bei inline-block existierenden Abstand als Spacer und passen den vertikalen Abstand der li-Elemente darauf an */ } }
  @media (min-width: 1024px) {
    .mod_regional_content .federal_state:nth-of-type(3n+1) {
      margin-left: 0;
      clear: left; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_regional_content .federal_state:nth-of-type(4n+1) {
      margin-left: 0;
      clear: left; } }
  @media (min-width: 768px) {
    .mod_regional_content .federal_state:first-of-type, .mod_regional_content .federal_state:nth-of-type(2), .mod_regional_content .federal_state:nth-of-type(3) {
      margin-top: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_regional_content .federal_state:nth-of-type(4) {
      margin-top: 0; } }
  .mod_regional_content .federal_state a {
    display: block; }
  .mod_regional_content .federal_state.burgenland_heute {
    background-color: #fda60f; }
    .mod_regional_content .federal_state.burgenland_heute a {
      color: #d21b0a; }
  .mod_regional_content .federal_state.kaernten_heute {
    background-color: #ab1514; }
    .mod_regional_content .federal_state.kaernten_heute a {
      color: #fccd02; }
  .mod_regional_content .federal_state.niederoesterreich_heute {
    background-color: #152777; }
    .mod_regional_content .federal_state.niederoesterreich_heute a {
      color: #fccd02; }
  .mod_regional_content .federal_state.oberoesterreich_heute {
    background-color: #ab1514; }
    .mod_regional_content .federal_state.oberoesterreich_heute a {
      color: #fff; }
  .mod_regional_content .federal_state.salzburg_heute {
    background-color: #ab1514; }
    .mod_regional_content .federal_state.salzburg_heute a {
      color: #fff; }
  .mod_regional_content .federal_state.steiermark_heute {
    background-color: #006841; }
    .mod_regional_content .federal_state.steiermark_heute a {
      color: #fff; }
  .mod_regional_content .federal_state.tirol_heute {
    background-color: #ab1514; }
    .mod_regional_content .federal_state.tirol_heute a {
      color: #fff; }
  .mod_regional_content .federal_state.vorarlberg_heute {
    background-color: #ab1514; }
    .mod_regional_content .federal_state.vorarlberg_heute a {
      color: #fff; }
  .mod_regional_content .federal_state.wien_heute {
    background-color: #fe6200; }
    .mod_regional_content .federal_state.wien_heute a {
      color: #4b2275; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Ähnliche Sendungen
 *
 * 
 */
@media (min-width: 1024px) {
  .mod_related_entries .subheadline {
    font-weight: 400;
    margin-bottom: 4px;
    margin-bottom: 0.25rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_related_entries .subheadline {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .mod_related_entries .item {
    height: 172px;
    height: 10.75rem;
    border-bottom: 0; } }

.mod_related_entries .item .item_title {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .mod_related_entries .item .item_title {
      height: 38px;
      height: 2.375rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_related_entries .item .item_title {
      height: 19px;
      height: 1.1875rem; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Ergebnisse der Sendungsfilter
 *
 *
 */
@media (min-width: 1024px) {
  .mod_results_list {
    min-height: 729px;
    min-height: 45.5625rem;
    /* Vorsicht! Hängt mit der Höhe von .mod_results_list .mod_latest_episodes zusammen. */
    margin-bottom: 36px;
    margin-bottom: 2.25rem; } }

@media (min-width: 1024px) {
  .mod_results_list .subheadline {
    font-weight: 400;
    margin-bottom: 7px;
    margin-bottom: 0.4375rem; } }

@media (min-width: 1024px) {
  .mod_results_list .results {
    position: relative; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results {
    margin: 0 15px 15px;
    margin: 0 0.9375rem 0.9375rem;
    background-color: #fff; } }

@media (min-width: 1024px) {
  .mod_results_list .results_item {
    position: static;
    /* reset relative for correct positioning of mod_latest_episodes */
    border: 0 none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item {
    width: 50%;
    float: left;
    border-bottom: 0 none; }
    .mod_results_list .results_item:nth-child(odd) {
      clear: left; } }

@media (min-width: 1024px) {
  .mod_results_list .results_item_inner {
    width: 375px;
    width: 23.4375rem;
    height: 42px;
    height: 2.625rem;
    padding: 0 10px;
    padding: 0 0.625rem;
    border-top: 1px solid #6a6a84;
    border-bottom: 0 none;
    background-color: #2a3767; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item_inner {
    padding-top: 25px;
    padding-top: 1.5625rem;
    padding-bottom: 25px;
    padding-bottom: 1.5625rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    border-bottom: 1px solid #e3e3e3; } }

@media (max-width: 767px) {
  .mod_results_list .results_item_inner {
    padding-left: 30px;
    padding-left: 1.875rem; } }

@media (min-width: 1024px) {
  .mod_results_list .results_item_inner .base_list_item_headline {
    line-height: 42px;
    line-height: 2.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item:nth-child(odd) .results_item_inner {
    margin-right: 10px;
    margin-right: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item:nth-child(even) .results_item_inner {
    margin-left: 10px;
    margin-left: 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item.expanded {
    background-color: #eef1f7; } }

@media (max-width: 767px) {
  .mod_results_list .results_item.expanded {
    -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24), 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset;
    box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24) inset, 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }

@media (min-width: 1024px) {
  .mod_results_list .results_item.expanded .results_item_inner {
    background-color: #eef1f7; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_results_list .results_item.expanded .results_item_inner {
    border-bottom: 0 none; } }

@media (min-width: 1024px) {
  .mod_results_list .results_item.expanded .base_list_item_headline {
    color: #000f96; } }

@media (min-width: 1024px) {
  .mod_results_list .results_item.expanded .ico_arrow:before {
    /* Extend funktioniert leider nicht innerhalb @media */
    content: "\e016";
    color: #001c61; } }

.mod_results_list .base_list_item_headline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem; }
  @media (min-width: 1024px) {
    .mod_results_list .base_list_item_headline {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      color: #fff; } }

.mod_results_list .base_list_item_inner .ico_arrow {
  color: #001c61; }
  @media (min-width: 1024px) {
    .mod_results_list .base_list_item_inner .ico_arrow {
      color: #fff;
      font-size: 8px;
      font-size: 0.5rem;
      margin-top: -4px;
      margin-top: -0.25rem; } }

.mod_results_list .favourite_notification {
  display: none; }

.no-touch .mod_results_list .results_item_inner:hover, .no-touch .mod_results_list .results_item_inner:focus, .no-touch .mod_results_list .results_item_inner:active {
  background-color: #eef1f7; }
  .no-touch .mod_results_list .results_item_inner:hover .ico, .no-touch .mod_results_list .results_item_inner:focus .ico, .no-touch .mod_results_list .results_item_inner:active .ico {
    color: #001c61; }
  .no-touch .mod_results_list .results_item_inner:hover .base_list_item_headline, .no-touch .mod_results_list .results_item_inner:focus .base_list_item_headline, .no-touch .mod_results_list .results_item_inner:active .base_list_item_headline {
    color: #001c61; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Suchergebnisse
 *
 * 
 */
.mod_search {
  /* Ausnahme für Darstellung in einspaltiger Ansicht in der Desktopansicht */ }
  @media (min-width: 1024px) {
    .mod_search {
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (min-width: 1024px) {
    .mod_search .subheadline {
      background: transparent none;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 16px;
      line-height: 1rem;
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      padding: 0;
      cursor: auto; } }
  @media (min-width: 1024px) {
    .mod_search .subheadline .ico {
      display: none; } }
  @media (min-width: 1024px) {
    .mod_search .search_results {
      /* fix für safari */
      display: block; }
      .mod_search .search_results:after {
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        content: "."; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .search_results {
      padding: 20px 15px 0;
      padding: 1.25rem 0.9375rem 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .item_wrapper {
      padding: 0; } }
  @media (min-width: 1024px) {
    .mod_search .item {
      width: 394px;
      width: 24.625rem;
      height: auto;
      background-color: #2a3767;
      border: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .item {
      float: none;
      padding: 0;
      width: auto;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      overflow: hidden;
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .mod_search .item:nth-of-type(odd) {
      margin: 0 6px 0 0;
      margin: 0 0.375rem 0 0;
      clear: left; } }
  @media (min-width: 1024px) {
    .mod_search .item:nth-of-type(even) {
      float: right;
      margin: 0 0 0 6px;
      margin: 0 0 0 0.375rem; } }
  @media (min-width: 1024px) {
    .mod_search .item_inner {
      margin: 0 11px 20px;
      margin: 0 0.6875rem 1.25rem;
      padding: 20px 0 0;
      padding: 1.25rem 0 0;
      border-top: 2px solid #a8a8a8; } }
  @media (min-width: 1024px) {
    .mod_search .item:first-of-type .item_inner,
    .mod_search .item:nth-of-type(2) .item_inner {
      border-top: 0; } }
  @media (min-width: 1024px) {
    .mod_search .item_image {
      width: 138px;
      width: 8.625rem;
      margin-right: 10px;
      margin-right: 0.625rem;
      float: left;
      color: #fff;
      /* Damit man den Text des Alt-Attributs lesen kann */ } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .item_image {
      width: 50%;
      float: left; } }
  @media (min-width: 1024px) {
    .mod_search .item .item_header {
      padding: 0;
      color: #fff;
      float: left;
      width: 224px;
      width: 14rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .item .item_header {
      width: 50%;
      float: right;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      padding: 10px 10px 0;
      padding: 0.625rem 0.625rem 0; } }
  @media (min-width: 1024px) {
    .mod_search .item .item_header .broadcast_information .meta_time {
      display: inline; } }
  @media (min-width: 1024px) {
    .mod_search .item .item_header .broadcast_information .meta_online_till {
      margin-top: 1em;
      display: block; } }
  @media (max-width: 767px) {
    .mod_search .item .item_header .broadcast_information .meta_online_till {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .item .item_footer {
      width: 50%;
      float: right;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 10px 0;
      padding: 0.625rem 0.625rem 0; } }
  @media (min-width: 1024px) {
    .mod_search .item_title {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 16px;
      line-height: 1rem; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item {
      float: none;
      width: 100%;
      margin: 0;
      color: #fff; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item:nth-of-type(2) .item_inner {
      border-top: 2px solid #a8a8a8; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .broadcast_information {
      color: #a8a8a8; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item_header {
      width: 231px;
      width: 14.4375rem;
      margin-right: 10px;
      margin-right: 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item .item_description {
      clear: none;
      color: #fff; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_search .search_results.single_line_view .item .item_description {
      clear: right; } }
  @media (min-width: 768px) {
    .mod_search .search_results.single_line_view .item .item_description {
      float: right;
      width: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 767px) {
    .mod_search .search_results.single_line_view .item .item_description {
      padding: 0; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item:hover .item_description {
      color: #001c61; } }
  @media (min-width: 1024px) {
    .mod_search .search_results.single_line_view .item .item_footer {
      display: none; } }
  .mod_search .search_info_container {
    margin-bottom: 20px; }
    .mod_search .search_info_container .search_info {
      color: #fff; }
      .mod_search .search_info_container .search_info a {
        color: #fff;
        text-decoration: underline; }
      .mod_search .search_info_container .search_info strong {
        font-style: italic; }

.no-touch {
  /* Ausnahmen für das zweite Item in der einspaltigen Ansicht: Soll Border-Top haben */ }
  .no-touch .mod_search .item {
    /* Ausnahme für die ersten beiden Items in der zweispaltigen Ansicht: Sollen keinen Border-Top haben */ }
    .no-touch .mod_search .item:hover, .no-touch .mod_search .item:focus, .no-touch .mod_search .item:active {
      background-color: #eef1f7; }
      @media (min-width: 1024px) {
        .no-touch .mod_search .item:hover .item_inner, .no-touch .mod_search .item:focus .item_inner, .no-touch .mod_search .item:active .item_inner {
          border-top: 2px solid #eef1f7; } }
      .no-touch .mod_search .item:hover .item_title,
      .no-touch .mod_search .item:hover .item_description,
      .no-touch .mod_search .item:hover .item_image, .no-touch .mod_search .item:focus .item_title,
      .no-touch .mod_search .item:focus .item_description,
      .no-touch .mod_search .item:focus .item_image, .no-touch .mod_search .item:active .item_title,
      .no-touch .mod_search .item:active .item_description,
      .no-touch .mod_search .item:active .item_image {
        color: #001c61; }
    .no-touch .mod_search .item:first-of-type:hover .item_inner, .no-touch .mod_search .item:first-of-type:focus .item_inner, .no-touch .mod_search .item:first-of-type:active .item_inner, .no-touch .mod_search .item:nth-of-type(2):hover .item_inner, .no-touch .mod_search .item:nth-of-type(2):focus .item_inner, .no-touch .mod_search .item:nth-of-type(2):active .item_inner {
      border-top: 0 none; }
  .no-touch .mod_search .item_inner_focus,
  .no-touch .mod_search .item_inner_active {
    background-color: transparent; }
  @media (min-width: 1024px) {
    .no-touch .mod_search .search_results.single_line_view .item:nth-of-type(2):hover, .no-touch .mod_search .search_results.single_line_view .item:nth-of-type(2):focus, .no-touch .mod_search .search_results.single_line_view .item:nth-of-type(2):active {
      border-top: 2px solid #eef1f7; } }

/* Ergebnislose Suche */
@media (min-width: 768px) and (max-width: 1023px) {
  .mod_search.no_results .area_headline {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_search.no_results .static {
    background-color: #001c61;
    color: #fff;
    border-top: 0 none;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_search.no_results .text {
    padding: 0; } }

@media (min-width: 768px) {
  .mod_search.no_results .text {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem; } }

@media (max-width: 767px) {
  .mod_search.no_results table,
  .mod_search.no_results tbody,
  .mod_search.no_results tr {
    display: block; } }

@media (min-width: 1024px) {
  .mod_search.no_results table {
    color: #fff; } }

@media (min-width: 768px) {
  .mod_search.no_results table {
    width: 100%;
    background-color: #2a3767; } }

@media (max-width: 767px) {
  .mod_search.no_results thead {
    display: none; } }

@media (max-width: 767px) {
  .mod_search.no_results tr {
    padding: 10px 10px 10px 30px;
    padding: 0.625rem 0.625rem 0.625rem 1.875rem;
    border-bottom: 1px solid #e3e3e3; } }

@media (max-width: 767px) {
  .mod_search.no_results tr:last-child {
    border: 0; } }

@media (min-width: 768px) {
  .mod_search.no_results th {
    font-weight: 700;
    text-align: left; } }

@media (min-width: 768px) {
  .mod_search.no_results td,
  .mod_search.no_results th {
    padding: 17px;
    padding: 1.0625rem;
    border: 1px solid #555f85; } }

@media (max-width: 767px) {
  .mod_search.no_results td {
    display: list-item;
    list-style: none;
    position: relative; } }

@media (min-width: 768px) {
  .mod_search.no_results td .ico {
    display: none; } }

@media (max-width: 767px) {
  .mod_search.no_results td .ico {
    position: absolute;
    top: 5px;
    top: 0.3125rem;
    left: -20px;
    left: -1.25rem;
    font-size: 10px;
    font-size: 0.625rem; } }

@media (max-width: 767px) {
  .mod_search.no_results td:first-child {
    font-weight: 700;
    margin: 0 0 4px;
    margin: 0 0 0.25rem; } }

.mod_segments_playlist {
  bottom: 30px;
  bottom: 1.875rem;
  background: #222;
  background-image: -owg-linear-gradient(top, #333 0%, #111 100%);
  background-image: -webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image: -moz-linear-gradient(top, #333 0%, #111 100%);
  background-image: -o-linear-gradient(top, #333 0%, #111 100%);
  background-image: linear-gradient(top, #333 0%, #111 100%);
  background-image: -owg--webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image: -webkit--webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image: -moz--webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image: -o--webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image: -webkit-linear-gradient(top, #333 0%, #111 100%);
  height: 200px;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 100px 0;
  z-index: 999999999999999;
  opacity: 1;
  transition: opacity 1s linear;
  display: none; }
  @media (min-width: 1024px) {
    .fullscreen .mod_segments_playlist {
      display: block; } }
  .mod_segments_playlist .slide-button {
    position: absolute;
    top: 38px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    opacity: 1;
    transition: opacity 0.1s; }
    .mod_segments_playlist .slide-button:hover {
      cursor: pointer; }
    .mod_segments_playlist .slide-button.ico_arrow_left {
      left: 2%; }
    .mod_segments_playlist .slide-button.ico_arrow_right, .mod_segments_playlist .collapsed > .expand_selector > .slide-button.ico_arrow {
      right: 2%; }
    .mod_segments_playlist .slide-button.swiper-button-disabled {
      opacity: 0; }
  .mod_segments_playlist .segments_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box; }
    .mod_segments_playlist .segments_wrapper .segments {
      display: flex;
      justify-content: center; }
      .mod_segments_playlist .segments_wrapper .segments .segment {
        width: 130px; }
        .mod_segments_playlist .segments_wrapper .segments .segment.active .img_wrapper {
          border-width: 5px;
          margin: -5px -5px 12px -5px; }
        .mod_segments_playlist .segments_wrapper .segments .segment .img_wrapper {
          width: 128px;
          width: 8rem;
          height: 72px;
          height: 4.5rem;
          border: 1px solid #fff;
          margin-bottom: 15px; }
        .mod_segments_playlist .segments_wrapper .segments .segment .segment_title {
          color: #fff;
          text-align: center;
          font-size: 12px;
          line-height: 17px;
          padding: 0 10px;
          white-space: normal;
          max-height: 36px;
          overflow: hidden;
          font-weight: 100; }
  .has-fade-out .mod_segments_playlist {
    opacity: 0; }

.fullscreen_segment_headline {
  display: none; }
  .fullscreen .fullscreen_segment_headline {
    padding: 2px 5px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    background-color: #333;
    font-weight: 400;
    transition: opacity 1s linear; }
  .has-fade-out .fullscreen_segment_headline {
    opacity: 0; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 *  Social-Media Buttons
 *  @see Redmine #46993
 *
 */
.mod_social_media_buttons {
  height: 100%; }
  .mod_social_media_buttons .social-list {
    height: 100%;
    width: auto;
    float: right; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_social_media_buttons .social-list {
        margin-top: -0.5em;
        margin-bottom: .6em; } }
    @media (max-width: 767px) {
      .mod_social_media_buttons .social-list {
        margin-top: -0.5em;
        margin-bottom: .6em; } }
    .mod_social_media_buttons .social-list.in-playlist {
      margin-bottom: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .mod_social_media_buttons .social-list.in-playlist {
          margin-bottom: -1em; } }
      @media (max-width: 767px) {
        .mod_social_media_buttons .social-list.in-playlist {
          margin-bottom: -1em; } }
    .mod_social_media_buttons .social-list .service_link_untrigger {
      margin-right: .5em; }
    .mod_social_media_buttons .social-list .social-list-item {
      height: 100%;
      float: left;
      margin-left: 2px;
      margin-left: 0.125rem;
      margin-right: 2px;
      margin-right: 0.125rem; }
      @media (min-width: 1024px) {
        .mod_social_media_buttons .social-list .social-list-item {
          width: 16px;
          width: 1rem; } }
      @media (min-width: 1024px) {
        .mod_social_media_buttons .social-list .social-list-item .trigger-icon {
          font-size: 8px;
          font-size: 0.5rem; } }
  .mod_social_media_buttons .social-button {
    display: block;
    cursor: pointer; }
    .mod_social_media_buttons .social-button .icon {
      background-color: #f0f1f4; }
  @media (min-width: 1024px) {
    .mod_social_media_buttons .icon, .mod_social_media_buttons .trigger-icon {
      height: 16px;
      height: 1rem;
      width: 16px;
      width: 1rem;
      line-height: 16px;
      line-height: 1rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_social_media_buttons .icon, .mod_social_media_buttons .trigger-icon {
      height: 36px;
      height: 2.25rem;
      width: 36px;
      width: 2.25rem;
      line-height: 36px;
      line-height: 2.25rem; } }
  @media (max-width: 767px) {
    .mod_social_media_buttons .icon, .mod_social_media_buttons .trigger-icon {
      height: 36px;
      height: 2.25rem;
      width: 36px;
      width: 2.25rem;
      line-height: 36px;
      line-height: 2.25rem; } }
  @media (min-width: 1024px) {
    .mod_social_media_buttons .white {
      color: #ffffff; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_social_media_buttons .white {
      color: #ffffff; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Social Share Privacy.
 * Diese Styles wurden auf SCSS portiert.
 *
 */
#socialshareprivacy {
  margin: 0;
  padding-top: 8px;
  padding-top: 0.5rem; }

.mod_socialshareprivacy {
  /* help information */ }
  .mod_socialshareprivacy .social_share_privacy_area {
    clear: both;
    list-style-type: none;
    width: auto;
    display: block;
    margin: 0 !important;
    background: none !important; }
    .mod_socialshareprivacy .social_share_privacy_area li {
      margin: 0 !important;
      padding: 0 !important;
      float: left;
      height: 21px;
      height: 1.3125rem; }
      .mod_socialshareprivacy .social_share_privacy_area li .dummy_btn {
        float: left;
        padding: 0;
        height: inherit;
        cursor: pointer;
        margin: 0 0 0 10px;
        margin: 0 0 0 0.625rem; }
      .mod_socialshareprivacy .social_share_privacy_area li div iframe {
        overflow: hidden;
        height: inherit;
        width: inherit; }
      .mod_socialshareprivacy .social_share_privacy_area li div.tweet {
        width: auto; }
      .mod_socialshareprivacy .social_share_privacy_area li div.gplusone {
        width: 70px;
        width: 4.375rem; }
      .mod_socialshareprivacy .social_share_privacy_area li .switch {
        display: inline-block;
        text-indent: -9999em;
        background: transparent url(../../img/socialshare/socialshareprivacy_on_off.v2.png) no-repeat 0 0 scroll;
        overflow: hidden;
        float: left;
        cursor: pointer;
        padding: 0;
        width: 30px;
        width: 1.875rem;
        height: 16px;
        height: 1rem;
        margin: 4px 0 0 0;
        margin: 0.25rem 0 0 0; }
        .mod_socialshareprivacy .social_share_privacy_area li .switch.on {
          background-position: 0 -16px; }
      .mod_socialshareprivacy .social_share_privacy_area li.twitter span.switch,
      .mod_socialshareprivacy .social_share_privacy_area li.gplus span.switch {
        display: none; }
      .mod_socialshareprivacy .social_share_privacy_area li.help_info {
        position: relative; }
    .mod_socialshareprivacy .social_share_privacy_area .facebook,
    .mod_socialshareprivacy .social_share_privacy_area .twitter,
    .mod_socialshareprivacy .social_share_privacy_area .gplus {
      width: auto; }
    .mod_socialshareprivacy .social_share_privacy_area .facebook {
      display: inline-block; }
      .mod_socialshareprivacy .social_share_privacy_area .facebook .fb_like iframe {
        width: 200px;
        width: 12.5rem; }
    .mod_socialshareprivacy .social_share_privacy_area.activated .facebook {
      width: 240px;
      width: 15rem; }
    .mod_socialshareprivacy .social_share_privacy_area.activated .twitter {
      width: 120px;
      width: 7.5rem; }
    .mod_socialshareprivacy .social_share_privacy_area.activated .gplus {
      width: 80px;
      width: 5rem; }
    .mod_socialshareprivacy .social_share_privacy_area.activated .activateTextLink {
      display: none; }
    .mod_socialshareprivacy .social_share_privacy_area .activateTextLink {
      cursor: pointer;
      float: left;
      color: #fff;
      margin: 1px 15px 0 22px;
      margin: 0.0625rem 0.9375rem 0 1.375rem; }
      @media (max-width: 767px) {
        .mod_socialshareprivacy .social_share_privacy_area .activateTextLink {
          display: none; } }
    .mod_socialshareprivacy .social_share_privacy_area li.gplus.help_info .info {
      left: -160px;
      left: -10rem; }
    .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon .info {
      left: -220px;
      left: -13.75rem;
      width: 300px;
      width: 18.75rem; }
    .mod_socialshareprivacy .social_share_privacy_area li.help_info.display .info,
    .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon.display .info {
      display: block; }
    .mod_socialshareprivacy .social_share_privacy_area li .help_info.info_off.display .info {
      display: none; }
    .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon {
      background: #fff url(../../img/socialshare/socialshareprivacy_info.v2.png) no-repeat;
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 20px;
      width: 1.25rem;
      height: 20px;
      height: 1.25rem; }
    .mod_socialshareprivacy .social_share_privacy_area li.settings_info {
      float: right; }
      .mod_socialshareprivacy .social_share_privacy_area li.settings_info a {
        text-decoration: none;
        margin: 0 !important; }
      .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu {
        left: 0;
        top: 0;
        position: absolute;
        z-index: 1000;
        margin: 0;
        padding: 0;
        width: 135px;
        width: 8.4375rem; }
        .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
          border-top-width: 0; }
        .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
          border-top-width: 0;
          border-left-width: 0; }
        .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu.off {
          border-width: 0;
          background-color: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu.off form {
            display: none;
            margin: 0;
            padding: 0; }
        .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu .settings {
          text-indent: -9999em;
          display: inline-block;
          background: #fff url(../../img/socialshare/settings.png) no-repeat center center scroll;
          border: 2px solid #e7e3e3;
          border-left: 1px solid #ddd;
          margin: 0;
          padding: 0;
          width: 25px;
          width: 1.5625rem;
          height: 20px;
          height: 1.25rem;
          -webkit-border-radius: 0 5px 5px 0;
          -moz-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
        .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
          border-width: 0;
          margin: 0;
          padding: 0 10px 10px;
          padding: 0 0.625rem 0.625rem; }
          .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
            font-weight: bold;
            margin: 0;
            width: 115px;
            width: 7.1875rem;
            padding: 10px 0;
            padding: 0.625rem 0;
            font-size: 11px;
            font-size: 0.6875rem;
            line-height: 14px;
            line-height: 0.875rem; }
          .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
            clear: both;
            float: left;
            padding: 0;
            margin: 4px 10px 4px 0;
            margin: 0.25rem 0.625rem 0.25rem 0; }
          .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
            display: inline-block;
            float: left;
            font-weight: bold;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-size: 0.75rem;
            line-height: 24px;
            line-height: 1.5rem;
            -webkit-transition: color .5s ease-in;
            -moz-transition: color .5s ease-in;
            transition: color .5s ease-in; }
            .mod_socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
              color: #090; }
  .mod_socialshareprivacy .socialShareWrapper {
    height: 35px;
    height: 2.1875rem; }
    .mod_socialshareprivacy .socialShareWrapper.display #socialshareprivacy div.general_help {
      display: block;
      bottom: 100px;
      bottom: 6.25rem; }
      .mod_socialshareprivacy .socialShareWrapper.display #socialshareprivacy div.general_help.inactive {
        display: none; }
  .mod_socialshareprivacy #socialshareprivacy div.general_help:before,
  .mod_socialshareprivacy .social_share_privacy_area li.help_info .info:before,
  .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon .info:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    left: 186px;
    left: 11.625rem;
    bottom: -15px;
    bottom: -0.9375rem;
    border-color: #a2b0cc transparent;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-width: 0.9375rem 0 0 0.9375rem; }
  .mod_socialshareprivacy #socialshareprivacy div.general_help:after,
  .mod_socialshareprivacy .social_share_privacy_area li.help_info .info:after,
  .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon .info:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    left: 187px;
    left: 11.6875rem;
    bottom: -13px;
    bottom: -0.8125rem;
    border-color: #e4e4e4 transparent;
    border-style: solid;
    border-width: 13px 0 0 13px;
    border-width: 0.8125rem 0 0 0.8125rem; }
  .mod_socialshareprivacy #socialshareprivacy div.general_help,
  .mod_socialshareprivacy .social_share_privacy_area li.help_info .info,
  .mod_socialshareprivacy .social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    font-weight: normal;
    background-color: #e4e4e4;
    border: 0;
    color: #000000;
    z-index: 500;
    bottom: 40px;
    bottom: 2.5rem;
    left: -140px;
    left: -8.75rem;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    width: 290px;
    width: 18.125rem;
    -webkit-box-shadow: 0 3px 4px #999;
    -moz-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999; }

.mod_special_livestreams_mobile_page .title {
  background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
  padding: 22px 34px 22px 10px;
  padding: 1.375rem 2.125rem 1.375rem 0.625rem;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  position: relative; }
  .mod_special_livestreams_mobile_page .title:after {
    content: "";
    height: 16px;
    width: 60px;
    position: absolute;
    left: 57px;
    top: 24px;
    background: url("../img/appicons/live_special_online.jpg") no-repeat;
    background-size: contain; }

.mod_special_livestreams_mobile_page .base_list {
  border-bottom: none; }
  .mod_special_livestreams_mobile_page .base_list .base_list_item {
    background-color: #ffffff; }
    @media (min-width: 768px) {
      .mod_special_livestreams_mobile_page .base_list .base_list_item {
        width: 49.9%;
        float: right; }
        .mod_special_livestreams_mobile_page .base_list .base_list_item:first-child {
          float: left; }
        .mod_special_livestreams_mobile_page .base_list .base_list_item.is_one {
          width: 100%; } }
    .mod_special_livestreams_mobile_page .base_list .base_list_item.is_protected::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: rgba(25, 34, 78, 0.7);
      cursor: not-allowed; }
    .mod_special_livestreams_mobile_page .base_list .base_list_item.is_protected .is_restartable {
      display: none; }
    .mod_special_livestreams_mobile_page .base_list .base_list_item.is_protected .is_uhd {
      display: none; }
    .mod_special_livestreams_mobile_page .base_list .base_list_item.is_protected .state {
      display: none; }

.mod_content_quick_access .mod_special_livestreams {
  height: 317px;
  height: 19.8125rem;
  margin-bottom: 31px;
  margin-bottom: 1.9375rem; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_content_quick_access .mod_special_livestreams {
      height: auto;
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .mod_content_quick_access .mod_special_livestreams {
      display: none; } }
  .mod_content_quick_access .mod_special_livestreams .title {
    height: 26px;
    height: 1.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 26px;
    line-height: 1.625rem;
    padding: 0 .375rem;
    background-color: #fff;
    color: #e1001a;
    text-transform: uppercase;
    position: relative; }
    .mod_content_quick_access .mod_special_livestreams .title:after {
      content: "";
      height: 16px;
      width: 60px;
      position: absolute;
      left: 43px;
      top: 5px;
      background: url("../img/appicons/live_special_online.jpg") no-repeat;
      background-size: contain; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_content_quick_access .mod_special_livestreams .title {
        background-image: -owg-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o-linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: linear-gradient(to bottom, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -owg--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -moz--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -o--webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        background-image: -webkit-linear-gradient(top, #2e4798 0%, #1f3680 68%, #1d347d 81%, #1d347d 100%);
        padding: 22px 34px 22px 10px;
        padding: 1.375rem 2.125rem 1.375rem 0.625rem;
        color: #fff;
        font-size: 18px; }
        .mod_content_quick_access .mod_special_livestreams .title:after {
          left: 55px;
          top: 26px; } }
  .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item {
    border-bottom: 1px solid transparent;
    margin-bottom: 0; }
    @media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item {
        display: inline-block;
        width: 49%;
        border: none; } }
    .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_protected::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: rgba(25, 34, 78, 0.7);
      cursor: not-allowed; }
    .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_protected .is_restartable {
      display: none; }
    .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_protected .is_uhd {
      display: none; }
    .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_protected .state {
      display: none; }
    .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner {
      padding: .5rem;
      background-color: #2a3767;
      height: 83px;
      height: 5.1875rem; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner {
          background-color: #ffffff; } }
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner:hover .base_list_item_headline {
        text-decoration: underline; }
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner .base_list_item_headline {
        color: #ffffff; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner .base_list_item_headline {
            color: #001c61; } }
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item .base_list_item_inner .broadcast_information {
        font-size: 12px;
        font-size: 0.75rem; }
    @media (min-width: 1024px) {
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item:last-child .base_list_item_inner {
        height: 175px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item:last-child {
        float: right; } }
    @media (min-width: 1024px) {
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_one .base_list_item_inner {
        height: 276px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mod_content_quick_access .mod_special_livestreams .base_list .base_list_item.is_one {
        width: 100%; } }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Stage-Modul
 *
 * @section mod_stage
 */
@media (min-width: 1024px) {
  .mod_stage {
    float: left;
    width: 600px;
    width: 37.5rem;
    height: 431px;
    height: 26.9375rem;
    /* Damit die Bühne beim initialen Laden nicht springt weil die Bilder noch nicht da sind */
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
    overflow: hidden; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_stage {
    margin: 8px 15px 20px;
    margin: 0.5rem 0.9375rem 1.25rem;
    background-color: #001c61; } }

@media (max-width: 767px) {
  .mod_stage {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics {
    height: 22px;
    height: 1.375rem;
    /* Damit die Stage und das Content-Quick-Access-Modul bündig auf einer Linie beginnen, weisen wir der Stage-Navigation (.highlight_teaser_topics) eine feste Höhe zu und geben den Wert der Höhe dem Content-Quick-Access-Modul als Abstand nach oben */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem; } }

@media (max-width: 1023px) {
  .mod_stage .highlight_teaser_topics {
    display: none; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics ul {
    height: 16px;
    height: 1rem;
    /* Um zu verhindern dass die Teaser-Navigation umbricht */
    overflow: hidden; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics li {
    float: left;
    font-weight: 700;
    margin-left: 23px;
    margin-left: 1.4375rem; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics li:first-of-type {
    margin-left: 17px;
    margin-left: 1.0625rem; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics span {
    color: #a8a8a8;
    cursor: pointer; } }

@media (min-width: 1024px) {
  .mod_stage .highlight_teaser_topics .swiper-pagination-bullet-active .js_pagination_element {
    color: #fff; } }

.mod_stage .stage_viewport {
  overflow: hidden;
  position: relative; }

.mod_stage .slider_nav {
  position: absolute;
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (min-width: 1024px) {
    .mod_stage .slider_nav {
      font-size: 56px;
      font-size: 3.5rem;
      width: 56px;
      width: 3.5rem;
      height: 56px;
      height: 3.5rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_stage .slider_nav {
      font-size: 40px;
      font-size: 2.5rem;
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem; } }
  @media (max-width: 767px) {
    .mod_stage .slider_nav {
      font-size: 18px;
      font-size: 1.125rem;
      width: 40px;
      width: 2.5rem;
      height: 60px;
      height: 3.75rem;
      box-sizing: border-box; } }
  @media (min-width: 1024px) {
    .mod_stage .slider_nav .ico {
      width: 56px;
      width: 3.5rem;
      height: 56px;
      height: 3.5rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_stage .slider_nav .ico {
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem;
      position: absolute;
      top: 50%; } }
  @media (max-width: 767px) {
    .mod_stage .slider_nav .ico {
      width: 18px;
      width: 1.125rem;
      height: 18px;
      height: 1.125rem; } }

.mod_stage .slider_nav_prev {
  display: none;
  left: 10px;
  left: 0.625rem; }
  @media (max-width: 767px) {
    .mod_stage .slider_nav_prev {
      padding: 21px 22px 0 0; } }

.mod_stage .slider_nav_next {
  display: none;
  right: 10px;
  right: 0.625rem; }
  @media (max-width: 767px) {
    .mod_stage .slider_nav_next {
      padding: 21px 0 0 22px; } }

.mod_stage .stage_items_list {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease; }

.mod_stage .item {
  float: left;
  margin: 0;
  padding: 0; }
  @media (min-width: 1024px) {
    .mod_stage .item {
      border-left: 0 none;
      border-bottom: 0 none;
      width: 600px;
      width: 37.5rem;
      /* Damit die Bühne beim initialen Laden nicht springt weil die Bilder noch nicht da sind */
      height: 409px;
      height: 25.5625rem;
      /* Alles überstehende wird abgeschnitten */ } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_stage .item {
      clear: none; } }

.mod_stage .item:nth-of-type(4n+1) {
  clear: none; }

@media (max-width: 767px) {
  .mod_stage .item_inner {
    padding: 0; } }

.mod_stage .item .item_image {
  float: none;
  margin: 0;
  width: auto;
  background-color: #001c61;
  text-align: center; }
  @media (min-width: 1024px) {
    .mod_stage .item .item_image {
      max-height: 317px;
      max-height: 19.8125rem;
      overflow: hidden; } }

.mod_stage .item_image + .item_header {
  position: relative; }
  @media (min-width: 1024px) {
    .mod_stage .item_image + .item_header {
      height: 30px;
      height: 1.875rem;
      padding: 0 11px;
      padding: 0 0.6875rem;
      background-color: #2a3767; } }
  @media (max-width: 1023px) {
    .mod_stage .item_image + .item_header {
      background-color: #001c61; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_stage .item_image + .item_header {
      padding: 10px 0;
      padding: 0.625rem 0; } }
  @media (max-width: 767px) {
    .mod_stage .item_image + .item_header {
      padding: 10px;
      padding: 0.625rem;
      float: none;
      width: auto; } }

.mod_stage .item_title {
  color: #fff;
  max-width: 75%;
  /* Damit die Überschrift nicht in die Abspieldauer reinläuft */
  margin: 0;
  /* Das Ellipsis-Mixin aus der Base-Css kann nicht benutzt werden, da wir keine Breite von 100% haben */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  @media (min-width: 1024px) {
    .mod_stage .item_title {
      font-size: 16px;
      font-size: 1rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media (max-width: 1023px) {
    .mod_stage .item_title {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 23px;
      line-height: 1.4375rem;
      height: 23px;
      height: 1.4375rem;
      /* erleichtert Positionierung der Pfeile auf Bildmitte, d.h. ein "Hack" für die JS-Berechnung */ } }

.mod_stage .broadcast_information {
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (min-width: 1024px) {
    .mod_stage .broadcast_information {
      right: 11px;
      right: 0.6875rem;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 16px;
      line-height: 1rem;
      color: #a8a8a8; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_stage .broadcast_information {
      right: 15px;
      right: 0.9375rem; } }
  @media (max-width: 767px) {
    .mod_stage .broadcast_information {
      right: 10px;
      right: 0.625rem; } }
  .mod_stage .broadcast_information .meta_duration {
    margin: 0; }

@media (min-width: 1024px) {
  .mod_stage .item_description {
    padding: 0 9px;
    padding: 0 0.5625rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    border-top: 7px solid #fff;
    border-bottom: 7px solid #fff;
    height: 48px;
    height: 3rem; } }

@media (max-width: 1023px) {
  .mod_stage .item_description {
    padding: 13px 10px;
    padding: 0.8125rem 0.625rem; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .mod_stage .item_description {
    background-color: #fff; } }

.mod_subtitles {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  transform: translateY(-60px);
  transition: transform 0.5s ease-out; }
  .has-segments.fullscreen .mod_subtitles {
    transform: translateY(calc(-1 * (168px + 75px))); }
  .has-segments.fullscreen.has-fade-out .mod_subtitles,
  .has-fade-out .mod_subtitles {
    transform: translateY(100%); }
  .mod_subtitles.size-big .subtitle_wrapper .subtitles {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 32px;
    line-height: 2rem; }
  .mod_subtitles.size-biggest .subtitle_wrapper .subtitles {
    font-size: 32px;
    font-size: 2rem;
    line-height: 34px;
    line-height: 2.125rem; }
  .mod_subtitles .subtitle_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 72px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4); }
    .mod_subtitles .subtitle_wrapper .subtitles {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 24px;
      line-height: 1.5rem;
      color: #fff;
      white-space: pre-wrap;
      margin: 5px; }
      .mod_subtitles .subtitle_wrapper .subtitles:empty {
        margin: 0; }
  .fullscreen .mod_subtitles {
    z-index: 99999999999; }
    .fullscreen .mod_subtitles.size-big .subtitle_wrapper .subtitles {
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 50px;
      line-height: 3.125rem; }
    .fullscreen .mod_subtitles.size-biggest .subtitle_wrapper .subtitles {
      font-size: 48px;
      font-size: 3rem;
      line-height: 60px;
      line-height: 3.75rem; }
    .fullscreen .mod_subtitles .subtitle_wrapper {
      height: 116px;
      height: 7.25rem; }
      .fullscreen .mod_subtitles .subtitle_wrapper .subtitles {
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem; }

.fullscreen:not(.has-fade-out) .has-segments .subtitle_wrapper {
  bottom: 183px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Unterthemen
 *
 *
 */
.mod_subtopics {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  @media (min-width: 1024px) {
    .mod_subtopics {
      margin-top: 20px;
      margin-top: 1.25rem; } }
  @media (max-width: 1023px) {
    .mod_subtopics {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24);
      box-shadow: 0 5px 5px -5px rgba(1, 19, 66, 0.24); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mod_subtopics {
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .mod_subtopics .subheadline {
      background-image: none;
      cursor: auto;
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      padding: 0; } }
  @media (min-width: 1024px) {
    .mod_subtopics .subheadline .ico {
      display: none; } }
  @media (min-width: 1024px) {
    .mod_subtopics .base_list_item {
      width: 260px;
      width: 16.25rem;
      margin-left: 9px;
      margin-left: 0.5625rem;
      border-bottom: 0;
      float: left;
      background-color: #fff; } }
  @media (min-width: 1024px) {
    .mod_subtopics .base_list_item:nth-of-type(3n+1) {
      margin-left: 0;
      clear: left; } }
  @media (min-width: 1024px) {
    .mod_subtopics .base_list_item_inner {
      padding: 0 10px;
      padding: 0 0.625rem; } }
  @media (min-width: 1024px) {
    .mod_subtopics .base_list_item_headline {
      color: #001c61;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 23px;
      line-height: 1.4375rem;
      height: 23px;
      height: 1.4375rem;
      border-top: 1px solid #d9d9d9;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (min-width: 1024px) {
    .mod_subtopics .base_list_item:first-of-type .base_list_item_headline,
    .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_headline,
    .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_headline {
      border-top: 0 none; } }

.no-touch .mod_subtopics .base_list_item .base_list_item_inner:hover, .no-touch .mod_subtopics .base_list_item .base_list_item_inner:focus, .no-touch .mod_subtopics .base_list_item .base_list_item_inner:active {
  background-color: #001c61; }
  .no-touch .mod_subtopics .base_list_item .base_list_item_inner:hover .base_list_item_headline, .no-touch .mod_subtopics .base_list_item .base_list_item_inner:focus .base_list_item_headline, .no-touch .mod_subtopics .base_list_item .base_list_item_inner:active .base_list_item_headline {
    color: #fff;
    border-top: 1px solid #001c61; }

.no-touch .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:hover .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:focus .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:active .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:hover .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:focus .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:active .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:hover .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:focus .base_list_item_headline, .no-touch .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:active .base_list_item_headline {
  border-top: 0 none; }

.context-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  .context-menu.active {
    display: block; }
  .context-menu .context-list {
    position: absolute;
    z-index: 12;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    list-style: none;
    text-align: left; }
    .context-menu .context-list .context-item {
      font-size: 12px;
      padding: 5px 15px;
      margin: 0;
      white-space: nowrap; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Kontrollelemente für den Html5-Player
 *
 * @section mod_videocontrols
 */
.mod_videocontrols {
  background-color: #333;
  color: #fff;
  height: 28px;
  height: 1.75rem;
  line-height: 28px;
  line-height: 1.75rem;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1; }
  .fullscreen .mod_videocontrols {
    z-index: 9999999999999;
    opacity: 1;
    transition: opacity 1s linear; }
  @media (max-width: 1023px) {
    .mod_videocontrols {
      position: relative; } }

.ad_countdown_wrapper .player_controls {
  float: left; }

.ad-countdown {
  position: absolute;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 10px;
  margin: 0 0.625rem;
  left: 41px;
  left: 2.5625rem; }

.progress_bar_wrapper {
  width: 100%;
  height: 14px;
  height: 0.875rem;
  position: absolute;
  top: -10px;
  top: -0.625rem; }

.progress_bar_holder {
  width: 100%;
  height: 6px;
  height: 0.375rem;
  overflow: hidden;
  position: absolute;
  top: 4px;
  top: 0.25rem; }
  .progress_bar_holder .bar {
    background-color: #e9ecf1;
    width: 100%;
    height: 3px;
    height: 0.1875rem;
    position: absolute;
    top: 3px;
    top: 0.1875rem;
    left: 0;
    -webkit-transition: height 300ms ease-in-out, top 300ms ease-in-out;
    -moz-transition: height 300ms ease-in-out, top 300ms ease-in-out;
    -o-transition: height 300ms ease-in-out, top 300ms ease-in-out;
    transition: height 300ms ease-in-out, top 300ms ease-in-out; }
  .progress_bar_holder .buffer_bar,
  .progress_bar_holder .progress_bar {
    position: absolute;
    top: 0;
    left: 0; }
  .progress_bar_holder .buffer_bar {
    background-color: #a8a8a8;
    height: 100%; }
  .progress_bar_holder .progress_bar {
    background-color: #ff0000;
    height: 100%;
    cursor: pointer; }

.gapless_segment_marker {
  position: absolute;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  top: 5px;
  top: 0.3125rem;
  left: 0;
  left: 0;
  background-color: #e9ecf1;
  border-radius: 50%;
  -webkit-transition: top 300ms ease-in-out;
  -moz-transition: top 300ms ease-in-out;
  -o-transition: top 300ms ease-in-out;
  transition: top 300ms ease-in-out;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  .gapless_segment_marker:hover {
    width: 12px;
    width: 0.75rem;
    height: 12px;
    height: 0.75rem;
    transform: translate(-50%, -2px);
    cursor: pointer; }
  .gapless_segment_marker:after {
    content: "";
    width: 100%;
    height: 5px;
    height: 0.3125rem;
    background-color: #333;
    -webkit-transition: height 300ms ease-in-out;
    -moz-transition: height 300ms ease-in-out;
    -o-transition: height 300ms ease-in-out;
    transition: height 300ms ease-in-out; }

.progress_bar_knob {
  background-color: #ff0000;
  position: absolute;
  top: 1px;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  cursor: pointer;
  opacity: 0;
  border-radius: 50%;
  transform: translateX(-4px); }

.progress_bar_tooltip {
  min-height: 14px;
  min-height: 0.875rem;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 14px;
  line-height: 0.875rem;
  text-align: center;
  background-color: #333;
  color: #fff;
  position: absolute;
  bottom: 18px;
  bottom: 1.125rem;
  padding: 2px 5px;
  padding: 0.125rem 0.3125rem;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }
  .progress_bar_tooltip .thumbnail {
    width: 140px;
    display: block; }
  .progress_bar_tooltip .title {
    width: 140px;
    text-overflow: ellipsis;
    max-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box; }

.progress_bar_tooltip_arrow {
  position: absolute;
  bottom: 18px;
  bottom: 1.125rem;
  width: 34px;
  width: 2.125rem;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }
  .progress_bar_tooltip_arrow:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #333 transparent transparent;
    border-width: 9px 2px 0 6px;
    border-width: 0.5625rem 0.125rem 0 0.375rem;
    left: 55%;
    margin-left: -7px;
    margin-left: -0.4375rem; }

.player_controls {
  background: #333;
  height: 18px;
  height: 1.125rem;
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  /* fix für safari */
  display: block;
  position: relative; }
  .player_controls:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "."; }
  .player_controls .player_controls_elementary,
  .player_controls .player_controls_additional {
    height: 18px;
    height: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    /* fix für safari */
    display: block;
    margin-top: 1px;
    margin-top: 0.0625rem; }
    .player_controls .player_controls_elementary:after,
    .player_controls .player_controls_additional:after {
      visibility: hidden;
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      content: "."; }
  .player_controls .player_controls_elementary {
    float: left; }
  .player_controls .player_controls_additional {
    float: right; }
  .player_controls .player_time {
    display: inline-block;
    color: #8c8c8c;
    font-size: 12px;
    font-size: 0.75rem;
    position: relative;
    top: -5px;
    top: -0.3125rem;
    margin-left: 10px;
    margin-left: 0.625rem; }
  .player_controls .player_mode_label {
    display: none;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase; }
  .player_controls .player_time_current {
    font-weight: bold;
    color: #fff; }
  .player_controls .control_button {
    float: left;
    display: block;
    color: #8c8c8c;
    background: none;
    border: 0 none;
    padding: 2px 5px;
    padding: 0.125rem 0.3125rem;
    margin: -2px 0 0;
    margin: -0.125rem 0 0;
    position: relative;
    line-height: 18px;
    line-height: 1.125rem;
    outline: none; }
    .player_controls .control_button.active {
      color: #fff; }
    .player_controls .control_button.inactive {
      color: #4e4e4e;
      cursor: auto; }
    .player_controls .control_button .ico {
      display: block;
      line-height: 18px;
      line-height: 1.125rem; }
    .player_controls .control_button.volume {
      font-size: 22px;
      font-size: 1.375rem; }
      @media (max-width: 767px) {
        .player_controls .control_button.volume {
          display: none; } }
    .player_controls .control_button.unmute {
      display: none; }
      @media (max-width: 767px) {
        .player_controls .control_button.unmute {
          display: none; } }
    .player_controls .control_button.captions .ico {
      font-size: 20px;
      font-size: 1.25rem; }
    .player_controls .control_button.transcript .ico {
      font-size: 18px;
      font-size: 1.125rem; }
    .player_controls .control_button.settings .ico {
      font-size: 20px;
      font-size: 1.25rem; }
    .player_controls .control_button.fullscreen .ico {
      font-size: 20px;
      font-size: 1.25rem; }
    .player_controls .control_button.restart .icon {
      /* workaround for Safari Desktop glitch */
      vertical-align: top; }
    .player_controls .control_button.back_to_livestream {
      display: none; }
      @media screen and (max-width: 365px) {
        .player_controls .control_button.back_to_livestream {
          font-size: 10px;
          font-size: 0.625rem; } }
    .player_controls .control_button .tooltip {
      position: absolute;
      bottom: 36px;
      bottom: 2.25rem;
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 16px;
      line-height: 1rem;
      color: #fff;
      background-color: #333;
      padding: 4px 5px;
      padding: 0.25rem 0.3125rem;
      height: 16px;
      height: 1rem;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: 50%;
      display: none;
      white-space: nowrap; }
      .player_controls .control_button .tooltip:after {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #333333 transparent transparent;
        border-width: 7px;
        border-width: 0.4375rem;
        left: 50%;
        margin-left: -7px;
        margin-left: -0.4375rem; }
    .player_controls .control_button.disabled {
      color: #4c4c4c;
      cursor: default; }
  .player_controls .player_controls_elementary .control_button:first-of-type .tooltip,
  .player_controls .player_controls_elementary .control_button:first-of-type[style^="display: none;"] + .control_button .tooltip {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin: 0; }
    .player_controls .player_controls_elementary .control_button:first-of-type .tooltip:after,
    .player_controls .player_controls_elementary .control_button:first-of-type[style^="display: none;"] + .control_button .tooltip:after {
      left: 0;
      margin: 0; }
  .player_controls .player_controls_additional .control_button:last-of-type .tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin: 0; }
    .player_controls .player_controls_additional .control_button:last-of-type .tooltip:after {
      right: 0;
      left: auto;
      margin: 0; }
  @media (min-width: 768px) {
    .player_controls .volume_controls:hover .volume_bar_wrapper {
      display: block; } }
  .player_controls .volume_bar_wrapper {
    display: none;
    width: 56px;
    width: 3.5rem;
    height: 15px;
    height: 0.9375rem;
    float: right;
    position: relative;
    top: 2px;
    top: 0.125rem;
    cursor: pointer;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }
    @media (max-width: 767px) {
      .player_controls .volume_bar_wrapper {
        display: none; } }
    .muted .player_controls .volume_bar_wrapper .volume_bar_knob {
      background-color: #e9ecf1; }
  .player_controls .volume_bar_holder {
    margin-top: 6px;
    margin-top: 0.375rem; }
  .player_controls .volume_bar {
    background-color: #e9ecf1;
    cursor: pointer;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }
  .player_controls .volume_progress_bar {
    height: 3px;
    height: 0.1875rem;
    background-color: #ff0000;
    position: relative;
    cursor: pointer; }
  .player_controls .volume_bar_knob {
    background-color: #ff0000;
    width: 4px;
    width: 0.25rem;
    height: 15px;
    height: 0.9375rem;
    position: absolute;
    top: 0;
    cursor: pointer; }

.settings {
  display: none; }

.settings_overlay {
  display: none;
  position: absolute;
  bottom: 36px;
  bottom: 2.25rem;
  background-color: rgba(51, 51, 51, 0.75);
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem; }
  .settings_overlay:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0.75) transparent transparent;
    border-width: 7px;
    border-width: 0.4375rem;
    left: 50%;
    margin-left: -7px;
    margin-left: -0.4375rem; }
  .settings_overlay h4 {
    padding-left: 10px;
    padding-left: 0.625rem;
    margin-bottom: 3px;
    margin-bottom: 0.1875rem; }
  .settings_overlay ol {
    padding-left: 8px;
    padding-left: 0.5rem;
    text-align: left; }
  .settings_overlay li {
    cursor: pointer;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 13px;
    line-height: 0.8125rem;
    color: #888; }
    .settings_overlay li:last-child {
      margin-top: 6px;
      margin-top: 0.375rem; }
  .settings_overlay li.active {
    list-style-type: disc;
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem; }

.no-touch .mod_videocontrols .progress_bar_wrapper:hover .bar, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .bar, .no-touch .mod_videocontrols .progress_bar_wrapper:active .bar {
  height: 6px;
  height: 0.375rem;
  top: 0; }

.no-touch .mod_videocontrols .progress_bar_wrapper:hover .gapless_segment_marker, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .gapless_segment_marker, .no-touch .mod_videocontrols .progress_bar_wrapper:active .gapless_segment_marker {
  top: 3px;
  top: 0.1875rem; }
  .no-touch .mod_videocontrols .progress_bar_wrapper:hover .gapless_segment_marker:after, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .gapless_segment_marker:after, .no-touch .mod_videocontrols .progress_bar_wrapper:active .gapless_segment_marker:after {
    height: 0; }

.no-touch .mod_videocontrols .progress_bar_wrapper:hover .progress_bar_knob, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .progress_bar_knob, .no-touch .mod_videocontrols .progress_bar_wrapper:active .progress_bar_knob {
  opacity: 1; }

.no-touch .mod_videocontrols .progress_bar_wrapper:hover .progress_bar_tooltip, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .progress_bar_tooltip, .no-touch .mod_videocontrols .progress_bar_wrapper:active .progress_bar_tooltip {
  opacity: 1; }

.no-touch .mod_videocontrols .progress_bar_wrapper:hover .progress_bar_tooltip_arrow, .no-touch .mod_videocontrols .progress_bar_wrapper:focus .progress_bar_tooltip_arrow, .no-touch .mod_videocontrols .progress_bar_wrapper:active .progress_bar_tooltip_arrow {
  opacity: 1; }

.no-touch .mod_videocontrols .control_button:focus, .no-touch .mod_videocontrols .control_button:hover {
  color: #b2b2b2; }
  .no-touch .mod_videocontrols .control_button:focus .tooltip, .no-touch .mod_videocontrols .control_button:hover .tooltip {
    display: block; }

.no-touch .mod_videocontrols .control_button.active:hover, .no-touch .mod_videocontrols .control_button.active:focus, .no-touch .mod_videocontrols .control_button.active:active {
  color: #fff; }

.no-touch .mod_videocontrols .control_button.inactive:hover, .no-touch .mod_videocontrols .control_button.inactive:focus, .no-touch .mod_videocontrols .control_button.inactive:active {
  color: #4e4e4e; }
  .no-touch .mod_videocontrols .control_button.inactive:hover .tooltip, .no-touch .mod_videocontrols .control_button.inactive:focus .tooltip, .no-touch .mod_videocontrols .control_button.inactive:active .tooltip {
    display: none; }

.no-touch .mod_videocontrols .settings_overlay li:hover,
.no-touch .mod_videocontrols .settings_overlay li:focus,
.no-touch .mod_videocontrols .settings_overlay li:active {
  list-style-type: disc; }

.android .fullscreen .mod_videocontrols,
.ios .fullscreen .mod_videocontrols {
  display: none; }

.fullscreen.has-fade-out .mod_videocontrols {
  opacity: 0; }

@media screen and (max-width: 640px) {
  .b-nav {
    position: relative; } }

.b-nav .nav-list {
  display: flex;
  justify-content: space-between;
  padding: 18px 0; }
  @media screen and (max-width: 640px) {
    .b-nav .nav-list {
      position: absolute;
      top: 0;
      right: -100%;
      width: auto;
      flex-direction: column;
      justify-content: flex-start;
      z-index: 20;
      background: #171717;
      padding: 20px 15px;
      height: 100vh;
      transition: right 0.3s ease-in-out; } }

.b-nav .nav-item {
  position: relative; }
  .b-nav .nav-item .nav-link:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    margin-left: 5px;
    top: 8px; }
  .b-nav .nav-item.arrow-up .nav-link:after {
    border-bottom: 5px solid white; }
  .b-nav .nav-item.arrow-down .nav-link:after {
    border-top: 5px solid white; }
  @media screen and (max-width: 640px) {
    .b-nav .nav-item {
      padding: 10px; } }
  .b-nav .nav-item.active .nav-link {
    color: #f8ff00; }
  .b-nav .nav-item.active.arrow-up .nav-link:after {
    border-bottom: 5px solid #f8ff00; }
  .b-nav .nav-item.active.arrow-down .nav-link:after {
    border-top: 5px solid #f8ff00; }
  .b-nav .nav-item .nav-link, .b-nav .nav-item span {
    position: relative;
    font-family: "ORF ON TF", sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #fff; }
    @media screen and (max-width: 640px) {
      .b-nav .nav-item .nav-link, .b-nav .nav-item span {
        font-size: 20px; } }
    @media screen and (min-width: 1024px) {
      .b-nav .nav-item .nav-link, .b-nav .nav-item span {
        font-size: 20px; } }
    .lt-ie9 .b-nav .nav-item .nav-link, .lt-ie9 .b-nav .nav-item span {
      font-size: 20px; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-nav .nav-item .nav-link, .b-nav .nav-item span {
        font-size: 18px; } }
  .b-nav .nav-item span {
    color: #a9a9a9;
    cursor: default; }
    .b-nav .nav-item span:hover {
      cursor: not-allowed; }

@media screen and (max-width: 640px) {
  .b-nav.is-open .nav-list {
    right: 0; } }

@media screen and (max-width: 640px) {
  .b-nav.is-initial-mobile-overflow-hide {
    overflow-x: hidden; } }

.b-nav div#favorites-warning {
  position: absolute;
  bottom: -60px;
  font-size: 12px;
  width: 200px;
  z-index: 20;
  background-color: #171717;
  padding: 4px 6px;
  border: 1px solid #f8ff00; }
  @media screen and (max-width: 640px) {
    .b-nav div#favorites-warning {
      width: 175px; } }

.mobile-menu-burger-icon {
  width: 24px;
  height: 22px;
  background-size: cover;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M-1-1h582v402H-1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%202h25v4H0V2zm0%208h25v4H0v-4zm0%208h25v4H0v-4z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat; }
  @media screen and (min-width: 1024px) {
    .mobile-menu-burger-icon {
      display: none; } }
  .lt-ie9 .mobile-menu-burger-icon {
    display: none; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .mobile-menu-burger-icon {
      display: none; } }
  .mobile-menu-burger-icon.hide {
    display: none; }

.mobile-menu-close-icon {
  width: 22px;
  height: 22px;
  margin-left: 2px;
  background-size: cover;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat; }
  @media screen and (min-width: 1024px) {
    .mobile-menu-close-icon {
      display: none; } }
  .lt-ie9 .mobile-menu-close-icon {
    display: none; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .mobile-menu-close-icon {
      display: none; } }
  .mobile-menu-close-icon.hide {
    display: none; }

.b-no_player_support {
  z-index: 99999;
  position: absolute;
  padding: 1em;
  width: 100%;
  height: 100%;
  background: #171717; }
  .b-no_player_support.hidden {
    display: none; }

table.sf-toolbar-nurago-requests tbody td div.scrollbox {
  max-width: 200px;
  max-height: 100px;
  overflow: scroll; }

.b-oegs-icon {
  display: inline-block;
  width: 18px;
  height: 18px; }

.oegs-icon {
  max-width: 15px; }

.b-player-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 62px;
  opacity: 1;
  background: linear-gradient(transparent 0, rgba(0, 0, 0, 0.57) 25%);
  transition: opacity 0.4s linear, transform 0.5s ease-out; }
  .b-player-controls .ad-countdown-wrapper {
    width: 100%; }
  .b-player-controls .ad-countdown {
    position: absolute;
    margin: 0 10px;
    left: 41px;
    bottom: 0;
    font-size: 12px;
    height: 34px;
    line-height: 34px; }
  .has-fade-out .b-player-controls {
    transform: translateY(100%); }
    .has-fade-out .b-player-controls .timeline-wrapper {
      cursor: none; }
  .b-player-controls .timeline-wrapper {
    position: relative;
    width: 97%;
    height: 3px;
    margin: 20px auto 0;
    cursor: pointer; }
    .b-player-controls .timeline-wrapper:hover {
      margin-top: 19px;
      height: 5px; }
      .b-player-controls .timeline-wrapper:hover .progress-bar::after {
        width: 13px;
        height: 13px; }
      .b-player-controls .timeline-wrapper:hover .gapless-segment-marker {
        top: -2px; }
    .b-player-controls .timeline-wrapper .progress-bar, .b-player-controls .timeline-wrapper .buffer-bar, .b-player-controls .timeline-wrapper .timeline {
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      left: 0; }
    .b-player-controls .timeline-wrapper .timeline {
      width: 100%;
      background-color: #fff; }
    .b-player-controls .timeline-wrapper .progress-bar {
      background-color: #D0021B;
      z-index: 2; }
      .b-player-controls .timeline-wrapper .progress-bar::after {
        content: "";
        position: absolute;
        top: -4px;
        right: -11px;
        background-color: #D0021B;
        border-radius: 50%;
        transition: height 0.3s linear, width 0.3s linear;
        z-index: 3; }
    .b-player-controls .timeline-wrapper .buffer-bar {
      background-color: #c8c8c8;
      z-index: 1; }
    .b-player-controls .timeline-wrapper .gapless-segment-marker {
      position: absolute;
      width: 9px;
      height: 9px;
      top: -3px;
      left: 0;
      background-color: #fff;
      border-radius: 50%;
      z-index: 2; }
      .b-player-controls .timeline-wrapper .gapless-segment-marker:hover {
        width: 11px;
        height: 11px;
        top: -3px;
        cursor: pointer; }
    .b-player-controls .timeline-wrapper:hover .progress-bar-tooltip-arrow,
    .b-player-controls .timeline-wrapper:hover .progress-bar-tooltip, .b-player-controls .timeline-wrapper:focus .progress-bar-tooltip-arrow,
    .b-player-controls .timeline-wrapper:focus .progress-bar-tooltip, .b-player-controls .timeline-wrapper:active .progress-bar-tooltip-arrow,
    .b-player-controls .timeline-wrapper:active .progress-bar-tooltip {
      opacity: 1; }
  .b-player-controls .is-liveplayer {
    display: none !important; }
  .b-player-controls .controls-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: space-between; }
    .b-player-controls .controls-bar .left-controls button, .b-player-controls .controls-bar .right-controls button {
      background-size: contain; }
    .b-player-controls .controls-bar .left-controls {
      display: flex;
      margin-left: 20px;
      align-items: center; }
      @media screen and (max-width: 640px) {
        .b-player-controls .controls-bar .left-controls {
          margin-left: 8px; } }
      .b-player-controls .controls-bar .left-controls .toggle-play-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Ebene_1%22%20x%3D%220%22%20y%3D%220%22%20version%3D%221.1%22%20viewBox%3D%220%200%201280%201280%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22LIVE_ICON_FINAL%22%3E%3Cpath%20id%3D%22Path%22%20d%3D%22M133%2086v1108.4l1013.1-554.2z%22%20class%3D%22st0%22%2F%3E%3Cpath%20id%3D%22Path_1_%22%20d%3D%22M197.3%20194.4l814.9%20445.8L197.3%201086z%22%20class%3D%22st0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        margin-right: 20px;
        width: 19px;
        height: 22px; }
        @media screen and (max-width: 640px) {
          .b-player-controls .controls-bar .left-controls .toggle-play-btn {
            margin-right: 12px; } }
        .b-player-controls .controls-bar .left-controls .toggle-play-btn.pause {
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201280%201280%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M133%2086h362.6v1108.4H133zm650.5%200h362.6v1108.4H783.5z%22%2F%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat; }
      .b-player-controls .controls-bar .left-controls .time-wrapper {
        display: flex;
        color: #fff;
        margin-right: 20px; }
        .b-player-controls .controls-bar .left-controls .time-wrapper .current-time {
          margin-right: 5px; }
        .b-player-controls .controls-bar .left-controls .time-wrapper .duration {
          margin-left: 5px; }
      .b-player-controls .controls-bar .left-controls .volume-controls {
        display: flex;
        align-items: center; }
        .b-player-controls .controls-bar .left-controls .volume-controls.muted .volume-mute-btn {
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Ebene_1%22%20x%3D%220%22%20y%3D%220%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Artboard%22%3E%3Cg%20id%3D%22download%22%3E%3Cpath%20id%3D%22Shape%22%20d%3D%22M13%206V0h2v6h-2zm2%204v6h-2v-6h2zM9%206V1.8h2V6H9zm2%204v4.2H9V10h2zM5%206V3.6h2V6H5zm2%204v2.4H5V10h2zM3%206H1v-.7h2V6zm0%204v.7H1V10h2z%22%20class%3D%22st0%22%2F%3E%3Cpath%20id%3D%22Rectangle%22%20d%3D%22M0%207h16v2H0z%22%20class%3D%22st0%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat; }
        .b-player-controls .controls-bar .left-controls .volume-controls .volume-mute-btn {
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%200h2v16h-2zM8%201.778h2v12.444H8zM4%203.556h2v8.889H4zM0%205.333h2v5.333H0z%22%2F%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat;
          width: 15px;
          height: 16px; }
        .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper {
          width: 0;
          padding-left: 5px;
          transition: width .2s linear; }
          @media screen and (max-width: 640px) {
            .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper {
              display: none; } }
          .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper:focus {
            width: 85px; }
            .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper:focus .volume-progress-bar::after {
              width: 12px;
              height: 12px; }
          .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper .volume-bar-holder .volume-bar {
            position: relative;
            width: 100%;
            height: 4px;
            background-color: #fff; }
            .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper .volume-bar-holder .volume-bar .volume-progress-bar {
              position: absolute;
              top: 0;
              left: 0;
              width: 75%;
              height: 4px;
              background-color: #f8ff00; }
              .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper .volume-bar-holder .volume-bar .volume-progress-bar::after {
                content: "";
                position: absolute;
                top: -4px;
                right: -10px;
                border-radius: 50%;
                background-color: #f8ff00; }
            .b-player-controls .controls-bar .left-controls .volume-controls .volume-bar-wrapper .volume-bar-holder .volume-bar:hover {
              cursor: pointer; }
        .b-player-controls .controls-bar .left-controls .volume-controls:hover .volume-bar-wrapper {
          width: 85px; }
          .b-player-controls .controls-bar .left-controls .volume-controls:hover .volume-bar-wrapper .volume-progress-bar::after {
            width: 12px;
            height: 12px; }
    .b-player-controls .controls-bar .right-controls {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      margin-right: 20px;
      flex-wrap: wrap; }
      @media screen and (max-width: 640px) {
        .b-player-controls .controls-bar .right-controls {
          margin-right: 8px; } }
      .b-player-controls .controls-bar .right-controls button {
        margin: 0 10px 0 30px; }
        @media screen and (max-width: 640px) {
          .b-player-controls .controls-bar .right-controls button {
            margin: 0 10px; } }
      .b-player-controls .controls-bar .right-controls .restart-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2220%22%20viewBox%3D%220%200%2075%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23A7A7A7%22%20d%3D%22M0%200h75v20H0z%22%20opacity%3D%22.503%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M5.324%206.772h3.114c.87%200%201.566.265%202.018.706.366.388.574.917.574%201.517v.017c0%201.164-.696%201.852-1.67%202.134l1.88%202.681H9.794l-1.722-2.469h-1.53v2.47H5.323V6.771zm3.027%203.51c.87%200%201.427-.458%201.427-1.181v-.018c0-.758-.54-1.164-1.444-1.164H6.542v2.38h1.81v-.017zm4.384-3.509h5.167v1.11h-3.949v1.835h3.496v1.11h-3.496v1.906h4.001v1.11h-5.219zm6.402%206.049l.73-.882c.662.582%201.34.917%202.21.917.765%200%201.235-.353%201.235-.882v-.017c0-.512-.278-.776-1.566-1.076-1.478-.37-2.313-.811-2.313-2.117v-.017c0-1.217.991-2.046%202.383-2.046%201.009%200%201.827.317%202.522.882l-.66.935c-.627-.477-1.253-.724-1.897-.724-.713%200-1.13.37-1.13.847v.018c0%20.546.313.793%201.652%201.11%201.479.371%202.244.9%202.244%202.064v.018c0%201.323-1.026%202.116-2.488%202.116a4.365%204.365%200%2001-2.922-1.146zm8.403-4.885h-2.21V6.79h5.654v1.147h-2.21v5.926H27.54V7.937zm5.931-1.217h1.131l3.062%207.125h-1.287l-.714-1.711h-3.305l-.713%201.71h-1.253l3.08-7.124zm1.74%204.32l-1.2-2.821-1.2%202.822h2.4zm3.653-4.268h3.114c.87%200%201.566.265%202.018.706.365.388.574.917.574%201.517v.017c0%201.164-.696%201.852-1.67%202.134l1.879%202.681h-1.444l-1.705-2.469H40.1v2.47h-1.218V6.771h-.018zm3.027%203.51c.87%200%201.427-.458%201.427-1.181v-.018c0-.758-.54-1.164-1.444-1.164h-1.792v2.38h1.81v-.017zm5.654-2.345h-2.21V6.79h5.654v1.147H48.78v5.926h-1.235zm6.529%203.08l1.585-1.387%202.851%202.517%202.761-2.517%201.692%201.61-4.489%204.316%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M63.686%203.704c-3.137%200-5.7%202.433-5.908%205.491l1.028.956%201.063-1.008a3.84%203.84%200%20013.817-3.354%203.847%203.847%200%20013.852%203.84c0%202.12-1.725%203.824-3.834%203.841v2.086c3.276%200%205.926-2.66%205.926-5.909-.018-3.284-2.667-5.943-5.944-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 70px;
        height: 20px; }
      .b-player-controls .controls-bar .right-controls .transcript-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h19v2H0zm0%204h17v2H0zm0%204h14v2H0zm0%204h11v2H0zm0%204h15v2H0z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        display: none;
        width: 19px;
        height: 18px; }
      .b-player-controls .controls-bar .right-controls .subtitles-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221000%22%20height%3D%221000%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M242.916%20853.626c-143.934%200-241.5-92.736-241.5-262.752V166.8h72.45v422.142c0%20127.512%2064.722%20198.03%20170.982%20198.03%20103.362%200%20169.05-66.654%20169.05-195.132V166.8h72.45v420.21c0%20173.88-97.566%20266.616-243.432%20266.616zM735.408%20843V234.42H546.072V166.8H998.16v67.62H807.858V843h-72.45z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        display: none;
        width: 22px;
        height: 20px; }
      .b-player-controls .controls-bar .right-controls .settings-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20x%3D%223.5%22%20y%3D%223.5%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20rx%3D%226%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2015h3v4H8zM3%208v3H0V8zm2.207%203.672l2.121%202.12-3.535%203.536-2.121-2.12zm1.768-7.318l-2.121%202.12-2.829-2.828%202.121-2.12zM8%200h3v4H8zm11%208v3h-3V8zm-4.146-6.475l2.12%202.121-2.828%202.829-2.12-2.121zm2.121%2013.829l-2.121%202.12-2.829-2.828%202.121-2.12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
        z-index: 5; }
      .b-player-controls .controls-bar .right-controls .fullscreen-btn {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.975%206.975h5.051v5.051H6.975zM1.87%200l5.102%205.102-1.87%201.871L0%201.872zm12.026%2012.025l5.102%205.102-1.871%201.871-5.102-5.102zm-1.87-6.923L17.127%200l1.871%201.871-5.101%205.102zM0%2017.127l5.102-5.102%201.871%201.871-5.102%205.102z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
        margin-right: 0; }
      .b-player-controls .controls-bar .right-controls .back-to-livestream-btn {
        display: none;
        color: #fff; }
      .b-player-controls .controls-bar .right-controls .b-bundesland-heute-player .b-select-box {
        width: 170px;
        height: 30px;
        line-height: 30px; }
        .b-player-controls .controls-bar .right-controls .b-bundesland-heute-player .b-select-box .select-box-list {
          position: absolute;
          bottom: 100%;
          border-top: 1px solid #808080; }
  .b-player-controls .progress-bar-tooltip {
    min-height: 14px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    background-color: #333;
    color: #fff;
    position: absolute;
    bottom: 18px;
    padding: 5px 5px 2px;
    opacity: 0;
    z-index: 1;
    transition: opacity 300ms ease-in-out; }
    .b-player-controls .progress-bar-tooltip .thumbnail {
      width: 140px;
      display: block; }
    .b-player-controls .progress-bar-tooltip .tooltip-title {
      display: block;
      width: 140px;
      text-overflow: ellipsis;
      max-height: 28px;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      font-size: 12px;
      margin: 5px 0; }
  .b-player-controls .progress-bar-tooltip-arrow {
    position: absolute;
    bottom: 18px;
    width: 34px;
    opacity: 0;
    transition: opacity 300ms ease-in-out; }
    .b-player-controls .progress-bar-tooltip-arrow:after {
      top: 100%;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: #333 transparent transparent;
      border-width: 9px 2px 0 6px;
      left: 55%;
      margin-left: -7px; }

.b-player-segments {
  margin: 15px 0 0;
  position: relative;
  overflow: hidden; }
  .b-player-segments.has-scrollbars-hidden {
    margin-bottom: 0; }
  .b-player-segments .center-container {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%); }
  .b-player-segments .scrollbox-wrapper {
    overflow: hidden; }
    .b-player-segments .scrollbox-wrapper .segments-list {
      background: linear-gradient(to right, #393939, #212121); }
  .b-player-segments.five-items, .b-player-segments.one-item, .b-player-segments.growing-items {
    display: inline-block; }
    .b-player-segments.five-items .segments-list, .b-player-segments.one-item .segments-list, .b-player-segments.growing-items .segments-list {
      justify-content: normal; }
  .b-player-segments.growing-items {
    width: 100%; }
  .b-player-segments.five-items {
    width: calc(130px * 5 + 20px * 4);
    vertical-align: top; }
  .b-player-segments.one-item {
    width: calc(130px); }
    .b-player-segments.one-item .segments-list {
      overflow: hidden; }
      .b-player-segments.one-item .segments-list .segments-list-item:hover {
        background-color: inherit;
        cursor: default; }
    .b-player-segments.one-item .livestream-link {
      display: block;
      height: 100%; }
  .b-player-segments.is-episode .segments-list .segments-list-item:hover {
    cursor: pointer;
    border-top: 1px solid #f8ff00;
    border-left: 1px solid #f8ff00; }
    .b-player-segments.is-episode .segments-list .segments-list-item:hover .to-livestream {
      color: #f8ff00;
      font-weight: bold; }
  .b-player-segments .segments-list {
    display: flex;
    overflow-x: scroll;
    justify-content: flex-start;
    background: linear-gradient(to right, #212121, #393939, #212121); }
    .b-player-segments .segments-list .segments-list-item {
      position: relative;
      width: 130px;
      height: 168px;
      margin-right: 19px;
      flex-shrink: 0; }
      .b-player-segments .segments-list .segments-list-item:last-of-type {
        margin: 0; }
      .b-player-segments .segments-list .segments-list-item.is-active, .b-player-segments .segments-list .segments-list-item:focus, .b-player-segments .segments-list .segments-list-item:hover {
        background-color: #444; }
        .b-player-segments .segments-list .segments-list-item.is-active .ratio-box, .b-player-segments .segments-list .segments-list-item:focus .ratio-box, .b-player-segments .segments-list .segments-list-item:hover .ratio-box {
          border-top: 1px solid #f8ff00;
          border-left: 1px solid #f8ff00; }
        .b-player-segments .segments-list .segments-list-item.is-active .img-hover-bg, .b-player-segments .segments-list .segments-list-item:focus .img-hover-bg, .b-player-segments .segments-list .segments-list-item:hover .img-hover-bg {
          opacity: 1; }
      .b-player-segments .segments-list .segments-list-item:focus, .b-player-segments .segments-list .segments-list-item:hover {
        cursor: pointer; }
        .b-player-segments .segments-list .segments-list-item:focus .share-wrapper, .b-player-segments .segments-list .segments-list-item:hover .share-wrapper {
          display: block; }
      .b-player-segments .segments-list .segments-list-item.is-deactivated {
        pointer-events: none; }
        .b-player-segments .segments-list .segments-list-item.is-deactivated .segment .segment-title {
          color: #808080; }
        .b-player-segments .segments-list .segments-list-item.is-deactivated .segment .duration {
          display: none; }
        .b-player-segments .segments-list .segments-list-item.is-deactivated .ratio-box::before {
          content: "";
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M34.37%2016.808l961.837%20972.475-30.577%2030.91L3.793%2047.716zM316%20243.989V165l559%20328.934L679.322%20609l-30.877-30.825%20144.388-84.241-435.409-256.083v46.014zM316%20422v402l252-148.398-30.68-31.452-179.921%20106.986V462.859z%22%2F%3E%3Cpath%20d%3D%22M238.248%20163.001c78.69-72.757%20183.323-117.178%20298.358-117.178%20244.145%200%20442.03%20200.081%20442.03%20446.935%200%20116.312-43.934%20222.107-115.892%20301.669L891.992%20824C971.416%20736.89%201020%20620.578%201020%20492.758%201020%20222.766%20803.635%204%20536.606%204%20410.19%204%20295.154%2053.123%20209%20133.428l29.248%2029.573zM764.88%20875.06c-66.61%2040.717-144.728%2064.108-228.233%2064.108-244.272%200-442.262-200.123-442.262-447.03%200-84.405%2023.142-163.366%2063.426-230.692L127.69%20231C80.427%20306.495%2053%20396.099%2053%20492.139%2053%20762.189%20269.478%20981%20536.647%20981c95.015%200%20183.663-27.723%20258.353-75.495l-30.12-30.446z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 40px;
          height: 40px;
          transform: translate(-50%, -50%);
          z-index: 1;
          background-size: contain; }
      .b-player-segments .segments-list .segments-list-item .img-container {
        position: relative; }
      .b-player-segments .segments-list .segments-list-item .ratio-box {
        width: 100%;
        margin-bottom: 5px;
        padding-bottom: 56.25%;
        border: 1px transparent solid; }
      .b-player-segments .segments-list .segments-list-item .segment-img {
        position: absolute;
        width: 100%; }
      .b-player-segments .segments-list .segments-list-item .deactivated-text {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #3f3f3f;
        font-size: 8px;
        line-height: 10px;
        text-align: center;
        display: flex;
        align-items: center; }
      .b-player-segments .segments-list .segments-list-item .text-container {
        padding: 0 5px;
        max-width: 100%;
        overflow: hidden; }
      .b-player-segments .segments-list .segments-list-item .segment-title, .b-player-segments .segments-list .segments-list-item .to-livestream {
        font-size: 14px;
        line-height: 18px;
        font-family: "ORF ON Condensed TF", sans-serif;
        color: #fff;
        font-weight: 500;
        max-height: 54px;
        overflow: hidden;
        hyphens: auto;
        padding-bottom: 10px; }
        .b-player-segments .segments-list .segments-list-item .segment-title span, .b-player-segments .segments-list .segments-list-item .to-livestream span {
          display: block; }
      .b-player-segments .segments-list .segments-list-item .duration {
        color: #cbcbcb;
        font-size: 14px;
        line-height: 18px; }
      .b-player-segments .segments-list .segments-list-item .share-wrapper {
        display: none;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 5px;
        text-align: right; }
        .b-player-segments .segments-list .segments-list-item .share-wrapper .share-btn {
          width: 17px;
          height: 20px;
          background-position: center;
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.5%2010l8.66%205-.5.866-8.66-5zM4%208l8.66-5%20.5.866-8.66%205z%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%2214.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%22.5%22%20y%3D%227.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat; }
        .b-player-segments .segments-list .segments-list-item .share-wrapper .share-options {
          display: flex;
          pointer-events: none;
          align-items: center; }
          .b-player-segments .segments-list .segments-list-item .share-wrapper .share-options .share-option {
            margin-right: 5px;
            width: 20px;
            height: 20px;
            opacity: 0;
            background-size: contain;
            pointer-events: auto; }
        .b-player-segments .segments-list .segments-list-item .share-wrapper .input-for-copy {
          position: absolute;
          left: -9999px; }
        .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded {
          background-color: #171717; }
          .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options {
            margin-right: 5px;
            pointer-events: initial;
            align-items: center; }
            .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option {
              opacity: 1;
              transition: opacity 0.1s linear;
              border: 4px solid #323232;
              background-color: #323232;
              background-position: center center;
              background-size: contain;
              background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.5%2010l8.66%205-.5.866-8.66-5zM4%208l8.66-5%20.5.866-8.66%205z%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%2214.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%22.5%22%20y%3D%227.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
              background-repeat: no-repeat; }
              .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.facebook {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.56%204.425h2.005l-.26%202.083H4.56v5.154H2.452V6.508H.734V4.425h1.718V2.968h-.005c-.035-.706.15-1.312.557-1.817C3.614.392%204.56.338%204.56.338h2.056v1.9H5.322a.815.815%200%2000-.552.216.68.68%200%2000-.21.512v1.46z%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat; }
              .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.twitter {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.016%209.76c4.184%200%206.472-3.466%206.472-6.471%200-.099-.002-.197-.006-.294.444-.322.83-.722%201.134-1.178a4.536%204.536%200%2001-1.306.358c.47-.282.83-.727%201-1.258-.44.26-.926.45-1.444.552A2.275%202.275%200%20005.99%203.543%206.459%206.459%200%20011.3%201.166a2.273%202.273%200%2000.704%203.037%202.258%202.258%200%2001-1.03-.284v.029c0%201.102.784%202.021%201.825%202.23a2.278%202.278%200%2001-1.027.039%202.277%202.277%200%20002.125%201.58%204.564%204.564%200%2001-3.368.942%206.44%206.44%200%20003.487%201.022%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.05s; }
              .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.whatsapp {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M12%205.845c0%203.229-2.637%205.846-5.89%205.846a5.9%205.9%200%2001-2.849-.727L0%2012l1.063-3.136a5.784%205.784%200%2001-.845-3.019C.218%202.617%202.855%200%206.109%200S12%202.617%2012%205.845zM6.11.931c-2.732%200-4.954%202.205-4.954%204.914%200%201.076.35%202.072.944%202.882l-.62%201.825%201.904-.605a4.95%204.95%200%20002.725.813c2.731%200%204.953-2.204%204.953-4.914C11.062%203.136%208.84.93%206.109.93zm2.974%206.26c-.037-.059-.133-.095-.277-.166a24.274%2024.274%200%2000-.987-.466c-.132-.048-.229-.072-.325.071a8.262%208.262%200%2001-.457.562c-.084.096-.168.108-.313.036-.144-.072-.61-.223-1.161-.711a4.32%204.32%200%2001-.803-.992c-.084-.144-.01-.221.063-.292.065-.065.145-.168.217-.251.072-.084.096-.144.144-.24.048-.095.024-.179-.012-.25-.036-.072-.325-.777-.445-1.064-.12-.287-.24-.24-.325-.24-.084%200-.18-.011-.277-.011a.533.533%200%2000-.385.18c-.132.143-.505.49-.505%201.194%200%20.705.517%201.386.59%201.482.071.095.998%201.59%202.466%202.163%201.468.573%201.468.382%201.733.358.264-.024.854-.346.975-.68.12-.336.12-.623.084-.682z%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.1s; }
              .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.copy {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cg%20fill%3D%22%23F8FF00%22%3E%3Cpath%20d%3D%22M6.09%203.89a2.329%202.329%200%2000-3.294%200L.682%206.009a2.329%202.329%200%20003.292%203.296L5.72%207.557a.166.166%200%2000-.118-.284h-.067a2.8%202.8%200%2001-1.064-.207.166.166%200%2000-.182.037L3.033%208.36a.999.999%200%2011-1.412-1.412l2.124-2.122a.998.998%200%20011.41%200%20.682.682%200%2000.936%200%20.665.665%200%2000.193-.423.665.665%200%2000-.193-.512z%22%2F%3E%3Cpath%20d%3D%22M9.3.682a2.329%202.329%200%2000-3.294%200L4.26%202.425a.166.166%200%2000.121.285h.062c.364%200%20.725.07%201.063.208a.166.166%200%2000.181-.037l1.253-1.25a.999.999%200%20111.412%201.412L6.793%204.6l-.014.015-.545.542a.998.998%200%2001-1.41%200%20.682.682%200%2000-.936%200%20.665.665%200%20000%20.939c.193.193.418.35.666.465.035.017.07.03.104.045.035.015.072.027.107.04.035.013.071.025.106.035l.099.027a2.315%202.315%200%2000.45.065h.125l.1-.012c.036-.002.075-.01.118-.01h.057l.114-.017.054-.01.096-.02h.018a2.329%202.329%200%20001.08-.612l2.117-2.117c.91-.91.91-2.384%200-3.294z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.15s; }
                .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.copy input {
                  overflow: hidden;
                  position: absolute;
                  width: 1px;
                  height: 1px;
                  margin: -1px;
                  border: 0;
                  padding: 0;
                  clip: rect(0 0 0 0); }
                  .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.copy input.focusable:active, .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.copy input.focusable:focus {
                    overflow: visible;
                    position: static;
                    width: auto;
                    height: auto;
                    margin: 0;
                    clip: auto; }
              .b-player-segments .segments-list .segments-list-item .share-wrapper.is-expanded .share-options .share-option.mail {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cg%20fill%3D%22%23F8FF00%22%3E%3Cpath%20d%3D%22M.288.92h11.424v.816L6%206.543.288%201.736zm0%201.656l3.921%203.252L.288%209.08zm7.604%203.252l3.82-3.252V9.08z%22%2F%3E%3Cpath%20d%3D%22M4.551%206.291l1.439%201.07%201.464-1.07%203.408%202.789H1.117z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.15s; }
  .fullscreen .b-player-segments {
    left: 0;
    width: 100%;
    transition: opacity 0.2s linear;
    background: linear-gradient(to right, rgba(33, 33, 33, 0.6), rgba(57, 57, 57, 0.6), rgba(33, 33, 33, 0.6));
    margin: 0 0 20px; }
    .fullscreen .b-player-segments .segments-list {
      padding: 0 10px;
      justify-content: flex-start;
      background: unset; }
      .fullscreen .b-player-segments .segments-list.is-active {
        background: rgba(68, 68, 68, 0.6); }
    .fullscreen .b-player-segments:not(.one-item) .segments-list .segments-list-item {
      margin-top: 10px; }
    .fullscreen .b-player-segments .arrow {
      top: 22px; }
  .fullscreen .b-player-segments.one-item {
    width: calc(130px); }
    .fullscreen .b-player-segments.one-item .segments-list {
      background: transparent;
      padding: 0; }
  .fullscreen .b-player-segments.has-overflow-x {
    width: calc(100% - (130px + 20px)); }
    .fullscreen .b-player-segments.has-overflow-x + .one-item {
      width: calc(130px);
      background: linear-gradient(to right, rgba(33, 33, 33, 0.6), rgba(57, 57, 57, 0.6), rgba(33, 33, 33, 0.6)); }
      .fullscreen .b-player-segments.has-overflow-x + .one-item .segments-list-item {
        margin-top: 0; }
  .fullscreen.has-fade-out .b-player-segments {
    opacity: 0;
    transform: translateY(100%);
    cursor: none; }
    .fullscreen.has-fade-out .b-player-segments .arrow, .fullscreen.has-fade-out .b-player-segments .segments-list .segments-list-item {
      cursor: none; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-player-segments.five-items {
      width: calc(100% - (130px + 20px)); } }
  @media screen and (max-width: 640px) {
    .b-player-segments.five-items, .b-player-segments.one-item {
      width: 100%; }
    .b-player-segments.one-item .segments-list-item {
      width: 100%;
      height: 70px; }
      .b-player-segments.one-item .segments-list-item .desktop-line-break {
        display: none; } }

.b-player-settings {
  position: absolute;
  top: 0;
  right: 0;
  width: 336px;
  height: 100%;
  padding: 15px 0 60px;
  font-family: "ORF ON TF", sans-serif;
  background-color: rgba(0, 0, 0, 0.66);
  z-index: 4;
  transform: translateX(100%);
  transition: transform 0.5s ease-out; }
  @media screen and (max-width: 640px) {
    .b-player-settings {
      width: 100%;
      padding: 10px 0;
      margin-bottom: 7px; } }
  .b-player-settings.is-open {
    transform: translateX(0); }
    .b-player-settings.is-open .settings-panel {
      display: block; }
  .b-player-settings .settings-panel {
    display: none; }
  .b-player-settings .settings-title {
    padding: 0 15px;
    margin-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .b-player-settings .settings-title {
        margin-bottom: 10px;
        padding: 0 8px; } }
  .b-player-settings .settings-group {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    padding: 0 15px;
    background-color: rgba(127, 127, 127, 0.29); }
    @media screen and (max-width: 640px) {
      .b-player-settings .settings-group {
        padding: 0 8px;
        margin-bottom: 7px; } }
    .b-player-settings .settings-group .settings-group-title {
      width: 30%;
      line-height: 32px;
      font-weight: 700;
      font-size: 14px;
      color: #fff; }
      @media screen and (max-width: 640px) {
        .b-player-settings .settings-group .settings-group-title {
          width: 64px;
          flex-shrink: 0;
          line-height: 22px; } }
  .b-player-settings .settings-autoplay-wrapper {
    display: flex;
    align-items: center;
    height: 32px; }
    .b-player-settings .settings-autoplay-wrapper .autoplay-toggle {
      display: flex;
      align-items: center; }
      .b-player-settings .settings-autoplay-wrapper .autoplay-toggle.is-active .autoplay-toggle-label {
        color: #f8ff00;
        font-weight: 700; }
      .b-player-settings .settings-autoplay-wrapper .autoplay-toggle.is-active .autoplay-toggle-btn::after {
        left: calc(100% - 24px);
        background-color: #f8ff00; }
      .b-player-settings .settings-autoplay-wrapper .autoplay-toggle .autoplay-toggle-label {
        width: 25px;
        font-size: 14px;
        color: #fff;
        margin-right: 20px; }
      .b-player-settings .settings-autoplay-wrapper .autoplay-toggle .autoplay-toggle-btn {
        width: 49px;
        height: 16px;
        border-radius: 20px;
        background-color: #6d6d6d; }
        .b-player-settings .settings-autoplay-wrapper .autoplay-toggle .autoplay-toggle-btn::after {
          content: "";
          position: absolute;
          top: -4px;
          left: 0;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          background-color: #fff;
          transition: left 0.1s linear; }
  .b-player-settings .settings-list .settings-list-label {
    position: relative;
    display: block;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    padding-left: 25px;
    cursor: pointer; }
    .b-player-settings .settings-list .settings-list-label::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 18px;
      height: 18px;
      border: 1px #fff solid;
      border-radius: 50%;
      transform: translateY(-50%); }
    @media screen and (max-width: 640px) {
      .b-player-settings .settings-list .settings-list-label {
        height: 22px;
        line-height: 22px;
        padding-left: 20px;
        margin-left: 10px;
        display: inline-block; }
        .b-player-settings .settings-list .settings-list-label::before {
          width: 14px;
          height: 14px; } }
  .b-player-settings .settings-list .settings-radio {
    position: absolute;
    margin-bottom: 0;
    margin-left: -99999px; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-player-settings .settings-list .settings-radio:focus + .settings-list-label {
        font-weight: 700; }
        .b-player-settings .settings-list .settings-radio:focus + .settings-list-label::after {
          content: '';
          z-index: -1;
          position: absolute;
          top: 50%;
          right: 0;
          left: -107px;
          display: block;
          width: 336px;
          height: 100%;
          background-color: #adadad;
          transform: translateY(-50%); } }
    @media screen and (min-width: 1024px) {
      .b-player-settings .settings-list .settings-radio:focus + .settings-list-label {
        font-weight: 700; }
        .b-player-settings .settings-list .settings-radio:focus + .settings-list-label::after {
          content: '';
          z-index: -1;
          position: absolute;
          top: 50%;
          right: 0;
          left: -107px;
          display: block;
          width: 336px;
          height: 100%;
          background-color: #adadad;
          transform: translateY(-50%); } }
    .lt-ie9 .b-player-settings .settings-list .settings-radio:focus + .settings-list-label {
      font-weight: 700; }
      .lt-ie9 .b-player-settings .settings-list .settings-radio:focus + .settings-list-label::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 50%;
        right: 0;
        left: -107px;
        display: block;
        width: 336px;
        height: 100%;
        background-color: #adadad;
        transform: translateY(-50%); }
    .b-player-settings .settings-list .settings-radio.selected + .settings-list-label {
      color: #f8ff00; }
      .b-player-settings .settings-list .settings-radio.selected + .settings-list-label::before {
        background-color: #f8ff00;
        border-color: #f8ff00; }
  .b-player-settings .qualities .quality .data-consumption {
    font-family: "ORF ON Condensed TF", sans-serif; }
  .b-player-settings .close {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 19px;
    height: 19px;
    background-size: cover; }
    .b-player-settings .close:hover {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23F8FF00%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat; }

.b-preferences {
  position: relative;
  z-index: 1;
  background: #171717;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-bottom: 40px solid #171717; }
  @media screen and (max-width: 640px) {
    .b-preferences {
      padding: 0 15px; } }
  .b-preferences .preferences-jump-mark {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden; }
  .b-preferences.is-open .preferences-content {
    border: 1px solid #f8ff00; }
    @media screen and (max-width: 640px) {
      .b-preferences.is-open .preferences-content {
        height: 974px; } }
  .b-preferences .preferences-toggle-text {
    margin-bottom: 10px;
    color: #fff; }
  .b-preferences .preferences-toggle-link {
    color: #f8ff00; }
    @media screen and (max-width: 640px) {
      .b-preferences .preferences-toggle-link {
        display: block;
        text-align: right; } }
  .b-preferences .preferences-content {
    display: none;
    overflow: hidden;
    width: 654px;
    height: 0;
    padding: 0;
    background-color: #000;
    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out; }
    @media screen and (max-width: 640px) {
      .b-preferences .preferences-content {
        width: 100%; } }
    .b-preferences .preferences-content .preferences-title {
      font-family: "ORF ON TF", sans-serif;
      font-size: 24px;
      line-height: 28px;
      font-weight: 700;
      margin: 25px 0 20px;
      padding: 0 20px;
      color: #fff; }
    .b-preferences .preferences-content .preferences-description-text {
      margin-bottom: 20px;
      padding: 0 20px;
      font-family: "ORF ON TF", sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #fff; }
      .b-preferences .preferences-content .preferences-description-text .img {
        display: inline;
        margin: 0 4px; }
    .b-preferences .preferences-content .preferences-lane-list {
      overflow-x: hidden; }
      .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item {
        position: relative;
        display: flex;
        min-height: 42px;
        margin-bottom: 3px;
        padding: 0 20px;
        align-items: center;
        background: linear-gradient(to right, #171717, #393939, #171717);
        user-select: none; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item .state-label {
          margin-left: 20px;
          color: #f8ff00; }
        @media screen and (max-width: 640px) {
          .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item {
            min-height: 50px;
            padding: 5px 15px; } }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item:hover {
          cursor: pointer;
          background: linear-gradient(to right, #171717, #6f695a, #171717); }
          .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item:hover .drag-icon {
            background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M9.5%2020.013L0%2015.822V13.4l9.5%202.608L19%2013.4v2.422zM9.496.4L0%204.589V7.01l9.496-2.607%209.496%202.607V4.589zM0%209h18.993v2H0z%22%2F%3E%3C%2Fsvg%3E);
            background-repeat: no-repeat; }
          .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item:hover .add-remove-icon {
            background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20style%3D%22mix-blend-mode%3Aluminosity%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4%209h11v1H4z%22%2F%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M10%204v11H9V4z%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%22.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%229%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
            background-repeat: no-repeat; }
          .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item:hover .preferences-lane-list-item-title {
            color: #f8ff00; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item.is-active .drag-icon {
          opacity: 1; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item.is-active .add-remove-icon {
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate%2845%209.5%209.5%29%22%3E%3Crect%20width%3D%2219%22%20height%3D%2219%22%20fill%3D%22%23FFF%22%20rx%3D%229.5%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209h11v1H4z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10%204v11H9V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item.is-active:hover .add-remove-icon {
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate%2845%209.5%209.5%29%22%3E%3Crect%20width%3D%2219%22%20height%3D%2219%22%20fill%3D%22%23F8FF00%22%20rx%3D%229.5%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209h11v1H4z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10%204v11H9V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item:focus {
          outline: none; }
        .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item.slip-reordering {
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); }
      .b-preferences .preferences-content .preferences-lane-list .drag-icon {
        opacity: 0;
        cursor: move;
        width: 19px;
        height: 21px;
        margin-right: 20px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9.5%2020.013L0%2015.822V13.4l9.5%202.608L19%2013.4v2.422zM9.496.4L0%204.589V7.01l9.496-2.607%209.496%202.607V4.589zM0%209h18.993v2H0z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
        @media screen and (max-width: 640px) {
          .b-preferences .preferences-content .preferences-lane-list .drag-icon {
            flex-shrink: 0; } }
      .b-preferences .preferences-content .preferences-lane-list .add-remove-icon {
        width: 19px;
        height: 19px;
        margin-right: 20px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20style%3D%22mix-blend-mode%3Aluminosity%22%3E%3Cpath%20fill%3D%22%23E1E1E1%22%20d%3D%22M4%209h11v1H4z%22%2F%3E%3Cpath%20fill%3D%22%23E1E1E1%22%20d%3D%22M10%204v11H9V4z%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%22.5%22%20y%3D%22.5%22%20stroke%3D%22%23E1E1E1%22%20rx%3D%229%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
        @media screen and (max-width: 640px) {
          .b-preferences .preferences-content .preferences-lane-list .add-remove-icon {
            flex-shrink: 0; } }
      .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item-title {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff; }
        @media screen and (max-width: 640px) {
          .b-preferences .preferences-content .preferences-lane-list .preferences-lane-list-item-title {
            font-size: 14px;
            line-height: 18px; } }
    .b-preferences .preferences-content .preferences-buttons {
      display: flex;
      padding: 20px 0 0 98px;
      margin-bottom: 20px; }
      @media screen and (max-width: 640px) {
        .b-preferences .preferences-content .preferences-buttons {
          padding: 20px 5px 0;
          flex-direction: column;
          align-items: center; } }
      .b-preferences .preferences-content .preferences-buttons .btn {
        margin-right: 10px; }
        @media screen and (max-width: 640px) {
          .b-preferences .preferences-content .preferences-buttons .btn {
            font-size: 14px;
            margin: 5px 0;
            width: 220px; } }
        .b-preferences .preferences-content .preferences-buttons .btn:disabled {
          background-color: #808080; }
        .b-preferences .preferences-content .preferences-buttons .btn:hover {
          color: #000; }
      .b-preferences .preferences-content .preferences-buttons .apply-btn {
        background-color: #f8ff00; }

.b-profile-overlay {
  position: absolute;
  background: linear-gradient(to right, #171717, #393939, #171717);
  border: 1px solid #f8ff00;
  padding: 20px;
  z-index: 1000;
  min-height: 400px; }
  @media screen and (min-width: 1024px) {
    .b-profile-overlay {
      top: 43px;
      left: 50%;
      transform: translateX(-50%);
      width: 450px; } }
  .lt-ie9 .b-profile-overlay {
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
    width: 450px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-profile-overlay {
      top: 43px;
      left: 50%;
      transform: translateX(-50%);
      width: 450px; } }
  @media screen and (max-width: 640px) {
    .b-profile-overlay {
      right: -15px;
      top: -192px;
      margin: 0 auto;
      width: 100vw;
      border: none;
      padding: 30px; } }
  .b-profile-overlay.is-hidden {
    display: none; }
  .b-profile-overlay .search-title {
    display: block;
    margin-bottom: 10px; }
  .b-profile-overlay .letters-block {
    margin-bottom: 30px; }
  .b-profile-overlay .bottom-container {
    text-align: right;
    padding-top: 10px; }
  .b-profile-overlay .category-select {
    margin-bottom: 30px;
    position: relative; }
    @media screen and (min-width: 1024px) {
      .b-profile-overlay .category-select {
        width: 60%; } }
    .lt-ie9 .b-profile-overlay .category-select {
      width: 60%; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-profile-overlay .category-select {
        width: 60%; } }
  .b-profile-overlay .link {
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #f8ff00; }
    .b-profile-overlay .link:focus, .b-profile-overlay .link:hover {
      text-decoration: underline; }
  .b-profile-overlay .letters-list {
    display: flex;
    flex-wrap: wrap; }
    .b-profile-overlay .letters-list .letter-item {
      background-color: #171717;
      min-width: 45px;
      min-height: 45px;
      border: 1px solid #fff;
      text-align: center;
      cursor: pointer; }
      .b-profile-overlay .letters-list .letter-item:nth-child(10), .b-profile-overlay .letters-list .letter-item:nth-child(11), .b-profile-overlay .letters-list .letter-item:nth-child(12), .b-profile-overlay .letters-list .letter-item:nth-child(13), .b-profile-overlay .letters-list .letter-item:nth-child(14), .b-profile-overlay .letters-list .letter-item:nth-child(15), .b-profile-overlay .letters-list .letter-item:nth-child(16), .b-profile-overlay .letters-list .letter-item:nth-child(17), .b-profile-overlay .letters-list .letter-item:nth-child(18) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff; }
        @media screen and (min-width: 1024px) {
          .b-profile-overlay .letters-list .letter-item:nth-child(10), .b-profile-overlay .letters-list .letter-item:nth-child(11), .b-profile-overlay .letters-list .letter-item:nth-child(12), .b-profile-overlay .letters-list .letter-item:nth-child(13), .b-profile-overlay .letters-list .letter-item:nth-child(14), .b-profile-overlay .letters-list .letter-item:nth-child(15), .b-profile-overlay .letters-list .letter-item:nth-child(16), .b-profile-overlay .letters-list .letter-item:nth-child(17), .b-profile-overlay .letters-list .letter-item:nth-child(18) {
            border-top: none;
            border-bottom: none; } }
        .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(10), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(11), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(12), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(13), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(14), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(15), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(16), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(17), .lt-ie9 .b-profile-overlay .letters-list .letter-item:nth-child(18) {
          border-top: none;
          border-bottom: none; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-profile-overlay .letters-list .letter-item:nth-child(10), .b-profile-overlay .letters-list .letter-item:nth-child(11), .b-profile-overlay .letters-list .letter-item:nth-child(12), .b-profile-overlay .letters-list .letter-item:nth-child(13), .b-profile-overlay .letters-list .letter-item:nth-child(14), .b-profile-overlay .letters-list .letter-item:nth-child(15), .b-profile-overlay .letters-list .letter-item:nth-child(16), .b-profile-overlay .letters-list .letter-item:nth-child(17), .b-profile-overlay .letters-list .letter-item:nth-child(18) {
            border-top: none;
            border-bottom: none; } }
      .b-profile-overlay .letters-list .letter-item .letter {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 45px;
        font-size: 20px;
        font-weight: 400; }
      .b-profile-overlay .letters-list .letter-item:focus .letter, .b-profile-overlay .letters-list .letter-item:hover .letter, .b-profile-overlay .letters-list .letter-item.active .letter {
        color: #f8ff00; }
      .b-profile-overlay .letters-list .letter-item.is-inactive {
        cursor: default;
        color: #464646;
        pointer-events: none; }
  .b-profile-overlay .loading-spinner-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 15; }
    .b-profile-overlay .loading-spinner-wrapper .loading-spinner {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20class%3D%22lds-spinner%22%20preserveAspectRatio%3D%22xMidYMid%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22background%3A0%200%22%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.9s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2836%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.8s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2872%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.7s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28108%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.6s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28144%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.5s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28180%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.4s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28216%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.3s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28252%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.2s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28288%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.1s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28324%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%220s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px; }
  .b-profile-overlay .close-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 21px;
    right: 15px;
    width: 22px;
    height: 22px;
    background-size: cover; }
    @media screen and (min-width: 1024px) {
      .b-profile-overlay .close-icon {
        display: none; } }
    .lt-ie9 .b-profile-overlay .close-icon {
      display: none; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-profile-overlay .close-icon {
        display: none; } }

.b-profile-results-container {
  margin-bottom: 40px;
  padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .b-profile-results-container {
      margin-bottom: 0;
      padding-bottom: 0; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-profile-results-container {
      margin-bottom: 0;
      padding-bottom: 0; } }
  .b-profile-results-container .results-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    background-color: #171717; }
    @media screen and (max-width: 640px) {
      .b-profile-results-container .results-list {
        margin-bottom: 0;
        padding-bottom: 0; }
        .b-profile-results-container .results-list:before {
          content: "";
          display: block;
          border-bottom: 40px solid #171717; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-profile-results-container .results-list {
        margin-bottom: 0;
        padding-bottom: 0; }
        .b-profile-results-container .results-list:before {
          content: "";
          display: block;
          border-bottom: 40px solid #171717; } }
    .b-profile-results-container .results-list > li {
      display: inline-block;
      flex-grow: 1;
      width: 50%;
      max-width: 50%;
      margin-bottom: 30px; }
      .b-profile-results-container .results-list > li:not(.parallax) {
        background-color: #171717;
        z-index: 10; }
        .b-profile-results-container .results-list > li:not(.parallax):before {
          content: "";
          display: block;
          border-bottom: 30px solid #171717; }
      .b-profile-results-container .results-list > li.parallax {
        z-index: 0; }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-profile-results-container .results-list > li.parallax {
          width: 100%;
          max-width: 100%; } }
      @media screen and (max-width: 640px) {
        .b-profile-results-container .results-list > li {
          width: 100%;
          max-width: 100%;
          padding: 0 8px; }
          .b-profile-results-container .results-list > li.parallax {
            padding: 0; } }
      @media screen and (max-width: 640px) {
        .b-profile-results-container .results-list > li {
          margin: 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-profile-results-container .results-list > li {
          margin: 0; } }
  .b-profile-results-container .link {
    cursor: pointer; }
  .b-profile-results-container .fixed-container {
    background-color: #171717;
    text-align: center;
    position: relative; }
    .b-profile-results-container .fixed-container:before {
      content: "";
      display: block;
      border-top: 30px solid #171717; }
    .b-profile-results-container .fixed-container:after {
      content: "";
      display: block;
      border-top: 30px solid #171717; }
    .b-profile-results-container .fixed-container .no-filter {
      color: #f8ff00; }
  .b-profile-results-container .list-title {
    font-size: 24px;
    font-weight: 400;
    position: relative;
    background-color: #171717;
    z-index: 1; }
    .b-profile-results-container .list-title:before, .b-profile-results-container .list-title:after {
      content: "";
      width: 100%;
      display: inline-block;
      border-top: 40px solid #171717; }

.b-profile-selection-container {
  background-color: #171717;
  margin-top: 30px; }
  @media screen and (max-width: 640px) {
    .b-profile-selection-container {
      position: relative;
      z-index: 1;
      padding: 0 8px;
      margin: 0; }
      .b-profile-selection-container:before {
        content: "";
        display: block;
        border-top: 30px solid #171717; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-profile-selection-container {
      position: relative;
      z-index: 1;
      padding: 0 8px;
      margin: 0; }
      .b-profile-selection-container:before {
        content: "";
        display: block;
        border-top: 30px solid #171717; } }
  .b-profile-selection-container .subtitle {
    font-weight: 400;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px; }
  .b-profile-selection-container .link-container {
    text-align: right;
    border-bottom: 5px solid #171717; }
    .b-profile-selection-container .link-container .link {
      cursor: pointer;
      color: #f8ff00;
      border-bottom: 1px solid #f8ff00; }

.b-related-episode {
  display: flex;
  background: linear-gradient(to right, #393939, #171717);
  height: 100%;
  flex-wrap: wrap; }
  @media screen and (min-width: 1024px) {
    .b-related-episode {
      background: unset; } }
  .lt-ie9 .b-related-episode {
    background: unset; }
  .b-related-episode .teaser-img {
    width: 100%; }
  .b-related-episode .img-container {
    width: 50%; }
  .b-related-episode .text-container {
    width: 50%;
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-top: 10px;
    padding-top: 0.625rem; }
    @media screen and (max-width: 640px) {
      .b-related-episode .text-container {
        width: 65%;
        padding-left: 8px;
        padding-top: 8px; } }
  .b-related-episode .desc-container {
    width: 100%;
    padding: 10px;
    padding: 0.625rem; }
  .b-related-episode:hover .text-container {
    color: #f8ff00; }

.b-schedule-datetime-list .active {
  color: #f8ff00; }

.b-schedule-datetime-list .datetime-list-item-inner:hover {
  color: #f8ff00; }

.b-schedule-datetime-list .is-deactivated {
  opacity: 0.4;
  pointer-events: none; }

.b-schedule-datetime-list .schedule-datetime-list-container ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between; }
  .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item {
    cursor: pointer; }
    .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item.is-selected a {
      color: #f8ff00; }

.b-schedule-episode, .b-search-teaser {
  background: linear-gradient(to right, #171717, #393939, #171717);
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 640px) {
    .b-schedule-episode, .b-search-teaser {
      margin-bottom: 0;
      border-right: 15px solid #171717;
      border-bottom: 10px solid #171717;
      border-left: 15px solid #171717;
      border-top: 10px solid #171717; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-episode, .b-search-teaser {
      margin-bottom: 0;
      border-right: 15px solid #171717;
      border-bottom: 10px solid #171717;
      border-left: 15px solid #171717;
      border-top: 10px solid #171717; } }
  @media screen and (min-width: 1024px) {
    .b-schedule-episode, .b-search-teaser {
      height: 117px; } }
  .lt-ie9 .b-schedule-episode, .lt-ie9 .b-search-teaser {
    height: 117px; }
  @media screen and (max-width: 640px) {
    .b-schedule-episode.search-result, .b-search-teaser.search-result {
      border-right: 7px solid #171717;
      border-left: 7px solid #171717; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-episode.search-result, .b-search-teaser.search-result {
      border-right: 7px solid #171717;
      border-left: 7px solid #171717; } }
  @media screen and (min-width: 1024px) {
    .b-schedule-episode.search-result .episode-content, .b-schedule-episode.search-result .teaser-content, .b-search-teaser.search-result .episode-content, .b-search-teaser.search-result .teaser-content {
      width: 100%; } }
  .lt-ie9 .b-schedule-episode.search-result .episode-content, .lt-ie9 .b-schedule-episode.search-result .teaser-content, .lt-ie9 .b-search-teaser.search-result .episode-content, .lt-ie9 .b-search-teaser.search-result .teaser-content {
    width: 100%; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-episode.search-result .episode-content .episode-data, .b-schedule-episode.search-result .teaser-content .episode-data, .b-search-teaser.search-result .episode-content .episode-data, .b-search-teaser.search-result .teaser-content .episode-data {
      padding: 6px 10px 6px 0;
      width: auto; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-episode.search-result .episode-content .episode-data, .b-schedule-episode.search-result .teaser-content .episode-data, .b-search-teaser.search-result .episode-content .episode-data, .b-search-teaser.search-result .teaser-content .episode-data {
      padding: 10px; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-episode.search-result .episode-content .b-episode-image .teaser-img img, .b-schedule-episode.search-result .teaser-content .b-episode-image .teaser-img img, .b-search-teaser.search-result .episode-content .b-episode-image .teaser-img img, .b-search-teaser.search-result .teaser-content .b-episode-image .teaser-img img {
      max-height: 98px; } }
  .b-schedule-episode.search-result .episode-content .episode-description, .b-schedule-episode.search-result .episode-content .teaser-description, .b-schedule-episode.search-result .teaser-content .episode-description, .b-schedule-episode.search-result .teaser-content .teaser-description, .b-search-teaser.search-result .episode-content .episode-description, .b-search-teaser.search-result .episode-content .teaser-description, .b-search-teaser.search-result .teaser-content .episode-description, .b-search-teaser.search-result .teaser-content .teaser-description {
    padding: 8px 0; }
    @media screen and (min-width: 421px) and (max-width: 640px) {
      .b-schedule-episode.search-result .episode-content .episode-description, .b-schedule-episode.search-result .episode-content .teaser-description, .b-schedule-episode.search-result .teaser-content .episode-description, .b-schedule-episode.search-result .teaser-content .teaser-description, .b-search-teaser.search-result .episode-content .episode-description, .b-search-teaser.search-result .episode-content .teaser-description, .b-search-teaser.search-result .teaser-content .episode-description, .b-search-teaser.search-result .teaser-content .teaser-description {
        padding: 36px 10px;
        max-height: 98px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-schedule-episode.search-result .episode-content .episode-description, .b-schedule-episode.search-result .episode-content .teaser-description, .b-schedule-episode.search-result .teaser-content .episode-description, .b-schedule-episode.search-result .teaser-content .teaser-description, .b-search-teaser.search-result .episode-content .episode-description, .b-search-teaser.search-result .episode-content .teaser-description, .b-search-teaser.search-result .teaser-content .episode-description, .b-search-teaser.search-result .teaser-content .teaser-description {
        padding: 5px 10px; } }
    @media screen and (min-width: 1024px) {
      .b-schedule-episode.search-result .episode-content .episode-description, .b-schedule-episode.search-result .episode-content .teaser-description, .b-schedule-episode.search-result .teaser-content .episode-description, .b-schedule-episode.search-result .teaser-content .teaser-description, .b-search-teaser.search-result .episode-content .episode-description, .b-search-teaser.search-result .episode-content .teaser-description, .b-search-teaser.search-result .teaser-content .episode-description, .b-search-teaser.search-result .teaser-content .teaser-description {
        padding: 8px 15px;
        width: 60%; } }
    .lt-ie9 .b-schedule-episode.search-result .episode-content .episode-description, .lt-ie9 .b-schedule-episode.search-result .episode-content .teaser-description, .lt-ie9 .b-schedule-episode.search-result .teaser-content .episode-description, .lt-ie9 .b-schedule-episode.search-result .teaser-content .teaser-description, .lt-ie9 .b-search-teaser.search-result .episode-content .episode-description, .lt-ie9 .b-search-teaser.search-result .episode-content .teaser-description, .lt-ie9 .b-search-teaser.search-result .teaser-content .episode-description, .lt-ie9 .b-search-teaser.search-result .teaser-content .teaser-description {
      padding: 8px 15px;
      width: 60%; }
  .b-schedule-episode .episode-content, .b-schedule-episode .teaser-content, .b-search-teaser .episode-content, .b-search-teaser .teaser-content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    overflow-y: hidden; }
    .b-schedule-episode .episode-content:hover, .b-schedule-episode .episode-content:active, .b-schedule-episode .teaser-content:hover, .b-schedule-episode .teaser-content:active, .b-search-teaser .episode-content:hover, .b-search-teaser .episode-content:active, .b-search-teaser .teaser-content:hover, .b-search-teaser .teaser-content:active {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .b-schedule-episode .episode-content, .b-schedule-episode .teaser-content, .b-search-teaser .episode-content, .b-search-teaser .teaser-content {
        width: calc(100% - 214px);
        padding-right: 10px; }
        .b-schedule-episode .episode-content:hover .episode-image img, .b-schedule-episode .teaser-content:hover .episode-image img, .b-search-teaser .episode-content:hover .episode-image img, .b-search-teaser .teaser-content:hover .episode-image img {
          border: 1px solid #f8ff00; } }
    .lt-ie9 .b-schedule-episode .episode-content, .lt-ie9 .b-schedule-episode .teaser-content, .lt-ie9 .b-search-teaser .episode-content, .lt-ie9 .b-search-teaser .teaser-content {
      width: calc(100% - 214px);
      padding-right: 10px; }
      .lt-ie9 .b-schedule-episode .episode-content:hover .episode-image img, .lt-ie9 .b-schedule-episode .teaser-content:hover .episode-image img, .lt-ie9 .b-search-teaser .episode-content:hover .episode-image img, .lt-ie9 .b-search-teaser .teaser-content:hover .episode-image img {
        border: 1px solid #f8ff00; }
    @media screen and (min-width: 421px) and (max-width: 640px) {
      .b-schedule-episode .episode-content, .b-schedule-episode .teaser-content, .b-search-teaser .episode-content, .b-search-teaser .teaser-content {
        min-width: 100%;
        flex-wrap: nowrap;
        padding-bottom: 0; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-schedule-episode .episode-content, .b-schedule-episode .teaser-content, .b-search-teaser .episode-content, .b-search-teaser .teaser-content {
        min-width: 100%;
        flex-wrap: nowrap;
        padding-bottom: 0; } }
    .b-schedule-episode .episode-content .small-information, .b-schedule-episode .teaser-content .small-information, .b-search-teaser .episode-content .small-information, .b-search-teaser .teaser-content .small-information {
      color: #808080;
      font-size: 14px;
      line-height: 20px;
      display: block; }
      @media screen and (min-width: 421px) and (max-width: 640px) {
        .b-schedule-episode .episode-content .small-information, .b-schedule-episode .teaser-content .small-information, .b-search-teaser .episode-content .small-information, .b-search-teaser .teaser-content .small-information {
          display: block;
          width: 50px;
          margin-right: 10px; }
          .b-schedule-episode .episode-content .small-information.meta-subtitles, .b-schedule-episode .teaser-content .small-information.meta-subtitles, .b-search-teaser .episode-content .small-information.meta-subtitles, .b-search-teaser .teaser-content .small-information.meta-subtitles {
            font-size: 12px;
            position: absolute;
            bottom: 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-schedule-episode .episode-content .small-information, .b-schedule-episode .teaser-content .small-information, .b-search-teaser .episode-content .small-information, .b-search-teaser .teaser-content .small-information {
          display: block;
          width: 50px;
          margin-right: 10px; }
          .b-schedule-episode .episode-content .small-information.meta-subtitles, .b-schedule-episode .teaser-content .small-information.meta-subtitles, .b-search-teaser .episode-content .small-information.meta-subtitles, .b-search-teaser .teaser-content .small-information.meta-subtitles {
            font-size: 12px;
            position: absolute;
            bottom: 0; } }
    .b-schedule-episode .episode-content .episode-data, .b-schedule-episode .teaser-content .episode-data, .b-search-teaser .episode-content .episode-data, .b-search-teaser .teaser-content .episode-data {
      height: 100%;
      padding: 10px 0 0 10px; }
      @media screen and (min-width: 1024px) {
        .b-schedule-episode .episode-content .episode-data, .b-schedule-episode .teaser-content .episode-data, .b-search-teaser .episode-content .episode-data, .b-search-teaser .teaser-content .episode-data {
          max-width: 114px;
          width: 114px; } }
      .lt-ie9 .b-schedule-episode .episode-content .episode-data, .lt-ie9 .b-schedule-episode .teaser-content .episode-data, .lt-ie9 .b-search-teaser .episode-content .episode-data, .lt-ie9 .b-search-teaser .teaser-content .episode-data {
        max-width: 114px;
        width: 114px; }
      @media screen and (max-width: 640px) {
        .b-schedule-episode .episode-content .episode-data, .b-schedule-episode .teaser-content .episode-data, .b-search-teaser .episode-content .episode-data, .b-search-teaser .teaser-content .episode-data {
          padding: 10px 5px;
          order: 2;
          min-height: 78px; } }
      @media screen and (min-width: 421px) and (max-width: 640px) {
        .b-schedule-episode .episode-content .episode-data, .b-schedule-episode .teaser-content .episode-data, .b-search-teaser .episode-content .episode-data, .b-search-teaser .teaser-content .episode-data {
          width: 60%;
          padding: 6px 10px;
          left: 40%;
          position: absolute;
          height: 32px; }
          .b-schedule-episode .episode-content .episode-data span, .b-schedule-episode .teaser-content .episode-data span, .b-search-teaser .episode-content .episode-data span, .b-search-teaser .teaser-content .episode-data span {
            display: inline-block;
            width: auto;
            position: unset;
            margin: 0 5px 0 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-schedule-episode .episode-content .episode-data, .b-schedule-episode .teaser-content .episode-data, .b-search-teaser .episode-content .episode-data, .b-search-teaser .teaser-content .episode-data {
          padding: 10px; } }
    .b-schedule-episode .episode-content .b-episode-image, .b-schedule-episode .teaser-content .b-episode-image, .b-search-teaser .episode-content .b-episode-image, .b-search-teaser .teaser-content .b-episode-image {
      position: relative; }
      @media screen and (max-width: 640px) {
        .b-schedule-episode .episode-content .b-episode-image, .b-schedule-episode .teaser-content .b-episode-image, .b-search-teaser .episode-content .b-episode-image, .b-search-teaser .teaser-content .b-episode-image {
          width: 100%;
          order: 1; } }
      @media screen and (min-width: 421px) and (max-width: 640px) {
        .b-schedule-episode .episode-content .b-episode-image, .b-schedule-episode .teaser-content .b-episode-image, .b-search-teaser .episode-content .b-episode-image, .b-search-teaser .teaser-content .b-episode-image {
          width: 40%;
          order: unset;
          position: unset; } }
      .b-schedule-episode .episode-content .b-episode-image .ratio-box, .b-schedule-episode .teaser-content .b-episode-image .ratio-box, .b-search-teaser .episode-content .b-episode-image .ratio-box, .b-search-teaser .teaser-content .b-episode-image .ratio-box {
        position: relative;
        width: 100%;
        height: 100%; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-schedule-episode .episode-content .b-episode-image .ratio-box, .b-schedule-episode .teaser-content .b-episode-image .ratio-box, .b-search-teaser .episode-content .b-episode-image .ratio-box, .b-search-teaser .teaser-content .b-episode-image .ratio-box {
            width: 208px;
            height: 117px; } }
        @media screen and (min-width: 1024px) {
          .b-schedule-episode .episode-content .b-episode-image .ratio-box, .b-schedule-episode .teaser-content .b-episode-image .ratio-box, .b-search-teaser .episode-content .b-episode-image .ratio-box, .b-search-teaser .teaser-content .b-episode-image .ratio-box {
            width: 208px;
            height: 117px; } }
        .lt-ie9 .b-schedule-episode .episode-content .b-episode-image .ratio-box, .lt-ie9 .b-schedule-episode .teaser-content .b-episode-image .ratio-box, .lt-ie9 .b-search-teaser .episode-content .b-episode-image .ratio-box, .lt-ie9 .b-search-teaser .teaser-content .b-episode-image .ratio-box {
          width: 208px;
          height: 117px; }
      .b-schedule-episode .episode-content .b-episode-image .teaser-img, .b-schedule-episode .teaser-content .b-episode-image .teaser-img, .b-search-teaser .episode-content .b-episode-image .teaser-img, .b-search-teaser .teaser-content .b-episode-image .teaser-img {
        width: 208px;
        height: 100%; }
        @media screen and (max-width: 640px) {
          .b-schedule-episode .episode-content .b-episode-image .teaser-img, .b-schedule-episode .teaser-content .b-episode-image .teaser-img, .b-search-teaser .episode-content .b-episode-image .teaser-img, .b-search-teaser .teaser-content .b-episode-image .teaser-img {
            width: 100%;
            height: auto; } }
        .b-schedule-episode .episode-content .b-episode-image .teaser-img img, .b-schedule-episode .teaser-content .b-episode-image .teaser-img img, .b-search-teaser .episode-content .b-episode-image .teaser-img img, .b-search-teaser .teaser-content .b-episode-image .teaser-img img {
          width: 100%;
          height: 100%; }
      .b-schedule-episode .episode-content .b-episode-image .episode-image, .b-schedule-episode .teaser-content .b-episode-image .episode-image, .b-search-teaser .episode-content .b-episode-image .episode-image, .b-search-teaser .teaser-content .b-episode-image .episode-image {
        width: 214px; }
        .b-schedule-episode .episode-content .b-episode-image .episode-image img, .b-schedule-episode .teaser-content .b-episode-image .episode-image img, .b-search-teaser .episode-content .b-episode-image .episode-image img, .b-search-teaser .teaser-content .b-episode-image .episode-image img {
          border: 1px solid transparent; }
        @media screen and (max-width: 640px) {
          .b-schedule-episode .episode-content .b-episode-image .episode-image, .b-schedule-episode .teaser-content .b-episode-image .episode-image, .b-search-teaser .episode-content .b-episode-image .episode-image, .b-search-teaser .teaser-content .b-episode-image .episode-image {
            width: 100%; } }
        @media screen and (min-width: 421px) and (max-width: 640px) {
          .b-schedule-episode .episode-content .b-episode-image .episode-image, .b-schedule-episode .teaser-content .b-episode-image .episode-image, .b-search-teaser .episode-content .b-episode-image .episode-image, .b-search-teaser .teaser-content .b-episode-image .episode-image {
            width: 100%; }
            .b-schedule-episode .episode-content .b-episode-image .episode-image img, .b-schedule-episode .teaser-content .b-episode-image .episode-image img, .b-search-teaser .episode-content .b-episode-image .episode-image img, .b-search-teaser .teaser-content .b-episode-image .episode-image img {
              width: 100%; } }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-schedule-episode .episode-content .b-episode-image .episode-image, .b-schedule-episode .teaser-content .b-episode-image .episode-image, .b-search-teaser .episode-content .b-episode-image .episode-image, .b-search-teaser .teaser-content .b-episode-image .episode-image {
            width: 100%; }
            .b-schedule-episode .episode-content .b-episode-image .episode-image img, .b-schedule-episode .teaser-content .b-episode-image .episode-image img, .b-search-teaser .episode-content .b-episode-image .episode-image img, .b-search-teaser .teaser-content .b-episode-image .episode-image img {
              width: 100%; } }
    .b-schedule-episode .episode-content .hover-duration, .b-schedule-episode .teaser-content .hover-duration, .b-search-teaser .episode-content .hover-duration, .b-search-teaser .teaser-content .hover-duration {
      position: absolute;
      right: 0;
      bottom: 0;
      font-family: "ORF ON Condensed TF", sans-serif;
      font-weight: 400;
      padding: 0 5px;
      line-height: 24px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.6); }
      @media screen and (min-width: 1024px) {
        .b-schedule-episode .episode-content .hover-duration, .b-schedule-episode .teaser-content .hover-duration, .b-search-teaser .episode-content .hover-duration, .b-search-teaser .teaser-content .hover-duration {
          opacity: 0;
          right: 0; } }
      .lt-ie9 .b-schedule-episode .episode-content .hover-duration, .lt-ie9 .b-schedule-episode .teaser-content .hover-duration, .lt-ie9 .b-search-teaser .episode-content .hover-duration, .lt-ie9 .b-search-teaser .teaser-content .hover-duration {
        opacity: 0;
        right: 0; }
      @media screen and (min-width: 421px) and (max-width: 640px) {
        .b-schedule-episode .episode-content .hover-duration, .b-schedule-episode .teaser-content .hover-duration, .b-search-teaser .episode-content .hover-duration, .b-search-teaser .teaser-content .hover-duration {
          opacity: 0;
          right: 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-schedule-episode .episode-content .hover-duration, .b-schedule-episode .teaser-content .hover-duration, .b-search-teaser .episode-content .hover-duration, .b-search-teaser .teaser-content .hover-duration {
          opacity: 0;
          right: 0; } }
    .b-schedule-episode .episode-content:hover .hover-duration, .b-schedule-episode .teaser-content:hover .hover-duration, .b-search-teaser .episode-content:hover .hover-duration, .b-search-teaser .teaser-content:hover .hover-duration {
      opacity: 1; }
    .b-schedule-episode .episode-content .episode-description, .b-schedule-episode .episode-content .teaser-description, .b-schedule-episode .teaser-content .episode-description, .b-schedule-episode .teaser-content .teaser-description, .b-search-teaser .episode-content .episode-description, .b-search-teaser .episode-content .teaser-description, .b-search-teaser .teaser-content .episode-description, .b-search-teaser .teaser-content .teaser-description {
      padding-top: 8px;
      overflow: hidden; }
      @media screen and (min-width: 1024px) {
        .b-schedule-episode .episode-content .episode-description, .b-schedule-episode .episode-content .teaser-description, .b-schedule-episode .teaser-content .episode-description, .b-schedule-episode .teaser-content .teaser-description, .b-search-teaser .episode-content .episode-description, .b-search-teaser .episode-content .teaser-description, .b-search-teaser .teaser-content .episode-description, .b-search-teaser .teaser-content .teaser-description {
          padding-left: 10px;
          width: calc(100% - (328px)); } }
      .lt-ie9 .b-schedule-episode .episode-content .episode-description, .lt-ie9 .b-schedule-episode .episode-content .teaser-description, .lt-ie9 .b-schedule-episode .teaser-content .episode-description, .lt-ie9 .b-schedule-episode .teaser-content .teaser-description, .lt-ie9 .b-search-teaser .episode-content .episode-description, .lt-ie9 .b-search-teaser .episode-content .teaser-description, .lt-ie9 .b-search-teaser .teaser-content .episode-description, .lt-ie9 .b-search-teaser .teaser-content .teaser-description {
        padding-left: 10px;
        width: calc(100% - (328px)); }
      @media screen and (max-width: 640px) {
        .b-schedule-episode .episode-content .episode-description, .b-schedule-episode .episode-content .teaser-description, .b-schedule-episode .teaser-content .episode-description, .b-schedule-episode .teaser-content .teaser-description, .b-search-teaser .episode-content .episode-description, .b-search-teaser .episode-content .teaser-description, .b-search-teaser .teaser-content .episode-description, .b-search-teaser .teaser-content .teaser-description {
          padding: 8px;
          order: 3;
          width: calc(100% - 90px); } }
      @media screen and (min-width: 421px) and (max-width: 640px) {
        .b-schedule-episode .episode-content .episode-description, .b-schedule-episode .episode-content .teaser-description, .b-schedule-episode .teaser-content .episode-description, .b-schedule-episode .teaser-content .teaser-description, .b-search-teaser .episode-content .episode-description, .b-search-teaser .episode-content .teaser-description, .b-search-teaser .teaser-content .episode-description, .b-search-teaser .teaser-content .teaser-description {
          width: 60%;
          padding: 36px 10px 10px;
          position: relative;
          left: 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-schedule-episode .episode-content .episode-description, .b-schedule-episode .episode-content .teaser-description, .b-schedule-episode .teaser-content .episode-description, .b-schedule-episode .teaser-content .teaser-description, .b-search-teaser .episode-content .episode-description, .b-search-teaser .episode-content .teaser-description, .b-search-teaser .teaser-content .episode-description, .b-search-teaser .teaser-content .teaser-description {
          padding: 10px; } }
      .b-schedule-episode .episode-content .episode-description .item-title, .b-schedule-episode .episode-content .teaser-description .item-title, .b-schedule-episode .teaser-content .episode-description .item-title, .b-schedule-episode .teaser-content .teaser-description .item-title, .b-search-teaser .episode-content .episode-description .item-title, .b-search-teaser .episode-content .teaser-description .item-title, .b-search-teaser .teaser-content .episode-description .item-title, .b-search-teaser .teaser-content .teaser-description .item-title {
        font-size: 18px;
        line-height: 21px;
        font-weight: 500;
        margin-bottom: 5px; }
      .b-schedule-episode .episode-content .episode-description .item-description, .b-schedule-episode .episode-content .teaser-description .item-description, .b-schedule-episode .teaser-content .episode-description .item-description, .b-schedule-episode .teaser-content .teaser-description .item-description, .b-search-teaser .episode-content .episode-description .item-description, .b-search-teaser .episode-content .teaser-description .item-description, .b-search-teaser .teaser-content .episode-description .item-description, .b-search-teaser .teaser-content .teaser-description .item-description {
        color: #ddd;
        font-size: 16px;
        line-height: 19px; }
        @media screen and (min-width: 421px) and (max-width: 640px) {
          .b-schedule-episode .episode-content .episode-description .item-description, .b-schedule-episode .episode-content .teaser-description .item-description, .b-schedule-episode .teaser-content .episode-description .item-description, .b-schedule-episode .teaser-content .teaser-description .item-description, .b-search-teaser .episode-content .episode-description .item-description, .b-search-teaser .episode-content .teaser-description .item-description, .b-search-teaser .teaser-content .episode-description .item-description, .b-search-teaser .teaser-content .teaser-description .item-description {
            display: none; } }
    @media screen and (max-width: 640px) {
      .b-schedule-episode .episode-content .meta-subtitles, .b-schedule-episode .teaser-content .meta-subtitles, .b-search-teaser .episode-content .meta-subtitles, .b-search-teaser .teaser-content .meta-subtitles {
        position: absolute;
        padding-bottom: 10px;
        bottom: 0; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-schedule-episode .episode-content .meta-subtitles, .b-schedule-episode .teaser-content .meta-subtitles, .b-search-teaser .episode-content .meta-subtitles, .b-search-teaser .teaser-content .meta-subtitles {
        position: absolute;
        padding-bottom: 10px;
        bottom: 0; } }
    @media screen and (min-width: 1024px) {
      .b-schedule-episode .episode-content .meta-subtitles, .b-schedule-episode .teaser-content .meta-subtitles, .b-search-teaser .episode-content .meta-subtitles, .b-search-teaser .teaser-content .meta-subtitles {
        position: absolute;
        padding-bottom: 10px;
        bottom: 0; } }
    .lt-ie9 .b-schedule-episode .episode-content .meta-subtitles, .lt-ie9 .b-schedule-episode .teaser-content .meta-subtitles, .lt-ie9 .b-search-teaser .episode-content .meta-subtitles, .lt-ie9 .b-search-teaser .teaser-content .meta-subtitles {
      position: absolute;
      padding-bottom: 10px;
      bottom: 0; }
  @media screen and (min-width: 1024px) {
    .b-schedule-episode .related-episode, .b-search-teaser .related-episode {
      width: 214px; }
      .b-schedule-episode .related-episode:hover .teaser-img img, .b-search-teaser .related-episode:hover .teaser-img img {
        border: 1px solid #f8ff00; }
      .b-schedule-episode .related-episode .teaser-img img, .b-search-teaser .related-episode .teaser-img img {
        border: 1px solid transparent; } }
  .lt-ie9 .b-schedule-episode .related-episode, .lt-ie9 .b-search-teaser .related-episode {
    width: 214px; }
    .lt-ie9 .b-schedule-episode .related-episode:hover .teaser-img img, .lt-ie9 .b-search-teaser .related-episode:hover .teaser-img img {
      border: 1px solid #f8ff00; }
    .lt-ie9 .b-schedule-episode .related-episode .teaser-img img, .lt-ie9 .b-search-teaser .related-episode .teaser-img img {
      border: 1px solid transparent; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-episode .related-episode, .b-search-teaser .related-episode {
      width: 100%;
      border-top: 8px solid #171717; }
      .b-schedule-episode .related-episode .desc-container, .b-search-teaser .related-episode .desc-container {
        display: none; } }
  @media screen and (max-width: 640px) {
    .b-schedule-episode .related-episode, .b-search-teaser .related-episode {
      width: 100%;
      border-top: 8px solid #171717; }
      .b-schedule-episode .related-episode .desc-container, .b-search-teaser .related-episode .desc-container {
        display: none; } }
  @media screen and (max-width: 640px) {
    .b-schedule-episode .related-episode .img-container, .b-search-teaser .related-episode .img-container {
      width: 25%; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-episode .related-episode .img-container, .b-search-teaser .related-episode .img-container {
      width: 10%;
      min-width: 100px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-episode .related-episode .img-container, .b-search-teaser .related-episode .img-container {
      width: 10%;
      min-width: 100px; } }
  .b-schedule-episode .related-episode:hover .teaser-title, .b-search-teaser .related-episode:hover .teaser-title {
    color: #fff; }

@media screen and (max-width: 640px) {
  .b-schedule-episode .episode-content .episode-description .item-title {
    font-size: 15px; } }

@media screen and (max-width: 640px) {
  .b-schedule-episode .b-related-episode {
    height: 55px;
    position: relative; }
    .b-schedule-episode .b-related-episode .img-container {
      width: 25%;
      left: 15%;
      position: absolute;
      height: 100%; }
    .b-schedule-episode .b-related-episode .text-container {
      width: 65%;
      padding-left: 8px;
      padding-top: 8px;
      position: absolute;
      left: 40%; }
  .b-schedule-episode .episode-content {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 95px;
    position: relative;
    overflow-y: hidden; }
    .b-schedule-episode .episode-content .episode-data {
      width: 60%;
      order: 3;
      padding: 0 10px;
      left: 40%;
      bottom: 5px;
      position: absolute;
      height: 40px;
      min-height: unset;
      font-size: 15px; }
      .b-schedule-episode .episode-content .episode-data span {
        display: block;
        color: #808080;
        font-size: 15px; }
        .b-schedule-episode .episode-content .episode-data span.meta-subtitles {
          font-size: 15px; }
    .b-schedule-episode .episode-content .meta-subtitles {
      position: absolute;
      bottom: 0;
      right: 0;
      padding-bottom: 0; }
    .b-schedule-episode .episode-content .b-episode-image {
      width: 40%;
      height: 100%;
      -ms-flex-order: unset;
      order: unset;
      position: absolute; }
    .b-schedule-episode .episode-content .episode-description {
      order: 2;
      width: 60%;
      padding: 6px 10px 0;
      position: absolute;
      left: 40%;
      margin-left: 0; }
      .b-schedule-episode .episode-content .episode-description .item-description {
        display: none; } }

@media screen and (min-width: 421px) and (max-width: 640px) {
  .b-schedule-episode .b-related-episode {
    height: 55px;
    position: relative; }
    .b-schedule-episode .b-related-episode .img-container {
      width: 25%;
      left: 15%;
      position: absolute;
      height: 100%; }
    .b-schedule-episode .b-related-episode .text-container {
      width: 65%;
      padding-left: 8px;
      padding-top: 8px;
      position: absolute;
      left: 40%; }
  .b-schedule-episode .episode-content {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 95px;
    position: relative;
    overflow-y: hidden; }
    .b-schedule-episode .episode-content .episode-data {
      width: 60%;
      order: 3;
      padding: 0 10px;
      left: 40%;
      bottom: 5px;
      position: absolute;
      height: 40px;
      min-height: unset;
      font-size: 15px; }
      .b-schedule-episode .episode-content .episode-data span {
        display: block;
        color: #808080;
        font-size: 15px; }
        .b-schedule-episode .episode-content .episode-data span.meta-subtitles {
          font-size: 15px; }
    .b-schedule-episode .episode-content .meta-subtitles {
      position: absolute;
      bottom: 0;
      right: 0;
      padding-bottom: 0; }
    .b-schedule-episode .episode-content .b-episode-image {
      width: 40%;
      height: 100%;
      -ms-flex-order: unset;
      order: unset;
      position: absolute; }
    .b-schedule-episode .episode-content .episode-description {
      order: 2;
      width: 60%;
      padding: 6px 10px 0;
      position: absolute;
      left: 40%;
      margin-left: 0; }
      .b-schedule-episode .episode-content .episode-description .item-description {
        display: none; } }

@media screen and (min-width: 421px) and (max-width: 640px) {
  .b-schedule-episode .episode-content {
    height: 130px; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-schedule-episode {
    display: flex;
    height: 127px; }
    .b-schedule-episode .episode-content {
      flex: 1 0 83%;
      min-width: unset;
      height: 100%;
      overflow-y: hidden; }
    .b-schedule-episode .related-episode {
      flex: 0 0 17%;
      border-top: 0; }
      .b-schedule-episode .related-episode .b-related-episode {
        display: flex;
        flex-wrap: wrap;
        height: unset;
        background: unset; }
        .b-schedule-episode .related-episode .b-related-episode .img-container {
          width: 100%; }
        .b-schedule-episode .related-episode .b-related-episode .text-container {
          width: 100%;
          padding-left: unset; } }

.b-schedule-filters {
  border-top: 35px solid #171717;
  position: relative;
  z-index: 3; }
  @media screen and (max-width: 640px) {
    .b-schedule-filters {
      border-top: 0; }
      .b-schedule-filters .select-container {
        display: none; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-filters {
      border-top: 0; }
      .b-schedule-filters .select-container {
        display: none; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters {
      border-top: 0; }
      .b-schedule-filters .select-container {
        display: none; } }
  @media screen and (min-width: 1024px) {
    .b-schedule-filters {
      height: 265px; }
      .b-schedule-filters .scroll-container {
        display: none; } }
  .lt-ie9 .b-schedule-filters {
    height: 265px; }
    .lt-ie9 .b-schedule-filters .scroll-container {
      display: none; }
  @media screen and (max-width: 640px) {
    .b-schedule-filters .scroll-container.is-fixed {
      margin-top: 64px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container.is-fixed {
      margin-top: 150px; } }
  @media screen and (max-width: 640px) {
    .b-schedule-filters .scroll-container.is-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      border-right: 8px solid #171717;
      border-left: 8px solid #171717; }
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 50px;
      border-top: 10px solid black;
      padding: 10px;
      background: linear-gradient(to right, #171717, #393939, #171717); } }
  @media screen and (max-width: 640px) and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 60px; } }
  @media screen and (max-width: 640px) {
      .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container {
        width: 100%;
        height: 30px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
        .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul {
          display: flex;
          flex-wrap: nowrap;
          width: 100%;
          overflow-x: scroll;
          height: 100%;
          box-sizing: content-box;
          padding-bottom: 27px; }
          .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item {
            flex: 0 0 30%;
            text-align: center; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item:hover, .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item-inner:hover {
              color: inherit; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item.is-selected {
              color: #f8ff00; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-filters .scroll-container.is-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      border-right: 8px solid #171717;
      border-left: 8px solid #171717; }
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 50px;
      border-top: 10px solid black;
      padding: 10px;
      background: linear-gradient(to right, #171717, #393939, #171717); } }
  @media screen and (min-width: 421px) and (max-width: 640px) and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 60px; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
      .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container {
        width: 100%;
        height: 30px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
        .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul {
          display: flex;
          flex-wrap: nowrap;
          width: 100%;
          overflow-x: scroll;
          height: 100%;
          box-sizing: content-box;
          padding-bottom: 27px; }
          .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item {
            flex: 0 0 30%;
            text-align: center; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item:hover, .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item-inner:hover {
              color: inherit; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item.is-selected {
              color: #f8ff00; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container.is-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      border-right: 8px solid #171717;
      border-left: 8px solid #171717; }
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 50px;
      border-top: 10px solid black;
      padding: 10px;
      background: linear-gradient(to right, #171717, #393939, #171717); } }
  @media screen and (min-width: 641px) and (max-width: 1023px) and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container .b-schedule-datetime-list {
      height: 60px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container {
        width: 100%;
        height: 30px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
        .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul {
          display: flex;
          flex-wrap: nowrap;
          width: 100%;
          overflow-x: scroll;
          height: 100%;
          box-sizing: content-box;
          padding-bottom: 27px; }
          .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item {
            flex: 0 0 30%;
            text-align: center; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item:hover, .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item .datetime-list-item-inner:hover {
              color: inherit; }
            .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item.is-selected {
              color: #f8ff00; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .scroll-container.is-fixed {
      border-right: 15px solid #171717;
      border-left: 15px solid #171717; }
    .b-schedule-filters .scroll-container .b-schedule-datetime-list .schedule-datetime-list-container ul .datetime-list-item {
      flex: 0 0 20%;
      font-size: 18px;
      line-height: 30px; } }
  .b-schedule-filters .scroll-container .column-title {
    display: none; }
  .b-schedule-filters .top-box {
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(to bottom, #393939, #171717 70%); }
    .b-schedule-filters .top-box.is-fixed {
      position: fixed;
      top: 150px; }
      @media screen and (min-width: 1024px) {
        .b-schedule-filters .top-box.is-fixed {
          width: 874px; } }
      .lt-ie9 .b-schedule-filters .top-box.is-fixed {
        width: 874px; }
  .b-schedule-filters .column {
    padding: 10px; }
    .b-schedule-filters .column.small {
      width: 40%; }
    .b-schedule-filters .column.large {
      width: 60%; }
    .b-schedule-filters .column .column-title {
      margin-bottom: 10px;
      font-size: 14px;
      color: #ddd;
      font-weight: 300; }
      @media screen and (max-width: 640px) {
        .b-schedule-filters .column .column-title {
          margin-bottom: 10px; } }
  .b-schedule-filters .channels-list-container {
    margin-bottom: 20px; }
  .b-schedule-filters .channels-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .b-schedule-filters .channels-list .channel img {
      width: 35px;
      height: 35px; }
  @media screen and (min-width: 1024px) {
    .b-schedule-filters .b-select-box {
      margin-bottom: 80px; } }
  .lt-ie9 .b-schedule-filters .b-select-box {
    margin-bottom: 80px; }
  @media screen and (max-width: 640px) {
    .b-schedule-filters .select-box {
      padding: 0;
      height: 105px; } }
  @media screen and (min-width: 421px) and (max-width: 640px) {
    .b-schedule-filters .select-box {
      padding: 0;
      height: 105px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .select-box {
      padding: 0;
      height: 105px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-schedule-filters .select-box.column {
      height: 140px;
      width: 100%; } }
  @media screen and (max-width: 640px) {
    .b-schedule-filters {
      border-right: 8px solid #171717;
      border-left: 8px solid #171717; }
      .b-schedule-filters .column.small {
        width: 100%; }
      .b-schedule-filters .column.select-box {
        z-index: 11; }
      .b-schedule-filters .column.large {
        width: 100%; } }

.b-schedule-list:after {
  content: "";
  display: block;
  border-bottom: 100px solid #171717;
  z-index: 1;
  position: relative; }

.b-schedule-list .day-title {
  font-size: 24px;
  font-weight: 400;
  border-bottom: 20px solid #171717; }

.b-schedule-list .daytime-wrapper-title {
  margin: 0 0 35px; }

.b-schedule-list .go-top-link {
  width: 50px;
  height: 50px;
  transform: rotate(180deg);
  position: fixed;
  bottom: 50px;
  left: 968px;
  float: right;
  z-index: 1;
  opacity: 0; }
  .b-schedule-list .go-top-link::before {
    content: '';
    width: 25px;
    height: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2211%22%20viewBox%3D%220%200%2025%2011%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M12.34%2010.533l12-5.196V.533l-12%203.235L.34.533v4.804z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-schedule-list {
    margin: 0 20px; } }

@media screen and (max-width: 640px) {
  .b-schedule-list {
    margin: 0; }
    .b-schedule-list .day-title,
    .b-schedule-list .daytime-wrapper-title {
      z-index: 1;
      position: relative;
      background-color: #171717;
      border-left: 15px solid #171717;
      border-right: 15px solid #171717; }
    .b-schedule-list .day-title {
      border-bottom: 20px solid #171717; }
    .b-schedule-list .daytime-wrapper-title {
      margin: 0;
      border-bottom: 35px solid #171717; } }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-schedule-list {
    margin: 0; }
    .b-schedule-list .day-title,
    .b-schedule-list .daytime-wrapper-title {
      z-index: 1;
      position: relative;
      background-color: #171717;
      border-left: 15px solid #171717;
      border-right: 15px solid #171717; }
    .b-schedule-list .day-title {
      border-bottom: 20px solid #171717; }
    .b-schedule-list .daytime-wrapper-title {
      margin: 0;
      border-bottom: 35px solid #171717; } }

.b-schedule-scroll {
  width: 100%;
  height: 80px;
  padding: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #171717, #393939, #171717); }
  .b-schedule-scroll .select-list {
    display: flex;
    overflow-x: scroll;
    height: 100%;
    box-sizing: content-box;
    padding-bottom: 17px; }
    .b-schedule-scroll .select-list .select-box-item {
      flex: 0 0 40%;
      line-height: 30px;
      text-align: center; }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-schedule-scroll .select-list .select-box-item {
          flex: 0 0 25%; } }
      .b-schedule-scroll .select-list .select-box-item.is-selected {
        color: #f8ff00; }
      .b-schedule-scroll .select-list .select-box-item .day {
        font-weight: 900;
        font-size: 18px; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-schedule-scroll .select-list .select-box-item .day {
            font-size: 20px; } }
      .b-schedule-scroll .select-list .select-box-item .date {
        font-size: 16px; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-schedule-scroll .select-list .select-box-item .date {
            font-size: 18px; } }

@media screen and (min-width: 1024px) {
  .b-search-box {
    margin-bottom: 40px; } }

.lt-ie9 .b-search-box {
  margin-bottom: 40px; }

.b-search-box .search-box-form {
  display: flex; }
  .b-search-box .search-box-form .search-input {
    width: 90%;
    border: none;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    padding: 2px 5px 0;
    color: #171717;
    margin-bottom: 20px; }
  .b-search-box .search-box-form .button {
    width: 10%; }

.b-search-box .search-info-container {
  margin-bottom: 10px; }
  .b-search-box .search-info-container .search-info {
    margin-bottom: 5px; }

.b-search-box .search-link {
  font-size: 14px;
  text-align: right; }

.b-search-flyout {
  display: none;
  position: absolute;
  top: 76px;
  right: 0;
  width: 500px;
  min-height: 200px;
  background-color: rgba(5, 5, 5, 0.95);
  z-index: -9999; }
  @media screen and (max-width: 640px) {
    .b-search-flyout {
      top: calc(100% + 30px);
      width: 100%; } }
  .b-search-flyout::before {
    content: "";
    position: absolute; }
    @media screen and (max-width: 640px) {
      .b-search-flyout::before {
        display: none; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-search-flyout::before {
        top: 0;
        left: -1px;
        bottom: -1px;
        width: 1px;
        background: #f8ff00;
        background: linear-gradient(to bottom, rgba(248, 255, 0, 0.2), #f8ff00); } }
    @media screen and (min-width: 1024px) {
      .b-search-flyout::before {
        top: 0;
        left: -1px;
        bottom: -1px;
        width: 1px;
        background: #f8ff00;
        background: linear-gradient(to bottom, rgba(248, 255, 0, 0.2), #f8ff00); } }
    .lt-ie9 .b-search-flyout::before {
      top: 0;
      left: -1px;
      bottom: -1px;
      width: 1px;
      background: #f8ff00;
      background: linear-gradient(to bottom, rgba(248, 255, 0, 0.2), #f8ff00); }
  .b-search-flyout::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: #f8ff00;
    background: linear-gradient(to left, rgba(248, 255, 0, 0.2), #f8ff00); }
    @media screen and (max-width: 640px) {
      .b-search-flyout::after {
        display: none; } }
  .b-search-flyout .close-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 22px;
    height: 22px;
    background-size: cover; }
    @media screen and (min-width: 1024px) {
      .b-search-flyout .close-icon {
        display: none; } }
    .lt-ie9 .b-search-flyout .close-icon {
      display: none; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-search-flyout .close-icon {
        display: none; } }
  .b-search-flyout.is-expanded {
    display: flex;
    align-items: center;
    z-index: 9999; }
  .b-search-flyout .search-flyout-content {
    width: 100%; }
  .b-search-flyout .flyout-content-wrapper {
    padding: 30px 40px 20px; }
    @media screen and (max-width: 640px) {
      .b-search-flyout .flyout-content-wrapper {
        padding: 30px 20px 20px; } }
  .b-search-flyout .suggestions-label {
    margin-bottom: 10px; }
  .b-search-flyout .suggestions-list .suggestions-list-item {
    width: 100%;
    max-height: 88px; }
    .b-search-flyout .suggestions-list .suggestions-list-item.is-inline .b-teaser {
      max-height: 88px;
      margin: 0; }
      .b-search-flyout .suggestions-list .suggestions-list-item.is-inline .b-teaser .teaser-link {
        max-height: 88px; }
      .b-search-flyout .suggestions-list .suggestions-list-item.is-inline .b-teaser .img-container {
        width: 30%;
        height: 88px; }
      .b-search-flyout .suggestions-list .suggestions-list-item.is-inline .b-teaser .badge {
        line-height: 16px;
        font-size: 10px;
        padding: 0 4px; }
      .b-search-flyout .suggestions-list .suggestions-list-item.is-inline .b-teaser .text-container {
        width: 70%;
        height: 88px;
        min-height: unset; }
  .b-search-flyout .loading-spinner-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 15; }
    .b-search-flyout .loading-spinner-wrapper .loading-spinner {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20class%3D%22lds-spinner%22%20preserveAspectRatio%3D%22xMidYMid%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22background%3A0%200%22%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.9s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2836%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.8s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%2872%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.7s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28108%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.6s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28144%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.5s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28180%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.4s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28216%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.3s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28252%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.2s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28288%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%22-0.1s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3Crect%20width%3D%226%22%20height%3D%2214%22%20x%3D%2247%22%20y%3D%2223%22%20fill%3D%22%23fff%22%20rx%3D%224.7%22%20ry%3D%222.3%22%20transform%3D%22rotate%28324%2050%2050%29%22%3E%3Canimate%20attributeName%3D%22opacity%22%20begin%3D%220s%22%20dur%3D%221s%22%20keyTimes%3D%220%3B1%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px; }
  .b-search-flyout .link-to-search {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: #f8ff00; }
    .b-search-flyout .link-to-search:focus, .b-search-flyout .link-to-search:hover {
      text-decoration: underline; }
  .b-search-flyout .highlight {
    color: #f8ff00; }
  .b-search-flyout .search-btn {
    width: 250px; }
  .b-search-flyout .no-results-text {
    text-align: center;
    margin-bottom: 20px;
    line-height: 24px; }

.b-search-page {
  padding-top: 30px; }
  @media screen and (max-width: 640px) {
    .b-search-page {
      padding: 0 8px; } }

.b-search-results-list .headline {
  margin-bottom: 25px; }

.b-search-results-list .results-list {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 640px) {
    .b-search-results-list .results-list {
      display: block; } }
  .b-search-results-list .results-list .result-item {
    flex: 0 50%; }

.b-search-results-list .page-title {
  margin-top: 40px; }

.b-search-results-list .b-teaser {
  margin-bottom: 40px; }

.b-search-results-list .profile {
  max-width: 200px; }

.b-search-results {
  margin-bottom: 50px; }
  .b-search-results .more-btn {
    margin: 20px auto 50px; }

.b-search {
  position: relative; }
  @media screen and (max-width: 640px) {
    .b-search {
      padding-left: 25px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-search {
      padding-left: 32px; } }
  @media screen and (min-width: 1024px) {
    .b-search {
      padding-left: 32px; } }
  .lt-ie9 .b-search {
    padding-left: 32px; }
  .b-search:hover .search-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Ebene_1%22%20x%3D%220%22%20y%3D%220%22%20version%3D%221.1%22%20viewBox%3D%220%200%20938%20940%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23f8ff00%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22_x31_920x1080%22%20transform%3D%22translate%28-42%20-42%29%22%3E%3Cg%20id%3D%22ic_sucheprepillu2%22%20transform%3D%22translate%2842%2042%29%22%3E%3Cpath%20id%3D%22Shape%22%20d%3D%22M412.8%20825.2c-40.6%200-81.2-6.1-120.4-18.1-53-16.2-101.5-42.4-143.9-78-40.8-34.2-74.3-75.5-99.4-122.8S8.5%20508.2%203%20455.2c-5.7-54.8-.4-109.6%2015.8-162.8%2016.2-53.1%2042.4-101.6%2078-144%2034.2-40.8%2075.5-74.2%20122.6-99.3C266.7%2024%20317.5%208.5%20370.5%203c54.8-5.7%20109.6-.4%20162.8%2015.8%2053.1%2016.2%20101.6%2042.4%20144%2078%2040.8%2034.2%2074.3%2075.5%2099.4%20122.8%2025.1%2047.3%2040.6%2098.1%2046.1%20151.1%205.7%2054.8.4%20109.6-15.8%20162.8-16.2%2053.1-42.4%20101.6-78%20144-34.2%2040.8-75.4%2074.2-122.6%2099.3-47.2%2025.1-98%2040.6-151.1%2046.1-14.4%201.5-28.7%202.3-42.5%202.3zm.2-722.4c-10.6%200-21.3.6-31.9%201.7-39.9%204.1-78.1%2015.8-113.7%2034.7-35.5%2018.9-66.6%2044.1-92.3%2074.8-26.7%2031.9-46.4%2068.3-58.6%20108.2-12.2%2040.1-16.2%2081.3-12%20122.6%204.1%2039.9%2015.8%2078.1%2034.7%20113.7s44.1%2066.7%2074.8%2092.4c31.9%2026.7%2068.3%2046.4%20108.2%2058.6%2029.7%209.1%2060.1%2013.7%2090.6%2013.7%2010.3%200%2021-.6%2031.9-1.7%2040-4.1%2078.3-15.8%20113.7-34.7%2035.6-18.9%2066.6-44.1%2092.4-74.8%2026.7-31.9%2046.4-68.3%2058.6-108.2%2012.2-40.1%2016.2-81.3%2012-122.6-4.1-39.9-15.8-78.1-34.7-113.7-18.9-35.6-44.1-66.7-74.8-92.4-31.9-26.8-68.3-46.5-108.3-58.7-29.7-9.1-60.1-13.6-90.6-13.6z%22%20class%3D%22st0%22%2F%3E%3Cpath%20id%3D%22Rectangle-path%22%20d%3D%22M772.3%20733.1h112.3v195.2H772.3z%22%20class%3D%22st0%22%20transform%3D%22rotate%28-45.001%20828.414%20830.685%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; }
  .b-search .search-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22938%22%20height%3D%22940%22%20viewBox%3D%220%200%20938%20940%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M412.8%20825.2c-40.6%200-81.2-6.1-120.4-18.1-53-16.2-101.5-42.4-143.9-78-40.8-34.2-74.3-75.5-99.4-122.8C24%20559%208.5%20508.2%203%20455.2c-5.7-54.8-.4-109.6%2015.8-162.8%2016.2-53.1%2042.4-101.6%2078-144%2034.2-40.8%2075.5-74.2%20122.6-99.3C266.7%2024%20317.5%208.5%20370.5%203c54.8-5.7%20109.6-.4%20162.8%2015.8%2053.1%2016.2%20101.6%2042.4%20144%2078%2040.8%2034.2%2074.3%2075.5%2099.4%20122.8%2025.1%2047.3%2040.6%2098.1%2046.1%20151.1%205.7%2054.8.4%20109.6-15.8%20162.8-16.2%2053.1-42.4%20101.6-78%20144-34.2%2040.8-75.4%2074.2-122.6%2099.3-47.2%2025.1-98%2040.6-151.1%2046.1-14.4%201.5-28.7%202.3-42.5%202.3zm.2-722.4c-10.6%200-21.3.6-31.9%201.7-39.9%204.1-78.1%2015.8-113.7%2034.7-35.5%2018.9-66.6%2044.1-92.3%2074.8-26.7%2031.9-46.4%2068.3-58.6%20108.2-12.2%2040.1-16.2%2081.3-12%20122.6%204.1%2039.9%2015.8%2078.1%2034.7%20113.7%2018.9%2035.6%2044.1%2066.7%2074.8%2092.4%2031.9%2026.7%2068.3%2046.4%20108.2%2058.6%2029.7%209.1%2060.1%2013.7%2090.6%2013.7%2010.3%200%2021-.6%2031.9-1.7%2040-4.1%2078.3-15.8%20113.7-34.7%2035.6-18.9%2066.6-44.1%2092.4-74.8%2026.7-31.9%2046.4-68.3%2058.6-108.2%2012.2-40.1%2016.2-81.3%2012-122.6-4.1-39.9-15.8-78.1-34.7-113.7-18.9-35.6-44.1-66.7-74.8-92.4-31.9-26.8-68.3-46.5-108.3-58.7-29.7-9.1-60.1-13.6-90.6-13.6zm306.703%20698.562l79.407-79.407%20138.026%20138.026-79.407%2079.407z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer;
    background-size: contain; }
    @media screen and (max-width: 640px) {
      .b-search .search-icon {
        width: 20px;
        height: 22px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-search .search-icon {
        width: 27px;
        height: 25px; } }
    @media screen and (min-width: 1024px) {
      .b-search .search-icon {
        width: 27px;
        height: 25px; } }
    .lt-ie9 .b-search .search-icon {
      width: 27px;
      height: 25px; }
  .b-search .search-text {
    position: relative;
    font-family: "ORF ON TF", sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    cursor: pointer; }
  @media screen and (max-width: 640px) {
    .b-search .search-form {
      display: none; } }
  .b-search .search-input {
    border: 0;
    font-family: "ORF ON TF", sans-serif;
    font-size: 24px;
    color: #fff;
    background-color: #171717;
    transition: width 0.4s ease-out; }
    .b-search .search-input:focus, .b-search .search-input:active {
      outline: 0; }
    .b-search .search-input::placeholder {
      color: #B5B5B4; }
  @media screen and (min-width: 1024px) {
    .b-search.is-expanded .search-text {
      display: none; } }
  .lt-ie9 .b-search.is-expanded .search-text {
    display: none; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-search.is-expanded .search-text {
      display: none; } }
  .b-search.is-expanded .search-input {
    width: 500px;
    height: 37px;
    border-bottom: 1px solid #808080;
    line-height: 1; }
    @media screen and (max-width: 640px) {
      .b-search.is-expanded .search-input {
        width: 300px; } }
  .b-search:not(.is-expanded) .search-input {
    opacity: 0;
    visibility: hidden;
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0; }

@media screen and (min-width: 1024px) {
  .b-mobile-search {
    display: none; } }

.lt-ie9 .b-mobile-search {
  display: none; }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-mobile-search {
    display: none; } }

.b-mobile-search .mobile-search-form {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 30px;
  transform: translateY(-100%);
  transition: transform 0.3s ease-out; }
  .b-mobile-search .mobile-search-form.is-expanded {
    transform: translateY(0);
    z-index: 11; }
  .b-mobile-search .mobile-search-form .search-input {
    width: 100%;
    padding: 0 15px 5px;
    border: 0;
    font-family: "ORF ON TF", sans-serif;
    font-size: 24px;
    color: #fff;
    background-color: #171717;
    transition: width 0.4s ease-out;
    height: 30px;
    line-height: 1; }
    .b-mobile-search .mobile-search-form .search-input:focus, .b-mobile-search .mobile-search-form .search-input:active {
      outline: 0; }
    .b-mobile-search .mobile-search-form .search-input::-webkit-search-cancel-button {
      display: none; }

.b-select-box {
  position: relative;
  width: 100%;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  color: #fff;
  z-index: 1; }
  .b-select-box .default-value {
    padding-left: 10px; }
  .b-select-box .select-box-list {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding: 10px;
    background-color: #171717;
    z-index: 1; }
    .b-profile-overlay .b-select-box .select-box-list {
      max-height: 250px;
      overflow-x: hidden;
      overflow-y: scroll; }
  .b-select-box .select-box-item {
    display: block; }
    .b-select-box .select-box-item.selected, .b-select-box .select-box-item.is-selected, .b-select-box .select-box-item:hover {
      color: #f8ff00; }
  .b-select-box .is-hidden {
    display: none; }
  .b-select-box:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    margin-left: 5px;
    top: 12px;
    right: 10px; }
  .b-select-box.arrow-up:after {
    border-bottom: 5px solid #f8ff00; }
  .b-select-box.arrow-down:after {
    border-top: 5px solid #f8ff00; }
  .b-lane .b-select-box .choices__list--dropdown .choices__list {
    max-height: 181px; }
  .is-bundesland-heute .b-select-box {
    margin-top: -30px; }

.channel-program .following-livestreams .is-bundesland-heute .b-select-box {
  margin-top: 0; }

.b-special-livestreams-container {
  transition: height 0.3s ease-in-out;
  position: relative;
  border-bottom: 40px solid #171717; }
  .b-special-livestreams-container .more-special-livestreams {
    text-align: center; }
    .b-special-livestreams-container .more-special-livestreams .expand-button {
      color: #f8ff00;
      cursor: pointer;
      position: relative; }
      .b-special-livestreams-container .more-special-livestreams .expand-button:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        position: absolute;
        margin-left: 5px;
        top: 5px; }
      .b-special-livestreams-container .more-special-livestreams .expand-button.arrow-up:after {
        border-bottom: 5px solid #f8ff00; }
      .b-special-livestreams-container .more-special-livestreams .expand-button.arrow-down:after {
        border-top: 5px solid #f8ff00; }

.b-stage-subteasers {
  background: #171717;
  margin-bottom: 50px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 640px) {
    .b-stage-subteasers {
      width: calc(100% + 15px);
      padding: 10px 0;
      margin-bottom: 0; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-stage-subteasers {
      width: calc(100% + 15px);
      padding: 10px 0;
      margin-bottom: 0; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-stage-subteasers {
      margin-left: -15px;
      margin-right: -15px;
      padding: 0 15px;
      background-color: #171717;
      z-index: 1;
      position: relative; } }
  @media screen and (min-width: 1024px) {
    .b-stage-subteasers {
      width: calc(100% + 29px);
      padding: 0;
      margin-bottom: 20px; } }
  .lt-ie9 .b-stage-subteasers {
    width: calc(100% + 29px);
    padding: 0;
    margin-bottom: 20px; }
  .b-stage-subteasers .title {
    padding: 0 10px; }
  .b-stage-subteasers .slick-track-focus .slick-track {
    margin-left: calc(-22.5vw + 7px); }
  .b-stage-subteasers .slick-track-focus .arrow.right {
    right: 14px !important; }
  .b-stage-subteasers .stage-subteaser-list {
    display: flex;
    overflow: hidden; }
    .b-stage-subteasers .stage-subteaser-list button {
      font-size: 0; }
    .b-stage-subteasers .stage-subteaser-list .stage-subteaser {
      width: 272px;
      flex: 0 0 272px;
      width: 272px;
      margin-right: 29px; }
      @media screen and (min-width: 1024px) {
        .b-stage-subteasers .stage-subteaser-list .stage-subteaser {
          width: 272px !important; } }
      .lt-ie9 .b-stage-subteasers .stage-subteaser-list .stage-subteaser {
        width: 272px !important; }
      @media screen and (max-width: 640px) {
        .b-stage-subteasers .stage-subteaser-list .stage-subteaser {
          flex: 0 0 45vw;
          width: 45vw;
          margin: 0 14px 0 0; } }
      .b-stage-subteasers .stage-subteaser-list .stage-subteaser:last-of-type {
        margin-right: 0; }
    .b-stage-subteasers .stage-subteaser-list .arrow {
      top: 60px;
      z-index: 2; }
      @media screen and (min-width: 1024px) {
        .b-stage-subteasers .stage-subteaser-list .arrow {
          vertical-align: middle;
          right: 0; } }
      .lt-ie9 .b-stage-subteasers .stage-subteaser-list .arrow {
        vertical-align: middle;
        right: 0; }
      .b-stage-subteasers .stage-subteaser-list .arrow.right {
        right: 29px; }
  .b-stage-subteasers .b-teaser {
    height: 245px; }
    @media screen and (max-width: 640px) {
      .b-stage-subteasers .b-teaser {
        height: auto; }
        .b-stage-subteasers .b-teaser .teaser-link {
          display: flex;
          flex-wrap: wrap; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-stage-subteasers .b-teaser {
        height: 230px; } }
    @media screen and (max-width: 640px) {
      .b-stage-subteasers .b-teaser .img-container {
        width: 100%; } }
    @media screen and (max-width: 640px) {
      .b-stage-subteasers .b-teaser .ratio-box {
        border: none;
        margin: 0; } }
    @media screen and (max-width: 640px) {
      .b-stage-subteasers .b-teaser .text-container {
        width: 100%;
        padding: 6px 10px;
        height: 100px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-stage-subteasers .b-teaser .text-container {
        height: 62px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.b-stage {
  background: #171717;
  border-bottom: 16px solid #171717;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-stage {
      margin-bottom: 0;
      position: relative;
      z-index: 1; } }
  @media screen and (max-width: 640px) {
    .b-stage .stage-carousel .arrow {
      display: none; } }
  .b-stage .stage-carousel .stage-item-list {
    display: flex;
    overflow: hidden; }
    .b-stage .stage-carousel .stage-item-list.slick-slider {
      display: block; }
    .b-stage .stage-carousel .stage-item-list .slick-arrow {
      transition: 0.2s ease-out; }
    .b-stage .stage-carousel .stage-item-list.has-arrows-hidden .slick-arrow.right {
      right: -27px; }
    .b-stage .stage-carousel .stage-item-list.has-arrows-hidden .slick-arrow.left {
      left: -27px; }
  .b-stage .stage-carousel .stage-item {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    cursor: pointer; }
    .b-stage .stage-carousel .stage-item::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: 50%;
      background: transparent linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); }
    .b-stage .stage-carousel .stage-item a {
      -webkit-user-drag: none;
      -khtml-user-drag: none;
      -moz-user-drag: none;
      -o-user-drag: none;
      user-drag: none; }
    .b-stage .stage-carousel .stage-item.is-protected .geoprotection-badge {
      display: block; }
    .b-stage .stage-carousel .stage-item .geoprotection-badge {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      padding: 30px;
      background: rgba(0, 0, 0, 0.7); }
      .b-stage .stage-carousel .stage-item .geoprotection-badge .geoprotection-text {
        position: relative;
        font-size: 14px;
        padding-right: 60px; }
        @media screen and (max-width: 640px) {
          .b-stage .stage-carousel .stage-item .geoprotection-badge .geoprotection-text {
            padding-right: 45px; } }
        .b-stage .stage-carousel .stage-item .geoprotection-badge .geoprotection-text::after {
          content: "";
          background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M815.895%20701.115c12.466-52.317%2019.922-109.839%2021.746-169.901h134.243c-3.244%2050.224-14.76%2098.984-34.367%20145.32-3.526%208.332-7.318%2016.517-11.314%2024.581H815.895zm-62.707-554.989c-12.314-19.417-26.039-36.93-41.078-52.484%2047.983%2022.212%2091.345%2052.47%20129.037%2090.147%2023.009%2023%2043.255%2048.111%2060.598%2075.092H803.74c-13.34-42.694-30.33-80.863-50.552-112.755zm-80.316%20333.872c-.615-58.323-3.756-116.188-9.43-169.901H771.06c.707%202.91%201.41%205.824%202.09%208.78%2011.43%2049.84%2018.09%20105.123%2019.49%20161.121H672.872zm-38.704-331.937c-8.667-29.845-18.913-55.273-30.57-75.987%2043.582%2018.535%2082.243%2052.165%20111.449%2098.226%2016.028%2025.277%2029.809%2054.942%2041.222%2088.581h-99.21c-5.961-41.152-13.584-78.77-22.89-110.82zm-196.926%20110.82c5.58-37.067%2012.501-70.259%2020.625-98.232%2023.872-82.217%2053.39-104.584%2066.06-105.052.4%200%20.8.017%201.2.02%2012.877.9%2042.038%2023.634%2065.674%20105.032%208.143%2028.043%2015.085%2061.23%2020.688%2098.232H437.242zm-22.744-110.82c-9.125%2031.428-16.805%2068.937-22.858%20110.82H290.302c11.414-33.64%2025.193-63.304%2041.222-88.58%2029.815-47.02%2069.482-81.082%20114.178-99.36-11.92%2020.916-22.38%2046.733-31.204%2077.12zM937.517%20326.66c20.649%2048.799%2032.326%20100.285%2034.815%20153.34H837.824c-1.384-59.921-8.368-117.425-20.33-169.902h112.59c2.575%205.466%205.069%2010.976%207.433%2016.562zm41.59%20367.464C1004.914%20633.132%201018%20568.357%201018%20501.597s-13.086-131.536-38.893-192.528a495.558%20495.558%200%2000-22.818-46.838v-3.35h-1.868c-22.013-39.057-49.226-74.914-81.345-107.018-45.433-45.415-98.346-81.075-157.268-105.986C654.792%2020.08%20589.99%207%20523.205%207h-.986c-66.786%200-131.587%2013.08-192.601%2038.877-58.923%2024.911-111.837%2060.57-157.271%20105.986l-.01.011%2031.932%2031.925a.065.065%200%2001.008-.01c38.251-38.234%2082.333-68.84%20131.166-91.138-15.422%2015.8-29.481%2033.64-42.06%2053.475-15.81%2024.933-29.632%2053.716-41.29%2085.484l78.504%2078.487h54.69a1598.53%201598.53%200%2000-4.469%2050.208l42.58%2042.57c1.632-32.339%204.066-63.437%207.251-92.778h187.474c5.7%2052.126%209.02%20109.725%209.661%20169.901H500.54l51.23%2051.216h75.909c-.37%2025.012-1.215%2049.54-2.495%2073.4l42.38%2042.368c2.879-37.548%204.615-76.508%205.198-115.768h119.67c-1.755%2053.64-8.32%20106.449-19.283%20154.247a666.332%20666.332%200%2001-3.808%2015.654h-47.63l72.466%2072.449a581.856%20581.856%200%20007.365-21.233h94.933c-16.135%2023.95-34.613%2046.366-55.328%2067.072-.187.187-.38.366-.566.553l31.931%2031.925c.186-.186.378-.366.564-.551%2045.435-45.415%2081.109-98.307%20106.031-157.207zM525.595%20948.267c-.422.003-.842.02-1.266.022-14.425-.558-43.631-29.246-66.161-106.819-7.495-25.804-13.964-56.045-19.306-89.651h171.68c-5.36%2033.541-11.85%2063.775-19.365%2089.651-22.34%2076.914-51.043%20105.722-65.582%20106.797zm-193.84-114.716c-14.936-23.547-27.915-50.91-38.855-81.732h100.275c5.846%2038.425%2013.096%2072.964%2021.6%20102.243%209.094%2031.31%2019.837%2057.846%2032.048%2079.22-45.06-18.2-85.054-52.407-115.069-99.731zm-127.32-14.64c-20.726-20.712-39.215-43.134-55.36-67.092h96.136c12.998%2039.934%2029.24%2075.735%2048.38%20105.913%2012.024%2018.958%2025.394%2036.108%2040.019%2051.384-48.036-22.222-91.444-52.5-129.175-90.205zm-96.423-142.913c-19.618-46.351-31.14-95.124-34.387-145.364h135.466c1.825%2060.08%209.286%20117.62%2021.758%20169.954H119.333c-4-8.067-7.793-16.255-11.32-24.59zm268.263-145.364c.872%2060.099%204.368%20117.654%2010.194%20169.954H277.427a678.043%20678.043%200%2001-3.81-15.66c-10.968-47.813-17.535-100.637-19.29-154.294h121.948zm338.243%20377.538c8.79-9.26%2017.12-19.201%2024.98-29.804l-32.361-32.345c-28.25%2039.95-64.036%2069.323-103.907%2086.095%2011.895-21.149%2022.4-47.277%2031.339-78.057%205.747-19.787%2010.85-41.706%2015.317-65.258l-88.259-88.215H431.896c-4.95-43.051-8.252-90.084-9.742-139.406l-81.822-81.78h-86.214c.678-27.174%202.607-54.172%205.706-80.468l-40.116-40.096c-6.164%2038.438-9.838%2078.915-10.8%20120.564H73.177c2.492-53.07%2014.174-104.572%2034.835-153.387%202.364-5.587%204.86-11.1%207.437-16.567h54.845l-68.814-68.78a493.991%20493.991%200%2000-35.083%2067.752c-25.821%2061.01-38.915%20125.805-38.915%20192.586%200%2066.782%2013.094%20131.577%2038.915%20192.587%2024.937%2058.917%2060.63%20111.825%20106.091%20157.255%2045.459%2045.429%2098.402%2081.1%20157.358%20106.019%2061.05%2025.805%20125.886%2038.888%20192.71%2038.888h.987c66.824%200%20131.661-13.083%20192.711-38.888a494.46%20494.46%200%200067.123-34.641l-32.935-32.92a450.429%20450.429%200%2001-35.924%2018.866zM917.627%201008L3%2093.116l29.987-29.995%20914.626%20914.885z%22%2F%3E%3C%2Fsvg%3E);
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          right: 0;
          width: 40px;
          height: 40px;
          z-index: 11;
          transform: translateY(-50%);
          background-size: contain; }
          @media screen and (max-width: 640px) {
            .b-stage .stage-carousel .stage-item .geoprotection-badge .geoprotection-text::after {
              width: 30px;
              height: 30px; } }
  .b-stage .stage-carousel .stage-item:focus {
    outline-width: 10px; }
  .b-stage .stage-carousel .stage-item-img {
    padding-bottom: 56.25%; }
    .b-stage .stage-carousel .stage-item-img img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
  .b-stage .stage-carousel .stage-item-text-wrapper {
    position: absolute;
    bottom: 30px;
    left: 20px;
    max-width: 95%;
    z-index: 10; }
    @media screen and (max-width: 640px) {
      .b-stage .stage-carousel .stage-item-text-wrapper {
        bottom: 10px;
        left: 10px; } }
  .b-stage .stage-carousel .stage-item-profile-title, .b-stage .stage-carousel .stage-item-teaser-title {
    font-family: "ORF ON TF", sans-serif;
    font-size: 39px;
    line-height: 47px;
    color: #fff; }
    @media screen and (max-width: 640px) {
      .b-stage .stage-carousel .stage-item-profile-title, .b-stage .stage-carousel .stage-item-teaser-title {
        font-size: 26px;
        line-height: 32px; } }
  .b-stage .stage-carousel .stage-item-profile-title {
    font-weight: 400; }
  .b-stage .stage-carousel .stage-item-teaser-title {
    font-weight: 700; }
  .b-stage .stage-carousel .slick-arrow {
    margin-top: -11px;
    z-index: 11;
    font-size: 0; }
  .b-stage .slick-dots {
    display: flex;
    padding-top: 15px;
    justify-content: center; }
    .b-stage .slick-dots li {
      margin-right: 10px; }
      .b-stage .slick-dots li:last-of-type {
        margin-right: 0; }
      .b-stage .slick-dots li.slick-active button {
        background-color: #fff; }
      .b-stage .slick-dots li button {
        font-size: 0;
        width: 14px;
        height: 8px;
        background-color: #535253; }
        .b-stage .slick-dots li button:hover {
          cursor: pointer; }

.b-static-container {
  padding: 15px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-static-container {
      padding: 30px 0;
      width: 70%; } }
  @media screen and (min-width: 1024px) {
    .b-static-container {
      padding: 30px 0;
      width: 70%; } }
  .lt-ie9 .b-static-container {
    padding: 30px 0;
    width: 70%; }
  .b-static-container a {
    color: #f8ff00; }
    .b-static-container a:hover {
      text-decoration: underline; }
  .b-static-container ul {
    list-style: disc;
    padding-left: 1em; }
    .b-static-container ul li {
      margin: 5px 0; }
  .b-static-container h4.sub-title {
    font-size: 16px;
    font-weight: 700; }
  .b-static-container .text {
    padding: 0; }
  .b-static-container .sub-title {
    font-weight: 700;
    margin-bottom: 9px;
    font-size: 18px;
    color: #fff; }
  .b-static-container .img-container {
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      .b-static-container .img-container {
        width: 85%; } }
    .lt-ie9 .b-static-container .img-container {
      width: 85%; }

.b-teaser {
  position: relative;
  margin-bottom: 15px; }
  .b-teaser:hover .teaser-img {
    border: 1px #f8ff00 solid; }
    @media screen and (max-width: 640px) {
      .b-teaser:hover .teaser-img {
        border: none; } }
  .b-teaser:hover .hover-duration {
    opacity: 1; }
  .is-inline .b-teaser .teaser-link {
    display: flex; }
  .is-inline .b-teaser .img-container {
    width: 50%;
    flex-shrink: 0; }
    .is-inline .b-teaser .img-container .ratio-box {
      margin-bottom: 0; }
  .is-inline .b-teaser .text-container {
    padding: 5px 15px 0 8px;
    width: 50%; }
  .is-big .b-teaser {
    height: 238px; }
  .b-teaser .ratio-box {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56.25%; }
  .b-teaser .teaser-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px transparent solid; }
    @media screen and (max-width: 640px) {
      .b-teaser .teaser-img {
        border: none; } }
    .b-teaser .teaser-img img {
      width: 100%;
      height: 100%; }
  .b-teaser .text-container {
    height: 88px;
    overflow: hidden; }
    @media screen and (max-width: 640px) {
      .b-teaser .text-container {
        padding: 0 8px; } }
  .b-teaser .profile, .b-teaser .channel {
    margin-bottom: 5px;
    font-family: "ORF ON TF", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .b-teaser .profile {
    width: 100%; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-teaser .profile {
        max-width: 220px; } }
    @media screen and (max-width: 640px) {
      .b-teaser .profile {
        max-width: 220px; } }
  .b-teaser .channel {
    display: none;
    max-width: 200px; }
  .b-teaser .teaser-title {
    font-size: 18px;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
    hyphens: auto;
    margin-bottom: 5px; }
    @media screen and (max-width: 640px) {
      .b-teaser .teaser-title {
        margin-bottom: 0; } }
  .b-teaser .description {
    color: #ddd;
    display: none;
    font-family: "ORF ON TF", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    hyphens: auto; }
  .b-teaser .badge {
    position: absolute;
    top: 1px;
    left: 1px;
    font-family: "ORF ON Condensed SC", sans-serif;
    font-weight: 400;
    padding: 0 2px;
    line-height: 20px;
    color: #000;
    background-color: rgba(248, 255, 0, 0.8);
    z-index: 1; }
  .b-teaser .hover-duration {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 400;
    padding: 0 5px;
    line-height: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 1024px) {
      .b-teaser .hover-duration {
        opacity: 0;
        right: 1px;
        bottom: 1px; } }
    .lt-ie9 .b-teaser .hover-duration {
      opacity: 0;
      right: 1px;
      bottom: 1px; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-teaser .hover-duration {
        opacity: 0;
        right: 1px;
        bottom: 1px; } }
  .b-teaser .date-as-string, .b-teaser .datetime, .b-teaser .availability, .b-teaser .visible-duration {
    color: #ddd;
    display: none;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-size: 14px;
    line-height: 18px; }
  @media screen and (max-width: 640px) {
    .b-teaser .availability-block {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-teaser .availability-block {
      display: flex;
      flex-direction: column; } }
  .b-teaser .availability-block .flimmit-notification {
    display: block;
    font-size: 14px;
    margin-top: 4px; }
  .b-teaser .availability-block .flimmit-link {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221227%22%20height%3D%22259%22%20viewBox%3D%220%200%201227%20259%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M269.854%20215.084c2.828%207.85%204.246%2017.473%204.246%2026.407%200%204.298%200%208.926-1.05%2012.523-10.708%201.78-25.035%203.586-38.63%203.586-32.172%200-44.32-15.735-44.32-49.67V11.597l2.134-2.496h21.813c22.162%200%2030.409%208.562%2030.409%2033.571V198.29c0%2010.713%204.257%2016.795%2015.707%2016.795h9.691zM372.8%20256.176c-7.852%201.422-18.613%202.124-28.263%202.124-9.29%200-19.683-.702-27.903-2.124V137.754c0-11.83-4.283-20.778-16.82-20.778h-5.352c-1.805-6.069-2.162-12.157-2.162-18.97%200-6.068.357-13.594%202.162-20.023%2011.076-1.074%2023.602-1.794%2031.476-1.794h7.86c23.628%200%2039.002%2016.45%2039.002%2042.585v137.402zM310.181%205.716C316.27%202.485%20327.001%200%20336.673%200c9.654%200%2021.098%202.485%2026.477%205.716%202.841%206.464%204.294%2014.315%204.294%2020.745%200%206.452-1.453%2014.315-4.294%2020.756-5.379%202.849-16.823%205.367-26.477%205.367-9.672%200-21.12-2.147-26.492-5.367-2.848-6.44-4.279-14.304-4.279-20.756%200-6.779%201.43-14.281%204.28-20.745zM500.54%20124.877c-7.517.348-16.139%204.97-23.653%2012.122v119.15c-7.867%201.421-18.238%202.11-27.907%202.11-9.278%200-20.024-.689-27.88-2.11V78.098l2.477-2.465h20.753c15.415%200%2025.41%208.18%2030.083%2022.477%2013.922-12.866%2030.767-23.21%2049.358-23.21%2019.671%200%2034.01%209.633%2041.858%2024.64%2015.385-13.555%2035.428-24.64%2055.122-24.64%2031.461%200%2047.563%2024.259%2047.563%2056.747v79.91c0%2013.903%202.493%2026.388%208.986%2035.332-8.242%207.1-20.771%2012.111-34.715%2012.111-22.547%200-30.084-12.11-30.084-34.622v-75.964c0-18.941-9.305-23.537-16.815-23.537-6.786%200-15.382%204.97-22.888%2012.47v118.801c-7.871%201.422-18.621%202.111-28.263%202.111-9.301%200-19.68-.689-27.9-2.11V148.783c0-18.937-8.235-23.907-16.094-23.907%22%2F%3E%3Cpath%20fill%3D%22%23D2190A%22%20d%3D%22M794.324%20124.877c-7.508.348-16.085%204.97-23.6%2012.122v119.15c-7.884%201.421-18.252%202.11-27.907%202.11-9.302%200-20.056-.689-27.917-2.11V78.098l2.496-2.465h20.748c15.39%200%2025.413%208.18%2030.06%2022.477%2013.962-12.866%2030.776-23.21%2049.383-23.21%2019.69%200%2034.003%209.633%2041.87%2024.64%2015.377-13.555%2035.445-24.64%2055.119-24.64%2031.483%200%2047.58%2024.259%2047.58%2056.747v79.91c0%2013.903%202.515%2026.388%208.945%2035.332-8.198%207.1-20.755%2012.111-34.716%2012.111-22.53%200-30.045-12.11-30.045-34.622v-75.964c0-18.941-9.306-23.537-16.829-23.537-6.78%200-15.372%204.97-22.898%2012.47v118.801c-7.865%201.422-18.623%202.111-28.267%202.111-9.328%200-19.674-.689-27.925-2.11V148.783c0-18.937-8.213-23.907-16.096-23.907M1074%20256.176c-7.86%201.422-18.615%202.124-28.277%202.124-9.29%200-19.643-.702-27.894-2.124V137.754c0-11.83-4.288-20.778-16.817-20.778h-5.35c-1.798-6.069-2.162-12.157-2.162-18.97%200-6.068.364-13.594%202.161-20.023%2011.077-1.074%2023.587-1.794%2031.463-1.794h7.883c23.598%200%2038.993%2016.45%2038.993%2042.585v137.402zm-62.606-250.46c6.071-3.231%2016.791-5.716%2026.48-5.716%209.628%200%2021.09%202.485%2026.464%205.716%202.84%206.464%204.304%2014.315%204.304%2020.745%200%206.452-1.464%2014.315-4.304%2020.756-5.373%202.849-16.836%205.367-26.464%205.367-9.689%200-21.103-2.147-26.48-5.367-2.878-6.44-4.296-14.304-4.296-20.756%200-6.779%201.418-14.281%204.296-20.745zM1225.9%2096.588c0%207.155-.733%2013.92-2.14%2020.356l-42.45-.711v82.095c0%2010.72%204.663%2016.78%2015.702%2016.78h19.97c2.856%207.845%204.633%2017.834%204.633%2026.389%200%204.294-.351%208.914-1.422%2012.52-13.194%201.77-32.099%203.583-45.982%203.583-32.48%200-47.486-15.732-47.486-49.635v-91.35l-27.818.33c-1.785-6.437-2.507-13.202-2.507-20.357%200-6.054.722-12.468%202.507-19.275l27.818.734V57.354c0-24.617%208.584-33.554%2030.33-33.554h21.76l2.495%202.482v51.765l42.45-.734c1.407%206.807%202.14%2013.22%202.14%2019.275%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M127.485%2060.601c20.762%200%2030.415-7.857%2030.415-26.823%200-6.405-.745-15.718-2.214-21.793H59.118c-20.32%200-58.666-3.327-58.666%2031.74%200%20.34-.048.633-.052.974v211.478c9.634%201.782%2021.414%202.123%2029.254%202.123%207.866%200%2018.227-.341%2027.857-2.123v-98.335h76.413c1.809-6.755%202.873-16.768%202.873-23.215%200-6.432-1.064-16.821-2.873-23.605H57.51V88.478c0-8.922-.356-18.576-.356-27.877h70.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    display: inline-block;
    color: #ddd;
    margin-left: 0.3em;
    height: 1em;
    width: 60px;
    background-size: contain;
    position: relative;
    top: 2px; }
    @media screen and (max-width: 640px) {
      .b-teaser .availability-block .flimmit-link {
        margin-left: 0.5em; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-teaser .availability-block .flimmit-link {
        margin-left: 0.5em; } }
  .b-teaser .availability {
    position: relative;
    padding-left: 23px; }
    .b-teaser .availability::after {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%22.5%22%20y%3D%22.5%22%20stroke%3D%22%23FFF%22%20rx%3D%229%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%202h1v7.429l-1%20.354v-.354V10v-.571z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.423%2012.396l-.573.82L9%209.82%209.574%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      position: absolute;
      width: 17px;
      height: 17px;
      top: 1px;
      left: 0; }
  .b-teaser .favorite-icon {
    display: none; }
  .has-date .b-teaser .date-as-string {
    display: inline; }
  .has-date .b-teaser .text-container {
    min-height: 100px; }
  .is-live .b-teaser::before {
    content: " ";
    display: block;
    position: absolute;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22533%22%20height%3D%22360%22%20viewBox%3D%220%200%20533%20360%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23D2190A%22%20d%3D%22M0%200h532.8v360H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M151.03%20258.4l1.22-24.15h-50.496V85.2H73.456v173.2h77.574zm42.286-146.853c5.204%200%209.473-1.627%2012.807-4.88%203.334-3.252%205-7.48%205-12.684%200-5.204-1.666-9.432-5-12.685s-7.603-4.879-12.807-4.879c-5.204%200-9.473%201.626-12.807%204.879-3.334%203.253-5%207.48-5%2012.685%200%205.204%201.666%209.432%205%2012.685%203.334%203.252%207.603%204.879%2012.807%204.879zM207.465%20258.4V126.671h-28.298V258.4h28.298zm101.642%200l33.176-131.729H311.06l-21.955%20109.286-22.199-109.286h-31.224L268.857%20258.4h40.25zm114.989%202.44c6.993%200%2013.376-.692%2019.15-2.074%205.772-1.382%2010.773-2.887%2015.002-4.513l-1.708-23.175a454.416%20454.416%200%2001-15.246%203.904c-5.448%201.3-10.775%201.951-15.979%201.951-3.577%200-6.83-.528-9.757-1.586-2.928-1.057-5.53-2.886-7.806-5.488-2.277-2.602-4.107-6.14-5.49-10.612-1.382-4.472-2.317-10.123-2.805-16.954h60.986v-12.197c0-10.57-.528-19.922-1.586-28.053-1.057-8.132-3.13-15.003-6.22-20.613-3.09-5.611-7.4-9.88-12.929-12.807-5.53-2.928-12.685-4.391-21.467-4.391-15.45%200-27.443%205.367-35.981%2016.1s-12.807%2028.135-12.807%2052.204c0%2012.197%201.26%2022.646%203.78%2031.346%202.521%208.7%206.18%2015.775%2010.978%2021.223%204.798%205.448%2010.57%209.433%2017.32%2011.953%206.75%202.521%2014.27%203.781%2022.565%203.781zm9.757-78.062H398.97c.162-7.156.69-13.132%201.585-17.93.895-4.797%202.114-8.66%203.66-11.587%201.544-2.927%203.455-5.042%205.732-6.343%202.277-1.3%205.041-1.951%208.294-1.951%206.18%200%2010.327%202.887%2012.441%208.66%202.114%205.773%203.171%2015.49%203.171%2029.15z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    z-index: 100;
    width: 35px;
    height: 35px;
    background-size: contain;
    top: 1px;
    left: 1px; }
  .has-datetime .b-teaser .datetime {
    display: block; }
  .has-availability .b-teaser .availability {
    display: block; }
  .has-channel .b-teaser .channel {
    display: block; }
  .has-favorite .b-teaser .favorite-icon {
    display: block;
    opacity: 0; }
  @media screen and (max-width: 640px) {
    .has-favorite .b-teaser .favorite-icon {
      opacity: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .has-favorite .b-teaser .favorite-icon {
      opacity: 1; } }
  @supports (-webkit-overflow-scrolling: touch) {
    .has-favorite .b-teaser .favorite-icon {
      opacity: 1; } }
  .has-favorite .b-teaser .teaser-link:focus .favorite-icon {
    opacity: 1; }
  .has-favorite .b-teaser .favorite-icon:focus {
    opacity: 1; }
  .has-favorite .b-teaser:hover .favorite-icon {
    opacity: 1; }
  .has-visible-duration .b-teaser .visible-duration {
    display: block; }
  .has-visible-duration .b-teaser .hover-duration {
    display: none; }
  .has-no-profile .b-teaser .profile {
    display: none; }
  .has-no-duration .b-teaser .hover-duration, .has-no-duration .b-teaser .visible-duration {
    display: none; }
  .has-no-profile .b-teaser .profile {
    display: none; }
  .has-description .b-teaser .description {
    display: flex; }
  .has-description .b-teaser .is-one-liner {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .has-availability .b-teaser .text-container, .has-visible-duration .b-teaser .text-container, .has-date .b-teaser .text-container, .has-datetime .b-teaser .text-container {
    height: 111px; }
  .has-availability.is-inline .b-teaser .text-container, .has-visible-duration.is-inline .b-teaser .text-container, .has-date.is-inline .b-teaser .text-container, .has-datetime.is-inline .b-teaser .text-container {
    height: 116px; }
    @media screen and (max-width: 640px) {
      .has-availability.is-inline .b-teaser .text-container, .has-visible-duration.is-inline .b-teaser .text-container, .has-date.is-inline .b-teaser .text-container, .has-datetime.is-inline .b-teaser .text-container {
        height: 70px;
        min-height: 70px; } }
  @media screen and (min-width: 1024px) {
    .b-teasers-list .b-teaser {
      margin-bottom: 50px; } }
  .lt-ie9 .b-teasers-list .b-teaser {
    margin-bottom: 50px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-teasers-list .b-teaser {
      margin-bottom: 50px; } }
  .b-teaser .history-badge {
    position: absolute;
    top: 5px;
    right: 1em;
    color: #f8ff00; }
  .b-teaser .subtitles {
    position: absolute;
    bottom: 0;
    color: #808080; }

.is-empty .b-teaser .ratio-box {
  padding-bottom: 0; }

.is-empty .b-teaser:hover .is-faded {
  width: 100%;
  height: 100%;
  top: 0; }

.is-empty .teaser-img {
  position: relative; }

.is-empty .is-faded {
  width: calc(100% + 1px);
  height: calc(100% + 2px);
  background: #000;
  opacity: 0.75;
  position: absolute;
  top: -1px;
  left: 0; }

.is-empty .empty-info {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  hyphens: auto;
  width: 100%;
  text-align: center;
  padding: 0 15px; }

.b-teasers-list {
  background: #171717;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 640px) {
    .b-teasers-list {
      border-top: 30px solid #171717;
      border-bottom: 0;
      z-index: 1; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-teasers-list {
      border-top: 30px solid #171717;
      border-bottom: 0;
      z-index: 1; } }
  .b-teasers-list .parallax-container {
    width: 100%;
    border-bottom: 8px solid #171717; }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-teasers-list .parallax-container .mod_recommendation.parallax {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px; }
        .b-teasers-list .parallax-container .mod_recommendation.parallax .parallax-element {
          left: 15px;
          right: 15px; } }
    @media screen and (min-width: 1024px) {
      .b-teasers-list .parallax-container {
        width: auto; } }
    .lt-ie9 .b-teasers-list .parallax-container {
      width: auto; }
  .b-teasers-list .list-item {
    width: 208px;
    margin-right: 14px;
    background-color: #171717;
    border-top: 8px solid #171717;
    border-left: 8px solid #171717;
    border-right: 8px solid #171717;
    z-index: 1; }
    .b-teasers-list .list-item.is-inline {
      width: 50%; }
    @media screen and (max-width: 640px) {
      .b-teasers-list .list-item {
        width: 100%;
        margin-right: 0; }
        .b-teasers-list .list-item.is-inline {
          width: 100%; } }
    @media all and (min-width: 421px) and (max-width: 640px) {
      .b-teasers-list .list-item {
        width: calc(100% / 2); }
        .b-teasers-list .list-item:nth-of-type(2n+2) {
          margin-right: 0; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-teasers-list .list-item {
        width: calc(100% / 3);
        padding: 8px 14px 0 0;
        margin-right: 0;
        border-left: 0;
        border-right: 0; }
        .b-teasers-list .list-item:nth-of-type(3n+3) {
          margin-right: 0; }
        .b-teasers-list .list-item.is-inline {
          width: 50%; } }
    @media (min-width: 1024px) {
      .b-teasers-list .list-item:nth-of-type(4n+4):nth-of-type(4n) {
        margin-right: 0; }
      .b-teasers-list .list-item.is-inline {
        width: 50%;
        margin: 0; } }
  @media screen and (min-width: 1024px) and (max-width: 640px) {
    .b-teasers-list .list-item.is-inline {
      width: 100%; } }
    .b-teasers-list .list-item .item-list-wrapper {
      width: 100%; }
      @media all and (min-width: 421px) and (max-width: 640px) {
        .b-teasers-list .list-item .item-list-wrapper {
          width: calc(100% - 30px); } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-teasers-list .list-item .item-list-wrapper {
          width: calc(100% - 45px); } }

.b-text-banner-wrapper {
  text-align: center;
  border-top: 10px solid #171717;
  border-bottom: 60px solid #171717;
  background: #171717;
  font-size: 20px;
  width: 100%;
  z-index: 1; }
  .b-text-banner-wrapper .b-text-banner-header {
    margin-bottom: 10px;
    text-transform: uppercase; }
  .b-text-banner-wrapper .b-text-banner {
    padding: 10px 0;
    background: #af9d71;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(175, 157, 113, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
    line-height: 26px;
    font-size: 22px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Archiv-Theme
 *
 *
 */
.theme_archive {
  /* Allgemeine Styles */
  /* Themenbeschreibung */
  /* Item Toggle Construct */
  /* Logo */
  /* Navigation */
  /* Item */
  /* Broadcast Information */
  /* Stage */
  /* Archiv-Styles für das Schnelleinstiegsmodul */
  /* Archiv-Styles für die Filterung nach Anfangsbuchstaben */
  /* Archiv-Styles für die Ergebnis-Liste der Archiv-Filterung von A-Z auf der Archivübersichtsseite */
  /* Archiv-Styles für das Unterthemen-Modul */
  /* Archiv-Styles für das Link-Modul */
  /* Archiv-Styles für das Details-Modul */
  /* Archiv-Styles für das Letzte-Folgen-Modul */
  /* Player */
  /**
     * Social Share Privacy
     * @see https://redmine.exozet.com/issues/51076
     */ }
  @media (min-width: 768px) {
    .theme_archive {
      background-color: #e3e3e3; } }
  @media (min-width: 1024px) {
    .theme_archive:after {
      content: none; } }
  .theme_archive .area_headline {
    color: #000; }
  .theme_archive .subheadline {
    background-color: #e3e3e3;
    color: #000;
    padding: 0;
    /* Kontrollelemente */ }
    @media (min-width: 1024px) {
      .theme_archive .subheadline {
        /* @see _mod_archive_flag.scss */
        max-width: 730px;
        max-width: 45.625rem; } }
    .theme_archive .subheadline.control_element {
      color: #000;
      background-image: -owg-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -moz-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -o-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -owg--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -webkit--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -moz--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -o--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
      background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%); }
  .theme_archive .service_footer {
    background-color: #e3e3e3; }
    @media (min-width: 768px) {
      .theme_archive .service_footer .service_link {
        color: #000; } }
    .theme_archive .service_footer .service_link {
      color: #000; }
  @media (min-width: 768px) {
    .theme_archive .topic_description {
      background-color: #fff;
      color: #000; } }
  @media (min-width: 1024px) {
    .theme_archive .region_footer a {
      color: #000; } }
  @media (min-width: 1024px) {
    .theme_archive .item_toggle_construct .subheadline {
      background: transparent none; } }
  @media (min-width: 1024px) {
    .theme_archive .logo a {
      background: transparent url(../img/appicons/logo_orf_header_archive.png) no-repeat left top scroll; } }
  @media (max-width: 1023px) {
    .theme_archive .logo a {
      background: transparent url(../img/appicons/logo_orf_header.png) no-repeat left top scroll; } }
  @media (min-width: 1024px) {
    .theme_archive .internal_nav_link:focus,
    .theme_archive .internal_nav_link:active,
    .theme_archive .active a {
      color: #000; } }
  @media (min-width: 1024px) {
    .theme_archive .external_nav_list {
      background-color: #bdbec1; } }
  .theme_archive .item_inner,
  .theme_archive .item_title {
    color: #000; }
  @media (min-width: 1024px) {
    .theme_archive .mod_container_list .item_wrapper.only_header .item {
      height: 89px;
      height: 5.5625rem; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_container_list .item {
      height: 339px;
      height: 21.1875rem;
      /* Alles was über diese Höhe hinausragt wird abgeschnitten, s. Design... */
      border-bottom: 8px solid #fff;
      /* Um den Text nicht an der Kante des Items abzuschneiden, sondern noch einen gewissen Weißraum zu belassen. */ } }
  @media (max-width: 1023px) {
    .theme_archive .mod_container_list .item.first .item_description {
      padding: 0 3.125% 3.75%;
      /* parent width: 300px; (x * 100) / 300px = 10px; (x * 100) / 300px = 12px */ } }
  .theme_archive .meta_headline,
  .theme_archive .meta_headline .meta {
    color: #000; }
  .theme_archive .item_footer,
  .theme_archive .meta_online_till {
    display: none; }
  @media (min-width: 1024px) {
    .theme_archive .mod_stage {
      height: 409px;
      height: 25.5625rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_stage {
      background-color: #e3e3e3; } }
  @media (max-width: 767px) {
    .theme_archive .mod_stage .item {
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_stage .item_header {
      background-color: #d3d4d7; } }
  @media (max-width: 1023px) {
    .theme_archive .mod_stage .item_header {
      background-color: #e3e3e3; } }
  .theme_archive .mod_stage .broadcast_information {
    color: #808080; }
  @media (min-width: 1024px) {
    .theme_archive .mod_content_quick_access {
      margin: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_content_quick_access {
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media (max-width: 767px) {
    .theme_archive .mod_content_quick_access {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_content_quick_access li {
      border-bottom: 1px solid #e3e3e3; } }
  @media (max-width: 1023px) {
    .theme_archive .mod_content_quick_access li {
      border-bottom: 0; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_content_quick_access li:last-of-type {
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_content_quick_access .tipps {
      margin-bottom: 0; } }
  @media (max-width: 1023px) {
    .theme_archive .mod_content_quick_access .tipps {
      width: 100%;
      float: none; } }
  .theme_archive .mod_content_quick_access .details_page_link {
    color: #000; }
    @media (min-width: 1024px) {
      .theme_archive .mod_content_quick_access .details_page_link {
        background: #d3d4d7;
        /* Hier muss wirklich background stehen, da der Verlauf überschrieben werden soll */
        border: 1px solid #c4c4c4;
        text-transform: none; } }
    @media (max-width: 1023px) {
      .theme_archive .mod_content_quick_access .details_page_link {
        background-image: -owg-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -moz-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -o-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -owg--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -webkit--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -moz--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -o--webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%); } }
  .theme_archive .mod_content_quick_access .icon_wrapper {
    display: block; }
  .theme_archive .mod_content_quick_access .details {
    color: #000; }
    @media (min-width: 1024px) {
      .theme_archive .mod_content_quick_access .details {
        padding: 8px 6px;
        padding: 0.5rem 0.375rem;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
        height: 256px;
        height: 16rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .theme_archive .mod_content_quick_access .details {
        padding: 10px;
        padding: 0.625rem; } }
    @media (min-width: 768px) {
      .theme_archive .mod_content_quick_access .details {
        display: block;
        background-color: #fff; } }
    @media (max-width: 767px) {
      .theme_archive .mod_content_quick_access .details {
        display: none; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_content_quick_access .service_footer {
      background-color: transparent; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_content_quick_access .service_footer {
      text-align: right; } }
  @media (max-width: 767px) {
    .theme_archive .mod_content_quick_access .service_footer {
      display: none; } }
  .theme_archive .mod_content_quick_access .service_footer .service_link {
    color: #000; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .theme_archive .mod_content_quick_access .service_footer .service_link {
        display: inline-block; } }
  .theme_archive .mod_name_list {
    /* Default-"Buchstaben" */
    /* Inaktive "Buchstaben" */
    /* Aktive "Buchstaben" */ }
    @media (min-width: 1024px) {
      .theme_archive .mod_name_list {
        clear: both;
        margin-bottom: 20px;
        margin-bottom: 1.25rem; } }
    @media (min-width: 1024px) {
      .theme_archive .mod_name_list .subheadline {
        background: transparent none; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .theme_archive .mod_name_list .base_list {
        padding-bottom: 0; } }
    .theme_archive .mod_name_list .base_list_item_headline {
      color: #000; }
    @media (min-width: 1024px) {
      .theme_archive .mod_name_list .base_list_item {
        background-color: #d3d4d7; } }
    @media (max-width: 1023px) {
      .theme_archive .mod_name_list .base_list_item {
        background-image: -owg-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -webkit-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -moz-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: -o-linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%);
        background-image: linear-gradient(top, #dedfe3 0%, #dadbdf 19%, #c6c6c8 70%, #c3c4c6 81%, #c3c4c6 100%); } }
    .theme_archive .mod_name_list .base_list_item.inactive {
      background-color: #f3f3f4; }
      .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_inner {
        cursor: default; }
      .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_headline {
        color: #7b7b7b; }
    .theme_archive .mod_name_list .base_list_item.active,
    .theme_archive .mod_name_list .base_list_item:focus,
    .theme_archive .mod_name_list .base_list_item:active {
      background-color: #fff; }
      .theme_archive .mod_name_list .base_list_item.active .base_list_item_headline,
      .theme_archive .mod_name_list .base_list_item:focus .base_list_item_headline,
      .theme_archive .mod_name_list .base_list_item:active .base_list_item_headline {
        color: #000; }
        @media (max-width: 1023px) {
          .theme_archive .mod_name_list .base_list_item.active .base_list_item_headline,
          .theme_archive .mod_name_list .base_list_item:focus .base_list_item_headline,
          .theme_archive .mod_name_list .base_list_item:active .base_list_item_headline {
            border: 1px solid #c3c4c5; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_archive_items .area_headline {
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_archive_items .service_footer {
      background-color: transparent; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_subtopics .subheadline {
      background: transparent none; } }
  .theme_archive .mod_subtopics .base_list_item_headline {
    color: #000; }
  @media (min-width: 1024px) {
    .theme_archive .subheadline + .mod_subtopics {
      margin-top: 10px;
      margin-top: 0.625rem; } }
  .theme_archive .mod_link_list .base_list_item_headline {
    color: #000; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .theme_archive .mod_details {
      color: #000; } }
  @media (min-width: 1024px) {
    .theme_archive .mod_latest_episodes .base_list {
      background-color: #fff; } }
  .theme_archive .mod_latest_episodes .base_list_item_inner {
    color: #000; }
  @media (min-width: 1024px) {
    .theme_archive .mod_player > .service_footer {
      background-color: transparent; } }
  .theme_archive .mod_socialshareprivacy .social_share_privacy_area .activateTextLink,
  .theme_archive .mod_socialshareprivacy .social_share_privacy_area .activateTextLink:hover {
    color: #000; }

.no-touch .theme_archive {
  /* Interne Navi */
  /* Anfangsbuchstaben-Modul */
  /* Unterthemen-Modul */
  /* ORF Additional Content */ }
  .no-touch .theme_archive .internal_nav_link:hover, .no-touch .theme_archive .internal_nav_link:focus {
    color: #000; }
  .no-touch .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_inner:focus, .no-touch .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_inner:active {
    background-color: #f3f3f4; }
    .no-touch .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_inner:focus .base_list_item_headline, .no-touch .theme_archive .mod_name_list .base_list_item.inactive .base_list_item_inner:active .base_list_item_headline {
      color: #7b7b7b; }
  .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:hover, .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:focus, .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:active {
    background-color: #ffffff; }
    .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:hover .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:focus .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item .base_list_item_inner:active .base_list_item_headline {
      color: #000;
      border-top: 1px solid #e3e3e3; }
  .no-touch .theme_archive .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:hover .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:focus .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:first-of-type .base_list_item_inner:active .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:hover .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:focus .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(2) .base_list_item_inner:active .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:hover .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:focus .base_list_item_headline, .no-touch .theme_archive .mod_subtopics .base_list_item:nth-of-type(3) .base_list_item_inner:active .base_list_item_headline {
    border-top: 0 none; }
  .no-touch .theme_archive .mod_orf_content {
    color: #000; }
  .no-touch .theme_archive .favstar {
    display: none; }

@media screen and (min-width: 1024px) {
  .b-top-archive-list .archive-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }

.lt-ie9 .b-top-archive-list .archive-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-top-archive-list .archive-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1024px) {
  .b-top-archive-list .archive-list-item {
    width: 272px; } }

.lt-ie9 .b-top-archive-list .archive-list-item {
  width: 272px; }

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .b-top-archive-list .archive-list-item {
    width: 50%; } }

.b-top-archive-list .archive-list:after {
  content: "";
  width: 272px; }

.b-in-focus-detail-page {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .b-in-focus-detail-page {
      padding: 10px 0; } }
  .b-in-focus-detail-page .item-list-wrapper {
    position: relative;
    overflow: hidden; }
  .b-in-focus-detail-page .topic-item-list {
    display: flex;
    flex-wrap: wrap; }
    .b-in-focus-detail-page .topic-item-list .topic-item {
      width: 208px;
      margin: 0 14px 35px 0;
      flex-shrink: 0; }
      .b-in-focus-detail-page .topic-item-list .topic-item:nth-of-type(4n) {
        margin: 0; }
  .b-in-focus-detail-page .text-banner-wrapper {
    margin-bottom: 65px; }

.b-topic-teaser {
  margin-bottom: 10px; }
  .b-topic-teaser:hover .teaser-img {
    border: 1px #f8ff00 solid; }
  .b-topic-teaser .ratio-box {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56.25%; }
  .b-topic-teaser .teaser-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px transparent solid; }
    .b-topic-teaser .teaser-img img {
      width: 100%; }
  .b-topic-teaser .text-container {
    height: 111px;
    overflow: hidden; }
  .b-topic-teaser .teaser-title {
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 5px; }
  .b-topic-teaser .topic-video-count {
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ddd; }
  .b-topic-teaser .sub-headline {
    margin-bottom: 5px;
    font-family: "ORF ON TF", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .is-highlight .b-topic-teaser .teaser-title {
    font-weight: 700; }
  @media screen and (max-width: 640px) {
    .has-4-in-row .b-topic-teaser a {
      display: flex; }
      .has-4-in-row .b-topic-teaser a .img-container {
        width: 50%; }
        .has-4-in-row .b-topic-teaser a .img-container .ratio-box {
          margin: 0; }
      .has-4-in-row .b-topic-teaser a .text-container {
        width: 50%;
        padding: 5px 8px 0; } }

.b-topic-teasers {
  position: relative;
  z-index: 1;
  border-bottom: 50px solid #171717;
  background: #171717;
  background: linear-gradient(to right, #171717, #393939, #171717);
  padding: 20px 0; }
  @media screen and (max-width: 640px) {
    .b-topic-teasers {
      padding: 10px 8px; } }
  .b-topic-teasers .topic-list {
    display: flex; }
    @media screen and (max-width: 640px) {
      .b-topic-teasers .topic-list {
        flex-wrap: wrap;
        justify-content: space-between; } }
    .b-topic-teasers .topic-list .topic {
      width: 272px;
      margin-right: 29px; }
      @media screen and (max-width: 640px) {
        .b-topic-teasers .topic-list .topic {
          width: 100%;
          margin: 0; } }
      .b-topic-teasers .topic-list .topic:last-of-type {
        margin-right: 0; }
  .b-topic-teasers .show-all-link {
    position: absolute;
    right: 0;
    bottom: 6px;
    color: #f8ff00;
    font-family: "ORF ON Condensed TF", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px; }
    @media screen and (max-width: 640px) {
      .b-topic-teasers .show-all-link {
        right: 15px; } }
  .b-topic-teasers.has-big .title {
    color: #f8ff00;
    text-align: center; }
  .b-topic-teasers.has-big .topic {
    margin-top: 36px; }
    @media screen and (max-width: 640px) {
      .b-topic-teasers.has-big .topic {
        width: 49%;
        margin: 0; } }
    .b-topic-teasers.has-big .topic:nth-of-type(2) {
      width: 429px;
      margin-top: 0; }
      @media screen and (max-width: 640px) {
        .b-topic-teasers.has-big .topic:nth-of-type(2) {
          width: 100%;
          order: -1; } }
  .b-topic-teasers.has-big-mobile .title {
    color: #f8ff00;
    text-align: center; }
  .b-topic-teasers.has-big-mobile .topic {
    margin-top: 36px; }
    @media screen and (max-width: 640px) {
      .b-topic-teasers.has-big-mobile .topic {
        width: 49%;
        margin: 0; } }
    .b-topic-teasers.has-big-mobile .topic:nth-of-type(2) {
      width: 429px;
      margin-top: 0; }
      @media screen and (max-width: 640px) {
        .b-topic-teasers.has-big-mobile .topic:nth-of-type(2) {
          width: 100%;
          order: -1; } }
  @media screen and (max-width: 640px) {
    .b-topic-teasers.has-big-mobile .b-topic-teaser .sub-headline {
      max-width: 150px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-topic-teasers.has-big-mobile .b-topic-teaser .sub-headline {
      max-width: 150px; } }
  .b-topic-teasers.has-4-in-row .topic-list {
    flex-wrap: wrap; }
    .b-topic-teasers.has-4-in-row .topic-list .topic {
      width: 208px;
      margin: 0 14px 50px 0; }
      @media screen and (max-width: 640px) {
        .b-topic-teasers.has-4-in-row .topic-list .topic {
          width: 100%;
          margin: 0; } }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-topic-teasers.has-4-in-row .topic-list .topic {
          width: calc((100% - 50px) / 4); }
          .b-topic-teasers.has-4-in-row .topic-list .topic .teaser-title {
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
            hyphens: auto;
            -webkit-hyphens: auto;
            -moz-hyphens: auto; } }
      .b-topic-teasers.has-4-in-row .topic-list .topic:nth-child(4n+4) {
        margin-right: 0; }

.b-video-details {
  display: flex;
  justify-content: space-between;
  margin: 70px 0 0;
  padding-bottom: 40px;
  z-index: 2;
  position: relative; }
  @media screen and (max-width: 640px) {
    .b-video-details {
      display: block; } }
  @media screen and (max-width: 640px) {
    .b-video-details {
      margin: 0;
      padding: 0;
      border-top: 70px solid #171717;
      background: #171717; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-video-details {
      margin: 0;
      padding: 0;
      border-top: 70px solid #171717;
      background: #171717; } }
  @media screen and (min-width: 1024px) {
    .b-video-details {
      flex-direction: row-reverse; } }
  .lt-ie9 .b-video-details {
    flex-direction: row-reverse; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .b-video-details {
      flex-direction: row-reverse; } }
  .b-video-details .favorite-icon {
    width: 20px;
    height: 20px;
    bottom: 2px;
    left: 0;
    background-position: 0 0; }
  .b-video-details .sidebar {
    width: 38%;
    max-height: 350px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 640px) {
      .b-video-details .sidebar {
        width: 100%;
        height: auto;
        padding: 16px 8px; } }
    .b-video-details .sidebar .video-meta-data {
      margin-bottom: 20px; }
      @media screen and (max-width: 640px) {
        .b-video-details .sidebar .video-meta-data {
          margin: 20px 0; } }
      .b-video-details .sidebar .video-meta-data .datetime, .b-video-details .sidebar .video-meta-data .duration-availability {
        display: flex;
        font-size: 18px;
        line-height: 24px; }
      .b-video-details .sidebar .video-meta-data .date, .b-video-details .sidebar .video-meta-data .duration {
        margin-right: 8px; }
      .b-video-details .sidebar .video-meta-data .time, .b-video-details .sidebar .video-meta-data .availability, .b-video-details .sidebar .video-meta-data .channel {
        margin-left: 8px; }
      .b-video-details .sidebar .video-meta-data .date, .b-video-details .sidebar .video-meta-data .time {
        white-space: nowrap; }
      .b-video-details .sidebar .video-meta-data .uhd-break, .b-video-details .sidebar .video-meta-data .uhd-container {
        margin: 0 8px; }
      .b-video-details .sidebar .video-meta-data .age-notification {
        display: block;
        font-size: 18px;
        line-height: 24px;
        color: #CBCBCB;
        text-transform: uppercase; }
        .b-video-details .sidebar .video-meta-data .age-notification .descriptor {
          text-transform: uppercase; }
    .b-video-details .sidebar .channel {
      width: 28px;
      height: 28px;
      margin-top: -3px;
      background-size: contain;
      background-repeat: no-repeat; }
      .b-video-details .sidebar .channel.orf1 {
        background-image: url("./../../img/orf1-logo.svg"); }
      .b-video-details .sidebar .channel.orf2 {
        background-image: url("./../../img/orf2-logo.svg"); }
      .b-video-details .sidebar .channel.orf3 {
        background-image: url("./../../img/orf3-logo.svg"); }
      .b-video-details .sidebar .channel.orfs {
        background-image: url("./../../img/orfs-logo.svg"); }
    .b-video-details .sidebar .availability {
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%22.5%22%20y%3D%22.5%22%20stroke%3D%22%23FFF%22%20rx%3D%229%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%202h1v7.429l-1%20.354v-.354V10v-.571z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.423%2012.396l-.573.82L9%209.82%209.574%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      padding-left: 25px;
      background-position: left 1px; }
    @media screen and (max-width: 640px) {
      .b-video-details .sidebar .related-links {
        margin-bottom: 20px; } }
    .b-video-details .sidebar .related-links .related-links-item {
      margin-bottom: 10px;
      position: relative; }
      .b-video-details .sidebar .related-links .related-links-item.share-wrapper {
        display: flex; }
        .b-video-details .sidebar .related-links .related-links-item.share-wrapper .share-options {
          display: flex;
          align-items: center;
          pointer-events: none;
          visibility: hidden; }
          .b-video-details .sidebar .related-links .related-links-item.share-wrapper .share-options .share-option {
            margin-right: 5px;
            width: 20px;
            height: 20px;
            opacity: 0;
            background-size: contain; }
        .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded {
          background-color: #171717; }
          .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options {
            margin-right: 5px;
            pointer-events: initial;
            align-items: center;
            margin-left: 10px;
            visibility: visible; }
            .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option {
              opacity: 1;
              transition: opacity 0.1s linear;
              border: 4px solid #323232;
              background-color: #323232;
              background-position: center center;
              background-size: contain;
              pointer-events: auto;
              background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.5%2010l8.66%205-.5.866-8.66-5zM4%208l8.66-5%20.5.866-8.66%205z%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%2214.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%22.5%22%20y%3D%227.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
              background-repeat: no-repeat; }
              .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.facebook {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.56%204.425h2.005l-.26%202.083H4.56v5.154H2.452V6.508H.734V4.425h1.718V2.968h-.005c-.035-.706.15-1.312.557-1.817C3.614.392%204.56.338%204.56.338h2.056v1.9H5.322a.815.815%200%2000-.552.216.68.68%200%2000-.21.512v1.46z%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat; }
              .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.twitter {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.016%209.76c4.184%200%206.472-3.466%206.472-6.471%200-.099-.002-.197-.006-.294.444-.322.83-.722%201.134-1.178a4.536%204.536%200%2001-1.306.358c.47-.282.83-.727%201-1.258-.44.26-.926.45-1.444.552A2.275%202.275%200%20005.99%203.543%206.459%206.459%200%20011.3%201.166a2.273%202.273%200%2000.704%203.037%202.258%202.258%200%2001-1.03-.284v.029c0%201.102.784%202.021%201.825%202.23a2.278%202.278%200%2001-1.027.039%202.277%202.277%200%20002.125%201.58%204.564%204.564%200%2001-3.368.942%206.44%206.44%200%20003.487%201.022%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.05s; }
              .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.whatsapp {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M12%205.845c0%203.229-2.637%205.846-5.89%205.846a5.9%205.9%200%2001-2.849-.727L0%2012l1.063-3.136a5.784%205.784%200%2001-.845-3.019C.218%202.617%202.855%200%206.109%200S12%202.617%2012%205.845zM6.11.931c-2.732%200-4.954%202.205-4.954%204.914%200%201.076.35%202.072.944%202.882l-.62%201.825%201.904-.605a4.95%204.95%200%20002.725.813c2.731%200%204.953-2.204%204.953-4.914C11.062%203.136%208.84.93%206.109.93zm2.974%206.26c-.037-.059-.133-.095-.277-.166a24.274%2024.274%200%2000-.987-.466c-.132-.048-.229-.072-.325.071a8.262%208.262%200%2001-.457.562c-.084.096-.168.108-.313.036-.144-.072-.61-.223-1.161-.711a4.32%204.32%200%2001-.803-.992c-.084-.144-.01-.221.063-.292.065-.065.145-.168.217-.251.072-.084.096-.144.144-.24.048-.095.024-.179-.012-.25-.036-.072-.325-.777-.445-1.064-.12-.287-.24-.24-.325-.24-.084%200-.18-.011-.277-.011a.533.533%200%2000-.385.18c-.132.143-.505.49-.505%201.194%200%20.705.517%201.386.59%201.482.071.095.998%201.59%202.466%202.163%201.468.573%201.468.382%201.733.358.264-.024.854-.346.975-.68.12-.336.12-.623.084-.682z%22%2F%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.1s; }
              .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.copy {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cg%20fill%3D%22%23F8FF00%22%3E%3Cpath%20d%3D%22M6.09%203.89a2.329%202.329%200%2000-3.294%200L.682%206.009a2.329%202.329%200%20003.292%203.296L5.72%207.557a.166.166%200%2000-.118-.284h-.067a2.8%202.8%200%2001-1.064-.207.166.166%200%2000-.182.037L3.033%208.36a.999.999%200%2011-1.412-1.412l2.124-2.122a.998.998%200%20011.41%200%20.682.682%200%2000.936%200%20.665.665%200%2000.193-.423.665.665%200%2000-.193-.512z%22%2F%3E%3Cpath%20d%3D%22M9.3.682a2.329%202.329%200%2000-3.294%200L4.26%202.425a.166.166%200%2000.121.285h.062c.364%200%20.725.07%201.063.208a.166.166%200%2000.181-.037l1.253-1.25a.999.999%200%20111.412%201.412L6.793%204.6l-.014.015-.545.542a.998.998%200%2001-1.41%200%20.682.682%200%2000-.936%200%20.665.665%200%20000%20.939c.193.193.418.35.666.465.035.017.07.03.104.045.035.015.072.027.107.04.035.013.071.025.106.035l.099.027a2.315%202.315%200%2000.45.065h.125l.1-.012c.036-.002.075-.01.118-.01h.057l.114-.017.054-.01.096-.02h.018a2.329%202.329%200%20001.08-.612l2.117-2.117c.91-.91.91-2.384%200-3.294z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.15s; }
                .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.copy input {
                  overflow: hidden;
                  position: absolute;
                  width: 1px;
                  height: 1px;
                  margin: -1px;
                  border: 0;
                  padding: 0;
                  clip: rect(0 0 0 0); }
                  .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.copy input.focusable:active, .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.copy input.focusable:focus {
                    overflow: visible;
                    position: static;
                    width: auto;
                    height: auto;
                    margin: 0;
                    clip: auto; }
              .b-video-details .sidebar .related-links .related-links-item.share-wrapper.is-expanded .share-options .share-option.mail {
                background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cg%20fill%3D%22%23F8FF00%22%3E%3Cpath%20d%3D%22M.288.92h11.424v.816L6%206.543.288%201.736zm0%201.656l3.921%203.252L.288%209.08zm7.604%203.252l3.82-3.252V9.08z%22%2F%3E%3Cpath%20d%3D%22M4.551%206.291l1.439%201.07%201.464-1.07%203.408%202.789H1.117z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
                background-repeat: no-repeat;
                transition-delay: 0.15s; }
    .b-video-details .sidebar .related-links .related-link {
      display: block;
      position: relative;
      padding-left: 30px;
      color: #cbcbcb; }
      .b-video-details .sidebar .related-links .related-link:focus, .b-video-details .sidebar .related-links .related-link:hover {
        color: #f8ff00; }
      .b-video-details .sidebar .related-links .related-link::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain; }
      .b-video-details .sidebar .related-links .related-link.favorite-link::before {
        width: 19px;
        height: 18px; }
      .b-video-details .sidebar .related-links .related-link.favorite-link::before {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23F8FF00%22%20d%3D%22M9.5%2016.513l7.56-8.009c1.792-1.884%201.807-4.74.013-6.576-1.817-1.782-4.77-1.782-6.564-.013L9.5%202.982l-.363-.384-.641-.678c-.841-.864-2-1.306-3.276-1.306-1.29%200-2.437.435-3.285%201.307C.133%203.764.148%206.62%201.94%208.505l7.56%208.008z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.favorite-link.is-active::before {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23f8ff00%22%20stroke%3D%22%23f8ff00%22%20d%3D%22M9.5%2016.5l7.6-8c1.8-1.9%201.8-4.7%200-6.6-1.8-1.8-4.8-1.8-6.6%200L9.5%203l-.4-.4-.6-.7C7.7%201%206.5.6%205.2.6%203.9.6%202.8%201%201.9%201.9.1%203.7.1%206.6%201.9%208.5l7.6%208z%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.flimmit-link::before {
        width: 19px;
        height: 18px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221000%22%20height%3D%221000%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23F8FF00%22%3E%3Cpath%20stroke-width%3D%2233%22%20d%3D%22M765.14%20177.867a10.1%2010.1%200%20017.468%201.924h0l78.726%2059.099-97.551%2013.77-79.552-62.037zm18.786%20357.429a10.1%2010.1%200%20007.126-2.946h0l69.736-69.48-98.52-.06-70.143%2072.505zM504.859%20214.325a10.1%2010.1%200%20017.467%201.925h0l78.727%2059.098-97.552%2013.77-79.552-62.036zm18.785%20323.379a10.1%2010.1%200%20007.126-2.945h0l69.736-69.48-98.52-.06-70.143%2072.505zM245.509%20251.575a10.1%2010.1%200%20017.467%201.925h0l78.727%2059.098-97.552%2013.77-79.552-62.036zm18.785%20286.129a10.1%2010.1%200%20007.126-2.945h0l69.736-69.48-98.52-.06-70.143%2072.505z%22%2F%3E%3Cpath%20stroke-width%3D%2235%22%20d%3D%22M698.527%2043.14c44.396%200%2086.49%2011.672%20123.708%2035.664%2035.997%2023.204%2067.363%2057.849%2092.112%20104.16%207.2%2013.47%2014.13%2035.267%2021.087%2065.263h0L61.457%20367.395c-1.445-59.179%202.423-100.894%2012.705-124.833%2030.398-70.78%2093.91-116.952%20145.211-132.476%2086.794-26.264%20167.473-15.444%20242.011%2032.644a352.588%20352.588%200%200110.607%207.122c3.254-2.734%206.588-5.506%2010.002-8.315%2032.016-26.354%2059.383-46.46%2082.147-60.254%2035.297-21.39%2077.51-38.142%20134.387-38.142zm240.931%20395.417c-27.92%2099.5-67.607%20183.843-119.259%20252.926C703.393%20847.711%20521.995%20965.57%20500.281%20965.427c-21.797-.147-245.03-138.6-370.327-329.802a86.08%2086.08%200%2000-2.324-3.324c-.3-.414-.601-.828-.894-1.243-32.886-46.704-53.57-110.248-62.764-190.331h0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.flimmit-link .logo {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221227%22%20height%3D%22259%22%20viewBox%3D%220%200%201227%20259%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M269.854%20215.084c2.828%207.85%204.246%2017.473%204.246%2026.407%200%204.298%200%208.926-1.05%2012.523-10.708%201.78-25.035%203.586-38.63%203.586-32.172%200-44.32-15.735-44.32-49.67V11.597l2.134-2.496h21.813c22.162%200%2030.409%208.562%2030.409%2033.571V198.29c0%2010.713%204.257%2016.795%2015.707%2016.795h9.691zM372.8%20256.176c-7.852%201.422-18.613%202.124-28.263%202.124-9.29%200-19.683-.702-27.903-2.124V137.754c0-11.83-4.283-20.778-16.82-20.778h-5.352c-1.805-6.069-2.162-12.157-2.162-18.97%200-6.068.357-13.594%202.162-20.023%2011.076-1.074%2023.602-1.794%2031.476-1.794h7.86c23.628%200%2039.002%2016.45%2039.002%2042.585v137.402zM310.181%205.716C316.27%202.485%20327.001%200%20336.673%200c9.654%200%2021.098%202.485%2026.477%205.716%202.841%206.464%204.294%2014.315%204.294%2020.745%200%206.452-1.453%2014.315-4.294%2020.756-5.379%202.849-16.823%205.367-26.477%205.367-9.672%200-21.12-2.147-26.492-5.367-2.848-6.44-4.279-14.304-4.279-20.756%200-6.779%201.43-14.281%204.28-20.745zM500.54%20124.877c-7.517.348-16.139%204.97-23.653%2012.122v119.15c-7.867%201.421-18.238%202.11-27.907%202.11-9.278%200-20.024-.689-27.88-2.11V78.098l2.477-2.465h20.753c15.415%200%2025.41%208.18%2030.083%2022.477%2013.922-12.866%2030.767-23.21%2049.358-23.21%2019.671%200%2034.01%209.633%2041.858%2024.64%2015.385-13.555%2035.428-24.64%2055.122-24.64%2031.461%200%2047.563%2024.259%2047.563%2056.747v79.91c0%2013.903%202.493%2026.388%208.986%2035.332-8.242%207.1-20.771%2012.111-34.715%2012.111-22.547%200-30.084-12.11-30.084-34.622v-75.964c0-18.941-9.305-23.537-16.815-23.537-6.786%200-15.382%204.97-22.888%2012.47v118.801c-7.871%201.422-18.621%202.111-28.263%202.111-9.301%200-19.68-.689-27.9-2.11V148.783c0-18.937-8.235-23.907-16.094-23.907%22%2F%3E%3Cpath%20fill%3D%22%23D2190A%22%20d%3D%22M794.324%20124.877c-7.508.348-16.085%204.97-23.6%2012.122v119.15c-7.884%201.421-18.252%202.11-27.907%202.11-9.302%200-20.056-.689-27.917-2.11V78.098l2.496-2.465h20.748c15.39%200%2025.413%208.18%2030.06%2022.477%2013.962-12.866%2030.776-23.21%2049.383-23.21%2019.69%200%2034.003%209.633%2041.87%2024.64%2015.377-13.555%2035.445-24.64%2055.119-24.64%2031.483%200%2047.58%2024.259%2047.58%2056.747v79.91c0%2013.903%202.515%2026.388%208.945%2035.332-8.198%207.1-20.755%2012.111-34.716%2012.111-22.53%200-30.045-12.11-30.045-34.622v-75.964c0-18.941-9.306-23.537-16.829-23.537-6.78%200-15.372%204.97-22.898%2012.47v118.801c-7.865%201.422-18.623%202.111-28.267%202.111-9.328%200-19.674-.689-27.925-2.11V148.783c0-18.937-8.213-23.907-16.096-23.907M1074%20256.176c-7.86%201.422-18.615%202.124-28.277%202.124-9.29%200-19.643-.702-27.894-2.124V137.754c0-11.83-4.288-20.778-16.817-20.778h-5.35c-1.798-6.069-2.162-12.157-2.162-18.97%200-6.068.364-13.594%202.161-20.023%2011.077-1.074%2023.587-1.794%2031.463-1.794h7.883c23.598%200%2038.993%2016.45%2038.993%2042.585v137.402zm-62.606-250.46c6.071-3.231%2016.791-5.716%2026.48-5.716%209.628%200%2021.09%202.485%2026.464%205.716%202.84%206.464%204.304%2014.315%204.304%2020.745%200%206.452-1.464%2014.315-4.304%2020.756-5.373%202.849-16.836%205.367-26.464%205.367-9.689%200-21.103-2.147-26.48-5.367-2.878-6.44-4.296-14.304-4.296-20.756%200-6.779%201.418-14.281%204.296-20.745zM1225.9%2096.588c0%207.155-.733%2013.92-2.14%2020.356l-42.45-.711v82.095c0%2010.72%204.663%2016.78%2015.702%2016.78h19.97c2.856%207.845%204.633%2017.834%204.633%2026.389%200%204.294-.351%208.914-1.422%2012.52-13.194%201.77-32.099%203.583-45.982%203.583-32.48%200-47.486-15.732-47.486-49.635v-91.35l-27.818.33c-1.785-6.437-2.507-13.202-2.507-20.357%200-6.054.722-12.468%202.507-19.275l27.818.734V57.354c0-24.617%208.584-33.554%2030.33-33.554h21.76l2.495%202.482v51.765l42.45-.734c1.407%206.807%202.14%2013.22%202.14%2019.275%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M127.485%2060.601c20.762%200%2030.415-7.857%2030.415-26.823%200-6.405-.745-15.718-2.214-21.793H59.118c-20.32%200-58.666-3.327-58.666%2031.74%200%20.34-.048.633-.052.974v211.478c9.634%201.782%2021.414%202.123%2029.254%202.123%207.866%200%2018.227-.341%2027.857-2.123v-98.335h76.413c1.809-6.755%202.873-16.768%202.873-23.215%200-6.432-1.064-16.821-2.873-23.605H57.51V88.478c0-8.922-.356-18.576-.356-27.877h70.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        display: inline-block;
        color: #ddd;
        margin-left: 0.3em;
        height: 1em;
        width: 60px;
        background-size: contain;
        position: relative;
        top: 3px; }
        @media screen and (max-width: 640px) {
          .b-video-details .sidebar .related-links .related-link.flimmit-link .logo {
            margin-left: 0.5em; } }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-video-details .sidebar .related-links .related-link.flimmit-link .logo {
            margin-left: 0.5em; } }
      .b-video-details .sidebar .related-links .related-link.share-link::before {
        width: 19px;
        height: 18px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4.5%2010l8.66%205-.5.866-8.66-5zM4%208l8.66-5%20.5.866-8.66%205z%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2212.5%22%20y%3D%2214.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%22.5%22%20y%3D%227.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.episode-link::before {
        width: 19px;
        height: 18px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23F8FF00%22%3E%3Cpath%20d%3D%22M6.5%2010.5h5v7h-5z%22%2F%3E%3Cpath%20d%3D%22M9%20.65L.5%207.735V17.5h17V7.734L9%20.651z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.related-content-link::before {
        width: 19px;
        height: 18px;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M4%209h11v1H4z%22%2F%3E%3Cpath%20fill%3D%22%23F8FF00%22%20d%3D%22M10%204v11H9V4z%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%22.5%22%20y%3D%22.5%22%20stroke%3D%22%23F8FF00%22%20rx%3D%229%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
      .b-video-details .sidebar .related-links .related-link.related-content-link.is-open {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2219%22%20height%3D%2219%22%20x%3D%22.601%22%20y%3D%22.065%22%20fill%3D%22%23F8FF00%22%20rx%3D%229.5%22%2F%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M6.329%205.278l7.778%207.778-.707.707-7.778-7.778z%22%2F%3E%3Cpath%20d%3D%22M14.107%205.986l-7.778%207.778-.707-.707L13.4%205.278z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
    .b-video-details .sidebar .related-links .related-content.is-open .related-content-link {
      color: #f8ff00; }
      .b-video-details .sidebar .related-links .related-content.is-open .related-content-link::before {
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2219%22%20height%3D%2219%22%20x%3D%22.601%22%20y%3D%22.065%22%20fill%3D%22%23F8FF00%22%20rx%3D%229.5%22%2F%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M6.329%205.278l7.778%207.778-.707.707-7.778-7.778z%22%2F%3E%3Cpath%20d%3D%22M14.107%205.986l-7.778%207.778-.707-.707L13.4%205.278z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat; }
    .b-video-details .sidebar .related-links .related-content.is-open .related-content-modal {
      display: block;
      z-index: 2; }
    .b-video-details .sidebar .related-links .related-content .related-content-modal {
      display: none;
      position: absolute;
      top: calc(100% + 5px);
      left: 30px;
      padding: 20px;
      background: linear-gradient(to bottom, #8f8f8f, #171717); }
      @media screen and (min-width: 641px) and (max-width: 1023px) {
        .b-video-details .sidebar .related-links .related-content .related-content-modal {
          width: 80vw; }
          .b-video-details .sidebar .related-links .related-content .related-content-modal.single-item {
            width: 40vw; } }
      .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items {
        display: flex; }
        @media screen and (max-width: 640px) {
          .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items {
            flex-direction: column; } }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items {
            flex-direction: row;
            flex-wrap: wrap; } }
        @media screen and (min-width: 1024px) {
          .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width {
            flex-wrap: wrap;
            width: 654px; }
            .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width .related-content-item:nth-child(3n+3) {
              margin-right: 0; } }
        .lt-ie9 .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width {
          flex-wrap: wrap;
          width: 654px; }
          .lt-ie9 .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width .related-content-item:nth-child(3n+3) {
            margin-right: 0; }
        @media screen and (min-width: 641px) and (max-width: 1023px) {
          .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width {
            flex-wrap: wrap;
            width: 654px; }
            .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items.has-fix-width .related-content-item:nth-child(3n+3) {
              margin-right: 0; } }
        .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items .related-content-item {
          width: 208px;
          margin-right: 15px; }
          @media screen and (min-width: 641px) and (max-width: 1023px) {
            .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items .related-content-item {
              max-width: calc((80vw - 15px - 40px) / 2);
              flex-grow: 1; }
              .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items .related-content-item:nth-child(2n+2) {
                margin-right: 0; } }
          .b-video-details .sidebar .related-links .related-content .related-content-modal .related-content-items .related-content-item:last-child {
            margin-right: 0; }
      .b-video-details .sidebar .related-links .related-content .related-content-modal .b-teaser {
        margin-bottom: 0; }
        .b-video-details .sidebar .related-links .related-content .related-content-modal .b-teaser .profile-title {
          display: none; }
    .b-video-details .sidebar .youth-protection-wrapper {
      margin-top: auto;
      padding-right: 20px; }
      .b-video-details .sidebar .youth-protection-wrapper .youth-protection-title {
        font-size: 16px;
        font-weight: 700; }
      .b-video-details .sidebar .youth-protection-wrapper .youth-protection-text {
        font-size: 14px;
        margin-top: 5px; }
  .b-video-details .description-container {
    position: relative;
    max-height: 350px;
    width: 62%;
    transition: max-height 0.4s ease-in-out; }
    @media screen and (max-width: 640px) {
      .b-video-details .description-container {
        width: 100%;
        padding: 0 8px; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      .b-video-details .description-container {
        padding-right: 20px; } }
    @media screen and (min-width: 1024px) {
      .b-video-details .description-container {
        padding-right: 20px; } }
    .lt-ie9 .b-video-details .description-container {
      padding-right: 20px; }
    .b-video-details .description-container.is-closed {
      overflow: hidden; }
      .b-video-details .description-container.is-closed .more-btn {
        transform: translateX(-50%) rotateX(0);
        bottom: 0; }
      .b-video-details .description-container.is-closed::after {
        display: none;
        content: "";
        position: absolute;
        height: 30%;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top, #171717, transparent); }
      .b-video-details .description-container.is-closed.has-more-btn::after {
        display: block; }
      .b-video-details .description-container.is-closed.has-more-btn .more-btn {
        display: block; }
    .b-video-details .description-container .description-text {
      font-size: 18px;
      line-height: 21px;
      padding-bottom: 20px;
      white-space: pre-line; }
    .b-video-details .description-container .more-btn {
      display: none;
      position: absolute;
      width: 24px;
      height: 24px;
      bottom: -24px;
      left: 50%;
      z-index: 1;
      transform: translateX(-50%) rotateX(180deg);
      background-color: inherit;
      background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2211%22%20viewBox%3D%220%200%2025%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.34%2010.533l12-5.196V.533l-12%203.235L.34.533v4.804z%22%2F%3E%3C%2Fsvg%3E);
      background-repeat: no-repeat;
      background-position: center; }
    .b-video-details .description-container .profile {
      font-size: 18px;
      color: #ddd;
      margin-bottom: 10px; }
    .b-video-details .description-container .description-title {
      font-size: 24px;
      line-height: 30px;
      font-weight: 700;
      margin-bottom: 20px; }
    .b-video-details .description-container.has-more-btn .more-btn {
      display: block; }
  .b-video-details .description-links-container {
    margin-top: 30px; }
  .b-video-details .description-links-title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px; }
  .b-video-details .description-links .description-link-item {
    list-style: disc;
    margin-left: 1em; }

.video-recommendations {
  position: absolute;
  max-width: 1000px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  margin: 0 auto;
  left: 0;
  top: 0;
  padding: 5%;
  opacity: 1;
  transition: 1.5s opacity; }
  .video-recommendations.hidden {
    opacity: 0; }
  .video-recommendations .close-icon {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.29.925L13.134%2012.77l-.996.996L.294%201.921z%22%2F%3E%3Cpath%20d%3D%22M.293%2012.769L12.137.925l.997.996L1.29%2013.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: absolute;
    top: 4%;
    right: 3%;
    width: 18px;
    height: 18px;
    background-size: cover; }
    .video-recommendations .close-icon:hover {
      cursor: pointer; }
    @media screen and (min-width: 1024px) {
      .video-recommendations .close-icon {
        width: 22px;
        height: 22px; } }
    .lt-ie9 .video-recommendations .close-icon {
      width: 22px;
      height: 22px; }
  @media screen and (max-width: 640px) {
    .video-recommendations {
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      padding: 2%;
      max-height: calc(100% - 183px);
      height: 100%; }
      .video-recommendations.single-segment {
        max-height: 100%; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .video-recommendations {
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      padding: 2%;
      max-height: calc(100% - 183px);
      height: 100%; }
      .video-recommendations.single-segment {
        max-height: 100%; } }
  .video-recommendations .description-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .video-recommendations .description-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px; } }
  .video-recommendations .flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 90%; }
    .video-recommendations .flex-container .b-teaser {
      width: 49%;
      max-width: 370px;
      flex: 0 1 auto; }
      .video-recommendations .flex-container .b-teaser.position-0 {
        order: 0; }
      .video-recommendations .flex-container .b-teaser.position-1 {
        order: 1; }
      .video-recommendations .flex-container .b-teaser .text-container {
        height: 58px; }
        @media screen and (max-width: 640px) {
          .video-recommendations .flex-container .b-teaser .text-container {
            height: 40px;
            padding: 0; } }

.fullscreen .video-recommendations {
  top: 20%;
  width: 80%;
  left: 10%;
  right: 10%; }
  .fullscreen .video-recommendations .flex-container .b-teaser {
    max-width: 370px; }

.b-no-search-results {
  margin-top: 40px; }