/**** Ticker ****/
.ss .ticker {
   margin-top: 20px;
   padding-bottom: 37px;
   font-size: 1em; /* 16px */
   line-height: 1.25; /* 20px */
   width: 645px;

   display: block;
   float: left;
   clear: left;
}

.ss .tickerNavigation {
   display: block;
   float: right;

   width: 150px;
   margin-top: 20px;
   font-size: 14px;
}

.ss .tickerNavigation h2 {
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 4px;
}

.ss .tickerNavigation a {
   font-weight: normal;
}

.ss .tickerNavigation li {
   margin-bottom: 3px;
   font-size: 13px;
   line-height: 1.23;
}

.ss .tickerNavigation ul {
   margin-bottom: 12px;
}

.ss .tickerNavigation a:focus {
   background-color: #466199;
   color: #ffffff;
}

.ss .tickerNavigation a:focus {
   padding: 2px 3px;
}

.ss .tickerNavigation a:focus:hover {
   padding: 0px;
   background-color: #fff;
   color: #466199;
}

.ss .tickerNavigation a:active {
   background-color: #fff;
   color: #466199;
}

.ss .tickerNavigation a:active {
   padding: 0;
}

.ss .tickerPromo {
   margin-top: 14px;
   float: right;
   width: 155px;
   margin-bottom: -4px;
}

.ss .ticker .ressort {
   margin-bottom: 15px;
}

.ss .ticker .topic {
   float: left;
   width: 149px;
   text-align: right;
   font-weight: 400;
   color: #222;
   padding-top: 4px;
   margin-right: 8px;
   font-family: 'ORF ON Condensed SC';
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1em;
}

.ss.news .ticker .topic {
   font-weight: 500;
}

.ss.sport .ticker .topic {
   color: #333;
}

/** This prevents weird outline after a user closes the ticker item (PN) **/
.ss .ss-focusfallback {
   outline: none !important;
}

.ss .ticker h2 {
   /* width: 401px; use this to prevent line breaks */
   width: 450px;
}

.ss #activeItem h2 {
   margin-left: 5px;
   margin-bottom: -3px;
}

.ss.news .ticker h2 a {
   color: #fff;
}

.ss .ticker h2 a:focus {
   background-color: #f8f8f8;
   color: #466199;
   outline: none;
   padding: 3px 4px 2px;
}

.ss .ticker h2 a:active {
   background-color: #5d8dc5;
   color: #fff;
   outline: none;
   padding: 0px;
}

.ss .ticker #activeItem h2 a:focus {
   text-decoration: underline;
   padding: 0px;
}

.ss .ticker #activeItem h2 a:active {
   background-color: #f8f8f8;
   color: #222;
   font-weight: bold;
   outline: none;
   text-decoration: none;
}

.ss .ticker .letztemeldung h2 a,
.ss .ticker .letztemeldungen h2 a {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ss .ticker .ressort.letztemeldung h2,
.ss .ticker .ressort.letztemeldungen h2 {
   font-size: 1.125em; /* 18px */
   font-weight: bold;
   padding-top: 2px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.ss .ressort.letztemeldung .topic,
.ss .ressort.letztemeldungen .topic {
   margin-top: 3px;
}

.ss .ressort .stories {
   float: left;
}

.ss .tickerBox {
   margin-left: 5px;
   margin-bottom: 0px;
   padding: 4px 6px 2px 4px;
   width: 471px;
   clear: both;
}

.ss .tickerBox:last-child:nth-child(1)::after {
   content: ""; /* enables chrome font boosting also for ticker categories with only one article */
}

.ss .ticker .liveTicker h2 a {
   font-weight: bold;
}

.ss .ticker .image {
    position: relative;
    padding-top: 10px;

}


.ss .ticker .image img {
    display: block;
    width: 463px;
}


.ss .ticker .image .credit {
    font-size: 10px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    text-align: right;
    color: #A5A5A5;
    width: 463px;
    position: absolute;
    top: -14px;
}

.ss .ticker .image .caption {
    width: 463px;
    font-size: 13px;
    line-height: 16px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    margin-top: 2px;
}

.ss #ss-tickerClose {
   width: 12px;
   height: 12px;
   background: url('../images/closeSpriteFilled.png') no-repeat;
   outline: none;
   cursor: pointer;
   display: none;
}

.ss #activeItem #ss-tickerClose {
   display: block;
   position: absolute;
   top: 6px;
   right: 6px;
}

.ss #ss-tickerClose:hover,
.ss #ss-tickerClose:focus {
   outline: inherit;
   background-position: 0px -12px;
}

