@charset 'UTF-8';

@media projection, screen, handheld {
  /* Entfernen der festen Größen der Vorschaubilder Fotoreihe in der Mediathek - Bilder werden immer in ihrer Originalgröße ausgegeben! */
  #main .gallery-slider dt a {
    width: auto;
  }

  /* BPAINT-154 */
  .showbox .text-content .caption,
  .showbox .text-content .source {
    margin-top: 15px;
    color: #ffffff;
    font-weight: normal;
    font-size: 170%;
    font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
  }

  /* BPAINT-168 */
  #main .image-wrapper .o-foto.fotoreihe span {
    background: white url(/resource/crblob/58068/8ca87e0ec88595c997cd4b5cc281f513/icon-fotoreihe-png-data.png) 0 5px no-repeat;
  }

  /* BPAINT-237 */
  .mediathek .content-navigation a strong {
    font-size: 100%;
  }

  /* BPAINT-233 */
  .mediathek-filter .list strong {
    background: white url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 8px -198px no-repeat;
  }

  .mediathek-filter .series strong {
    background: white url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 8px -198px no-repeat;
    font-size: 100%;
  }

  .mediathek-filter .series a {
    font-size: 100%;
  }

  .mediathek-list .mediathek-filter .open div {
    width: 25%;
  }

  /* Aenderung der Teaser auf der Startseite */
  .startpage .rack-teaser .pos-4 {
    left: 0;
    padding: 10px 20px;
    max-width: 85%;
    width: auto;
    background: rgba(0, 79, 128, .75);
  }

  .startpage .rack-teaser .pos-4 a {
    position: relative;
  }

  .startpage .rack-teaser h2 {
    font-size: 400%;
  }

  .media-controls .captions {
    background: url(/resource/crblob/58178/5c9a96396238f8a0dd411bcf6498a559/video-captions-png-data.png) 3px 2px no-repeat;
  }

  /* BPAINT-279 */
  .gallery-stage .gs-button.ui-disabled {
    display: block !important;
    opacity: .1 !important;
    cursor: default !important;
  }

  .gallery-stage .gs-button.ui-disabled:hover {
    display: block !important;
    opacity: .1 !important;
    cursor: default !important;
  }

  .gallery-stage .next.gs-button.ui-disabled {
    background-position: -48px 0 !important;
  }

  .gallery-stage .next.gs-button.ui-disabled:hover {
    background-position: -48px 0 !important;
  }

  .gallery-stage .prev.gs-button.ui-disabled {
    background-position: 0 0 !important;
  }

  .gallery-stage .prev.gs-button.ui-disabled:hover {
    background-position: 0 0 !important;
  }

  /* Youtube-Wasserzeichen */
  .video-container,
  .embedded.video {
    position: relative;
  }

  .video-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    opacity: .3;
    filter: alpha(opacity=50);
    zoom: 1;
  }

  .video-icon-youtube {
    background: url(/resource/crblob/58070/f5a894b2bb4328d6e739a9ce24faa9bd/icon-youtube-png-data.png) 0 0 no-repeat;
  }

  /* Neues Video-Icon in der Mediathek BPAINT-455*/
  #main .image-wrapper .o-video span {
    width: 29px;
    height: 29px;
    background: url(/resource/crblob/58192/390f13d61f22415f8a0a4b259d799e50/mediathek-videoteaser-icon-png-data.png) no-repeat 7px 7px white;
  }

  .mediaplayer {
    width: 65em;
    height: 36.6em;
  }

  /* Anpassung Zeitstrahl */
  .former-chancellors .chancellor-8 {
    width: 47em;
  }

  .former-chancellors .chancellor-8 .teaser,
  .former-chancellors .chancellor-8 .date {
    width: 47em;
  }

  /* Livestream Mediathek */
  .livestream .gallery-stage,
  .livestream .gallery-stage-box {
    background: none;
  }

  .livestream .gallery-stage {
    height: 350px;
  }

  .livestream .gallery-stage img {
    position: static;
  }

  /* IE-10 Mediathek BPAINT-475 */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mediathek .more-media .teaser-group .teaser {
      width: 28.4em;
    }

    .mediathek .more-media .rack-design {
      width: 2485px !important;
    }
  }

  /* Mediathek v2 Anpassungen*/
  .mediathek .main-topic-navigation {
    right: 24%;
    bottom: auto;
  }

  .mediathek #stage .stage-wrapper {
    top: -3.4em;
  }

  .mediathek-filter .series li {
    padding-bottom: 0;
  }

  .more-media-wrapper .mediathek-filter {
    margin: 0 0 50px 0;
  }

  .gallery-content .gallery-supplement {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 29.5em;
  }

  .js .gallery-content {
    position: relative;
    display: inline-block;
    float: none;
    clear: both;
    margin-bottom: 40px;
    width: 100%;
  }

  .gallery-content .gallery-supplement .gallery-description,
  .gallery-content .gallery-supplement .gallery-readon {
    float: right;
  }

  .wrapperPlayerSupplement {
    position: relative;
    height: 384px;
  }

  .multimedia .gallery-supplement {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29.5em;
  }

  /* Schwerpunkt-Navigation */
  .mediathek .main-stage {
    position: relative;
  }

  .mediathek #main .main-topic-navigation {
    top: -52px;
    right: -18px;
  }

  .mediathek #main .main-topic-navigation ul {
    margin: 0;
  }

  .mediathek #main .main-topic-navigation ul li a,
  .mediathek #main .main-topic-navigation ul li strong {
    font-size: 90%;
  }

  .mediathek .gallery-description {
    margin-bottom: 0;
  }

  .mediathek #main .gallery-description p {
    padding-bottom: 0;
  }

  .mediathek #main .gallery-readon {
    margin-top: 20px;
  }

  .mediathek .main-stage .multimedia-box {
    width: 100%;
  }

  .mediathek #navPrimary ul.nav-global .menu-box li strong {
    display: block;
    padding: 2px 0;
    color: #373737;
    font-size: 140%;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  .mediathek .more-media .teaser-group .teaser .arrow-button {
    padding: 0;
  }

  .mediathek #main .more-media .teaser h2.flickr {
    padding: 10px 0 10px 45px;
    background: url(/resource/crblob/58066/ec866920fca53734d2b5af0944f72e6a/icon-flickr-mediathek-png-data.png) 0 0 no-repeat;
  }

  .mediathek #main .more-media .teaser h2.instagram {
    padding: 10px 0 10px 45px;
    background: url(/resource/crblob/58072/7044c87b3ef737fc73b67a04f4d1bac2/instagram-weiss-mediathek-png-data.png) 0 0 no-repeat;
  }

  .mediathek .main-topic-navigation h3 {
    background-color: #373737;
  }

  .mediathek .main-topic-navigation li {
    border-top: 1px solid #4b4b4b;
  }

  .mediathek .main-topic-navigation .nav-box li a {
    background-color: #333333;
  }

  .mediathek .main-topic-navigation .nav-box li a:hover,
  .mediathek .main-topic-navigation .nav-box li a:focus,
  .mediathek .main-topic-navigation .nav-box li a:active {
    background-color: #004f80;
  }

  .mediathek .main-topic-navigation .nav-box li strong {
    background-color: #004f80;
  }

  .mediathek .button {
    margin-bottom: 21px;
  }

  /****
   * Anpassungen an der Mediathek
   ****/
  .media-series .button {
    margin-bottom: 25px;
  }

  .mediathek .content-navigation a {
    color: #ffffff;
  }

  .mediathek .content-navigation a:hover,
  .mediathek .content-navigation a:focus,
  .mediathek .content-navigation a:active {
    text-decoration: underline;
  }

  .main-stage h2 {
    width: 27em;
  }

  /* Datepicker */
  #supplement .filter-datepicker div label {
    margin: 0;
    padding: 11px 5px 0 0;
    color: #004f80;
    color: #373737;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 120%;
    font-family: 'BundesSansWeb', Arial, Helvetica, sans;
  }

  #supplement .filter-datepicker input:focus {
    border-color: #004f80;
  }

  #supplement .filter-datepicker div {
    position: relative;
    float: left;
    margin: 0;
    padding-right: 23px;
  }

  #supplement .filter-datepicker div.from {
    margin-right: 15px;
  }

  .ui-datepicker-trigger {
    position: absolute;
    top: 9px;
    right: 0;
    padding-left: 5px;
    width: 18px;
    height: auto;
    cursor: pointer;
  }

  #supplement .filter-datepicker div input {
    margin-top: 3px;
    padding: 8px 3px;
    width: 5.7em;
    background-image: none;
  }

  .mediathek-search-border {
    border: 1px solid #b8bbbc;
    border-radius: 3px;
  }

  .mediathek-search-inline {
    float: left;
  }

  .mediathek-search-offset {
    margin-left: 10px;
  }

  .mediathek-search-datepicker {
    position: relative;
  }

  .mediathek-search-datepicker .ui-datepicker-trigger {
    top: 5px;
    right: 5px;
  }

  .mediathek-search {
    float: left;
    margin: 0 13px 10px 0;
    border: 0;
    width: auto;
    padding: 0;
    border-radius: 0;
  }

  .mediathek-search input {
    padding: 5px;
  }

  .mediathek-search input.submit {
    height: 26px;
    width: 26px;
    text-indent: 300px;
    background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) no-repeat 5px 5px;
    cursor: pointer;
  }

  .mediathek-list .mediathek-search input.submit {
    background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) 5px 5px no-repeat;
  }

  .no-img .mediathek-search input.submit,
  .no-img .mediathek-list .mediathek-search input.submit {
    height: auto;
    width: auto;
    text-indent: 0;
  }

  .mediathek-search input.submit:focus,
  .mediathek-search input.submit:active,
  .mediathek-search input.submit:hover {
    background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) 5px 5px no-repeat;
  }

  .mediathek-list .mediathek-search input.submit:hover {
    background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) 5px 5px no-repeat;
  }

  .no-img .mediathek-search input.submit:focus,
  .no-img .mediathek-search input.submit:active,
  .no-img .mediathek-search input.submit:hover {
    text-indent: 0;
    height: auto;
    width: auto;
    text-decoration: underline;
    color: #ffffff;
  }

  .no-img .mediathek-list .mediathek-search input.submit {
    text-indent: 0;
    height: auto;
    width: auto;
  }

  .no-img .mediathek-list .mediathek-search input.submit:hover {
    text-indent: 0;
    height: auto;
    width: auto;
    text-decoration: underline;
    color: #ffffff;
  }

  .play-overlay {
    position: relative;
  }

  .play-overlay .play-overlay__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/resource/crblob/58182/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) -70px 0 no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
  }

  .play-overlay:hover .play-overlay__icon {
    background-position: -70px -65px;
  }

  #content .teaser .play-overlay {
    width: 234px;
    float: left;
    margin-right: 10px;
  }

  #content .tg-2-cols .teaser .play-overlay {
    width: 317px;
    margin-right: 0;
  }

  #content .tg-2-cols .teaser .play-overlay .play-overlay__icon {
    margin-top: -32px;
  }
}