@font-face {
    font-family: 'Saira';
    src: url('/pub/font/saira/saira-v2-latin-regular.eot');
    src: url('/pub/font/saira/saira-v2-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('/pub/font/saira/saira-v2-latin-regular.woff2') format('woff2'),
         url('/pub/font/saira/saira-v2-latin-regular.woff') format('woff'),
         url('/pub/font/saira/saira-v2-latin-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Saira';
    src: url('/pub/font/saira/saira-v2-latin-700.eot');
    src: url('/pub/font/saira/saira-v2-latin-700.eot?#iefix') format('embedded-opentype'),
         url('/pub/font/saira/saira-v2-latin-700.woff2') format('woff2'),
         url('/pub/font/saira/saira-v2-latin-700.woff') format('woff'),
         url('/pub/font/saira/saira-v2-latin-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/pub/font/opensans/open-sans-v15-latin-regular.eot');
    src: url('/pub/font/opensans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('/pub/font/opensans/open-sans-v15-latin-regular.woff2') format('woff2'),
         url('/pub/font/opensans/open-sans-v15-latin-regular.woff') format('woff'),
         url('/pub/font/opensans/open-sans-v15-latin-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/pub/font/opensans/open-sans-v15-latin-700.eot');
    src: url('/pub/font/opensans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
         url('/pub/font/opensans/open-sans-v15-latin-700.woff2') format('woff2'),
         url('/pub/font/opensans/open-sans-v15-latin-700.woff') format('woff'),
         url('/pub/font/opensans/open-sans-v15-latin-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* tables that are too wide are scrollable */
.rtx .scrollable {
  position: relative;
  overflow: hidden;
}
.rtx .scrollable .scroller {
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
}

.rtx {
  font: normal 15px 'Saira', Arial ,sans-serif;
}
.rtx > h2 {
  font: bold 20px 'Saira', Arial ,sans-serif;
}

.rtx > p, .rtx > h2, .rtx > h3, .rtx > table, .rtx > ul, .rtx > ol, .rtx > ul > li, .rtx > ol > li {
  margin: 20px 0;
  line-height: 22px;
  text-rendering: optimizeLegibility;
}
.rtx > p, .rtx > table, .rtx > ul, .rtx > ol, .rtx > ul > li, .rtx > ol > li {
  font-family: 'Open Sans', Arial, sans-serif;  
}
.rtx .artCmp {
  margin: 20px 0;
}
.rtx .artCmp aside {
  text-align: initial;
}
.rtx .artCmp p {
  line-height: normal;
}
.rtx > h3 {
  font-size: 1em;
}

/* text styles */
.rtx a, .rtx .tlink {
  text-decoration: none;
  color: #0032af;
  font-weight: bold;
}
.rtx .spox {
  font-weight: bold;
}
.rtx .tlink.nolink {
  background: none;
}
.rtx .tlink.nolink:hover {
  text-decoration: none;
}
.rtx span.ue3, .rtx p.ue3 {
  padding-left: 15px;
  font-weight: bold;
  position: relative;
}
.rtx span.ue3::before, .rtx p.ue3::before {
  content:"";
  position: absolute;
  top:6px;
  width: 7px;
  height: 7px;
  background-color: #0032af;
  left: 0px;
}

.rtx .quote {
  color: #575757;
  font-style: normal;
  font-weight: bold;
}
.rtx .cite {
  color: #575757;
}
.rtx .gamecardyellow {
  background: url(/pub/pic/rtx/icon-game-cardyellow.gif) 0 4px no-repeat;
  padding-left: 10px;
  font-weight: bold;
}
.rtx .gamecardyellowred {
  background: url(/pub/pic/rtx/icon-game-cardyellowred.gif) 0 4px no-repeat;
  padding-left: 13px;
  font-weight: bold;
}
.rtx .gamecardred {
  background: url(/pub/pic/rtx/icon-game-cardred.gif) 0 4px no-repeat;
  padding-left: 10px;
  font-weight: bold;
}
.rtx .gamegoal {
  background: url(/pub/pic/rtx/icon-game-goal.gif) 0 4px no-repeat;
  padding-left: 13px;
  font-weight: bold;
}
.rtx .gamenogoal {
  background: url(/pub/pic/rtx/icon-game-nogoal.gif) 0 4px no-repeat;
  padding-left: 13px;
  font-weight: bold;
}
.rtx .gameowngoal {
  background: url(/pub/pic/rtx/icon-game-owngoal.gif) 0 4px no-repeat;
  padding-left: 13px;
  font-weight: bold;
}
.rtx .gamesubst {
  background: url(/pub/pic/rtx/icon-game-subst.gif) 0 4px no-repeat;
  padding-left: 16px;
  font-weight: bold;
}
.rtx .gamewhistle {
  background: url(/pub/pic/rtx/icon-game-whistle.gif) 0 4px no-repeat;
  padding-left: 16px;
  font-weight: bold;
}
.rtx .ticksubst {
  background: url(/pub/pic/rtx/icon-tick-subst.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tickinjury {
  background: url(/pub/pic/rtx/icon-tick-injury.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tickeng {
  background: url(/pub/pic/rtx/icon-tick-eng.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tickita {
  background: url(/pub/pic/rtx/icon-tick-ita.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tickspa {
  background: url(/pub/pic/rtx/icon-tick-spa.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tickfra {
  background: url(/pub/pic/rtx/icon-tick-fra.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx p.tickeng, .rtx p.tickita, .rtx p.tickspa, .rtx p.tickfra {
  padding-left: 18px;
  background-position-y: 8px;  
}
.rtx .tourdotted {
  background: url(/pub/pic/rtx/icon-tour-dotted.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tourgreen {
  background: url(/pub/pic/rtx/icon-tour-green.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .tourwhite {
  background: url(/pub/pic/rtx/icon-tour-white.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .touryellow {
  background: url(/pub/pic/rtx/icon-tour-yellow.gif) 0 4px no-repeat;
  padding-left: 18px;
  font-weight: bold;
}
.rtx .medals {
  background: url(/pub/pic/rtx/icon-medals.gif) 0 4px no-repeat;
  padding-left: 24px;
  font-weight: bold;
}
.rtx .medal1 {
  background: url(/pub/pic/rtx/icon-medal1.gif) 0 4px no-repeat;
  padding-left: 14px;
  font-weight: bold;
}
.rtx .medal2 {
  background: url(/pub/pic/rtx/icon-medal2.gif) 0 4px no-repeat;
  padding-left: 14px;
  font-weight: bold;
}
.rtx .medal3 {
  background: url(/pub/pic/rtx/icon-medal3.gif) 0 4px no-repeat;
  padding-left: 14px;
  font-weight: bold;
}
.rtx .live {
  background: url(/pub/pic/rtx/icon-live.gif) 0 4px no-repeat;
  padding-left: 28px;
  font-weight: bold;
}
.rtx .flagger {
  background: url(/pub/pic/rtx/icon-flag-ger.gif) 0 4px no-repeat;
  padding-left: 19px;
  font-weight: bold;
}
.rtx .orgioc {
  background: url(/pub/pic/rtx/icon-org-ioc.gif) 0 4px no-repeat;
  padding-left: 21px;
  font-weight: bold;
}
.rtx .orgredcross {
  background: url(/pub/pic/rtx/icon-org-redcross.gif) 0 4px no-repeat;
  padding-left: 19px;
  font-weight: bold;
}
.rtx .weathersmog {
  background: url(/pub/pic/rtx/icon-weather-smog.gif) 0 4px no-repeat;
  padding-left: 20px;
  font-weight: bold;
}
.rtx .itemshot {
  background: url(/pub/pic/rtx/icon-item-shot.gif) 0 4px no-repeat;
  padding-left: 26px;
  font-weight: bold;
}
.rtx .linkdia {
  /* deleted - way to old */
}
.rtx .linkvid {
  /* deleted - way to old */
}
.rtx ul {
  margin:0;
  padding:0;
  list-style-type: none;
}
.rtx > ul li {
  padding-left: 15px;
  position: relative;
}

.rtx > ul li::before {
  content:"";
  position: absolute;
  top:6px;
  width: 6px;
  height: 6px;
  background-color: #575757;
  left: 0px;
}


/* tables */
.rtx table.wide {
  width: 100%;
}
.rtx table.ac tr:nth-child(2n+2) td {
  background-color: transparent;
}
.rtx table.ac tr:nth-child(2n+3) td {
  background-color: #e8e7e7;
}
.rtx table.taStd, .rtx table.taStd td {
  border: 1px solid #878787;
  border-collapse: collapse;
  padding: 0 4px;
}
.rtx tr.taHead td {
  background-color: #fb3500 !important;
  border: 1px solid #fb3500;
  color: #ffffff;
  font-weight: bold;
}
.rtx .taHell {
  background-color: #ffffff;
}
.rtx .taDunkel {
  background-color: #e8e7e7;
}

body,p,h1,h2,h3,h4,form,figure {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%; /* this really fixes the ios font size problem on orientation change */
  overflow-y: scroll;
  font: normal 15px 'Saira', Arial ,sans-serif;
  color:#000000;
}
body {
  -webkit-text-size-adjust: 100%; /* this really fixes the ios font size problem on orientation change */
  background-color: #0b1124;
}
.spxcib .tx,
.artDia .page .tit,
#diaContent .item .text,
.newsCt .itm .tsrTxtLnk .txt,
.newsCt .itm .tsrTop .tsrDate,
.srchRslt .tsrTxtLnk .txt {
  font-family: 'Open Sans', Arial, sans-serif;
}


.vmiddle {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.pgCenterP { /* centering the page parent */
  display: block;
  width: 980px; /* 1280px;*/
  margin: 0 auto;
}
.pgCenterC { /* centering the page child */
  display: block;
  width: 980px;
}
.spx-hidden {
  display: none;
}


img {
  border-width: 0;
}
input, select {
  font: normal 12px 'Open Sans', Arial ,sans-serif;
}
div.clear {
  clear: both;
}

/* FETT ALLGEMEINES */
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.teasD {
  color: inherit !important;
  cursor: pointer; /*IE7*/
}    
a.teasD:hover {
  text-decoration: none;
}
/* DIE MEHR-LINKS */ /* allgemein */
.mehr {
  background: url(/pub/pic/right-18-artikelbox.svg) no-repeat right bottom;
  padding-left: 17px;
  text-decoration: none;
}
a:hover .mehr {display: inline-block; text-decoration: none;}
a.area { position: absolute; top:0; left:0; width:100%; height:100%;}

.loadbig {
  width: 100%;
  height: 100%;
  background: url(/pub/pic/loading-l.gif) no-repeat center center;
}
.loadfail {
  display: none;
  margin: 51px 0 0 0;
  padding: 18px 100px;
  font-size: 12px;
}
.loadfail b {
  text-transform: uppercase;
}

.cntcomments {
  display:none;
  float: left;
}
a.cntcomments:hover {
  text-decoration: none;
}
.cntcomments span {
  display: block;
  width: 35px;
  height: 23px;
  padding: 0;
  margin: 0 10px 0 0;
  text-align: center;
  color: #ae0816;
  font-size: 12px;
  font-weight: bold;
  background: url(/pub/pic/comments-bladder.png) no-repeat;
}

.txinpic .cntcomments {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}

.txinpic .cntcomments span {
  width: 31px;
  height: 26px;
  padding: 10px 10px 0 0;
  color: #ffffff;
  background: url(/pub/pic/icon-comments.svg) no-repeat center center;
}


/* STOERER IN IMG */
.med, .conX .bild {
  position: relative;
}
.stoerer {
  position: absolute;
  top: 3px;
  right: 3px;
}
.stoerer.stoererVidL.s {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
}
.stoerer.stoererVidL.xs {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
}
.stoerer.stoererDiaL.s {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 35px;
  height: 35px;
}
.stoerer.stoererTdTL.s {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 40px;
  height: 35px;
}
.stoerer.stoererArtVid.s {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 35px;
  height: 35px;
}


.stoerer.m {
  top: 10px;
  right: 10px;
}
.stoerer.stoererVidL.m {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 41px;
  height: 41px;
}
.stoerer.stoererDiaL.m {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 41px;
  height: 41px;
}
.stoerer.stoererTdTL.m {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 57px;
  height: 50px;
}
.stoerer.stoererArtVidL.m {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 41px;
  height: 41px;
}
.stoerer.l {
  top: 20px;
  right: 20px;
}
.afm16 .stoerer.l {
  right: 165px;
}

.stoerer.stoererVidL.l {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 82px;
  height: 82px;
}
.stoerer.stoererDiaL.l {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 82px;
  height: 82px;
}
.stoerer.stoererTdTL.l {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 115px;
  height: 105px;
}
.stoerer.stoererArtVidL.l {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 82px;
  height: 82px;
}

#afm16 .cntcomments, #afm .cntcomments {
  position: absolute;
  top: 18px;
  left: 12px;
}
body.hiti h1 {
  position: absolute;
  font-size: 0.0625rem;
  text-indent: -1000px;
}


/* speziell */
.bHome #afm .afmText p .mehr {
  background-image: url(/pub/pic/mehr-ffffff.gif);
}
#login .mehr {
  background: url(/pub/pic/left-18-white.svg) no-repeat;
}
.conRtr .mehr {
  background-image: url(/pub/pic/mehr-4e4e4e.gif);
}

.conTTBildGG .mehr, 
.conTTBildG  .mehr, 
.conTTBildK  .mehr, 
.conTTDoppel .mehr,
.conLartC    .mehr,
.conLart     .mehr,
.newsCt     a.mehr,
.srchRslt   a.mehr
{
    background: none;
}

.conTTBildGG .mehr::before, 
.conTTBildG  .mehr::before, 
.conTTBildK  .mehr::before, 
.conTTDoppel .mehr::before,
.conLartC    .mehr::before,
.conLart    .mehr::before,
.newsCt     a.mehr::before,
.srchRslt   a.mehr::before
{
  content: "mehr...";
  font-weight: normal;
  display: inline-block;
  margin-left: -6px;
}

.bHome .homeCentered {
  margin: 15px auto;
}

/* AUFMACHER */
#afm {
  position: relative;
  width: 940px;
  z-index: 9;
}
#afmRelUser {
  position: absolute;
  right: 3px;
  bottom: 10px;
}
#afmRel {
  position: relative;
  width: 200px;
  color: #000000;
  font-size: 90%;
}
#afmRel .afmItm {
  position: absolute;
  display: inline;
  left: 0;
  top: -29px;
  padding-top: 1px;
}
#afmRel .afmItm .afmItmHead {
  height: 19px;
  width: 190px;
  padding-left: 10px;
  padding-top: 4px;
  background-color: #ffffff;
  cursor: pointer;
}
#afmRel .afmItm .afmItmBody {
  overflow: hidden;
  width: 180px;
  padding: 5px 10px;
  background-color: #000000;
  visibility: hidden;
}
#afmRel .afmItm .bild {
  float: left;
  margin: 7px 5px 5px 0;
  border: 1px solid #7f7f7f;
}
#afmRel .afmItm .afmItmHead p {
  padding-left: 13px;
  background: url(/pub/pic/link-000000.gif) no-repeat left;
}
#afmRel .afmItm .afmItmBody p {
  margin: 9px 0;
}
#afmRel .afmItm .afmItmBody a {
  color: #ffffff;
}
#afmUser {
  width: 200px;
  color: #9293a6;
  font-size: 80%;
}
#afmUser div {
  padding: 4px 8px;
  height: 15px;
}
#afmUser p {
  display: inline;
}
#afmUser a {
  color: #cbcbd3;
  margin-left: 4px;
}
#afmRelR .bild {
  border: 1px solid #a90716;
}
#afmRelU .bild {
  float: left;
  margin: 1px 5px 1px 1px;
  border: 1px solid #ffffff;
}
#afmRelU .afmRelItm .text {
  padding-top: 2px;
  font-size: 90%;
}
#afmRelU .afmRelItm .textob {
  padding-top: 2px;
  font-size: 90%;
}

/* HOME */
.bHome #afm {color: #ffffff;}
.bHome .afmText {position: absolute;}
.bHome .afmText .rubrik {
  float: left;
  display: inline;
  margin-left: 13px;
  top: 0;
  padding: 1px 10px;
  background-color: #ae0816;
  font-size: 90%;
  font-weight: bold;
}
.bHome .afmText h1 {
  float: left;
  display: inline;
  padding: 5px 10px;
  margin-left: 0;
  background-color: #000000;  
  font-size: 175%;
  font-weight: bold;
}
.bHome .afmText h1 a {
  color: #ffffff;
}
.bHome .afmText .text {
  float: left;
  display: inline;
  padding: 3px 5px;
  margin-left: 21px;
  background-color: #000000;
}
.bHome .afmText .text a {
  color: #ffffff;
  text-decoration: underline;
}
.bHome .afmText .text a.mehr {
  text-decoration: none;
}
.bHome .afmText br {
  clear: both;
}

/* Themen des Tages */
.bHome .content1 .conLinks.dailyTopics {
  width: 514px;
  padding-left: 0;
  background-color: #000000;  
}
.bHome .content1 .conLinks.dailyTopics .hdrTxt {
  margin: 5px 0 5px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.bHome .content1 .conLinks.dailyTopics .hdrImgDefault {
  width: 502px;
  height: 29px;
  margin: 0 0 0 7px;
  background: url("/pub/pic/themen-des-tages-headline.png") no-repeat left;
}
.bHome .content1 .conLinks.dailyTopics .itm {
  margin: 0 5px 0 5px;
  background: #252525;
}
.bHome .content1 .conLinks.dailyTopics .itm .altDot {
  width: 7px;
  display: inline-block;
  margin: 0 5px 0 0;
  background: url("/pub/pic/themen-des-tages-dot.png") no-repeat left; 
}
.bHome .content1 .conLinks.dailyTopics .itm.fst {
  height: 18px;
  padding: 8px 0 0 8px;
}
.bHome .content1 .conLinks.dailyTopics .itm.inr {
  height: 18px;
  border-top: 1px solid #535353;
  padding: 3px 0 0 8px;
}
.bHome .content1 .conLinks.dailyTopics .itm.lst {
  height: 23px;
  border-top: 1px solid #535353;
  padding: 3px 0 0 8px;
  margin-bottom: 5px;
}
.bHome .content1 .conLinks.dailyTopics .itm  a {
  color: #ffffff !important;
}
.bHome .content1 .conLinks.dailyTopics .itm  a strong {
  color: #8e8e8e;
}
.bHome .content1 .conLinks.dailyTopics .itm  a .mehr {
  background: url("/pub/pic/mehr-ffffff.gif") no-repeat scroll right center transparent;
  padding-left: 9px;
  text-decoration: none;
}
/* in afm */
.topicsCon .conLinks.dailyTopics {
  padding: 0 0 17px 0;
  width: 300px;
  background-color: #252525;
}
.topicsCon .conLinks.dailyTopics .hdrTxt {
  margin: 5px 0 5px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.topicsCon .conLinks.dailyTopics .hdrImgDefault {
  width: 293px;
  height: 29px;
  margin: 0 0 0 7px;
  background: url(/pub/pic/themen-des-tages-headline.png) no-repeat;
}
.topicsCon .conLinks.dailyTopics .itm {
  overflow: hidden;
  width: 268px;
  height: 25px;
  margin: 0 5px; 
  padding: 1px 7px 0 15px;
  border-bottom: 1px dotted #535353;
  background: #252525 url(/pub/pic/themen-des-tages-dot.png) no-repeat 0 10px; 
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topicsCon .conLinks.dailyTopics .itm .altDot {display: none;}
.topicsCon .conLinks.dailyTopics .itm a {color: #ffffff !important;}
.topicsCon .conLinks.dailyTopics .itm a strong {font-weight: normal;}
.topicsCon .conLinks.dailyTopics .itm a .mehr {background-image: url("/pub/pic/mehr-ffffff.gif");}

/* CHANNEL */
.bChan #afm {
  color: #000000;
  width: 620px;
  height: 359px;
  margin: 10px 0 20px 0;
}
.bChan #afm .pic img {
  width: 100%;
  height: 100%;
}
.bChan .afmRightCol {
  margin-left: 30px;
  float: left;
  overflow: hidden;
}
#spxCt.pgCenterC {
  padding: 0 5px;
  width: 970px;
  border-top: 1px solid transparent;
}
#spxCt {
  background-color: #ffffff;
}

/* CONTENT */
#content {
  position: relative;
  width: 970px;
}
#content .content12 {
  clear: both;
  margin-left: 15px;
  width: 940px;
  background-color: #ffffff;
}
#content .content1 {
  clear: both;
  overflow: hidden;
  float: left;
  background-color: #ffffff;
}
#content .content2 {
  float: left;
  background-color: #ffffff;
}
#content>.content1 {margin-left: 15px}
#content .content12 .maxwidth {
  width: 970px;
  margin-left: -15px;
  box-sizing: border-box;
}