/** a11y: borders are visible in High Contrast Mode **/
.ss #activeItem.tickerBox {
   padding: 2px 4px 1px 2px;
   border: 2px solid #f8f8f8;
   padding-bottom: 0;
   border-bottom-width: 0;
}

.ss #activeItem {
   background: #f8f8f8;
   margin-bottom: 8px;
   margin-left: 0px;
   position: relative;
}

.ss .ticker h2 a {
   font-weight: normal;
   font-size: 1em; /* 16px */
}

.ss .ticker #activeItem h2 a {
   font-weight: bold;
   color: #222;
}

.ss .ticker h2 a:active {
   outline: none;
}

.ss .refresh {
   margin: 6px 0px -2px 0px;
}

.ss .tickerBox .refresh img {
   display: none;
}

.ss .tickerBox .text {
   display: none;
   clear: both;
   width: 450px;
   margin-left: 5px;
   line-height: 22px;
}

.ss .tickerBox .remote,
.ss .tickerBox .text p {
   margin: 9px 0px;
   font-size: 0.9375em; /* 15px;*/
   line-height: 1.4; /* 21px; */
}

.ss .tickerBox .text h3 {
   font-size: 0.9375em; /* 15px;*/
   font-weight: bold;
   margin-top: 11px; /* 11px; */
   margin-bottom: -7px;
}

.ss .tickerBox .text a {
   font-weight: bold;
}

.ss .tickerBox .text h3.tableTitle {
   margin-bottom: 0;
}

.ss #activeItem .text {
   display: block;
   outline: none;
   padding-bottom: 0;
}

.ss .tickerBox ul {
   margin: 4px 0px 16px 0px;
   font-size: .9375em;
   line-height: 1.4;
}

.ss .tickerBox ul li {
   padding-left: 17px;
   background: url('../images/bullet.dot.png') 3px 8px no-repeat;
   background: none, url("../images/bullet.dot.svg") no-repeat scroll 3px 8px rgba(0, 0, 0, 0);
}

.ss .tickerBox ol {
   margin: 4px 0px 16px 21px;
   font-size: .9375em;
   line-height: 1.4;
}

.ss .tickerBox ol li {
   list-style: decimal;
}

/***** hover / keyboard a11y ticker style ****/
.ss.sport .ticker a:focus,
.ss.sport .ticker h2 a:focus {
    background-color: #466199;
    color: #FFFFFF;
}

.ss.sport .ticker a:focus {
    padding: 3px 3px 2px;
}

.ss.sport .ticker a:focus:hover {
    background-color: #FFFFFF;
    color: #466199;
    padding: 0;
}

.ss.sport .ticker a:active,
.ss.sport .ticker h2 a:active {
    background-color: #FFFFFF;
    color: #466199;
}

.ss.sport .ticker a:active {
    padding: 0;
}

.ss.sport .ticker #activeItem h2 a:focus {
    background-color: #EDEDED;
}

.ss.sport .ticker #activeItem h2 a:active {
    background-color: #EDEDED;
    color: #222222;
    font-weight: bold;
 }

/** stripe box formatting overrides **/

.ss .ticker .tickerBox .text .stripe {
   width: 481px;
   margin: 0 -22px 0px -9px;
   padding: 10px 10px 0 0;
   height: 90px;
}

.ss .ticker .tickerBox .text .stripe.expanded {
   height: auto;
}

.ss .ticker .tickerBox .text .stripe > .remote {
   width: 160px;
   height: 90px;
}
.ss .ticker .tickerBox .text .stripe > .remote {
   margin: -10px 0 0 0;
}
.ss .ticker .tickerBox .text .stripe > .remote .video {
   margin: 0;
}

.ss .tickerBox .text .stripe h3, .ss .tickerBox .text .stripe p {
   font-size: 0.875em;
   line-height: 1.3;
   margin: 0.2em 0;
}
.ss .ticker .tickerBox .text .stripe-credits {
   font-size: 12px;
   line-height: 1.4167;
   margin: 0 -22px 0 0;
}

.ss .ticker .tickerBox .text .stripe-credits a {
   font-weight: normal;
}

.ss .ticker .tickerBox .text .stripe::after {
   height: 30px;
   left: 160px;
}

.ss .ticker .tickerBox .text .stripe > .remote.playing {
   float: none;
   width: 481px;
   height: 270.5625px;
   padding-bottom: 10px;
}

