/**
 * Frontpage Wrapper
 */
body {
   padding-bottom: 30px;
}
@-ms-viewport{width:device-width}

html {
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: none;
   min-width: 320px;
}

.ss a {
   color: #466199;
}

.ss.chromeless a:hover,
.ss.chromeless a:focus,
.ss.chromeless a:active {
   outline: none;
   text-decoration: none !important;
}

.wahlWrapper {
   margin-right: 161px;
   padding-top: 0px;
}

.wahlWrapper.front {
   padding-top: 116px;
}

.wahl13logo {
   position: absolute;
   right: 0px;
   top: 1px;
}

#wahl13-header {
   width: 553px;
   height: 77px;
   float: right;
   background: -moz-linear-gradient(left, rgba(82,134,193,0.78) 0%, rgba(16,47,84,0.78) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(82,134,193,0.78)), color-stop(100%,rgba(16,47,84,0.78))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, rgba(82,134,193,0.78) 0%,rgba(16,47,84,0.78) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, rgba(82,134,193,0.78) 0%,rgba(16,47,84,0.78) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left, rgba(82,134,193,0.78) 0%,rgba(16,47,84,0.78) 100%); /* IE10+ */
   background: linear-gradient(to right, rgba(82,134,193,0.78) 0%,rgba(16,47,84,0.78) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c75286c1', endColorstr='#c7102f54',GradientType=1 ); /* IE6-9 */
   position: relative;
}

#wahl13-header-app-link {
   float: right;
}

#wahl13-header-link {
   float: left;
   margin-left: 150px;
}
/* This fixes the overstanding shadows */
body:before {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 25px;
   height: 100%;
   background: #5286C1;
   content: "";
   z-index: 1000;
}
.content:before {
   display: block;
   position: relative;
   margin-top: -5px;
   height: 5px;
   width: 100%;
   background: #5286C1;
   content: "";
   z-index: 1000;
}

body.chromeless:before, .chromeless .content:before {
   display: none;
}

/**
 * Side Navigation
 */
.sideNavigation {
   float: right;
   width: 160px;
   padding-top: 14px;
}

.sideNavigation li {
   margin: 0 12px 0 26px;
   text-transform: uppercase;
   font-size: 15px;
   font-size: 1rem;
   padding: 9px 0;
   border-bottom: 1px solid #e3e3e5;
}

.sideNavigation li.moreLinks {
   font-size: 12px;
   text-transform: none;
   padding: 6px 0;
}
.sideNavigation li:last-child {
   border: 0;
}

/**
 * Signal Box for TV content
 */

.content {
   position: relative;
}

.chromeless .wrapper,
.chromeless .content {
   position: static;
}

.signalBox a {
   color: inherit;
}

.signalBox {
   display: none;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 12px;
   position: absolute;
   right: 161px;
   top: 0;
   left: 0;
   padding: 10px 17px;
   color: #8f8f8f;
}

.signalBox.visible {
   display: block;
}

.chromeless .signalBox {
   color: #333;
   padding: 2px 2%;
   width: 100%;
}

.signalBox.onair {
   background: #c72a28;
   font-weight: bold;
   color: #f9f9f9;
   z-index: 100;
   text-align: right;
   font-size: 14px;
   padding: 10px 17px 5px 17px;
}

.chromeless .signalBox.onair {
   padding: 4px;
}

.chromeless .signalBox a {
   display: block;
   padding: 5px 2.25% 6px 1.5%;
   z-index: 100;
}

/**
 * Chromeless
 */

/* Only use Helvetica on mobile Devices */
.chromeless.wahl13 {
   font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
   -webkit-text-size-adjust: none;
   -webkit-touch-callout: none;
   padding-bottom: 1.5%;
}

.chromeless.ss .wrapper {
   margin: 0 auto;
   width: 97%;
   padding: 1.5% 0;
}

.chromeless.videoDetail .wrapper {
   margin: 0;
   width: 100%;
   padding: 0;
}

.chromeless .wahlWrapper {
   float: none;
   width: 100%;
}

.chromeless.ss .storyText {
    min-height: 0;
    padding-bottom: 25px;
}

/**
 * Blue Arrow
 */
.wahl13 .arrow.right {
   background: url("../images/arrow_right.svg") 0 4px no-repeat;
   background-size: 12px 12px;
   display: inline-block;
   width: 12px;
   height: 16px;
   text-indent: -3000px;
}

/**
 * Frontpage
 */

.videoBox,
.audioBox,
.blogBox {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -moz-box-shadow: 0px 0px 2px #999;
   -webkit-box-shadow: 0px 0px 2px #999;
   box-shadow: 0px 0px 2px #999;
   background: #fff;
   margin-bottom: 10px;
   padding: 0 0 16px 0;
   position: relative;
}