/* HOME */
.bHome .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bHome .content2 {width: 300px; padding: 10px  0   30px 0;}

/* Videos */
.bVid .content1 {width: 620px; padding: 10px   0    0   0;}
.bVid .content2 {width: 300px; padding: 10px   0    0   0;}

/* CHANNEL */
.bChan .content1 {width: 620px; padding: 0   15px 30px 0;}
.bChan .content2 {width: 300px; padding: 0    0   30px 0;}
.bChan #content > .content2 {margin-top: 10px;}

/* ARTIKEL */
.bArt .content1 {width: 620px; padding:  0   15px 30px 0;}
.bArt .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DAYTICKER */
.bTick .content1 {width: 620px; padding:  0   15px 30px 0;}
.bTick .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DIASHOW */
.bDia .content12 {
  margin-bottom: 30px;
}
.bDia .content1 {width: 620px; padding:  0   15px 30px 0;}
.bDia .content2 {width: 300px; padding: 10px  0   30px 0;}
.bDia .sepCont {background:none !important;}

.bLiveTick #content {position: relative;}
.bLiveTick #content .content1 {width: 940px; float: none; margin: 0 auto;}

/* SUCHE */
.bSuch .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bSuch .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DATA */
.bData .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bData .content2 {width: 300px; padding: 10px  0   30px 0;}

/* News */
.bNews .content1 {width: 620px; padding: 0   15px 30px 0;}
.bNews .content2 {width: 300px; padding: 5px  0   30px 0;}

/* Aufmacher Above */
#afmAbove {
  background-color: #000000; 
}

/* die TrennPunkte */
#afm .trennPunkt,.sucErg .trennPunkt,.thmbx .trennPunkt {
  clear: both;
  padding-top: 1px;
  background: url(/pub/pic/trennpunktG.gif) repeat-x;
  margin: 8px 9px;
}
#afm .trennPunkt,.sucErg .trennPunkt {
  margin: 0;
}

/* container */
.conX {
  overflow: hidden;
  width: 940px;
  margin-bottom: 20px;
}
.conX .c1 {
  float: left;
  width: 300px;
  padding: 0 15px 0 0;
}
.conX .c2 {
  float: left;
  width: 300px;
}
/* ow */
.content1 .conX {width: 620px;}
.content2 .conX {width: 300px;}
.content1 .conX .c1 {width: 300px;}

.conMdm {width:510px; padding-left:4px;}
.bHome .conMdm {margin-left: auto; margin-right: auto; padding: 0;}

.bArt .content12 .conX {width: auto;}

/* Gruppierung */
.conGrp .conX {margin-bottom: 0 !important;} /*nested*/
.conGrp {
  margin: 23px 0 30px 0;
  background-color: #ffffff;
}
.grpTop {
  position: relative;
  margin: 0 0 20px 0;
}
.rc .grpTop {
  margin: -10px 0 10px 0;
}
.rc .grpTop h3 {
  text-align: center;
  text-transform: uppercase;
}
.grpTop.distb {
  margin-bottom: 10px;
}
.conGrp .content2 {
  margin: 0 0 0 15px;
  padding: 0 !important;
}
.grpTop h2 {
  color: #0b1124;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
}
.grpTop .sep {
  height: 0;
  border-bottom: 2px solid #5cc8ff;
}
.conGrp .grpSep {
  margin: 15px 0 20px 0;
  height: 1px;
  background-color: #b5b5b5;
}
.bHome .conGrp {overflow: hidden;}
.bChan .conGrp .grpLnk {display: block; margin: 0;}
.bHome #content .conGrp .content1 {padding: 0;}
.bChan #content .conGrp .content1 {float: none; padding: 0;}
.bHome .conGrp .grpSep, .bVid .conGrp .grpSep {
  background-color: transparent;
}


/* Suche */
.sucErg {
  border: 1px solid #ae0816;
  border-width: 2px 0 0 0;
  margin-top: 20px;
}
.sucErg .rubrik {
  height: 15px;
  background-color: #373737;
  color: #ffffff;
  font-size: 80%;
}
.sucErg .rubrik p {
  margin: 0 9px;
  padding-top: 1px;
  text-transform: uppercase;
}

/* und jetzt speziell */
.content1 .conRtr {padding-left:4px;width:510px;}

