@media (min-width: 46.24em) {
   /**
    * The main story content CSS
    */
   .ss .storyText {
      min-height: 320px;
      width: 472px;
      padding: 58px 0px 90px 167px;
      font-size: 0.9375em; /* 15px;*/
      line-height: 1.4; /* 21px; */
   }

   .ss .storyText a {
      font-weight: bold;
   }

   .ss .storyText a:hover {
      color: #192030;
      text-decoration: underline;
   }

   .ss .storyText a:focus {
      color: #fff;
      background: #466199;
      padding: 2px 0px;
   }

   .ss .storyText a:focus:hover,
   .ss .storyText a:active {
      color: #192030;
      background: #fff;
      padding: 0;
   }

   .ss .storyText ul {
      margin: 4px 0px 16px 0px;
   }

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

   .ss .storyText ol {
      margin: 4px 0px 16px 21px;
   }

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

   .ss .storyText h1,
   .ss .storyText h1 p {
      font-size: 1.4667em; /* 22px; */
      line-height: 1.2727; /* 28px; */
      font-weight: bold;
      margin-bottom: 20px;
      color: #222;
   }

   .ss .storyText h2 {
      font-size: 1.2em; /* 18px; */
      line-height: 1.2778; /* 23px; */
      font-weight: bold;
      margin-bottom: 6px;
   }

   .ss .storyText p,
   .ss .storyText table,
   .ss .storyText .remote {
      margin: 0.267em 0px 1.067em 0px; /* 4px 16px */
   }

   .ss .storyText strong em,
   .ss .storyText em strong {
      font-weight: bold;
      font-style: normal;
   }

   .ss .storyText blockquote {
      margin-top: -10px;
   }

   .ss .storyText h2 + blockquote,
   .ss .storyText ul + blockquote,
   .ss .storyText ol + blockquote,
   .ss .storyText blockquote + blockquote {
      margin-top: 0px;
   }

   .ss .storyText .image {
      margin: 22px 0px 20px 0px;
      position: relative;
   }

   .ss .storyText .titleImage {
      float: left;
      margin: 0 -4px 0 -167px;
   }

   .ss .storyText .teaser {
      margin: 0px 0px 20px 0px;
   }

   .ss .storyText .teaser strong {
      font-weight: 500;
   }

   .ss .storyText .image img {
      display: block;
   }

   .ss .storyText .image.bigpicture,
   .ss .storyText .image.bodywide {
      margin: 22px 0px 20px -167px;
      position: relative;
      width: 800px;
   }

   .ss .storyText .image.bigpicture .caption,
   .ss .storyText .image.bodywide .caption {
      margin: 8px 35px 0px 35px;
      font-size: 13px;
      line-height: 16px;
   }
   .ss .storyText .image.bigpicture .credit,
   .ss .storyText .image.bodywide .credit {
      width: auto;
      top: -15px;
      right: 35px;
   }

   .ss .socialButtons + .image.bigpicture,
   .ss .socialButtons + .image.bodywide {
      margin-top: 50px;
   }

   .ss .storyText .credit,
   .ss .storyText .fact .credit {
      font-size: 11px;
      line-height: 1.3636; /* 15px */
      -webkit-text-size-adjust: none; /* Prevent credit overflow on mobiles */
      -ms-text-size-adjust: none;
      text-size-adjust: none;
      text-align: right;
      color: #A6A6A6;
      margin-top: -3px;
      width: 472px;
      position: absolute;
      top: -12px;
   }

   .ss .storyText .caption {
      font-size: 0.867em; /* 13px; */
      line-height: 1.231; /* 16px */
      margin-top: 5px;
   }

   .ss .storyText.teaser .readMore {
      margin-top: 22px;
   }
   /**
    * Factbox Layout
    */
   .ss .storyText .fact {
      float: left;
      width: 239px;
      margin: 4px 17px 3px -167px;
      padding: 0px 0px 5px 0px;
      display: inline;
   }

   .ss .storyText .fact .image {
      padding-left: 0px;
      margin: 0px 0px 6px 0px;
   }

   .ss .storyText .fact .image .credit {
      width: 225px;
   }
   .ss .storyText .fact .image .caption {
      padding-left: 14px;
      width: 212px;
      margin: 6px 0 -6px 0;
   }
   .ss .storyText .fact .image + h2,
   .ss .storyText .fact .image + p {
      margin-top: 12px;
   }

   /**
    * Opener = big size images with 639px width
    */
   .ss .storyText .image.opener {
      padding: 0px;
      margin-left: -167px;
      width: 639px;
   }

   .ss .storyText .image.opener .credit,
   .ss .storyText .image.opener .caption {
      width: 625px;
      padding-left: 14px;
   }

   .ss .storyText .image.opener .caption {
      margin-top: 3px;
      margin-bottom: 32px;
   }

   .ss .storyText .fact h2,
   .ss .storyText .fact p,
   .ss .storyText .fact ol,
   .ss .storyText .fact ul,
   .ss .storyText .fact blockquote,
   .ss .storyText .fact .remote {
      padding-left: 14px;
      font-size: 0.867em; /* 13px; */
      line-height: 1.3846em; /* 18px; */
      margin: 6px 0px;
      width: 212px;
   }

   .ss .storyText .fact h2:first-child,
   .ss .storyText .fact ol:first-child,
   .ss .storyText .fact ul:first-child,
   .ss .storyText .fact blockquote:first-child,
   .ss .storyText .fact p:first-child  {
      margin-top: 10px;
   }

   .ss .storyText .fact h2 {
      margin-bottom: -2px;
   }

   .ss .storyText .fact ol {
      margin-left: 21px;
   }

   .ss .storyText .fact ul {
      list-style: none;
   }

   .ss .storyText .fact ul li {
      margin: 6px 0px;
      background: url('../../news/common/images/bullet.dot.small.png') no-repeat 0px 6px;
      padding-left: 10px;
      list-style-image: none;
   }

   .ss .storyText .fact blockquote p {
      font-size: 1em;
      line-height: 1.308em;
      padding-left: 0;
      width: 100%;
      font-style: italic;
   }

   .ss .storyMeta {
      clear: both;
      border-top: 5px solid #f0f1f4;
   }

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

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

   .ss .storyMeta .date {
      float: left;
   }
   .ss .storyText .byline {
      float: left;
      clear: both;
   }
   .ss .storyText .byline a {
      font-weight: normal;
   }
   .ss .storyMeta .toplink {
      float: right;
      background: url('../../news/common/images/arrow.top.png') no-repeat right 6px;
      background: none, url('../../news/common/images/arrow.top.svg') no-repeat right 6px;
      padding-right: 12px;
   }

   .ss .storyText iframe.fullWidth {
      margin-left: -167px;
      width: 800px;
      border: 0 none;
   }

   .ss #ss-storyText .stripe {
      margin: 0;
      width: 100%;
      height: auto;
      padding: 10px;
      margin-bottom: 16px;
   }

   .ss #ss-storyText .stripe * {
      display: none !important;
   }

   .ss #ss-storyText .stripe:after {
      position: static;
      display: block;
      height: auto;
      left: 0;
      background: #F0F1F4;
      content: "Dieser Inhalt ist nicht mehr abrufbar.";
   }

   /* breaker */

   .ss .storyText .breaker {
      margin: 0 0 15px -167px;
      height: 150px;

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

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

   .ss .storyText .breaker p,
   .ss .storyText .breaker h2 {
      font-size: 1em; /* 15px */
      line-height: 1.4;
   }

   .ss .storyText .breaker-content {
      margin: 0px 10px 10px 279px;
   }

   .ss .storyText .breaker-content > h2 {
      color: #466199;
      padding-top: 16px;
   }

   .ss .storyText .breaker-content p:last-child {
      margin-bottom: 30px;
   }

   .ss .storyText .breaker::after {
      height: 80px;
      left: 262px;
      content: "";
      right: 0;
      bottom: 0;
      position: absolute;
      background: url("../../../../common/images/nav.expand.svg") center 82% no-repeat,
      linear-gradient(to bottom, rgba(240,241,244,0), rgba(240,241,244,1) 60%);
   }

   .ss .storyText .breaker.fitting::after {
      content: none;
   }

   .ss .storyText .breaker.expanded::after {
      background: url("../../../../common/images/nav.close.svg") center 82% no-repeat;
   }

   .ss .storyText .breaker.expanded {
   }

   .ss .storyText .breaker:hover {
      background-color: #E8E9ED;
   }
   .ss .storyText .breaker.expanded:hover {
      background-color: #F0F1F4;
   }

   .ss .storyText .breaker-content > .image {
      float: left;
      width: auto !important;
      margin: 0px 0px 0px -279px;
   }

   /** fake until we have correct image format **/
   .ss .storyText .breaker-content > .image img {
      width: 260px;
   }

   .ss .storyText .breaker-credits {
      margin: 0 0 0 -167px;
      font-size: .75em;
      line-height: 1.3636;
      color: #a6a6a6;
      text-align: right;
      width: 259px;
   }

   /* Social Buttons Story */

   .socialButtons {
      width: 72px;
      height: 20px;
   }

   .socialButtons a {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-indent: -99999px;
      margin-left: 6px;
      text-decoration: none;
      padding: 0;
      outline: none;
   }

   .storyText .socialButtons {
      margin-top: -24px;
      position: relative;
      left: 561px;
      top: 25px;
   }

   .ss .storyText .socialButtons a,
   .ss .storyText .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 .socialButtons a:first-child {
      margin-left: 0px;
   }
   .ss .socialButtons a.facebook {
      background-position: 0px 0px;
   }
   .ss .socialButtons a.twitter {
      background-position: -26px 0px;
   }
   .ss .socialButtons a.googleplus {
      background-position: -52px 0px;
   }
   .ss .socialButtons a.facebook:hover,
   .ss .socialButtons a.facebook:focus {
      background-position: 0px -20px;
      text-decoration: none;
   }
   .ss .socialButtons a.twitter:hover,
   .ss .socialButtons a.twitter:focus {
      background-position: -26px -20px;
      text-decoration: none;
   }
   .ss .socialButtons a.googleplus:hover,
   .ss .socialButtons a.googleplus:focus {
      background-position: -52px -20px;
      text-decoration: none;
   }

   /* -------------- 360 pano video ------------------ */
   /* play button */
   .ss .remote .threesixty.preview::before {
      content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3NyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDcyIDc3Ij4KICA8cG9seWdvbiBwb2ludHM9IjAgMCAwIDc3IDcyIDM4LjUiIGZpbGw9JyNmZmZmZmYnIC8+Cjwvc3ZnPgoK");
      background-color: rgba(50, 50, 50, 0.6);
      width: 72px;
      height: 77px;
      padding: 40px;
      display: block;
      position: absolute;
      border-radius: 5px;
      margin-left: -76px;
      margin-top: -78px;
      left: 50%;
      top: 50%;
      cursor: pointer;
   }
   /* safari fullsize iframe */
   .ss .threesixty-fallback {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0 none;
      background-color: black;
      z-index: 1000000;
   }
   .ss .remote .threesixty {
      width: 800px;
      height: 450px;
      background-color: black;
      background-size: 100%;
      background-repeat: no-repeat;
   }

   .ss .storyText .remote .threesixty {
      margin-left: -167px;
      position: relative;
   }

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

   .ss .image.body a[href*="orf.at/vstories"] ~ .credit {
      display: none;
   }

   /* place caption over image if link to vollformat */
   .ss .image.body a[href*="orf.at/vstories"] ~ .caption {
      font-family: "ORF ON Condensed";
      font-weight: 500;
      position: absolute;
      bottom: 0;
      color: white;
      margin: 0;
      padding: 16px 20px;
      font-size: 36px;
      line-height: 1;
      width: 100%;
      box-sizing: border-box;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 20%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 100%);
   }

   /* hide caption in standalone story view, would probably be doubled otherwise */
   .ss .storyText .image.body a[href*="orf.at/vstories"] ~ .caption {
      display: none;
   }
}