.wahlWrapper.front {
   background: url("../images/background-map.png") 80px 5px no-repeat;
   min-height: 500px;
}

.twinStories {
   margin-bottom: 10px;
   display: table;
   width: 100%;
}

.twinStories .spacer {
   display: table-cell;
   width: 1%;
}

.twinStories article {
   width: 49.5%;
   display: table-cell;
   vertical-align: top;
}

.wahl13 .videoBox h1,
.wahl13 .audioBox h1,
.wahl13 .blogBox h1 {
   font-size: 18px;
   font-size: 1.125rem;
   font-weight: bold;
   padding: 0;
   margin: 0 14px 12px 14px;
}

.wahl13 .videoBox p,
.wahl13 .audioBox p,
.wahl13 .blogBox p {
   font-size: 15px;
   font-size: 0.938rem;
   margin: 0 14px;
}

.wahl13 .videoBox p,
.wahl13 .audioBox p,
.wahl13 .blogBox p{
   line-height: 1.333em;
}

.wahl13 .audioBox .metaline .programm {
   color: #990100;
}

.wahl13 .boxList .videoBox p:not(.metaline),
.wahl13 .boxList .blogBox .teaser {
   display: none;
}

.wahl13 .wahlWrapper article .metaline {
   position: relative;
   font-size: 12px;
   font-size: 0.750rem;
   text-transform: uppercase;
   padding: 20px 0 12px 0;
}

.wahl13 .wahlWrapper article.videoBox .metaline {
   padding: 14px 0 12px 0;
}

.wahl13 .metaline span:not(.authordescription) {
   display: inline-block;
   overflow: hidden;
}

.wahl13 .metaline .separator,
.wahl13 .metaline .duration{
   color: #8f8f8f;
}

.wahl13 .metaline .programm {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;

   max-width: 210px;
}

.wahl13 .wahlWrapper .metaline .separator {
   margin: 0px 6px;
}

.boxList {
   margin-left: 127px;
   padding-bottom: 20px;
}
.chromeless .boxList {
   margin-left: 0;
}

/**
 * Datenteil
 */

.wahl13 .analysisButton,
.wahl13 .wtbButton,
.wahl13 .wsaButton,
.wahl13 .resultButton {
   display: block;
   width: 48.80%;
   height: 50px;
   -moz-box-shadow: 0px 0px 2px #999;
   -webkit-box-shadow: 0px 0px 2px #999;
   box-shadow: 0px 0px 2px #999;
   margin-bottom: 14px;
}

.wahl13 .navigationButtons {
   margin-top: 18px;
}

.wahl13 .navigationButtons + .boxList {
   clear: both;
   padding-top: 4px;
}

.wahl13 .navigationButtons .left {
   float: left;
}

.wahl13 .navigationButtons .right {
   float: right;
}

.wahl13 .navigationButtons h1 {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 15px 0 0 70px;
   height: 100%;
   margin: 0;
   font-size: 18px;
   font-size: 1.125rem;
   text-transform: uppercase;
   background: #fff;
   position: relative;
}

.wahl13 .analysisButton h1:before {
   content: "";
   background: #466199 url("../images/icon_daten.svg") 0px 0px no-repeat;
   background-size: 50px 50px;
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   left: 0;
   top: 0;
}
.wahl13 .wtbButton h1:before {
   content: "";
   background: #466199 url("../images/icon_motive.svg") 0px 0px no-repeat;
   background-size: 50px 50px;
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   left: 0;
   top: 0;
}
.wahl13 .wsaButton h1:before {
   content: "";
   background: #466199 url("../images/icon_waehlerstroeme.svg") 0px 0px no-repeat;
   background-size: 50px 50px;
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   left: 0;
   top: 0;
}

.wahl13 .resultButton h1:before {
   content: "";
   background: #466199 url("../images/icon_ergebnisse.svg") 0px 0px no-repeat;
   background-size: 50px 50px;
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   left: 0;
   top: 0;
}

.chromeless.wahl13 .analysisButton h1:before {
   background: url("../images/icon_daten.svg") 0px 0px no-repeat, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%);
   background: url("../images/icon_daten.svg") 0px 0px no-repeat, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%);
   background-size: 50px 50px, 50px 50px;
}
.chromeless.wahl13 .wtbButton h1:before {
   background: url("../images/icon_motive.svg") 0px 0px no-repeat, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%);
   background: url("../images/icon_motive.svg") 0px 0px no-repeat, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%);
   background-size: 50px 50px, 50px 50px;
}
.chromeless.wahl13 .wsaButton h1:before {
   background: url("../images/icon_waehlerstroeme.svg") 0px 0px no-repeat, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%);
   background: url("../images/icon_waehlerstroeme.svg") 0px 0px no-repeat, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%);
   background-size: 50px 50px, 50px 50px;
}
.chromeless.wahl13 .resultButton h1:before {
   background: url("../images/icon_ergebnisse.svg") 0px 0px no-repeat, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%);
   background: url("../images/icon_ergebnisse.svg") 0px 0px no-repeat, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%);
   background-size: 50px 50px, 50px 50px;
}