.conRtr .rtrTabhead {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 15px;
  background-color: #ffffff;
}
.content2 .conRtr .rtrTabhead {height:22px;}
.conRtr .rtrTabheaditem {
  width: 149px;
  height: 100%;
  background: url(/pub/pic/tab.gif) repeat-x 0 0;
  font-weight: bold;
  text-indent:8px;
  cursor: pointer;
  color: #000000 !important;
}
.conRtr .rtrTabheaditemC {text-indent:0; text-align:center;}
.content1 .conRtr .rtrTabheaditem {padding-top:1px; font-size:90%;}
.content2 .conRtr .rtrTabheaditem {padding-top:4px; background-image: url(/pub/pic/tab-r.gif); font-size:90%;}
.conRtr .rtrTabsel {
  background-position: 0 -15px;
  color: #ffffff !important;
  font-size: 100% !important;
}
.content2 .conRtr .rtrTabsel {background-position: 0 -22px; font-size: 90% !important; }
.conRtr .rtrTabbody {
  overflow: hidden;
  position: relative;
  width: 508px;
  border: 1px solid #ae0816;
  border-width: 3px 1px 1px 1px;
  background: #ffffff url(/pub/pic/back-tab.gif) 0 -20px repeat-x;
}
.content2 .conRtr .rtrTabbody {width:298px; border-width:2px 1px 1px 1px;}
.conRtr .rtrTabbodyitem {
  width: 100%;
}
.conRtr .rtrVisH {
  position: absolute;
  top: 0;
  visibility: hidden;
}
.conRtr .rtrDisN {
  display: none;
}
.conRtr .rtrSC {
  display: inline;
  float: left;
  width: 482px;
  margin: 2px 5px 0 5px;
}
.content2 .conRtr .rtrSC {width:272px;}
.conRtr .rtrSCI {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.conRtr .rtrSB {
  display: inline;
  float: left;
  width: 15px;
  padding-top: 2px;
}
.conRtr .rtrSBUp, .conRtr .rtrSBDn {
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: url(/pub/pic/sbar.png) no-repeat -15px 0;
  cursor: pointer;
}
.conRtr .rtrSBDn {background-position:-15px -15px;}
.conRtr .rtrSBUp:hover {background-position:-30px 0;}
.conRtr .rtrSBDn:hover {background-position:-30px -15px;}
.conRtr .rtrSBUpMD {background-position:-45px 0 !important;}
.conRtr .rtrSBDnMD {background-position:-45px -15px !important;}
.conRtr .rtrSBBck {
  position: relative;
  width: 15px;
  background: url(/pub/pic/sbar.png) repeat-y;
}
.conRtr .rtrSBDrg {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 15px;
  height: 23px;
  background: url(/pub/pic/sbar.png) no-repeat -15px -30px;
  cursor: pointer;
}
.conRtr .rtrSBDrg:hover {background-position: -30px -30px;}
.conRtr .rtrSBDrgMD {background-position: -45px -30px !important;}
.conRtr .conX {margin-bottom: 0;} /*nested*/
.content2 .conRtr .medlnk {margin-bottom: 0;}
.conRtr .rtrFoo {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 0 20px 0 5px;
  height: 21px;
  background: #ffffff url(/pub/pic/back-tab.gif) 0 0 repeat-x;
  text-align: right;
}
.conRtr .rtrFoo .pres {
  position: absolute;
  top: 3px;
  left: 5px;
}
.conRtr .rtrFoo span {
  font-size: 90%;
  color: #ad0410;
}
.conRtr .rtrFoo a {
  color:#ad0410 !important;
}
.content1 .rtrFoo .fooSep, .content2 .rtrFoo .fooSep {
  overflow: hidden;
  height: 3px;
  border-top: 1px solid #ad0410;
}
.rtrLinks {
  overflow: hidden;
  margin: 5px 7px;
  color: #000000;
}
.rtrLinks div {
  overflow: hidden;
  clear: both;
  padding: 6px 0;
  font-size: 90%;
  background: url(/pub/pic/trennpunktG2.gif) repeat-x 0 bottom;
}
* html .rtrLinks div {overflow: visible; height: 1%;}
.rtrLinks .rubrik {
  font-weight: bold;
}
.rtrLinks a.txt {
  float: left;
  width: 445px;
  color: #000000;
}
.rtrSnip h2 {padding:6px 0 7px 12px; color:#4d4d4d; font-size:15px;}

/* Breaking News */
#conBreaking {
  margin: 5px 0;
  border: 2px solid #a81017;
  border-width: 2px 0;
  padding: 5px 3px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 15px;
}
#conBreaking .lab {
  background-color: #a81017;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 6px;
  margin-right:5px;
  float: left;
}
#conBreaking .tx {
  overflow: hidden;
}
#conBreaking .ct i {
  font-style: normal;  
  padding: 0 15px;
}
#conBreaking .ct {
  white-space: nowrap;
}

/* TTs */
.content1 .conTTDoppel,.content1 .conTTBildGG,.content1 .conTTBildG,.content1 .conTTBildK,
.content12 .conTTDoppel,.content12 .conTTBildGG,.content12 .conTTBildG,.content12 .conTTBildK {
  width: 620px;
}
.conTTDoppel .bild img, .conTTBildGG .bild img, .conTTBildG .bild img, .conTTBildK .bild img {
  border: 1px solid transparent;
}
.conTTDoppel .bild img, .conTTBildG .bild img {
  width: 298px !important;
  height: 171px !important;
}

.conTTBildGG .bild img {
  width: 613px !important;
  height: 227px !important;
}

.conTTDoppel .bild {margin-bottom: 5px;}
.conTTBildGG .bild {margin-bottom: 5px;}

.content1 .conTTDoppel .ts,
.content1 .conTTBildGG {
  margin-top: -5px;
}

.conTTDoppel .date {
  font-size: 11px;
  color: #848484;
  margin-bottom: 5px;
}
.bHome .conTTDoppel .date {
  display: none;
}
.conTTDoppel .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTDoppel h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTDoppel .text {
  font-size: 15px;
  line-height: 20px;
}