.ss .ticker .tickerBox .text .stripe > .remote ~ * {
   margin-left: 176px;
}
.ss .ticker .tickerBox .text .stripe > .remote.playing ~ * {
   margin-left: 10px;
}
.ss .ticker .tickerBox .text .stripe > .remote.playing ~ :last-child {
   padding-bottom: 10px;
}

/* breaker overrides */


.ss .ticker .tickerBox .text .breaker {
   margin: 0 -22px 0px -9px;
   width: 481px;
   height: 150px;

   transition-property: height;
   transition-duration: 200ms;

   overflow: hidden;
   background-color: #F0F1F4;
   cursor: pointer;
   position: relative;
}

.ss .ticker .tickerBox .text .breaker:hover {
   background-color: #E8E9ED;
}

.ss .ticker .tickerBox .text .breaker.expanded {
}

.ss .ticker .tickerBox .text .breaker-content {
   margin: 0px 10px 10px 177px;
}

.ss .ticker .tickerBox .text .breaker-content > h3 {
   color: #466199;
   padding-top: 3px;
}

.ss .ticker .tickerBox .text .breaker-content h3,
.ss .ticker .tickerBox .text .breaker-content p {
   font-size: 0.875em;
   line-height: 1.3;
   margin: 0.2em 0;
}
.ss .ticker .tickerBox .text .breaker-credits {
   font-size: 12px;
   line-height: 1.4167;
   margin: 0 -22px 0 0;
}

.ss .ticker .tickerBox .text .breaker-credits a {
   font-weight: normal;
}

.ss .ticker .tickerBox .text .breaker::after {
   height: 30px;
   left: 160px;
}

.ss .ticker .tickerBox .text .breaker.expanded::after,
.ss .ticker .tickerBox .text .breaker.fitting::after {
   content: none;
}

.ss .ticker .tickerBox .text .breaker::after {
   height: 30px;
   left: 177px;
   content: "";
   right: 0;
   bottom: 0;
   position: absolute;
   background: linear-gradient(to bottom, rgba(240,241,244,0), rgba(240,241,244,1) 95%);
}

.ss .ticker .breaker-content > .image {
   float: left;
   margin: 0px 0px 0px -177px;
   padding: 0;
}

.ss .ticker .tickerBox .text .breaker-content > .image img {
  width: 168px;
}

.ss .ticker .tickerBox .breaker-credits {
   margin: 0 0 0 -23px;
   width: auto;
   font-size: .75em;
   line-height: 1.3636;
   color: #a6a6a6;
}


/** byline & social **/
.ss .tickerBox .text p:last-of-type {
  margin-bottom: 18px;
}
.ss .tickerBox .ticker-story-meta .byline {
  float: left;
  margin-top: 4px;
}
.ss .tickerBox .ticker-story-meta .byline p {
  margin: 0;
  font-size: 13px;
  line-height: 13px;
  color: #787878;
}
.ss .tickerBox .ticker-story-meta .byline p a {
  color: #787878;
  font-weight: normal;
}

.ss .tickerBox .ticker-story-meta .byline:hover p {
  color: #333;
}
.ss .tickerBox .ticker-story-meta .byline:hover a {
  color: #466199;
}

.ss .tickerBox .ticker-story-meta .socialButtons a,
.ss.sport .tickerBox .ticker-story-meta .socialButtons a,
.ss .storyText .ticker-story-meta .socialButtons a,
.ss .storyText .ticker-story-meta .socialButtons a:focus:hover {
   background-color: none;
   background-image: url("/mojo/1_3/storyserver/news/common/images/socialSprite.png");
   width: 20px;
   height: 20px;
   display: inline-block;
   padding: 0 !important;
}

.ss .tickerBox .ticker-story-meta .socialButtons {
    float: right;
    margin-right: -22px;
}

/***** vollformat exceptions *******/

/* style ticker topic icon */
.ss .ressort.vollformat .stories {
   margin-left: 157px;
}

.ss .ressort.vollformat .topic {
   position: absolute;
   width: auto;
   right: 641px;
   right: calc(155px + 486px);
   padding-top: 0;
   margin-top: 4px;
   padding-right: 2px;
   padding-left: 2px;
}

/* align image with close button in ticker */
.ss .ressort.vollformat .stories .tickerBox#activeItem .text .image.body:first-child {
   padding-top: 5px;
   width: 463px;
}

.ss .ressort.vollformat .stories .tickerBox#activeItem #ss-tickerClose {
   right: 7px;
   top: 7px;
}

/* hide headline in ticker */
.ss .ressort.vollformat .stories .tickerBox#activeItem h2 {
   display: none;
}