/**
 * Video Boxes
 */

.videoBox {
   padding-bottom: 0;
}

.videoBox .posterImageLink {
   display: block;
   position: relative;
}

.videoBox .posterImageLink:before {
   position: absolute;
   bottom: 0;
   right: 0;
   display: block;
   width: 52px;
   height: 52px;
   background: #466199 url("../images/play.svg") 18px 17px no-repeat;
   background-size: 20px 20px;
   content: "";
}

.wahl13 .bigStory .teaser {
   display: block;
   padding-bottom: 10px;
}

.wahl13 .bigStory .teaser {
   display: none;
}

.videoFrontpage .boxList .videoBox {
   padding-bottom: 0;
   min-height: 100px;
}

.twinStories .videoBox img {
   display: block;
   width: 100%;
   height: auto;
}

.twinStories .videoBox .teaser {
   padding-bottom: 16px;
}

.boxList .videoBox .posterImageLink:before {
   width: 33px;
   height: 33px;
   background: #466199 url("../images/play.svg") 10px 10px no-repeat;
   background-size: 15px 15px;
}

.bigStory .videoBox .boxRow,
.boxList .videoBox .boxRow {
   display: table-row;
}

.boxList .videoBox .posterImageLink {
   width: 188px;
   height: 100px;
   display: block;
}

.posterImageLink img {
   width: 188px;
   height: 100px;
}

.boxList .videoBox .text {
   display: table-cell;
   vertical-align: top;
}

.bigStory .videoBox .posterImageLink {
   display: block;
   width: 315px;
   height: 167px;
}

.bigStory .videoBox img {
   display: table-cell;
   width: 315px;
   height: 167px;
}

.bigStory .videoBox .text {
   display: table-cell;
   vertical-align: top;
}

/**
 * Blog
 */

.blogBox .metaline {
   text-transform: none;
}

.blogBox:before,
.blogDetail:before {
   float: left;
   display: block;
   width: 94px;
   height: 120px;
   margin: 0 20px 10px 0;
   content: "";

   background-size: 94px 120px;

   -webkit-box-shadow: 1px 1px 8px 0px #e0e0e0;
   box-shadow: 1px 1px 8px 0px #e0e0e0;
}

.buerger:before {
   background-image: url("../images/bloggers/buerger.jpg");
}
.freund:before {
   background-image: url("../images/bloggers/freund.jpg");
}
.hazivar:before {
   background-image: url("../images/bloggers/hazivar.jpg");
}
.kappacher:before {
   background-image: url("../images/bloggers/kappacher.jpg");
}
.leitner:before {
   background-image: url("../images/bloggers/leitner.jpg");
}
.lyon:before {
   background-image: url("../images/bloggers/lyon.jpg");
}
.orfat:before {
   background-image: url("../images/bloggers/orfat.jpg");
}
.ortner:before {
   background-image: url("../images/bloggers/ortner.jpg");
}
.schnabl:before {
   background-image: url("../images/bloggers/schnabl.jpg");
}
.settele:before {
   background-image: url("../images/bloggers/settele.jpg");
}
.thurnher:before {
   background-image: url("../images/bloggers/thurnher.jpg");
}
.waldner:before {
   background-image: url("../images/bloggers/waldner.jpg");
}
.webhofer:before {
   background-image: url("../images/bloggers/webhofer.jpg");
}
.wiesner:before {
   background-image: url("../images/bloggers/wiesner.jpg");
}
.wolf:before {
   background-image: url("../images/bloggers/wolf.jpg");
}

/** special for info articles which are kinda like blog */
.blogDetail.infoArticle:before {
   content: none;
}
.blogDetail.infoArticle h1 {
   padding-top: 40px;
}
.chromeless .blogDetail.infoArticle h1 {
   padding-top: 0;
}
.blogDetail .storyText {
   padding: 47px 0 90px 115px;
}

/**
 * Blog Frontpage
  */

.blogFrontpage .bigStory .blogBox {
   min-height: 138px;
}


.blogFrontpage .boxList .met {
   display: none;
}

/**
 * Audio
 */

.audioBox {
   padding-left: 55px;
}