.conTTDoppel .snp {overflow: hidden;}
.conTTDoppel .snp h2 {padding:6px 0 7px 12px; color:#4d4d4d; font-size:15px;}

.conTTBildGG .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTBildGG h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTBildGG .text, .conTTBildGG .text p {
  font-size: 15px;
  line-height: 20px;
}

.conTTBildG {
  padding: 0 0 5px 0;
}
.conTTBildG .c1 {padding: 0 10px 0 0;}
.conTTBildG .c2 {width: 305px;}
.conTTBildG .date {
  font-size: 11px;
  color: #848484;
  margin-bottom: 5px;
}

.conTTBildG .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTBildG h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTBildG .text {
  font-size: 15px;
  line-height: 20px;
}

.conTTBildK .topline {
  color: #a81017;
  min-height : 26px;
}

.conTTBildK h2 {
  font-size: 22px;
}

.conTTBildK .text {
  line-height: 20px;
}
.conTTBildK .bild {
  float: left;
  margin: 5px 10px 5px 0;
}

/* links of snippets */
.snp .links {
  overflow: hidden;
  /*padding: 8px 9px 5px 0;*/
  text-align: right;
}

.snp .links a {
  display: inline-block;
  padding: 0 12px 0 0;
  margin: 0 0 0 15px;
  font-size: 11px;
  text-transform: uppercase;
}
.snp .links a:hover {
  text-decoration: underline;
}

/* SNIP */
.conSnip h2 {
  padding: 5px 0 0 16px;
  height: 27px;
  background: url(/pub/pic/back-afm.gif) repeat-x;
  color:#4d4d4d;
  font-size:130%;
}
.conSnip center {
  padding-left:4px;
  width:510px;
}

/* GSM data snippet */
.gsmdata {
  font-family: 'Saira', Arial ,sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 23px;
}
.gsmdata td.result .score.extd {
  line-height: 15px; 
}
.gsmdata td.result .score.extd .fs {
  margin-top: 3px;
}
.gsmdata td.result .score.extd .etps {
  margin-bottom: 3px;
}
.gsmdata.small {
   font-size: 11px;
}
div.gsmdata {
  width: 298px;
  overflow: hidden;
}
.gsmdata table {      
  margin: 0 10px 0 10px;
}
.gsmdata td {
  padding: 0;
  white-space: normal;
}
.gsmdata td.team {
  width: 93px;
}
.gsmdata td.teamNi {  /* no icons */
  width: 109px;    
}
.gsmdata td img {
  margin-top: 2px;
  width: 16px;
  height: 16px;
}  
.gsmdata td.teamA {
  padding: 0 5px 0 0;    
  text-align: right;
}
.gsmdata td.result {    
  width: 50px;
  text-align: center;
  font-weight: bold;
}
.gsmdata td.teamB {    
  padding: 0 0 0 5px;
}
.gsmdata tr.inner td,
.gsmdata tr.last td {
  border-top: 1px solid #b5b5b5;
}
.gsmdata tr.inner.newgrp td,
.gsmdata tr.last.newgrp td {
  border-top: 1px solid #b5b5b5;
}

/* MULTI REITER */
.conMultiReit {
  position: relative;
  margin: 0 0 43px 0; /* 43 cuz of .rtrBd top 23 */
}
.conMultiReit .rtrHd {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  white-space: nowrap;
}
.conMultiReit .rtrHd .rtr {
  display: inline-block;
  padding: 2px 10px 0 10px;
  height: 21px;
  margin: 0 5px 0 0;
  border: 1px solid #b5b5b5;
  border-width: 1px 1px 0 1px;
  background-color: #d2d2d2;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.conMultiReit .rtrHd .rtr.sel, .conMultiReit.einReit .rtrHd .rtr {
  background: #ffffff;
  filter: none;
  cursor: default;
}
.conMultiReit.einReit .rtrHd {
  width: 100%;
}
.conMultiReit.einReit .rtrHd .rtr {
  display: block;
  margin: 0;
  padding: 10px 34px;
  font-size: 15px;
  font-weight: bold;
  color: #0032af;
  line-height: 20px;
  height: auto;
}
.conMultiReit .rtrBd {
  overflow: hidden;
  position: relative;
  top: 23px;
  border: 1px solid #b5b5b5;
  z-index: 8;
}

.conMultiReit .rtrBd .rtr.rtrSnip h2 { font-size: 22px; padding: 6px 0 7px 12px; font-weight: normal; }
.conMultiReit .rtrBd .rtr.rtrSnip .nav {margin-bottom: 24px};

/* Topthema Doppel overrides for GSM data snippet; there seems to be another fixed height snippet we don't want to interfere with */
.content1 .conTTDoppel .snp.gsm {
  background-color: #ffffff; 
}
.content1 .conTTDoppel .snp .conMultiReit .links {
  padding: 0;
}
.content1 .conTTDoppel .snp .conMultiReit .links a {
  text-transform: none; 
}

.conMultiReit.einReit .rtrBd {
  margin: 0;
  border-width: 0 1px 1px 1px;
}
.conMultiReit .rtrBd .rtr {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  display:none;
  left: 0;
  top: 0;
}

.conMultiReit .rtrBd .rtr.sel {
  visibility: visible;
  display: block;
  position: relative;
}

.conMultiReit .rtrBd .rtr .outer {
  overflow: hidden;
  position: relative;
  margin: 10px 5px 0 5px;  
}
.conMultiReit .rtrBd .rtr .nav {
  margin: 5px 0 50px 0;
}
.conMultiReit .rtrBd .rtr .inner {
  position: relative;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.arrnav .ctrl {
  width: 30px;
  height: 20px;
  background: url(/pub/pic/left-24-grey.svg) no-repeat center center;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.arrnav .ctrl.next {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrnav .ctrl.act {cursor: pointer; background-image: url(/pub/pic/left-24-blue-0032af.svg);}


.conMultiReit .rtrBd .rtr .ctrl {
  position: absolute;
}
.conMultiReit .rtrBd .rtr .ctrl.next {right: 5px;}
.conMultiReit .rtrBd .rtr .ctrl.prev {left: 5px;}
.conMultiReit .rtrBd .rtr .bulls {
  position: absolute;
  left: 50%;
  margin: 0 auto;
  white-space: nowrap;
}
.conMultiReit .rtrBd .rtr .bull {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid #fb3500;
  cursor: pointer;
}
.conMultiReit .rtrBd .rtr .bull.sel {background-color: #fb3500; cursor: default;}
.conMultiReit .rtrBd .rtr .links {
  overflow: hidden;
  position: absolute;
  right: 10px;
  bottom: 2px;
}
.conMultiReit .rtrBd .rtr .links a {
  display: inline-block;
  margin: 0 0 0 15px;
  font-weight: bold;
  font-size: 12px;
}
.conMultiReit .rtrBd .rtr .page {
  overflow: hidden;
  display: inline-block;
  width: 928px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

.conMultiReit .rtrBd .rtr .page:last-child {
  margin: 0;
}
.conMultiReit .rtrBd .rtr .itm {
  overflow: hidden;
  clear: both;
  padding: 5px;
  margin: 10px 0 0 0;
  white-space: normal;
}

.conMultiReit .rtrBd .rtr .itm:first-child {margin: 0;}
.conMultiReit .rtrBd .rtr.rtrMed .itm {
  border: 1px solid #b5b5b5;
}
.conMultiReit .rtrBd .rtr .med img {
  border: 1px solid #b5b5b5;
}
.conMultiReit .rtrBd .rtr a:hover .txt {
  text-decoration: none !important;
}

.conMultiReit .rtrBd .rtr .page.news .itm .time {
  float:left;
  font-weight: bold;
}
.conMultiReit .rtrBd .rtr .page.news .itm .tit {
  margin-left: 45px;
}
.conMultiReit .rtrBd .rtr .page.news .itm {
  margin:3px 0 0;
  padding: 0 5px;
}


/* OW */
/* content col */
.conMultiReit.con1 .rtrBd .nav {margin: 0 0 45px 0;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .outer {margin: 19px 34px 0 34px;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .page {width: 830px; height: 120px;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm {
  display: inline-block;
  width: 118px;
  height: 108px;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm:first-child {margin: 0;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm .wrap {font-size: 11px;}
.conMultiReit.con1 .rtrBd .rtr .ctrl {top: 70px;}
.conMultiReit.con1 .rtrBd .rtr .bulls {top: 148px;}

/* home content col */
.conMultiReit.con12 {margin: 15px 0 43px 0;}
.conMultiReit.con12 .rtrBd .nav {margin: 0 0 45px 0;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .outer {margin: 19px 34px 0 34px;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .page {width: 870px; height: 120px}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm {
  display: inline-block;
  width: 118px;
  height: 108px;
  margin: 0 0 0 18px;
  vertical-align: top;
}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm:first-child {margin: 0;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm .wrap {font-size: 11px;}
.conMultiReit.con12 .rtrBd .rtr .ctrl {top: 70px;}
.conMultiReit.con12 .rtrBd .rtr .bulls {top: 148px;}


/* right col */
.conMultiReit.con2 .rtrBd .rtr .page {width: 288px;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm {height: 69px;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm .med {float: left;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm .wrap {margin: 0 0 0 128px;}
.conMultiReit.con2 .rtrBd .rtr .ctrl {bottom: 24px;}
.conMultiReit.con2 .rtrBd .rtr .bulls {bottom: 23px;}  

/* new home */
.conMultiReit.hm {margin-bottom: 23px;}
.conMultiReit.hm .rtrBd .rtr .page {width: 459px;}
.conMultiReit.hm .rtrBd .rtr .nav {margin-bottom: 25px;}
.conMultiReit.hm .rtrBd .rtr .links a {font-size: 15px;}

.artCmp .conMultiReit { 
  width: 300px;
  font-family: 'Saira', Arial ,sans-serif; 
}
.artCmp .conMultiReit a { 
  color: #000000;
  font-weight: normal;
}

/* Definition Multireiter for Golf- and Tennis-Snippets */
.rtrSnip .golf .pos {   
  padding: 0 5px 0 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .golf .nat {   
  width: 24px;
  padding: 2px 0 0 6px; 
}
.rtrSnip .golf .nat span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;   
  background-image: url(/pub/opta-snippet-flags/flags.png); 
  background-repeat: no-repeat;
}
.rtrSnip .golf .name {   
  width: 146px;    
}
.rtrSnip .golf .forthcol {
width: 64px;   
  text-align: right;
}
.rtrSnip .golf.head td {
  font-size: 11px;
  color: #525252;
}   
.rtrSnip .golf.head .pos {   
  padding: 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .golf.head .forthcol {   
  text-align: right;
}

.rtrSnip .golf td {
  border-top: 1px solid #d2d2d2;
}
.rtrSnip .golf.isFirst td {
  border: 0;
}


.rtrSnip .tennis .pos {   
  padding: 0 5px 0 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .tennis .nat {   
  width: 24px;    
}
.rtrSnip .tennis .nat span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;   
  background-image: url(/pub/opta-snippet-flags/flags.png); 
  background-repeat: no-repeat;
}
.rtrSnip .tennis .name {   
  width: 116px;    
}
.rtrSnip .tennis .pnts {
  width: 46px;   
  text-align: right;
}
.rtrSnip .tennis .torns {
  width: 50px;   
  text-align: right;
}
.rtrSnip .tennis.head td {
  font-size: 11px;
  color: #525252;
}   
.rtrSnip .tennis.head .pos {   
  padding: 0;
  text-align: right;
}
.rtrSnip .tennis td {
  border-top: 1px solid #d2d2d2;
}
.rtrSnip .tennis.isFirst td {
  border: 0;
}

/* VIDEO PLAYER (ePlayer) VideoP */
.conVidPlay h1 {
  overflow: hidden;
  padding: 10px 0;
  font-size: 32px;
  font-weight: bold;
}
.conVidPlay .vidplay .txt {
  overflow: hidden;
  padding: 10px 26px 0 6px;
  font-size: 13px;
}
.conVidPlay #eplayer {
  width:  600px;
  height: 414px;
}
/* RECHTS */

/* Sammelbox */
.content2 .conSmlg {
  width: 298px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  padding: 0;
}

.content2 .conSmlg .sep {
  clear: both;
  border: 1px solid #b5b5b5;
  margin: 0 0 5px 0;
}

/*csneu*/
.content2 .conSmlg .top5 {
  border: none;
  margin: 0;
}

/* Themenbox*/

.content2 .conTHB {
  width: 288px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  margin: 0 0 20px 0;
  padding: 5px;
  background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 50%, #ffffff 90%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0); /*IE6-9*/
}
.content2 .conTHB .conHd {
  font-size: 11px;
  margin-bottom: 20px;
  background: #ffffff;
  padding-left:5px;
}

.content2 .conTHB .itm .med {
  float: left;
  margin-right: 10px;
}

.content2 .conTHB .itm .tit {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #525252;
}

.content2 .conTHB .itm .txt {
  font-size: 12px;
  color: #525252;
}

.content2 .conTHB .itm {
  overflow: hidden;
  clear: both;
  margin-bottom: 10px;
}

/* Top5 */
.top5 {
  overflow: hidden;
}
.content2 .top5 {
  width: 288px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  margin: 0 0 20px 0;
  padding: 5px;
}
.content2 .top5 .conHd {
  font-size: 12px;
  margin-bottom: 10px;
  padding-left:5px;
}
.top5 .trenn {
  border-top:1px solid #b5b5b5;
}
.top5 .itm {
  overflow: hidden;
  clear: both;
  height: 45px;
}
.top5 .itm .num {
  float: left;
  overflow: hidden;
  width: 39px;
  height: 54px;
  margin-top: 2px;
  font-size: 200px;
  background: url(/pub/pic/top10num.png) 0 0 no-repeat;
  vertical-align: bottom;
}
.top5 .itm .num a:hover {
  text-decoration: none;
}
.top5 .itm .num2 {background-position: 0 -54px;}
.top5 .itm .num3 {background-position: 0 -108px;}
.top5 .itm .num4 {background-position: 0 -162px;}
.top5 .itm .num5 {background-position: 0 -216px;}
.top5 .itm .num6 {background-position: 0 -270px;}
.top5 .itm .num7 {background-position: 0 -324px;}
.top5 .itm .num8 {background-position: 0 -378px;}
.top5 .itm .num9 {background-position: 0 -432px;}
.top5 .itm .num10 {background-position: 0 -486px;}
.top5 .itm .bild {
  float: left;
  display: none;
  margin: 10px 7px 10px 0;
}
.top5 .itm .bild img {
  border: 1px solid transparent;
}
.top5 .itm .hl {
  margin: 5px 5px 0 0;
  font-size: 13px;
}
.top5 .itm .hl a {
}
.top5 .itm .text {
  overflow: hidden;
  height: 20px;
  padding: 0 5px 0 1px;
}
.top5 .itm .text a {
  font-weight: bold;
}
.top5 .sel {height:95px;}
.top5 .sel .num {margin-top:16px;}
.top5 .sel .num1 {background-position: -39px 0;}
.top5 .sel .num2 {background-position: -39px -54px;}
.top5 .sel .num3 {background-position: -39px -108px;}
.top5 .sel .num4 {background-position: -39px -162px;}
.top5 .sel .num5 {background-position: -39px -216px;}
.top5 .sel .num6 {background-position: -39px -270px;}
.top5 .sel .num7 {background-position: -39px -324px;}
.top5 .sel .num8 {background-position: -39px -378px;}
.top5 .sel .num9 {background-position: -39px -432px;}
.top5 .sel .num10 {background-position: -39px -486px;}
.top5 .sel .bild {display:block;}
.top5 .sel .text {overflow:visible;}

/* THEMENBOX */
.thmbx {
  overflow: hidden;
  margin: 0 0 20px 0;
  border: 1px solid #a90716;
  height: 1%; /*IE6!*/
  background-color: #ffffff;
}
.thmbx a {
  color: #000000;
}
.thmbx .thmbxhead {
  clear: both;
  margin: 10px 0;
  background: url(/pub/pic/trenngrid-a80816.gif) repeat;
}
.thmbx .thmbxhead p {
  display: inline;
  padding: 0 5px;
  margin: 0 13px;
  border: 0 solid #ffffff;
  border-width: 0 1px;
  color: #ffffff;
  background-color: #ae0816;
  font-size: 80%;
  text-transform: uppercase;
}
.thmbx .thmbxbody {
  margin-bottom: 15px;
}
.thmbx .thmbxbody .itm {
  overflow: hidden;
  height: 1%; /*IE6!*/
  margin: 5px 10px;
  font-size: 90%;
}
.thmbx .thmbxbody .itm .bild {
  float: left;
  margin-right: 10px;
  border: 1px solid #373737;
}
.thmbx .thmbxbody .trennPunkt {
  margin: 0;
}
.thmbx .top5 {
  border-width: 0;
  margin: 0;
}
.thmbx .top5 .top5body {
  border-width: 0;
}

/* Medium+Link */
.medlnk {
  overflow: hidden;
  margin: 0 0 10px 0;
  height: 1%; /*IE6!*/ 
}
.content2 .medlnk, .content2 .adfb {
  margin: 0 0 20px 0;
}

/** Social in article, rudb */
.social { /*center vertically*/
  right: 0;
  width: 150px;
}
.social .socFacebook { background: url(/pub/pic/icons/soc-facebook.svg) no-repeat; }
.social .socTwitter  { background: url(/pub/pic/icons/soc-twitter.svg) no-repeat; }
/*.social .socGoogle   { background: url(/pub/pic/icons/soc-google.svg) no-repeat; }*/
.social .socComments { background: url(/pub/pic/icons/soc-comments.svg) no-repeat; }


.social .socComments { 
  position: relative;
}
.social .socComments .cmtcnt { 
  position: absolute;
  display: block;
  bottom: 4px;
  right: 0;
  width: 100%;
  font-size: 10px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: center;
  color: #0b1124;
}
.social .soc {
  background-size: 97% 97%;
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  margin: 0 0 0 5px;
}
.bTick .socialTick.social {
  width: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
.bTick .socialTick.social .soc {
  width: 28px;
  height: 28px;
  margin: 0 0 0 10px;  
}


/***********/ /* ARTIKEL */
.bArt .artAfm img.bg {
  height:0;
}
/*.bArt .imgrel {
  max-height: 347px;
  overflow: hidden;
}*/
.bArt #content .ct {
  display: inline-block;
  width: 600px;
  margin: 15px 0 0 15px;
}
.bArt #content .rc {
  vertical-align: top;
  display: inline-block;
  width: 300px;
  margin: 15px 0 0 40px;
}
.bArt #content .rop {
  width: 600px;
  margin: 0 0 0 15px;
  padding-bottom: 16px;
}
.bArt #content .rop .fullrow {
  width: 960px;
  white-space: nowrap; 
}
.bArt #content .rop .fullrow .rec {
  display: inline-block;
  vertical-align: top;
  margin-right:20px;
}
.bArt #content .rc .rec, .bArt #content .rc .cmp {
  margin-bottom: 20px;
}
.bArt #content .rc .stick {
  background: #fff;
}
.bArt #content .rc .stickstart {
  position: absolute;
  width:0;
  height:0;
}
.bArt #content .rc .stick.on {
  position:fixed;
  top:46px;
  z-index: 30;
  margin-left: -10px;
  border: 1px solid #fff;
  border-width: 10px 10px 0 10px;
}
.bArt #content .rc .stick .cmp:last-child {
  margin-bottom:0;
}
.bArt .abstr {
  font-weight: bold;
}
.bArt .adlbl, .bVid .adlbl {
  font-size: 12px;
  color: #b5b5b5;
  margin-bottom: 10px;
}
.detailsHead {
  position: relative;
}
.detailsHead .catlnk {
  position: absolute;
  top:-14px;
  font-size: 11px;
  color: #595959;
}
.detailsHead .catlnk:hover {
  text-decoration: none;
}
.detailsHead h1 {
  color: #0b1124;
  font-size: 32px;
  line-height: 1.25em;
}
.bTick.bArt .detailsHead h1 {
  font-size: 22px;
}
.detailsHead .socgrp {
  position: relative;
  min-height: 32px;
  margin: 18px 0 15px 0;
  color: #595959;
}
.detailsHead .socgrp .aut {
  min-height: 13px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;  
}
.detailsHead .socgrp .aut a {
  color: #0032af;
}
.detailsHead .socgrp .date {
  font-size: 12px;
}
.bArt .cmp.artaufthe {
  background-color:#0b1124;
  width: 300px;
  color: #ffffff;
  position: relative;
  padding-bottom: 25px;
}
.bArt .cmp.artaufthe .hl {
  height: 44px;
  line-height:44px;
  padding-left: 22px;
  font-weight: normal;  
}
.bArt .cmp.artaufthe a {
  display: block;
  margin: 0 9px;
  padding: 11px 0;
  border: 1px solid #b5b5b5;
  border-width: 1px 0 0 0;
}
.bArt .cmp.artaufthe a:last-child {
  border-width: 1px 0 1px 0;
}
.bArt .cmp.artaufthe span {
  display: inline-block;
  height: 37px;
  width: 37px;
  line-height:37px;
  text-align: center;
  background-color: #0032af;
  border: 2px solid #b5b5b5;
  border-radius: 20px;
  margin-right: 11px;
  font-weight: normal;
  vertical-align: middle;  
}
.bArt .cmp.artaufthe b {
  font-weight: normal;
  display: inline-block;
  width: 218px;
  vertical-align: middle;
  line-height: 1.4em;
  font-size: 13px;
}

.imgrel {
  position: relative;
}
.imgrel img {
  display: block;
  width: 100%;
}
.imgrel .copy {
  position: absolute;
  bottom: 8px;
  right: 11px;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 0 0 5px #666666;
}

/* socialDia */
#socialDia {
  overflow: hidden;
  float: left;
  width: 359px;
}
#socialDia #spxfbsharer, #socialDia #spxtweetthis, #socialDia #spxgglplusone {
  float: left;
  height: 20px;
  width: 132px;
  margin: 0 0 7px 8px;
}
#socialDia #spxgglplusone {
  clear: both;
}
#socialDia a.bttn {
  margin: 0 0 7px 8px;
}

/* Artikel Diashow */
.artDia {
  background-color: #19191b;
  color: #b5b5b5;
  padding-bottom: 87px;
  position: relative;
  font-size: 11px;
}
.artDia .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25em;
  padding: 7px 40px 15px 16px;
  height: 42px;
  position: relative;
}
.artDia .piclist {
  width: 100%;
  height: 0;
  margin-bottom: 57.35%;
}
.artDia .page {
  width: 100%;
  height: 0;
  margin-bottom: 57.35%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity linear .5s;
}
.artDia .page.sel {
  z-index: 2;
  opacity: 1;
}
.artDia .page .idx {
  position: absolute;
  top: -54px;
  right: 13px;
}
.artDia .page .tit {
  height: 80px;
  overflow: hidden;
  padding: 0 14px;
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
}
.artDia .btn {
  position: absolute;
  top: calc(50% - 33px);
  left: 14px;
  width: 40px;
  height: 40px;
  background: rgba(30,30,30, .5) url(/pub/pic/left-24-grey.svg) no-repeat;
  background-size: cover;
  border: 2px solid #b5b5b5;
  opacity: 0.8;
  border-radius: 22px;
  cursor: pointer;
  z-index: 3;
}
.artDia .btn.next {
  right: 14px;
  left: auto;
  transform: rotate(180deg);
}

/** Related Links Article **/
.rtx ul.lnkrel {
  font: bold 18px 'Saira', Arial ,sans-serif;
}
.rtx ul.lnkrel span {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.rtx ul.lnkrel li {
  padding: 3px 0 3px 30px;
  margin: 0;
  background: none;
  position: relative;
  font-size: 14px;
}
.rtx ul.lnkrel li a {
  color: #0b1124;
}
.rtx ul.lnkrel li a::before {
  content:"";
  position: absolute;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0032af;
  left: 0px;
}
.rtx ul.lnkrel li.spons a::before {
  top:5px;
  left: -5px;
  width: 18px;
  height: 18px;
  border-radius:0;
  background: url("/pub/pic/icon-star.svg") no-repeat center center;
}


/* COMPONENTS */
.artCmpMed, .artCmp .medlnk, .artCmp twitterwidget, .artCmp .conMultiReit {
  margin-left: auto;
  margin-right: auto;
}
.artCmp .sep {
  overflow: hidden; /*IE6*/
  border: 0 solid #b1b1b1;
  border-width: 1px 0;
  margin: 17px 5px 39px 3px;
  height: 1px;
}

/* CMP Medium */
.artCmpMed figcaption{
  font-size: 0.825em;
  padding-top: 2px;
  color: #595959;
  line-height: 1.3em;
}

#content .artRelText a {
  color: #a90716;
}

.bArt .artPgrp {
  margin: 15px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.bArt .artPgrp .itm {
  display: inline-block;
  width: 95px;
  font-size: 15px;
  height: 35px;
  box-sizing: border-box;
  margin: 0 6px 0 0;
  line-height: 35px;
  background: #cccccc;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transition: color .2s ease, background-color .2s ease;
}
.bArt .artPgrp a.itm:hover {
  text-decoration: none;
  background: #fb3500;
  color: #fff;
}
.bArt .artPgrp span.itm {
  opacity: 0.6;
}
.bArt .artPgrp .itm.itmSel {
  color: #ffffff;
  background-color: #fb3500;
}
/* multipage article links navi */
.artPnav {
  overflow: hidden;
  clear: both;
  margin: 20px 0;
}
.artPnav.tx p {
  margin: 3px 0;
}
.svgarr.g6 {
  background: url(/pub/pic/icons/arr-r-666.svg) no-repeat center center;
  height: 10px;
  width: 16px;
}
.svgarr.w {
  background: url(/pub/pic/icons/arr-r-fff.svg) no-repeat center center;
  height: 10px;
  width: 16px;
}
.svgarr.l {
  transform:rotate(180deg);
}

/* DIASHOW */
.dshw {
  margin-bottom: 20px;
}
.dshw .ctrl {
  margin-top: 10px;
  height: 47px;
  border: 1px solid #666;
  border-width: 1px 0;
  color: #0b1124;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;  
}
.dshw .ctrl .prev, .dshw .ctrl .next {
  position: relative;
  width: 40%;
  height: 47px;
  cursor: pointer;
  z-index: 3;
}
.dshw .svgarr.g6 {
  position:absolute;
  height: 16px;
  width: 10px;
  top: calc(50% - 8px);
}
.dshw .svgarr.g6.l { left: 10px; }
.dshw .svgarr.g6.r { right: 10px; }
.dshw .ctrl .text {
  line-height: 47px;
}
.dshw .copy {
  text-align: right;  
  font-size: 80%;
  text-transform: lowercase;
  color: #b5b5b5;
  margin-top: -4px;
  line-height: 1.5em;  
}

/* from dia */
#diaContent {
  position: relative;
  width: 600px;
  margin-top: 18px;
}
#diaContent .item.active {
  opacity: 1;
  z-index: 2;
}
#diaContent .item {
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition:opacity 1s ease;  
}
#diaContent .item .bild {
  min-height: 346px;
}
#diaContent .item .bild img {
  width: 600px;
}
#diaContent .item .text {
  min-height: 47px;
  line-height: 1.4em;
  font-weight: bold;
}
#diaContent .ctrl2 {
  position: relative;
}
#diaContent .prev, #diaContent .next  {
  position:absolute;
  width: 40%;
  height: 100%;
  top: 0;
  z-Index: 3;
  cursor: pointer;
}
#diaContent .prev {left:0;}
#diaContent .next {right:0;}