.audioIcon {
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
   width: 52px;
   height: 52px;
   background: #466199 url("../images/audio.svg") 16px 14px no-repeat;
   background-size: 18px 24px;
   text-align: center;
   content: "";
}

/**
 * Audio Detailseite
 */
.audioPlayerContainer {
   display: none;
   min-height: 80px;
   margin: 0 0 10px ;
   background: #edeef0;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.chromeless .audioPlayerContainer.enabled {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   border-bottom: 1px solid #ecebe0;
}

.ss.chromeless .audioFrontpage.expanded {
   margin-top: 87px;
}

.audioPlayerContainer.enabled {
   display: block;
}

.audioPlayerContainer h1 {
   font-size: 16px;
   font-size: 1rem;
   font-weight: bold;
   margin: 0;
   padding: 10px 0 8px 10px;
}

.chromeless .audioPlayerContainer h1 {
   white-space: nowrap;
   overflow: hidden;
   height: 22px;
   text-overflow: ellipsis;
   text-overflow: ellipsis-word;
   padding-left: 6px;
   padding-bottom: 0;
}

.chromeless .audioPlayerContainer .audioTitleWrapper {
   width: 320px;
}

/**
 * Mobile Storytext
 */
.ss.chromeless .storyTextWrapper {
   font-size: 16px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   box-sizing: border-box;
   -moz-box-shadow: 0px 0px 2px #999;
   -webkit-box-shadow: 0px 0px 2px #999;
   box-shadow: 0px 0px 2px #999;
   padding: 6px 10px;
   width: 100%;
   background: #fff;
}

.ss.chromeless.videoDetail .storyTextWrapper {
   width: 97%;
   margin: 0 auto;
}

.ss.chromeless .storyText .metaline {
   margin: 0;
}

.ss.chromeless .storyText .storyMeta {
   display: none;
}

/**
 * Blog Text
 */

.ss .storyText .fact {
   display: none !important;
}

.ss.chromeless .storyText {
   font-size: 15px;
}

.wahl13 .blogDetail .storyText .metaline {
   text-transform: uppercase;
   font-size: 14px;
   margin-bottom: 5px;
}

.wahl13 .blogDetail .storyText .metaline span {
   display: block;
}

.wahl13 .blogDetail .storyText h1 {
   font-size: 20px;
}

.ss.chromeless .storyText .teaser {
   margin-bottom: 17px;
}

.ss.chromeless .storyText .image {
   margin-left: -10px;
   margin-right: -10px;
}

.storyText .image img {
   margin: 0;
   width: 100%;
   height: auto;
}

.ss .storyText .credit,
.ss .storyText .fact .credit {
   font-size: 10px;
   text-align: right;
   color: rgb(165, 165, 165);
   margin-top: -3px;
   width: 99%;
   width: -webkit-calc(100% - 5px);
   width: calc(100% - 5px);
   position: absolute;
   top: -14px;
}

.ss.chromeless .storyText .caption {
   margin-bottom: 0;
   padding: 2px 10px 0 10px;
}

/**
 * Audio Player & Shadow DOM control styles
 */

.audioPlayerContainer audio, .audioPlayerContainer object, .audioPlayerContainer embed {
   width: 100%;
}

.audioPlayerContainer ::-webkit-media-controls-panel {
   -webkit-appearance: none;
   background: transparent !important;
}

.audioPlayerContainer ::-webkit-media-controls-play-button {
   background: transparent;
   -webkit-appearance: none;
   background: transparent url("../images/player_play.svg") 9px 7px no-repeat;
   background-size: 16px 16px;
}

.audioPlayerContainer ::-webkit-media-controls-play-button:active {
   background: transparent url("../images/player_play_pressed.svg") 9px 7px no-repeat;
   background-size: 16px 16px;
   outline: none;
   border: none;
   padding: 0;
}

.audioPlayerContainer.playing ::-webkit-media-controls-play-button {
   background: transparent url("../images/player_pause.svg") 9px 7px no-repeat;
   background-size: 16px 16px;
}

.audioPlayerContainer ::-webkit-media-controls-current-time-display,
.audioPlayerContainer ::-webkit-media-controls-time-remaining-display {
   font-weight: normal;
   color: #8999bc;
}

.audioPlayerContainer ::-webkit-media-controls-mute-button,
.audioPlayerContainer ::-webkit-media-controls-volume-slider {
   display: none;
}

.audioPlayerContainer ::-webkit-media-controls-timeline {
   background-color: #c7cfe0;
}

.audioElementWrapper {
   display: none;
}

.chromeless .jsPlayerControl {
   width: 320px;
   overflow: hidden;
   padding-bottom: 5px;
}

.chromeless .audioPlayerContainer button.play {
   float: left;
   -webkit-appearance: none;
   background: transparent url("../images/player_play.svg") 9px 11px no-repeat;
   background-size: 21px 21px;
   display: table-cell;
   width: 35px;
   height: 40px;
   text-indent: -3000px;
   outline: none;
   border: 0;
   padding: 0;
}

.chromeless .audioPlayerContainer.playing button.play {
   background: transparent url("../images/player_pause.svg") 9px 11px no-repeat;
   background-size: 21px 21px;
}

.chromeless .audioPlayerContainer .progressRail {
   float: left;
   width: 197px;
   margin: 2px 4px 0 10px;
   height: 40px;

   -webkit-appearance: none;
   background: #c7cfe0;

   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(39%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,1)), color-stop(41%,rgba(199,207,224,1)), color-stop(60%,rgba(199,207,224,1)), color-stop(61%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,rgba(255,255,255,1) 40%,rgba(199,207,224,1) 41%,rgba(199,207,224,1) 60%,rgba(255,255,255,0) 61%); /* Chrome10+,Safari5.1+ */
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,rgba(255,255,255,1) 40%,rgba(199,207,224,1) 41%,rgba(199,207,224,1) 60%,rgba(255,255,255,0) 61%); /* W3C */

   overflow: visible;
}

.chromeless .audioPlayerContainer .progressRail[disabled=disabled] {
   opacity: 0.35;
}

.chromeless .audioPlayerContainer .progressRail::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: -webkit-linear-gradient(top, #7085b0 0%, #364b76 100%);
    width: 14px;
    height: 26px;
    border: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.chromeless .audioPlayerContainer .timing {
   font-size: 14px;
   float: left;
   display: block;
   width: 64px;
   margin-top: 13px;
   font-weight: normal;
   text-align: right;
}


/**
 * Video Detail Player
 */

.videoDetail .video {
   position: relative;
   width: 100%;
   height: 0;
   padding-top: 56.25%;
   margin-bottom: 7px;
}
.chromeless.videoDetail .video {
   margin: 0 auto;
}

.chromeless.videoDetail .video h3 {
   position: relative;
   top: -30px;
}

.videoDetail .video video,
.videoDetail .video object,
.videoDetail .video embed,
.videoDetail .video .videoPlaceholder,
.videoDetail .video .videoPlaceholder img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.chromeless.videoDetail .video .videoPlaceholder:after {
   content: " ";
   position: absolute;
   top: 0; bottom: 0; right: 0; left: 0;
   margin: auto;
   width: 52px;
   height: 52px;
   background: url("../images/play.svg") 18px 17px, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
   background: url("../images/play.svg") 18px 17px, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */
   background-size: 20px 20px, 52px 52px;
   background-repeat: no-repeat, repeat;
}

.videoDetail article {
   margin-right: 160px;
}
.chromeless.videoDetail article {
   margin-right: 0px;
}

/**
 * SVG fallbacks for IE8
 */
.svgFallback .wahl13 .analysisButton h1 {
   background: #fff url("../images/target_blue_1x.png") 10px 6px no-repeat;
}

.svgFallback .wahl13 .analysisButton h1,
.svgFallback .wahl13 .wtbButton h1,
.svgFallback .wahl13 .wsaButton h1,
.svgFallback .wahl13 .resultButton h1 {
   background: #fff;
}

.svgFallback .wahl13 .analysisButton h1:before,
.svgFallback .wahl13 .wtbButton h1:before,
.svgFallback .wahl13 .wsaButton h1:before,
.svgFallback .wahl13 .resultButton h1:before {
   display: none;
}

.svgFallback .videoBox .posterImageLink:before {
   background: #466199 url("../images/play_1x.png") 18px 17px no-repeat;
}


.svgFallback .wahl13 .arrow.right {
   background: url("../images/arrow_right_1x.png") 0px 4px no-repeat;
}

.svgFallback .audioBox .metaline:before {
   background: #466199 url("../images/audio_1x.png") 26px 22px no-repeat;
}

@media screen and (max-width: 720px) {
   .wahlWrapper.front {
      background-size: 384px 196.5px;
   }
   .ss .storyText {
      margin: 0;
      padding: 0;
      max-width: 472px;
      width: auto;
   }
   .wahl13 .navigationButtons h1 {
      font-size: 14px;
      padding-top: 17px;
   }
   .ss .storyTextWrapper {
      padding: 6px 10px;
      width: auto;
   }
   #wahl13-header-link {
      display: none;
   }
   #wahl13-header {
      background: none;
   }
	.ss.news .pageFooter  {
		height: auto;
		padding: 0.3em;
		padding-right: 10px;
	}
	.ss.news .pageFooter ul {
		float: none;
	}
	.ss.news .pageFooter li {
		display: block;
		margin-bottom: 0.4em;
		margin-left: 0;
	}
   .ss .storyTextWrapper {
      width: auto;
   }

}