#diaContent .svgarr.w {
  position:absolute;
  height: 32px;
  width: 20px;
  top: calc(50% - 16px);
}
#diaContent .svgarr.w.l { left: 10px; }
#diaContent .svgarr.w.r { right: 10px; }

/*********/ /* SUCHE */
/* search result header (controls, info) */
.bSuch .content1 .srchPrms {
  margin-top: 12px;
  padding-bottom: 28px;
  border: 1px solid #b5b5b5;
}
.srchPrms .title {
  margin: 6px 0 0 12px;
  font-size: 12px;
}
.srchPrms .ctrls {
  margin: 15px 0 0 12px;
}
.srchPrms .ctrls .srchKeyLbl {
  padding-right: 10px;
}
.srchPrms .ctrls #srchKey {
  width: 199px;
  padding: 2px 3px;
  vertical-align: bottom;
}
.srchPrms .ctrls .srchDocType {
  margin: 0 0 0 6px;
  width: 100px;
  font-size: 12px;
  padding: 2px 0;
}
.srchPrms .ctrls .srchSbmt {
  margin: 0 0 0 6px;
  border: 1px solid #b5b5b5;
  width:  100px;
  padding: 3px 3px;
  text-align: left;
  background: #ffffff url("/pub/pic/header/search-grey.svg") no-repeat 126%;
}

/* bulls navi */

.bullsnav {
  text-align: center;
}
.bullsnav .bulls {
  display: inline-block;
  position: relative;
}
.bullsnav .ctrl.prev {
  position: absolute;
  top: 2px;
  left: -35px; 
}
.bullsnav .ctrl.next {
  position: absolute;
  top: 2px;
  right: -35px;
}
.bullsnav .bull {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid #fb3500;
}
.bullsnav .bull.sel {
  background-color: #fb3500;
}

/* search result counters, paging, teasers */
.srchRslts {
  margin-top: 22px;
}

.srchRslts .header {
  margin: 0 0 0 10px;
  padding-top: 12px;
  font-size: 22px;
  font-weight: bold;
}
.srchRslts .counters {
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #535353;
} 
.srchRslts .bullsnav {
  margin-top: 20px;
}
.srchRslts .results {
  margin: 36px 0; 
}
.srchRslts .fail {
  margin-left: 12px;
  font-size: 14px; 
}
.srchRslt {  
  position: relative;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #b5b5b5;
}
.srchRslt:first-child {
  border: 0;
}
.srchRslt .tsrTop {
  margin: 0 0 0 4px;
  min-height: 20px;
}
.srchRslt .tsrTop .tsrDate {
  position: absolute;
  right: 0;
  margin-top: 6px;
  font-size: 12px;
}
.srchRslt .tsrTitle {
  font-size: 18px;
  font-weight: bold;
  color: #0032af;
  line-height: 1.25em;
  padding: 12px 0 0 4px;
}
.srchRslt .tsrTitle a {
  color: #000;
}
.srchRslt .tsrImg {
  float: left;
  margin: 6px 0 0 4px;
}
.srchRslt .tsrTxtLnk {
  float: left;
  margin: 3px 0 0;
  position: relative;
  width: 498px;
}
.srchRslt .tsrTxtLnk .txt {
  padding-left: 10px;
  line-height: 20px;
}
/* News */
.newsHd {
  width: 620px;
  position: relative;
  margin: 15px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #5cc8ff;
}
.newsHd .title {
  font-size: 30px;
  font-weight: bold;
  padding-left:5px;
}
.newsHd select {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 5px;
  width: 250px;
  font-size: 14px;
  padding: 5px;
  border:0px;
  background-color: #e5e5e5;
}
.newsHd select:focus {
  outline: 0px;
}

.newsHd .drp {
  min-width: 250px;
  position: absolute;
  right: 0px;
  bottom: 15px;
  width: 250px;
  font-size: 14px;
  border:0px;
}
.newsHd .drp .disp {
  position: relative;
  background-color: #b5b5b5;
  padding: 1px;
}
.newsHd .drp .disp .arrow {
  display: block;
  background: url("/pub/pic/nav-down-grey.svg") 100% 50% no-repeat;
  width: 24px;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
}
.newsHd .drp.open .disp .arrow {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.newsHd .drp .cur {
  padding: 5px;
  background-color: #ffffff;
  display: block;
}
.newsHd .drp .itm {
  margin:1px 1px 1px 1px;
  display: block;
  padding: 5px;
  background-color: #ffffff;
}
.newsHd .drp .itm:hover {
  text-decoration: none;
  background-color: #e5e5e5;
}


.newsHd .drp .list {
  display: none;
  position: absolute;
  top: 100%;
  width:100%;
  margin-top: 2px;
  background-color: #b5b5b5;
  z-index:10;
}
.newsHd .drp.open .list {
  display: block;
}

.newsCt {
  margin: -10px 0 20px 0;
}
.newsCt .grpTop {
  margin-top: 30px;
}
.newsCt .itm {
  position: relative;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #b5b5b5;
}
.newsCt .itm.first {
  border: 0;
  padding-top:0;
}
.newsCt .itm .tsrTop {
  margin: 0 0 0 4px;
  min-height: 20px;
}
.newsCt .itm .tsrTop .tsrDate {
  position: absolute;
  right: 0;
  margin-top: 6px;
  font-size: 12px;
}
.newsCt .itm .tsrTitle {
  font-size: 18px;
  font-weight: bold;
  color: #0032af;
  line-height: 1.25em;
  padding: 12px 0 0 4px;
}
.newsCt .itm .tsrTitle a {
  color:#000;
}
.newsCt .itm .tsrImg {
  float: left;
  margin: 6px 0 0 4px;
}
.newsCt .itm .tsrTxtLnk {
  float: left;
  margin: 3px 0 0;
  position: relative;
  width: 498px;
}
.newsCt .itm .tsrTxtLnk .txt {
  line-height: 20px;
  padding-left: 10px;
}

/***********/ /* latest articles container in article */
.bArt .conLart {
  padding-left: 130px;
  background-color: #ffffff;
}
.bArt .conLart .hl {
  line-height: 1.2em;
  margin-bottom: 6px;
  font-weight: bold;
}
.bArt .conLart h3 {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.bArt .conLart .body .itm {
  width: 196px;
  float: left;
  margin:0 12px 0 0;
}
.bArt .conLart .body .itm .bild {
  margin: 0 0 3px 0;
  border:0;
}

/***********/ /* latest articles container */
.conLart {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}

.conLart .aftertextspace {margin-top: 20px;}

.conLart .prvError, .thmbxbody .prvError {
  font-size:10px;
  padding:2px;
  background-color:yellow;
}

.conLart .head {
  clear: both;
  padding: 6px 0 0 17px;
  height: 31px;
  background: url(/pub/pic/back-afm.gif) repeat-x;
  color: #656565;
  font-size: 125%;
  font-weight: bold;
}
.conLart .head2 {
  clear: both;
  padding-bottom: 20px;
}

.bData .conLart .head {
  color: #ae0816;
  background: none;
  height: 10px;
  padding-bottom:5px;
}


.bData .conLartBottomLine {border-top:1px solid #ececec; border-bottom:1px solid #b5b5b5;margin-bottom:10px;}
.bData .conLartC {
  clear: both; 
  margin-top:10px;
  font-weight:bold;
  text-align:right;
}

.conLartC a {
  color: #ae0816 !important;
  font-size: 11px;
    
}

.conLart .body {
  overflow: hidden;
}
.conLart .body .sep {
  clear: both;
  height: 2px;
  background-color: #d2d2d2;
  margin: 10px 0 10px 0;
}
.conLart .body .spcBig {
  overflow: hidden;
  height: 17px;
}
.conLart .body .itm {
  overflow: hidden;
}
.conLart .body .itm .topline {
  min-height: 26px;
  color: #a81017;
}
.conLart .body .itm h2 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 2px;
}
.conLart .body .itm .text {
  line-height:20px;
}
.conLart .body .itm .bild {
  float: left;
  margin: 3px 10px 10px 0;
}
.conLart .body .itm .bild img {
  border: 1px solid transparent;
}
hier
/* DAYTICKER */
.bTick .detailsHead h1 {
  font-size: 32px;
}
.bTick .topitems  {
  position: relative;
  margin: 12px 0 20px 0;
}
.bTick .topitems .outer {
  overflow: hidden;
  position: relative;
  margin: 0 0 0 33px;
  width: 535px;
  height: 78px;
  border: 1px solid #d2d2d2;
}
.bTick .topitems .inner {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
}
.bTick .topitems .ctrl {
  position: absolute;
  top: 29px;
}
.bTick .topitems .ctrl.prev {left: 0px;}
.bTick .topitems .ctrl.next {right: 0px;}

/*.bTick .topitems .itm { // delete after rebuild
  overflow: hidden;
  display: inline-block;
  width: 133px;
  height: 68px;
  border-left: 1px solid #d2d2d2;
  color: #414141;
  vertical-align: top;
  text-decoration: none;
}
.bTick .topitems .itm:first-child {border-left-width: 0;}
.bTick .topitems .itm .date {
  display: block;
  height: 20px;
  background-color: #f1f1f1;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
}
.bTick .topitems .itm .text {
  display: block;
  overflow: hidden;
  padding: 6px 10px 0 10px;
  height: 34px;
  font-size: 12px;
  white-space: normal;
  line-height: 16px;
}*/
.bTick .toDayticker {
  display: block;
  margin-top: 10px;
}
.bTick .refresh {
  text-align: center;
  margin: 20px 0;  
}
.bTick .refresh .bt {
  padding: 3px 20px;
  background: #0032af;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
}
.bTick .tickeritems {
  overflow: hidden;
  position: relative;
  margin: 30px 0 0 0;
}
.bTick .tickeritems::before {
  content:"";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 10px;
  left: 6px;
  background: #bfbfbf;
}
.bTick .tickeritem {
  padding: 0 0 22px 0;
  position: relative;
}
.bTick .tickeritem .wrp1 {
  position: absolute;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  width: 9px;
  height: 9px;
  top: 9px;
  left: 1px;
}
.bTick .tickeritem:first-child .wrp1 {
  background-color: #ffffff;
}
.bTick .tickeritem .wrp2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 78px;
  margin: 0 5px 0 22px;
}
.bTick .tickeritem .wrp2 .anc {
  top: -60px;
  position: absolute;
}
.bTick .tickeritem .wrp2 .icon img {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.bTick .tickeritem .wrp3 {
  display: inline-block;
  width: 491px;
  border-bottom: 1px solid #bfbfbf;
}
.bTick .tickeritem .date {
  display: block;
  margin: 5px 0 0 0;
  color: #0032af;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
.bTick .tickeritem .med {
  float: left;
  border: 1px solid #8f8f8f;
  margin: 6px 10px 10px 0;
}
.bTick .tickeritem h2 {
  font-size: 20px;
}
.bTick .tickeritem .text {
  margin: 3px 0 7px 0;
  font-size: 15px;
}
.bTick .tickeritem .text p {
  line-height: 21px;
}
.bTick .tickAuthor {
  float: right;
  margin: 0 115px 0 0;
  color: #8f8f8f;
}

/*******/ /* Ads */
#frnMain {
  position: relative;
}
#frnAdBanner, #frnBannerAd {
  text-align: center;
  padding: 0 5px;
}

#frnAdSky {
  position: absolute; 
  top: 0px;
  left: 980px;
  z-index: 90;
}
 