@media screen and (min-width: 601px) {

   body.chromeless {
      padding-bottom: 0;
      background: #d7d7d7 url("../images/background_app_stripes_1x.png");
      background-size: 18px 18px;
   }

   .wahlWrapper.front {
      background-position: 48% 2px;
   }
   .chromeless .wahlWrapper.front {
      background: url("../images/background_map_2x.png") 48% 2px no-repeat;
      background-size: 458px 241px;
   }

   .chromeless .videoBox .posterImageLink:before {
      background: url("../images/play.svg") 18px 17px, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/play.svg") 18px 17px, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */
      background-size: 20px 20px, 52px 52px;
      background-repeat: no-repeat, repeat;
   }

   .chromeless .boxList .videoBox .posterImageLink:before {
      background: url("../images/play.svg") 10px 10px, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/play.svg") 10px 10px, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */
      background-size: 15px 15px, 33px 33px;
      background-repeat: no-repeat, repeat;
   }

   .chromeless .audioIcon {
      background: url("../images/audio.svg") 16px 14px, -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/audio.svg") 16px 14px, -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */
      background-size: 18px 24px, 52px 52px;
      background-repeat: no-repeat, repeat;
   }

   .twinStories {
      position: relative;
      left: -1px;
      width: 100%;
      width: -webkit-calc(100% + 1px);
      width: calc(100% + 1px);
   }

   .ss .blogDetail .storyText {
      padding-top: 17px;
   }

   .ss .blogDetail .storyText .metaline {
      margin-bottom: 16px;
   }

   .topAudio,
   .bigStory {
      margin-left: -1px; /* To prevent box shadow inside the white paper box */
   }

   .topAudio article {
      min-height: 104px;
   }

   .boxList article.videoBox {
      min-height: 100px;
   }

   .wahl13 .wahlWrapper .boxList .videoBox .metaline {
      padding-bottom: 3px;
   }

   .wahl13 .bigStory .videoBox .teaser {
      display: block;
   }

}