#frnAdSkyPos {
  padding-left: 5px; 
  position:absolute;
}

#frnAdSkyLeft {
  position: absolute; 
  top: 0px;
  left: -160px;
  z-index: 90;
}
#frnAdSkyLeftPos {
  padding-right: 12px; 
  position:absolute;
  /*xtop:-15px;*/
}

#adTop a img {
  display: block;
}

#adSky {
  position: absolute;
  left: 849px;
  top: 120px;
  width: 160px;
  height: 600px;
}
.ad-distance {
  margin: 10px 0;
}
.content12 .ad-distance {
  margin-left: -15px;
}


.spxkoopteaser {
  padding: 0 0 20px 0;
}

.slink, a.slink {
  color: #a90816 !important;
  text-decoration: none !important;
  font-weight: normal !important;
  font-size: 90%;
}
a.slink:hover {
  text-decoration: underline !important;
}

/* Share selected text from article text */
#spxselsharecon {
  position:absolute;
  width:200px;
  padding: 4px 0 0 0;
  top: -100px;
  opacity: 0;
  z-index: 100;
  transition:opacity 1s ease;
}
#spxselsharecon.vis {
  opacity: 1;
}

#spxselsharecon .bt {
  display: block;
  float:left;
  margin: 0 5px 0 0;
  padding: 0;
  border:0;
  width:35px;
  height: 35px;
}

#spxselsharecon .tw  { background: url(/pub/pic/share/twitter-button.png) no-repeat; }
#spxselsharecon .fb  { background: url(/pub/pic/share/fb-button.png) no-repeat; }
#spxselsharecon .gp  { background: url(/pub/pic/share/google-button.png) no-repeat; }
#spxselsharecon .ml  { background: url(/pub/pic/share/mail-button.png) no-repeat; }

#spxselsharecon .bt:hover  {
  background-position: 0 -35px;  
}