@media screen and (max-width: 600px) {
   .navigationButtons .longText {
      display: none;
   }

   .wahl13 .arrow.right {
      display: none;
   }

   .wahlWrapper {
      background: none;
   }

   .wahlWrapper.front {
      background: none;
      padding-top: 50px;
   }

   #ss-wc-embed {
      margin-top: -40px;
   }

   .boxList {
      margin-left: 0;
   }

   .blogFrontpage .boxList p:not(.metaline),
   .wahlWrapper.front article p:not(.metaline),
   p.metaline .authordescription,
   .blogFrontpage .boxList article p.metaline .authordescription {
      display:none;
   }

   .twinStories {
      margin-bottom: 7px;
   }

   .videoBox,
   .audioBox,
   .blogBox {
      padding-bottom: 6px;
      margin-bottom: 7px;
   }

   .wahl13 .metaline .programm {
      max-width: 170px;
   }

   .bigStory .videoBox {
      min-height: 80px;
      padding-bottom: 0;
   }

   .wahl13 .videoBox p,
   .wahl13 .audioBox p,
   .wahl13 .blogBox p {
      font-size: 14px;
   }

   .blogBox:before,
   .blogDetail:before {
      width: 47px;
      height: 60px;
      margin: 0 20px 10px 0;
      background-size: 47px 60px;
   }

   .twinStories .blogBox:before {
      margin-right: 11px;
   }

   .wahl13 .twinStories .videoBox h1,
   .wahl13 .twinStories .videoBox p,
   .wahl13 .twinStories .blogBox h1,
   .wahl13 .twinStories .blogBox p {
      margin-left: 10px;
      margin-right: 10px;
   }

   .twinStories .blogBox h1 {
      clear: both;
   }

   .wahl13 .blogDetail .storyText h1 {
      clear: both;
   }

   .wahl13 .blogDetail .metaline span.programm {
      margin-bottom: 5px;
   }

   .wahl13 .blogDetail .metaline span {
      font-size: 11px;
      line-height: 125%;
   }

   .videoBox .posterImageLink:before {
      width: 25px;
      height: 25px;

      background: url("../images/play.svg"), -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/play.svg"), -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */

      background-size: 10px 10px, 25px 25px;
      background-position: 9px 8px, top left;
      background-repeat: no-repeat, repeat;
   }

   .twinStories .videoBox .metaline .separator,
   .twinStories .videoBox .metaline .duration {
      display: none;
   }

   .bigStory .videoBox .posterImageLink {
      display: block;
      width: 150px;
      height: 80px;
   }

   .bigStory .videoBox img {
      width: 150px;
      height: 80px;
   }

   .bigStory .videoBox .posterImageLink:before {
      width: 25px;
      height: 25px;

      background: url("../images/play.svg"), -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/play.svg"), -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */

      background-size: 10px 10px, 25px 25px;
      background-position: 9px 8px, top left;
      background-repeat: no-repeat, repeat;
   }

   .boxList .videoBox .posterImageLink {
      width: 112px;
      height: 63px;
      display: block;
   }

   .boxList .posterImageLink img {
      width: 112px;
      height: 63px;
   }

   .boxList .videoBox .posterImageLink:before {
      width: 25px;
      height: 25px;

      background: url("../images/play.svg"), -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/play.svg"), -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */

      background-size: 10px 10px, 25px 25px;
      background-position: 9px 8px, top left;
      background-repeat: no-repeat, repeat;
   }

   .audioIcon {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 25px;
      height: 25px;

      background: url("../images/audio.svg"), -moz-linear-gradient(top, #7085b0 0%, #364b76 100%); /* FF3.6+ */
      background: url("../images/audio.svg"), -webkit-linear-gradient(top, #7085b0 0%,#364b76 100%); /* Chrome10+,Safari5.1+ */

      background-size: 10px 10px, 25px 25px;
      background-position: 7px 8px, top left;
      background-repeat: no-repeat, repeat;
   }

   .audioBox {
      padding-left: 22px;
   }

   .bigStory .audioBox h1 {
      margin-bottom: 6px;
   }

   .videoFrontpage .boxList .videoBox,
   .boxList article.videoBox {
      min-height: 71px;
   }

   .wahl13 .front article h1,
   .wahl13 .boxList article h1,
   .wahl13 .bigStory article h1 {
      font-size: 14px;
   }

   .wahl13 .bigStory .teaser {
      font-size: 14px;
      padding: 8px 0 10px 0;
   }

   .wahl13 .front article .metaline,
   .wahl13 .boxList article .metaline,
   .wahl13 .bigStory article .metaline,
   .wahl13 .storyText .metaline,
   .wahl13 .wahlWrapper article.videoBox .metaline {
      font-size: 11px;
      padding: 8px 0 0 0;
   }

   .blogBox {
      min-height: 77px;
   }

   .chromeless .blogFrontpage .bigStory .blogBox {
      padding-bottom: 12px;
   }

   .wahl13 .twinStories .blogBox .metaline {
      padding-top: 18px;
   }

   .twinStories .blogBox .metaline .author {
      font-size: 12px;
      padding-top: 8px;
      display: inline;
   }

   .chromeless #ss-expandlist {
      margin-left: 38px;
   }

   .sideNavigation {
      float: none;
      width: auto;
      padding-top: 0;
   }
   .sideNavigation {
      border-bottom: 1px solid rgb(227, 227, 229);
   }
   .sideNavigation li {
      display: inline-block;
      border-bottom: 0;
      margin: 0 6px;
      font-size: 14px;
   }
   .sideNavigation li:nth-child(n+6) {
      /* TODO: style like mobile breadcrumbs */
   }
   .videoDetail article {
      margin-right: 0;
   }
   .wahlWrapper {
      margin-right: 0;
   }
   .signalBox {
      position: static;
   }

}

@media screen and (max-width: 360px) {
   .twinStories .spacer {
      display: table-cell;
      width: 2%;
   }

   .twinStories article {
      width: 49%;
      display: table-cell;
      vertical-align: top;
   }

}

@media screen and (max-width: 415px) {
   .wahl13 .navigationButtons {
      margin-top: 0px;
      margin-bottom: 20px;
   }

   #wc-projection-wrapper,
   .wahl13 .navigationButtons .left,
   .wahl13 .navigationButtons .right {
      -webkit-box-shadow:  0px 0px 10px 5px #9f9f9f;  
      box-shadow:  0px 0px 10px 5px #9f9f9f;
   }

   .wahl13 .navigationButtons + .boxList {
      padding-top: 0px;
   }

   .wahl13 .navigationButtons .left,
   .wahl13 .navigationButtons .right {
      float: none;
      width: 100%;
      margin-bottom: 9px;
   }

   .wahl13 .navigationButtons .longText {
      display: inline;
   }
}

@media screen and (max-width: 320px) {
   body {
      background: #d7d7d7 url("../images/background_app_stripes_1x.png");
      background-size: 18px 18px;
   }

   .wahlWrapper.front {
      background: url("../images/background_app_map_2x.png") 35px 4px no-repeat;
      background-size: 241px 127px;
   }

   .chromeless.videoDetail .storyText {
      width: 290px;
   }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
   body {
      background: #d7d7d7 url("../images/background_app_stripes_1x.png");
      background-size: 18px 18px;
   }

   .wahlWrapper.front {
      background: url("../images/background_app_map_2x.png") 56px 4px no-repeat;
      background-size: 241px 127px;
   }
}