/* Aufmacher Person */
.afmprs {
  position: relative;
  display: table-cell;
  vertical-align:middle;
  overflow: hidden;
  background: #e0e0e0 url('/pub/pic/afm-pers-back.jpg') no-repeat;
  width: 940px;
  height: 300px;
}
.afmprs .prt {
  position: absolute;
  left: 0;
  bottom: 0;
}
.afmprs .twp {
  position: relative;
  margin-top: 5px;
  height: 37px;
}
.afmprs .tw {
  position: absolute;
  padding: 3px 20px 3px 0;
  border: 1px solid #b5b5b5;
  border-radius: 6px;
  background-color: #e8e8e8;
  background: linear-gradient(to bottom, #dedede 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#f3f3f3', GradientType=0); /*IE6-9*/
  font-size:15px;
  z-index: 1;
  text-decoration: none;
}
.afmprs .tw:hover {
  background-color: #f3f3f3;
  background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); /*IE6-9*/
  text-decoration: none;
}
.afmprs .tw img {
  vertical-align: -9px;
  padding: 0 15px 0 10px;
}
.afmprs .nt {
  width: 530px;
  padding: 10px 30px 5px 130px;
  margin: 0 0 0 140px;
  border: 1px solid #b5b5b5;
  border-radius: 6px;
  background-color: rgba(250, 250, 250, 0.6);
}
.afmprs .nt .name {
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.afmprs .nt .text {
  font-size: 14px;
  line-height: 1.4em;
}
.afmprs .bt {
  position: absolute;
  right: 0;
  bottom: 0;
}
.afmprs .bt a {
  display: block;
  float: right;
  margin: 0 0 0 10px;
}
.afmprs .bt a:hover {
  background-position: 0 0 !important;
}

.hidden { display:none !important; }
/* Spieltagsleiste */
.spl { position:relative; max-width:600px; min-height:76px;margin:0 0 20px; font-size:15px; }
.bHome .spl {margin: 0 auto 20px;}
.spl .mikshidden { }
.spl .databody { padding:3px 5px; min-height:inherit; border:1px solid #b5b5b5; background: none !important;}
.spl .dataelement { display: inline-block; border:1px solid transparent; padding: 5px 4px 3px; height:42px; margin-left:1px; margin-top:2px; text-decoration:none !important; border-radius:3px; width:50px }
.spl .dataelement .result { color:#525252; font-weight:bold;  }
.spl .dataelement.hasMatch:HOVER, 
.spl .dataelement.active { border-color:#ccc; cursor:pointer; text-decoration:none !important; }
.spl .dataelement.hasMatch A:HOVER { text-decoration:none !important; }
.spl .details_center .homeTeam A:HOVER,
.spl .details_center .guestTeam A:HOVER,
.spl .details_center .highlightMatchIndex:HOVER,
.spl .highlightMatchIndex .highlight .details:HOVER { text-decoration:none !important; color:#A60914 !important; }
.spl .highlightMatchIndex { margin-top: 5px; display: block; }
.spl .details_center .resultAddition { font-size:15px; line-height:6px; margin-bottom:5px; }
.spl .dataelement .team.klein IMG { width:18px; height:18px;}
.spl .dataelement.noMatch{ opacity: 0.3;}
.spl .team.gross IMG { width:50px; height:50px; }
.spl .highlight .details  { color:#525252; font-size:27px; font-weight:bold; }
.spl .highlight .details .result { font-size:40px; }
.spl HR { margin: 5px 0px 0px; border:none;height:1px;background-color:#e2e2e2}
.spl .loader { position: absolute; top: 0;left: 0;width: 100%;height: 100%;z-index: 100;font-weight: bold;}
.spl .loader .inner{position: relative;width: 120px;height: 40px;text-align: center;margin-left: -60px;margin-top: -20px;top: 50%;left: 50%;}
.spl .toTable { color:#AE0816 !important; text-align:right; font-size:11px; line-height:20px; font-weight:bold; }
.spl .hlcon {position:relative;min-height:20px;}
.spl .hlcon .headline {margin-left:5px;font-weight:normal;position:absolute;}
.spl .hlcon hr {position:absolute;top:17px;width:100%;}
.spl .dataelements {text-align: center; white-space:nowrap;margin-top:5px;}
.spl .dataelement td.dist {width: 3px;}
.spl .dataelement .additional {font-size: 9px;}
.spl table {width: 100%;}
.spl .highlight .c1 {
  text-align: right;
  width: 45%;
}
.spl .highlight .c2 {
  text-align: center;
}
.spl .highlight .c3 {
  width: 45%;
}
.spl .highlight .c1 > div, .spl .highlight .c3 > div {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 0 0;
}
.spl .highlight .c3 > div {
  margin: 0 0 0 7px;
}
.spl .details-htresult {
  font-size: 12px;
}
.spl .details-htresult .htresult {
  white-space:nowrap;  
}
.spl .highlight .c1 > div.team {
  display: block;
  float: right;
}
.spl .highlight .c1 > div.homeTeam {
  padding-top: 7px;
}
#lktopofpage {
  position:absolute; 
  right:10px;
  width: 242px;
  height: 1px;
}
#lktopofpage a {
  position:fixed; 
  z-index:10000; 
  bottom:-43px; 
  width: 242px;
  height: 42px;
  background-color: #0032af;
  color: #fff;
  transition: all ease 0.6s;  
}
#lktopofpage.on a {
  bottom:0; 
}
#lktopofpage a::after {
  content:"zum Seitenanfang";
  line-height: 42px;
  padding-left: 15px;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Open Sans', Arial, sans-serif;
}
#lktopofpage a:hover {
  text-decoration: none;
}
#lktopofpage a::before {
  content:"";
  display: block;
  position: absolute;
  top: 11px;
  right: 7px;
  background: url(/pub/pic/icons/arr-r-fff.svg) no-repeat center center;
  height: 20px;
  width: 32px;
  transform:rotate(-90deg);
}


/* common text in pic */
.txinpic {
  position: relative;
}
.txinpic .lnk {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.txinpic .txt {
  position: absolute;
  width: 100%;
  bottom: 4.45%;
  left: 0;
  color: #ffffff;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.txinpic .txt .dz {
  font-weight: normal;
  text-transform: uppercase;
}
.txinpic a:hover {
  text-decoration: none;
}
.txinpic .pic img {
  display: block;
}
.txinpic .txtbg {
  width: 100%;
  height: 33%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(rgba(11, 17, 36, 0.01) 1%, rgba(11, 17, 36, 0.6) 40%, rgba(11, 17, 36, 1) 100%);
}
/* common home 3 column table */
.hmtbl {
  display: table;
  width: 940px;
}
.hmtbl .col {
  display: table-cell;
  width: 320px;
  vertical-align: top;
}
.hmtbl .col2 {
  display: table-cell;
  width: 630px;
  vertical-align: top;
}
.hmtbl .col2 .ct {
  width: 620px;
  position: relative;
}
.hmtbl .col .ct {
  width: 300px;
  margin-left: 10px;
  position: relative;
}
.hmtbl .col:first-child { width: 310px; }
.hmtbl .col:last-child {  width: 310px; }
.hmtbl .col:first-child .ct { margin-left: 0; }


/* home aufmacher 2016 */
.afm16 {
  position: relative;
  width: 970px;
  margin: 5px 0;
}

.afm16 .nav {
  position: absolute;
  right: 0;
  top:0;
  background-color: rgba(0,0,0,0.75);
  width: 145px;
  height: 358px;
  z-index: 3;
}
.afm16 .nav .itm {
  position: relative;
  height: 44px;
  width: 145px;
  margin-left: 0;
  border-top: 1px solid #ae0816;
  border-bottom: 1px solid #ae0816;
  transition: all ease 0.6s;
  margin-top:-1px;
}
.afm16 .nav .itm.n0 {
  border-top: 0;
  margin-top: 0;
}
.afm16 .nav .itm.n7 {
  height: 43px;
  border-bottom: 0;
  margin-bottom: 0;
}
.afm16 .nav .itm.sel {
  background-color: #ae0816;
  width: 156px;
  margin-left: -11px;
}
.afm16 .nav .itm .arr {
  position: absolute;
  top: 45px;
  right: 145px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0;
  border-color: transparent #ae0816 transparent transparent;
  opacity: 0.75;
  transition: all ease 0.6s;
}
.afm16 .nav .itm.sel .arr {
  border-width: 0 11px 9px 0;
}

.afm16 .nav .itm.n7 .arr {
  top: initial;
  bottom: 100%;
  border-color: transparent transparent #ae0816 transparent;
}
.afm16 .nav .itm.n7.sel .arr {
  border-width: 0 0 9px 11px;
}



.afm16 .nav a {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.afm16 .nav a span {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  color: #b5b5b5;
  font-size: 15px;
  line-height: 1.25em;
  text-align: center;
  transition: all ease 0.6s;
}
.afm16 .nav .itm.sel span {
  color: #ffffff;
}

.afm16 .nav .ln {
  display: none;
  margin: 0;
  height: 0;
  border-bottom: 1px solid #ae0816;
}

.afm16 .ct {
  background-color: #000000;
  position: relative;
  width: 100%;
  height: 358px;
}

.afm16 .ct .itm .pic img {
  width: 970px;
  height: 358px;
}
.afm16 .ct .itm {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity linear 1.0s;
}

.afm16 .ct .itm .txt {
  font-size: 15px;
}
.afm16 .ct .itm .txt h1, .afm16 .ct .itm .txt h2 {
  font-size: 32px;
}
.afm16 .ct .itm {
  z-index: 1;
  opacity: 0;
}
.afm16 .ct .itm.sel {
  z-index: 2;
  opacity: 1;
}
/* Themen des Tages */
.tdtbd .col {
  border-left: 1px solid #b5b5b5;
  width: 319px;
}
.tdtbd .col:first-child { border-width: 0; }
.tdtbd .col:last-child {  width: 310px; }

.tdtbd .ct .topic {
  padding-left: 20px;
  /* background: #ffffff url(/pub/pic/pfeil-rot-TDTs.svg) no-repeat 0 3px; to delete */
  margin: 5px 0;
  position: relative;
}
i.arrbull {
  display: block;
  position: absolute;
  top: 5px;
  left: 2px;
  width: 12px;
  height: 11px;
  border-radius: 0 10px 10px 0;
  background-color: #0032af;
}
i.arrbull::before {
  content:"";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 3px;
  left: 2px;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}


/* tripple */
.conTrpl .ct {
  width: 300px;
}

.conTrpl .ts {
  width: 298px;
  height: 171px;
}
.conTrpl .ts .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.conTrpl .conMultiReit {
  margin-bottom: 24px;
}
/*Homepage Topthema big picture*/
.conHmTTBildGG .col2 .ct {
  width: 618px;
}
.conHmTTBildGG .pic img {
  width: 618px;
  height: 250px;
}
/** AD-OVERLAYS */
.content2 .adfb {
  margin-bottom: 20px;
}
.adfb {
  position: relative;
}
.cntrde .adfb {
  padding-top: 14px;
}
.cntrde .bHome .adfb {
  margin-top: -14px;
}

.adofb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.grpTop .presGrp {
  position: absolute;
  top:6px;
  right:0;
}
/* Homepage News */
.conHmNews {
  border: 1px solid #b5b5b5;
  padding: 5px 10px;
}
.conHmNews .pgs, .rtr18 .pgs {
  position: relative;
}
.conHmNews .pgs .pg, .rtr18 .pgs .pg {
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
}
.conHmNews .pgs .pg.sel, .rtr18 .pgs .pg.sel {
  display: block;
  position: relative;
}

.conHmNews .pgs .pg .items {
  height: 183px;
  overflow: hidden;
  position: relative;
}
.conHmNews .pgs .items .itm {
  border-bottom: 1px solid #b5b5b5;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  white-space: nowrap;
}

.conHmNews .pgs .items .itm .time {
  display: inline-block;
  width: 60px;
  font-weight: bold;
  color: #0032af;
}

.conHmNews .pgNav, .rtr18 .pgNav  {
  margin: 0 0 10px 0;
  height: 25px;
}
.conHmNews .pgNav s {
  text-decoration: none;
  display: inline-block;
  padding: 0 15px;
  vertical-align: middle;
}

.conHmNews .pgNav .rtr.sel {
  font-size: 22px;
  cursor: context-menu;
}

.conHmNews .pgNav .rtr {
  cursor: pointer;
  text-transform: uppercase;
  vertical-align: middle;
}
.conHmNews .pgNav .rtr:hover {
  text-decoration: underline;
}
.conHmNews .pgNav .rtr.sel:hover {
  text-decoration: none;
}
.conHmNews .scrl .bt {
  position: absolute;
  width: 60px;
  height: 30px;
  border: 1px solid #b5b5b5;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
  text-align: center;
  left: calc(50% - 31px);
  cursor: pointer;
}
.conHmNews .scrl .bt.off {
  opacity: 0;
  cursor: default;
  width: 0;
  height: 0;
}

.conHmNews .scrl .bt.down {
  border-width: 1px 1px 0 1px;
  border-radius: 30px 30px 0 0;
  top: 0;

  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.conHmNews .scrl .bt.up {
  border-width: 1px 1px 0 1px;
  border-radius: 30px 30px 0 0;
  bottom: 0;
}

.conHmNews .scrl .bt span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 10px;
  background: url(/pub/pic/down-18-grey.svg) no-repeat center;
}
.conHmNews .links {
  height: 20px;
  text-align: right;
}
.pvid.ct1 {
  margin: 10px 0 15px 0;
}
.content12 .pvid.ct1 {
  width: 940px;
}
.bArt .pvid, .bVid .ct > .pvid {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;  
}
.linkdat::before {
  content: "DATEN";
  margin-right: 6px;
}
.label, .linkdat::before {
  display: inline-block;
  padding: 0 4px;
  color: #ae0816;
  border: 1px solid #ae0816;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  vertical-align: top;
}

#spxadpres1 {
  margin: 5px 0 5px 0;
}
#spxadpres1 a > img {
  vertical-align: bottom;
}
.bArt .comdiv_width, .bTick .comdiv_width {width: 500px !important;}

/* new videos page */
.itm .med .dur {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  background-color: #000000;
  font-size: 11px;
  padding: 0 3px;
}
.bVid #content {
  padding: 0 0 20px 0;
}
.bVid h1 {
  color: #0b1124;
  margin-left: 15px;
}
.conVidPlay .content1 { width: 621px;}
.conVidPlay .content2 { margin-left: 19px;}

.conVidPlay .vidRel .itm {
  border: 1px solid #000000;
  padding: 7px;
  margin-top: 18px; /*26px;*/
  position: relative;
}
.itm > a.lnkovall {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.conVidPlay .vidRel .itm:first-child, .conVidPlay.pg .vidRel .itm:first-child {
  margin-top: 0;
}
.conVidPlay .vidRel .itm:last-child {
  margin-top: 19px; /*24px;*/
}
.conVidPlay.pg .vidRel .itm {
  margin-top: 18px;
}
.conVidPlay.pg .vidRel .itm:last-child {
  margin-top: 19px;
}

.conVidPlay .vidRel .itm .med {
  width: 96px;
  height: 54px;
  position: relative;
  float: left;
  font-size:10px;
  color: transparent;
}

.conVidPlay .vidRel .itm .med img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.conVidPlay .vidRel .itm .tx {
  height: 56px;
  overflow: hidden;
  padding-left: 10px;
  margin-top: -2px;
}
.conVidPlay .vidRel .itm .tx .dz {
  font-size: 15px;
  font-weight: bold;
  color: #0032af;
}
.conVidPlay .vidRel .itm .tx .tit {
  font-size: 13px;
  line-height: 1.25em;
}

.bVid .chanVids.hid {
  opacity: 0;  
  height:0;
  overflow: hidden;
}
.bVid .chanVids {
  opacity: 1;  
  transition: opacity linear 0.5s;
}

.bVid .navndrop .drops.open .links {
  transform: translate3d(0px, 0px, 0px);  
}

.bVid .chanVids, .bVid .recs {
  width: 960px;
}
.bVid .chanVids .itm, .bVid .recs .rec {
  display: inline-block;
  vertical-align: top;
  margin: 20px 20px 20px 0;
}
.bVid .recs .rec {
  width: 300px;
}
.bVid .cmp {
  margin: 20px 0;
}
.bVid .chanVids .itm {
  position: relative;
  border: 1px solid #000;
  padding: 7px;
  width: 284px;
}
.bVid .chanVids .itm .med {
  width: 284px;
  height: 0;
  padding-bottom: 56.13%;
  position: relative;
}
.bVid .chanVids .itm .med img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bVid .chanVids .itm .tx {
  height: 76px;
  position: relative;
}
.bVid .chanVids .itm .tx .tit {
  text-align: center;
  width: 100%;
}
.bVid .navndrop {
  position: relative;
  margin-top: 20px;
}
.bVid .navndrop .navs .el {
  display: inline-block;
  overflow: hidden;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  background-color: #d2d2d2;
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
  transition: background-color linear .2s, color linear .2s;
}
.bVid .navndrop .navs .el.sel, .bVid .navndrop .navs .el:hover {
  color: #ffffff;
  background-color: #fb3500;
}
.bVid .navndrop .drops {
  position: absolute;
  right: 0;
  z-index: 0;
  transition: z-index .2s linear 0s;  
}
.bVid .navndrop .drops.open {
  z-index: 1;
  transition: z-index 0s linear 0s;  
}
  
.bVid .navndrop .drops .links, .bVid .navndrop .drops .title {
  background: #0032af;
  color: #ffffff;
  font-size: 13px;
}
.bVid .navndrop .drops .title span {
  background: url(/pub/pic/nav-down.svg) no-repeat center center;
  background-size: cover;
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 2px;
  right: 3px;
  transition: transform linear .2s;
}
.bVid .navndrop .drops.open .title span {
  transform: rotate(180deg);
}
.bVid .navndrop .drops .eff {
  position: relative;
  overflow: hidden;
}
.bVid .navndrop .drops .links {
  padding: 0 8px 7px 8px;
  transform: translate3d(0px, -100%, 0px);  
  transition: transform linear 0.2s;
}
.bVid .navndrop .drops.open .links {
  transform: translate3d(0px, 0px, 0px);  
}
.bVid .navndrop a:hover {text-decoration: none;}
.bVid .navndrop .drops > a {
  display: block;
  width: 150px;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}
.bVid .navndrop .drops .links a {
  display: block;
  padding: 3px 4px;
  height: 14px;
  line-height: 14px;
  margin-bottom: 5px;
  font-size: 12px;
}
.bVid .navndrop .drops .links a:hover {
  background-color: rgba(255,255,255,.2);
}
/* end of new videos page */

/*video-page-player in distributor content*/
#content .conGrp .content12 {
  margin-left: 0px;
}
.rec > .adlbl {
  display: none;
}
.stick .stickstep1 {
  position: relative;
  overflow: hidden;
  max-height: 700px;
  transform: translate3d(0, 0, 0);  
  transition: max-height .7s ease-out;  
}
.stick .stickstep1.down {
  max-height: 0;
}
.spxcib {
  position: fixed;
  bottom:0;
  width: 100%;
  background: #fb3500;
  color: #fff;
  z-index: 100000;
  max-height: 0;
  transition: max-height .7s ease-out;  
}
.spxcib.open {
  max-height: 150px;
}
.spxcib .tx {
  padding: 10px 110px 20px 10px;
  font-weight: bold;
}
.spxcib .tx a {
  text-decoration: underline;
}
.spxcib .pgCenterC {
  position: relative; 
}
.spxcib .bt {
  position: absolute;
  right: 20px;
  top: 10px;
  background: #0032af;
  color: #fff;
  padding: 3px 20px;
  cursor: pointer;
  font-weight: bold;
}








/* all about homepage 2018 */
.bHome18 .conGrp.ttbgg .ct {
  margin: 0 0 20px 0;
}
.bHome18 .conGrp.ttbgg .ct:last-child {
  margin: 0;
}
.bHome18 .conGrp, .bHome18 .flxct > .mdm {
  margin: 20px 0 20px 0;
}
.bHome18 flx.tp460.conGrp {
  margin-top:0;
}
.bHome18 .flxct > .conGrp:first-child {
  margin-top: 0px;
}
.bHome18 .flxct > .conGrp:last-child {
  margin-bottom: 0px;
}
.bHome18 .flx.ord {
  display: flex;
  flex-direction: column;
}
.bHome18 .flx.ord .cnB { order: 2; }
.bHome18 .flx.ord .cnT { order: 1; }

.bHome18 .grpTop h1 {
  color: #000000;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
}
.bHome18 .txbt h1 {
  color:#fff;
  background-color: #0b1124;
  font-size: 22px;
  text-align: center;
  padding: 0 10px;
}


.rpic {
  width: 100%;
  position: relative;
  height: 0;
}
.rpic > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
.rpic > img[data-src] {
  visibility: hidden;
}
.bHome18 .txinpic img {
  width: 100%;
}
.txinpic h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25em;
}

/* Aufmacher */
.bHome18 .flx.tp460 {
  display: flex;
  justify-content:space-between;
  margin-top:19px;
}
.bHome18 .flx.tp460 .ct {
  width: 460px;
}
.bHome18 .tp460 .txinpic h2 {
  font-size: 18px;
  font-weight: bold;
}
.bHome18 .flx.tp300 {
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.bHome18 .flx.tp300 .ct {
  margin-top:20px;
  width: 300px;
}
.bHome18 .flx.tp300 .ct:nth-of-type(1),
.bHome18 .flx.tp300 .ct:nth-of-type(2),
.bHome18 .cnT > .conGrp .flx.tp300 .ct:nth-of-type(3) {
  margin-top: 0;
}

/* Viral Video */
.bHome18 .flx.vv {
  display: flex;
  justify-content:space-between;
}
.bHome18 .flx.vv .ct {
  width: 300px;
}
.bHome18 .flx.con12 .flxct.con1 .fltrec.a.on {
  position:fixed;
  top:65px;
}
/* Viral Video 2 */
.bHome18 .viravid2a {
  border: 5px solid #0b1124;
  background: #0b1124;
  color: #fff;
}
.bHome18 .viravid2a .rpic {
  padding-bottom: 65.52% !important; 
}
.bHome18 .viravid2a .tx1 {
  height: 45px;
  border-top: 12px solid transparent;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  text-transform: uppercase;
  padding: 0 15px;
  position: relative;
}
.bHome18 .viravid2a .tx2 {
  height: 65px;
  display: flex;
  align-items: center;
  line-height: 1.4em;
  padding: 0 15px;
  font-size: 14px;
}
.bHome18 .viravid2a .tx3 {
  border-top: 1px solid #3a3f4f;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
  position: relative;
}
.bHome18 .viravid2a .tx3::before {
  content:"";
  display: block;
  width: 25px;
  border-top: 2px solid #fb3500;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.bHome18 .viravid2a .tx1::before {
  content:"";
  display: block;
  width: 31px;
  height: 29px;
  background: #fb3500 url(/pub/pic/icon-play.png) no-repeat center center;
  background-size: contain;
  border: 7px solid #fb3500;  
  position: absolute;
  top: -46px;
  right: 0;
}




/* Aufmacher Bereichsgruppierung */
.bHome18 .flx.con12 {
  display: flex;
  justify-content:space-between;
  align-items: stretch;
  margin:20px 0;  
}
.bHome18 .flx.con12 .flxct.con1 {
  width: 300px;
  background-color: #f5f5f5;  
}
.bHome18 .flx.con12 .flxct.con1 > .fltrec.b {
  height: 20px;
}
.bHome18 .flx.con12 .flxct.con2 {
  width: 620px;
}
/* Themen des Tages */
.bHome18 .flx.tdt {
  display: flex;
  justify-content:space-between;
}
.bHome18 .flx.tdt .ct.col1 {
  width: 47%;
}
.bHome18 .flx.tdt .ct.col2 {
  width: 50%;
  border-left: 1px solid #b5b5b5;
  padding-left: 10px;
}
.bHome18 .tdtbd .ct .topic {
  margin-bottom: 15px;
}
.bHome18 .tdtbd .ct .topic .topicTitle {
  font-size: 13px;
}

/* Reiter 18 / Homepage News */
.bHome18 .rtr18 {
  border: 0;
  padding: 0;
}
.bHome18 .conHmNews .pgs .pg .items {
  height: auto;
  overflow: hidden;
}
.bHome18 .conHmNews .pgs .items .itm {
  border-width: 0;
}
.bHome18 .conHmNews .pgs .items .itm:last-child {
  border-width: 0;
}
.rtr18 .pgNav .rtr.sel {
  color: #fb3500;
  border-color: #fb3500;
  font-weight: bold; 
  font-size: inherit;
  cursor: context-menu;  
}
.rtr18 .pgNav .rtr {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  text-transform: none;
  line-height:1.5em;
  color: #9b9b9b;
  padding: 0 2px;
  border-bottom: 2px solid transparent;
}
.rtr18 .pgNav .rtr:hover {
  text-decoration: none;
  border-color: #9b9b9b;
}
.rtr18 .pgNav .rtr.sel:hover {
  border-color: #fb3500;
}
.rtr18 .pgNav .scroller {
  position: relative;
  /*text-align: center;*/
  /*white-space:nowrap;
  overflow-x: visible;
  overflow-y: hidden;*/
}
.rtr18 .pgNav {
  height: auto;
}


.bHome18 .daytickerCon {
  border: 1px solid #979797;
  position: relative;
}
.bHome18 .daytickerCon .itms {
  height: 78px;
  border: 1px solid #0b1124;
  border-width: 0 0 0 89px;
}
.bHome18 .daytickerCon .stoerer.stoererTdTL.m {
  position: absolute;
  top:8px;
  left:10px;
  width: 69px;
  height: 58px;
  z-index: 1;
}  
.bHome18 .daytickerCon a.lnklgo {
  position: absolute;
  top:0;
  left:0;
  width: 89px;
  height: 78px;
  z-index: 2;
}
.bHome18 .daytickerCon .itm {
  display: block;
  position: relative;
  width: 201px;
  height: 78px;
}
.bTick .topitems .daytickerCon .itm {
  display: block;
  position: relative;
  width: 179px;
  height: 78px;
}
.daytickerCon .itm .text {
  position: absolute;
  top:9px;
  left: 10px;
  width: calc(100% - 15px);
  font-size: 13px;
  font-weight: bold;
  line-height: 1.25em;
}
.daytickerCon .itm .date {
  display: block;
  position: absolute;
  bottom: 7px;
  left: 10px;
  color: #0032af;
  font-size: 12px;
}
.daytickerCon .itm .sep {
  position: absolute;
  right:0;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #b5b5b5;
}
.daytickerCon .itm:last-child .sep {
  display: none;
}

.bHome18 .rtx .artCmp .medlnk {
  margin: 0 20px;
  float: right;
}
/* end of all about homepage 2018 */


/* GSM data snippet */
.gsmdata18 a:hover {
  text-decoration: none;
}
.gsmdata18 a.stretch {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
.gsmdata18 {
  font-family: 'Saira', Arial ,sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.gsmdata18 .row {
  border-top: 1px solid #b5b5b5;
  margin: 10px 0;
  position: relative;
  line-height: 0;
}
.gsmdata18 .row:last-child {
  border-bottom: 1px solid #b5b5b5;
}

.gsmdata18 .teams {
  margin: 10px 0;
  width: 100%;
}
.gsmdata18 .teams a {
  white-space: nowrap;
  overflow: hidden;
}
.gsmdata18 .teams .result {
  display: inline-block;
  position: relative;
  height:18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #b5b5b5;
  margin: 0 10px;
  width: 40px; 
  font-weight: bold;
}
.gsmdata18 .teams .teamName {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: calc(50% - 11px - 20px);
  font-size: 15px;
  color: #081f2c;
}
.gsmdata18 .row.dt .teams .result {
  font-weight: normal;
}
.gsmdata18 .row.ex .teams .result {
  width: 90px;
}
.gsmdata18 .row.ex .teams .teamName {
  width: calc(50% - 11px - 45px);
}
.gsmdata18 .row .teams .result .ot {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
}

.gsmdata18 .teams .teamA {
  text-align: right;
}
.gsmdata18 .played .result {
  color: #fff;
  background: #000;
  border-color: #000;
}
.gsmdata18 .playing .result {
  color: #fff;
  background: #ae0816;
  border-color: #ae0816;
}

.adsur {
  transition: min-height ease 0.2s;  
}
.adsur.abs {
  position: relative;
}
.adsur.abs > div {
  position: absolute;
  width: 100%;
}
.topmobsticky {
  position: fixed;
  top:0px;
  width:100%;
  z-index:100000;
  background:#000;
}

/* Styles of spx.DropMenu */
.spxdrp {
  position: relative;
}
.spxdrp .drpclk {
  position: relative;
  padding: 5px 10px; 
  cursor: pointer;
}

.spxdrp .drpclk .arr {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 10px;
  transform: rotate(360deg);
}

/* POSITION FIXED MENU CLOSE LAYER */

.spxdrp .close {
  display: none;
}
.spxdrp.open .close {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 999998;
}

/* MENU CONTENT */

.spxdrp .drop {
  transform-origin: 30% 0%;
  transform: scale(.8,0);
  transition: transform linear .05s;
}
.spxdrp.open .drop {
  transition: transform linear .2s;
  transform: scale(1,1);
}
.spxdrp .drop {
  /* override max-height */
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  color: #000;
  min-width: 100%;
  z-index: 999999;
  border-radius: 5px;
  box-shadow: 1px 1px 10px #888;
  overflow-y: auto;
}
.spxdrp .dropct {
  position: relative;
}
.spxdrp .drop .mnu {
  /* override line-height and font settings */
  line-height: 34px;  
  border-bottom: 1px solid #ddd;
  padding: 0 20px;
}
.spxdrp .drop .mnu.active {
  cursor: pointer;
}
.spxdrp .drop .mnu:last-child {
  border-width: 0;
}
.spxdrp .drop .mnu.active:hover {
  background-color: #8b909F;
  color: #fff;
}
.spxdrp .drop .mnu.sel {
  font-weight: bold;
}

/* NEWSLETTER REGISTRATION */

.nlreg-popup {
  display: flex;
  align-items: center;
  justify-content: center;  
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  backdrop-filter: blur(3px);
  opacity: 1;
  transition: opacity linear .5s;  
}
.nlreg-popup.nlreg-hidden {
  transform: translate(0, -250%);
  opacity: 0;
}
.nlreg-ct {
  width: 600px;
  height: 330px;
  position: relative;
}

.nlreg-ct .nlreg-ct-l {
  width: 360px;
  text-align: center;
}
.nlreg-ct .nlreg-hl {
  font-size: 2.0em;
  font-weight: bold;
  line-height: 1.1em;
  text-transform: uppercase;
  color: #fb3500;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 180px;
}

.nlreg-ct .nlreg-hl label {
  width: 350px;
  font-weight: bold;

}

.nlreg-ct .nlreg-bt {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fb3500;
  padding: 8px 15px;
  color:#fcfcfc;
  cursor: pointer;
}
.nlreg-ct .nlreg-line-bt {
  margin: 15px 0 0 0;
}

.nlreg-ct .nlreg-inp input {
  width: 300px;
  padding: 4px 5px;
  border: 1px solid #000;
    
}
.nlreg-ct .nlreg-error {
  width: 300px;
  margin: 0 29px;
  text-align: left;
  color: red;
  font-size: .7em;
}

.nlreg-ct .nlreg-resptext {
  color: #fb3500;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 360px;
  height: 165px;  
}
.nlreg-ct .nlreg-resptext > div {
  width: 300px;
}

.nlreg-ct .nlreg-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 29px;
  height: 29px;
  border-radius: 15px;
  border: 1px solid #000;
  background: #fff;
  cursor: pointer;
}
.nlreg-ct .nlreg-close:before {
  content:"";
  position: absolute;
  top: 4px;
  left: 14px;
  border: 1px solid #000;
  border-width: 0 1px 0 0;
  width: 0;
  height: 21px;
  transform: rotate(45deg);
}
.nlreg-ct .nlreg-close:after {
  content:"";
  position: absolute;
  top: 4px;
  left: 14px;
  border: 1px solid #000;
  border-width: 0 1px 0 0;
  width: 0;
  height: 21px;
  transform: rotate(-45deg);
}

.nlreg-form.nlreg-hidden {
  display: none;
}

/*right col most wanted*/
.art-rt-mostwanted {
  width: 300px;
}
.art-rt-mostwanted .art-rt-mostwanted-hl {
  font-weight: 800;
  font-size: 1.5rem;
  color: #fff;
  background: #0b1124;
  padding: 6px 10px;
}

.art-rt-mostwanted .art-rt-mostwanted-bd {
  border: 1px solid #e7e8ea;
  border-top-width: 0;
}

.art-rt-mostwanted .art-rt-mostwanted-bd .sep {
  height: 1px;
  background: #e7e8ea;
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm {
  position: relative;
  display: block;
  height: 77px;
  overflow: hidden;
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm:hover {
  text-decoration: none;
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm .num {
  display: block;
  background: #f2f3f4;
  height:77px;
  width: 28px;
  text-align: center;
  line-height: 77px;
  color: #ef3516;
  font-weight: bold;
  font-size: 1rem;
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm .imgcon {
  position: absolute;
  top:0;
  right:0;
  height: 100%;
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm .imgcon .img {
  transform: translateX(100%) translateX(2px);  
  transition: transform ease .2s;
  height: 100%;
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm:hover .imgcon .img {
  transform: translate(20%, 0);
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm .tx {
  position: absolute;
  top:0;
  left:0;
  padding-left:9px;
  transform: translate(28px, 0);
  width: calc(100% - 9px - 28px);
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 79%, rgba(255,255,255, 0) 100%);
  transition: transform ease .2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;  
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm:hover .tx {
  transform: translate(0, 0);
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm .hl {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  max-height: 2.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0b1124;
  text-shadow: 0px 0px 4px #fff;
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm .add {
  display: block;
  font-weight: normal;
  font-size: .875rem;
  color: #b6b8be;
  text-shadow: 0px 0px 4px #fff;
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm .add .cmtyico {
  display: inline-block;
  stroke: #b6b8be;
  transform: translate(0, 3px);
}
.art-rt-mostwanted .art-rt-mostwanted-bd .itm .add .cntcomments {
  display: inline-block;
}

.art-rt-mostwanted .art-rt-mostwanted-bd .itm .add s {
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
}

/*
Demo
#demo-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
*/

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}