@media screen and (min-width: 361px) and (max-width: 600px) {
   body {
      background: #d7d7d7 url("../images/background_app_stripes_1x.png");
      background-size: 18px 18px;
   }

   .wahlWrapper.front {
      background: url("../images/background_app_map_2x.png") 125px 4px no-repeat;
      background-size: 241px 127px;
   }
}

/**
 * iPads etc. Portrait
 */
@media only screen and (width: 768px)  {
   /* Use fixed size to prevent rendering bug on iPad */
   .twinStories .videoBox .metaline {
      height: 15px;
   }

   .chromeless .audioPlayerContainer .audioTitleWrapper {
      width: 700px;
      margin-left: 11px;
   }

   .chromeless .audioPlayer {
      margin-left: 11px;
   }

   .chromeless .jsPlayerControl {
      width: 320px;
   }
}

/**
 * Audio Player iPads etc. Portrait
 */
@media only screen and (min-width: 361px)  {
   .chromeless .audioPlayerContainer .audioTitleWrapper {
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      margin-left: 11px;
   }

   .chromeless .audioPlayer {
      margin-left: 11px;
   }

   .chromeless .jsPlayerControl {
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
   }

   .chromeless .audioPlayerContainer .progressRail {
      width: -webkit-calc(100% - 120px);
      width: calc(100% - 120px);
   }

}

@media only screen and (min-width: 768px) and (orientation: landscape) {
   .ss.chromeless .wrapper,
   .ss.chromeless .wahlWrapper {
      width: 768px;
      margin: 0 auto;
   }

   .chromeless.videoDetail .video {
      width: 97%;
   }

   .chromeless .signalBox.onair {
      -moz-box-shadow: 0px 0px 2px #999;
      -webkit-box-shadow: 0px 0px 2px #999;
      box-shadow: 0px 0px 2px #999;
      text-align: center;
   }
}

/** My target beats so bum bum bum **/
@keyframes pound {
   from { transform: none; }
   50% { transform: scale(1.4); }
   to { transform: none; }
}

@-webkit-keyframes pound {
   from { -webkit-transform: none; }
   50% { -webkit-transform: scale(1.4); }
   to { -webkit-transform: none; }
}

.chromeless .audioPlayerContainer button.play.loading {
   background: transparent url("../images/loading.svg") 5px 9px no-repeat;
   background-size: 25px 25px;
   -webkit-animation: pound .65s infinite;
   -webkit-transform-origin: center;
   animation: pound .65s infinite;
   transform-origin: center;
}

/**
 * Load more hint
 */
#ss-expandlist {
   position: relative;
   display: block;
   padding: 15px 0;
   text-decoration: none;
   border-radius: 3px;
   font-size: 14px;
   overflow: visible;
   margin-left: 35px;
   color: #466199;
}

#ss-expandlist .loading {
   display: block;
   position: absolute;
   left: -38px;
   top: 4px;
   width: 40px;
   height: 40px;
   content: "";

   background: transparent url("../images/loading.svg") 7px 9px no-repeat;
   background-size: 20px 20px;
   -webkit-animation: pound .65s infinite;
   -webkit-transform-origin: center;
   animation: pound .65s infinite;
   transform-origin: center;
}

#ss-expandlist.error {
   color: red;
   margin-left: 0;
}

#ss-expandlist.error .loading {
   display: none;
}

.promoBanner {
   display: none;
   padding: 0;
   min-height: 0 !important;
}

.promoBanner img {
   display: block;
   width: 100%;
}

.chromeless .promoBanner {
   display: block;
}
@media screen and (max-width: 600px) {
   .videoFrontpage .promoBanner img {
      content: url(../images/TVthek-banner-small.png);
   }
   .audioFrontpage .promoBanner img {
      content: url(../images/OE1-banner-small.png);
   }
}

/* web responsive */

@media (max-width: 850px) {
   .ss .wrapper {
      width: auto;
      max-width: 800px;
      margin-right: 25px;
   }
	.networkNavigation {
		overflow: hidden;
	}
	#ss-sitemapMenu {
		display: none;
	}
	.networkNavigation .sitemapMenu {
		position: static;
		float: right;
	}
	.ss .pageFooter  {
		background-image: none;
	} 
}

@media (max-width: 459px) {
   body:before {
      display: none;
   }
   .ss .wrapper {
      margin: 0 auto;
      padding: 1.5%;
   }
   .ss #orfonTarget {
      left: 10px;
   }
}