/*
Font sizes: 
font-size: 0.75rem; / 12px /
font-size: 3.6vw; / 12px /

font-size: 0.875rem; / 14px /
font-size: 4.2vw; / 14px /

font-size: 1rem; / 16px /
font-size: 4.8vw; / 16px /

font-size: 1.125rem; / 18px /
font-size: 5.4vw; / 18px /

font-size: 1.375rem; / 22px /
font-size: 6.6vw; / 22px /

font-size: 1.5rem; / 24px /
font-size: 7.2vw; / 24px /

font-size: 2.5rem; / 40px /
font-size: 7.2vw; / 24px /
*/
noscript img {
  width: 100%;
}
/* dynamic pictures */
.dpic {
  display: block;
  position: relative;
  height: 0;
}
.dpic > img {
  display: block;
  position: absolute;
  width: 100%;  
  height: 100%; 
  top: 0;
  margin: 0;
  padding: 0;
}
.dpic.pic100 {
  padding-bottom: 57.38%;
  width: 100%;
}
.dpic.pic100x618 {
  padding-bottom: 40.45%;
  width: 100%;
}

.dpic.pic60 {
  padding-bottom: 34.43%;
  width: 60%;
}

.dias .ttl,
.bSuch .itm .l2,
p.abs.rtx {  
  font-family: 'Open Sans', Arial, sans-serif;
}

.itm {
  position: relative;
}

/* the text of every pic teaser has a fadeout background */
.itm .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%);
}
.itm .txt { 
  width: 100%;
  box-sizing: border-box;
  padding: 0 3px;
    
  position: absolute;
  bottom: 5px;
  color: #ffffff;
  font-size: 0.875em; /* 14px */
  line-height: 1.25em;
  font-weight: bold;
  text-align: center;

  white-space: initial;
  text-shadow: 0 0 6px #0b1124, 0 0 6px #0b1124, 0 0 6px #0b1124, 0 0 6px #0b1124;
}

.itm .txt h2 {
  font-size: 1rem; /* 16px */
  line-height: 1.25em;
}
.itm .txt .t0 {
  text-transform: uppercase;
  font-weight: normal;
}

.itm .cpy, .artPic .cpy {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #ffffff;
  text-shadow: 1px 1px #333333;
  font-weight: normal;
  font-size: 0.75rem; /* 12px */
}

/* a special empty a tag stretches to the full itm size as a teaser click */
.itm a.stretch {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}

.itm .stoerer.vid, .itm .stoerer.dia {
  /*opacity: 0.85;*/  
}
.itm .stoerer {
  position: absolute;
  width: 13.67%;
  top: 5.76%;
  right: 3.33%;
}
.itm .stoerer.TdT {
  width: 19.17%;
}
.itm .stoerer.d2 {
  top: 8.81%;
}
.bChan h1, .bHome h1, .bNews h1 {
  position: absolute;
  font-size: 0.0625rem;
  text-indent: -1000px;
}
.conSlider .itm.newslnk {
  width: 17.6%;
  background-color: initial;
}
.conSlider .itm.newslnk .dpic {
  padding-bottom: 195%;
}
.conSlider .itm.newslnk a.stretch {
  background: url(/pub/pic/mehr-slider-pfeil.svg) no-repeat center center;
  background-size: cover;
}


.dpic > i { /* info for pic-resolution */
  display: block;
  position: absolute;
  top:0;
  right:0;
  background:#dddddd;
}

/** Text manipulation */
.conSlider .itm .lbl,
.conSlider .sep,
.conGrp .grpTop h2,
.bArt .grphl
{
  text-transform: uppercase;
}


/* Page Layout */
body {
  background: #ffffff;
}

/* Diashow slider */
.dias {
  position: relative;
  margin-bottom: 14px; /* should be 10 but bug in sliderhight, so compensate */
}
.dias .cth {
  position: relative;
  overflow: hidden;
}

.dias .innerh {
  position: relative;
  white-space:nowrap;
  transition: all ease 0.6s;  
}

.dias .itm {
  display:inline-block;
  position: relative;
  height: 57.38%;
  width: 100%;
  overflow: hidden;
}
.dias .itm.bg {
  background-color: #000000;
}

.dias .itm.ad {
  background-color: #ffffff;
}


.dias .txt, .dias .nr {
  display: none;
}

.dias .pnav {
  height: 35px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid #666666;
  border-width: 1px 0;  
}

.dias .pnav .ico {
  background: url(/pub/pic/nav-down-black.svg) no-repeat center center;
  background-size: cover;
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 4px;
}

.dias.first .pnav .ico.left, .dias.last .pnav .ico.right {
  background: url(/pub/pic/nav-down-grey.svg) no-repeat center center;
  background-size: cover;
}

.dias .pnav .ico.left {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 1px;  
}
.dias .pnav .ico.right {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 1px;  
}

.dias .pnav .ct {
  padding-top:6px;
  font-size: 0.875rem; /* 14px */
}

.dias .pnav .navh {
  display: block;
  width: 49%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.dias .pnav .navh.l { left: 0;}
.dias .pnav .navh.r { right: 0;}

.dias .pnav .nums {
  display: block;
  position: absolute;
  font-size: 0.875rem; /* 14px */
  padding-bottom: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dias .pnav .nums .num {
  font-weight: bold;
}

.dias .ttl {
  margin: 0 0 15px;
  font-weight: bold;
}

.dias .inav .ico {
  background: url(/pub/pic/nav-down.svg) no-repeat center center;
  background-size: cover;
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 11px;
}

.dias.first .inav .navh.l, .dias.last .inav .navh.r {
  display: none;
}

.dias .inav .ico.left {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 1px;
}
.dias .inav .ico.right {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 1px;
}

/*center vertically*/
.dias .inav .navh {
  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%);
}

.dias .inav .navh {
  display: block;
  width: 15%;
  height: 50px;
}
.dias .inav .navh.l { left: 0;}
.dias .inav .navh.r { right: 0;}


/* Aufmacher */
.afm {
  background-color: #000000;
  position: relative;
  margin-bottom: 10px;
  padding:10px 10px 10px 10px;
}
.afm.single {
  padding-bottom: 10px;
}

.afm .bigpics .cth {
  position: relative;
  overflow: hidden;
}

.afm .bigpics .innerh {
  position: relative;
  white-space:nowrap;
  transition: all ease 0.6s;  
}

.afm .bigpics .itm {
  display:inline-block;
  height: 57.38%;
  width: 100%;
  overflow: hidden;
}

/* Navi-Punkte des Aufmachers (allgemein, da diese vielleicht auch noch in anderen Darstellungen gebaut werden könnten)*/

.navpnts {
  background-color: #000000;
  text-align:center;
}

.navpnts .bull { /* this could be obsolete if swiper works fine */
  background-color: #bbbbbb;
  width:  5px;
  height: 5px;
  border: 1px solid #000000;
  border-radius:8px;
  display: inline-block;
  margin: 8px 6px;
}
.cth.pos0 .bull.pos0,
.cth.pos1 .bull.pos1,
.cth.pos2 .bull.pos2,
.cth.pos3 .bull.pos3,
.cth.pos4 .bull.pos4,
.cth.pos5 .bull.pos5,
.cth.pos6 .bull.pos6,
.cth.pos7 .bull.pos7 { /* this could be obsolete if swiper works fine */
  
  background-color: #ffffff;
  border-color:#ffffff;
}

.navpnts.swiper-pagination {
  position: relative;
  background-color: #000000;
  text-align: center;
}
.navpnts.swiper-pagination .swiper-pagination-bullet {
  background-color: #bbbbbb;
  width:  5px;
  height: 5px;
  border: 1px solid #000000;
  border-radius:8px;
  display: inline-block;
  margin: 8px 6px;
  opacity: 1;
}

.navpnts.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
  border-color: #ffffff;
  opacity: 1;
}


/* Topthema */
.topthema {
  position: relative;
  margin-bottom: 10px; /* tmp */
}

.topthema .itm {
  height: 37.03%;
  width: 100%;
  overflow: hidden;
}








.ct {
  margin-left:10px;
  margin-right:10px;
}


/** Gruppe */
.conGrp {
  margin-top: 10px;
  margin-bottom: 10px;
}
.conGrp > div:last-child {
  margin-bottom:0;
  padding-bottom:0;
}
.conGrp.slilast + div { /* the next div reduces the distance if this group ends with a slider */
  margin-top: 10px; /* former 6px */
}

.ct .grpTop {
  background-color:#ffffff;
}
.ct .grpTop .sep {
  height: 0;
  border-bottom: 2px solid #5cc8ff;
  margin-bottom: 6px;
}
.ct .grpTop h2 {
  color: #0b1124;
  font-size: 1.375rem; /* 22px */
  text-align: center;
}
.ct .grpTop h2 .h2 {
  margin-left: 10px;
}
.ct .grpTop h2 a {
  padding: 0px 10px;
}




/** Standard Slider in distributor pages */
.conSlider {
  background-color: #ffffff;
  margin-bottom: 11px;
  position: relative;
}

.conSlider .sep {
  position: absolute;
  width:100%;
  padding-bottom: 3px;
  border-bottom: 1px solid #b5b5b5;
  color: #b5b5b5;
  background-color: #ffffff;
  font-size: 0.875rem; /* 14px */
  line-height: 1em;
  font-weight: bold;
}

.conSlider .itm {
  display:inline-block;
  width: 60%;
  background-color: #333333;
}

.conSlider .itm .lbl {
  display: block;
  position: absolute;
  color: #b5b5b5;
  background-color: #ffffff;
  bottom:100%;
  margin-bottom: 10px;
  left:0;
  font-size: 0.875rem; /* 14px */
  line-height: 1em;
  font-weight: bold;
}

.conSlider.type0 .sep, .conSlider.type1 .sep, .conSlider.type4 .sep {
  display: none;
}

.conSlider.type2 .itm {
  margin-top:24px;
}

/** Artikel-Diashow Slider in distributor pages */
.artDiaSlider {
  background-color: #ffffff;
  border: 1px solid #b5b5b5;
  border-width: 1px 0;
  position: relative;
  padding: 10px 0;
  margin: 10px 0;
}

.artDiaSlider .hl {
  color: #b5b5b5;
  margin-bottom: 10px;
}

.artDiaSlider .itm {
  display:inline-block;
  width: 40%;
  background-color: #333333; 
}

/** Result-FreeHTML */
#content > .miksfh {
  margin: 0 10px;
}
.artCmp #spxIframeContent, .artCmp .spxIframeContent {
  position: relative; 
  overflow-x: visible; 
  overflow-y: hidden;
  text-align: center;
}

.spl { position:relative; margin: 10px 0 10px 0; min-height:76px; font-size: 0.875rem; /* 14px */ }
.spl .hidden { display:none !important; }
.spl .mikshidden { display:none !important; }
.spl .databody { min-height:inherit; }
.spl .databody .main { position: relative; overflow: hidden;}
.spl .databody .scroller {position: relative; overflow-x: visible; overflow-y: hidden;}
.spl .dataelement { display: inline-block; vertical-align: top; border: 1px solid #bbbbbb; border-width:1px 0 1px 1px; padding: 8px 4px 3px; margin-top:2px; text-decoration:none !important; width:50px }
.spl .dataelement:last-child { border-right-width:1px; }
.spl .dataelement .result { color:#525252; font-weight:bold;  }
.spl .dataelement.hasMatch:HOVER, 
.spl .dataelement.active { background-color: #cccccc; cursor:pointer; text-decoration:none !important; }
.spl .dataelement.hasMatch A:HOVER { text-decoration:none !important; }
.spl .details_center_tbl {margin-top: 10px;}
.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: 0.875rem; /* 14px */ line-height:6px; margin-bottom:10px; }
.spl .dataelement .team.klein IMG { width:18px; height:18px;}
.spl .dataelement.noMatch{ opacity: 0.3;}
.spl .team.gross {height:75px;}
.spl .team.gross IMG { width:75px; height:75px; }
.spl .highlight .details  { color:#525252; font-size:1rem; /*16px*/ font-weight:bold; }
.spl .highlight .details .teamname  { margin: 5px 5px 0 5px; }
.spl .highlight .details .result { font-size: 2.5rem; /* 40px */ }
.spl HR { display: none; }
.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:#fb3500 !important; text-align:right; font-size: 0.875rem; /* 14px */; line-height:20px; font-weight:bold; }
.spl .hlcon {position:relative;min-height:20px;}
.spl .hlcon .headline {margin-left:5px;font-weight:bold;position:relative;text-align:center}
.spl .dataelements {text-align: center; white-space:nowrap;}
.spl .dataelement .additional {font-size: 0.875rem; /* 14px */ line-height: 0.6rem;}
.spl .dataelement td.dist {width: 3px;}
.spl .details-htresult { font-size: 0.875rem; /* 14px */ }
.spl .details-htresult .htresult { white-space:nowrap; }
.spl table {width: 100%;}
.spl .highlight .c1 {text-align: center; width: 40%;}
.spl .highlight .c2 {text-align: center;}
.spl .highlight .c3 {text-align: center; width: 40%;}
.miksfh .spl .databody {
  background: none;
}

/* Article */
.bArt .artPic .dpic.bg {
  height:0;
  padding:0;
}
.bArt .artPic {
  position: relative;
}
.bArt .artText h2 {
  font-size: 1.125rem;
  line-height: 1.25em;
  margin: 20px 0;  
}
.bArt .abs {
  font-weight: bold;
}
.bArt p, .rtx .artCmp {
  margin: 12px 0 15px 0;
}

.detailsHead {
  position: relative;
}
.detailsHead .catlnk {
  display: block;
  margin: 5px 0 -7px 0;
  font-size: .75rem;
  color: #595959;
}
.detailsHead h1 {
  font-size: 1.5rem; /* 24px */
  margin: 5px 0;  
  line-height: 1.25em;
  color: #0b1124;
}
.detailsHead .socgrp {
  position: relative;
  min-height: 38px;
  margin-bottom: 15px;
  color: #595959;
}
.detailsHead .socgrp .aut {
  min-height: 22px;
}
.detailsHead .socgrp .aut p {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.detailsHead .socgrp .date {
  font-size: 0.75rem; /* 12px */
}

/** Related Links Article **/
.rtx ul.lnkrel {
  font-weight: bold;
}
.rtx ul.lnkrel span {
  display: block;
  margin-bottom: 8px;
}
.rtx ul.lnkrel li {
  padding: 3px 0 3px 30px;
  margin: 0;
  background: none;
  position: relative;
  line-height: 1.25em;
}
.rtx ul.lnkrel li a {
  color: #0b1124;
}
.rtx ul.lnkrel li a::before {
  content:"";
  position: absolute;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius:4px;
  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;
}


/** Mehr zum Thema-Slider with group headline */
.bArt .grphl, .bDia .conGrp .grpTop h2 {
  color: #888888;
  padding: 15px 0 8px 0;
  border-top: 1px solid #666666;
  font-weight: bold;
  text-align: left;
  font-size: 1rem;
}
.bArt .mzt .sep, .bArt .mztupper .sep, .bDia .conGrp .grpTop .sep {
  display: none;
}

.bArt .mztupper {
  margin: 10px 0 15px 0;
}

.bArt .taboolapos {
  margin-top: 15px;
  padding-top: 15px;
  xborder-top: 1px solid #666666;
}  
  

/* article page navi */
.bArt .artPnav {
  height: 35px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid #666666;
  border-width: 1px 0;  
}

.bArt .artPnav .ico {
  background: url(/pub/pic/nav-down-grey.svg) no-repeat center center;
  background-size: cover;
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 4px;
}
.bArt .artPnav .ico.act {
  background: url(/pub/pic/nav-down-black.svg) no-repeat center center;
  background-size: cover;
}  

.bArt .artPnav .ico.left {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 1px;  
}
.bArt .artPnav .ico.right {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 1px;  
}


.bArt .artPnav .ct {
  padding-top:6px;
  font-size: 0.875rem; /* 14px */
}

.bArt .artPnav a.lnk span {
  visibility: hidden; 
}

.bArt .artPnav a.lnk {
  display: block;
  width: 49%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.bArt .artPnav a.lnk.left { left: 0;}
.bArt .artPnav a.lnk.right { right: 0;}

.bArt .artPgrp {
  margin: 10px 0;
}
.bArt .artPgrp .scroller {
  position: relative;
  white-space:nowrap;
  overflow-x: visible;
  overflow-y: hidden;
  text-align: center;
}

.bArt .artPgrp .itm {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 5px 0 0;
  width: 130px;
  height: 35px;
  padding-top: 6px;
  background: #cccccc;
  color: #595959;
  text-align: center;
}
.bArt .artPgrp span.itm {
  opacity: 0.6;
}
.bArt .artPgrp .itm.itmSel {
  background: #fb3500;
  color: #ffffff;
}

/* Dayticker is like multipe articles */
.tihead {
  margin-top: 28px; 
  position: relative;
  font-weight: bold;
}
.tihead .titime {
  position: absolute;
  top: 0;
  left: 0;
  color: #0032af;
}
.tihead .tiTitle {
  margin-left: 50px;
  padding-left: 10px;
  border-left: 1px solid #666666;
}
.bArt.bDti p {
  margin: 12px 0 12px 0;
}
.tihead .anc {
  top: -60px;
  position: absolute;
}  

/* Search */
.bSuch .itm {
  border-bottom: 1px solid #b5b5b5;
  overflow: hidden;
}

.bSuch .itm .pic {
  width: 40%;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
.bSuch .vd {
  margin: 10px;
}
.bSuch .itm .tx {
  margin-left: 43%;
  margin-bottom: 10px;
}

.bSuch .itm .l1 {
  font-size: 0.625rem;
  line-height: 1.25em;
}
.bSuch .itm .l2 {
  font-size: 0.875rem;
  padding: 3px 10px 0 0;
}

.bSuch .date {
  display: block;
  background-color: #cecece;
  text-transform: uppercase;
  padding:5px;
  margin: 10px;
  text-align: center;  
}
div.ct.vd + div.date {
  margin-top:20px;
}

.bSuch .nextpg {
  display: block;
  position: relative;
  margin: 20px 10px 10px 10px;
  padding: 5px 30px 5px 5px;
  text-align: right;
  color: #b5b5b5;
  font-size: 0.875rem;
  border-bottom: 1px solid #b5b5b5;
}
.bSuch .nextpg .ico {
  background: url(/pub/pic/nav-down-grey.svg) no-repeat center center;
  background-size: cover;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  right: 6px;
  bottom: 3px;
}

.bSuch .nothing {
  text-align: center;
  margin: 20px 0;
}
.bSuch .srchInfo {
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid #b5b5b5;
  background-color: #ffffff;
  color: #b5b5b5;
}

.conGrp.slilast + div { /* the next div reduces the distance if this group ends with a slider */
  margin-top: 6px;
}

.nodt .grpTop .sep {
  margin-bottom: 0;
}
.nodt { /* nodt = no distance*/
  margin-bottom: 0;
}

.spxnav2 li.sub .ico1 {
  background: url(/pub/pic/nav-down-grey.svg) no-repeat center center;
  background-size: cover;
}


.spxnav2 {
  background-color: #ffffff;
  color: #b5b5b5;
}
.spxnav2 li {
  font-weight: bold;
  text-transform: uppercase;
}
.spxnav2 li a {
  left: 0;  
}
.spxnav2 ul {
  display: block;
  position: relative;
  padding:0;
  margin:0;
  border:0;
}

.spxnav2 li.sub {
  border: 1px solid #b5b5b5;
  border-width: 0 0 1px 0;
  transition: all 0.5s ease;  
}

.spxnav2.datalive li.sub {
  border-width: 0 0 1px 0;
}


/** nav2 transition control */
.spxnav2 li.sub li {
  height: 0px;
  transition:all 0.5s ease;
}
.spxnav2 li.sub.open li {
  height: 50px;
}

/* for the ad */
.strad {
  text-align: center;
}
.strad.tb1 > div {
  margin-top: 10px;
}

/** Social in article, rudb */
.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/soc/soc-google.svg) no-repeat; }*/
.social .socComments { background: url(/pub/pic/icons/soc-comments.svg) no-repeat; }
.social .socWhatsapp { background: url(/pub/pic/icons/soc-whatsapp.svg) no-repeat; }

.social .socComments { 
  position: relative;
}
.social .socComments .cmtcnt { 
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 100%;
  font-size: 0.6rem;
  text-align: center;
  color: #0b1124;
  font-family: 'Open Sans', Arial, sans-serif;
}
.social.bottom .socComments .cmtcnt {
  bottom: 11px;
  font-size: 0.675rem;  
}

/*center vertically*/
.social.top {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 150px;
}

.social.top .soc {
  background-size: cover;
  display: block;
  float: right;
  width: 38px;
  height: 38px;
  margin: 0 0 0 10px;
}

.social.bottom {
  position: relative;
  text-align:center;
  height:55px;
  margin:30px 0;
}
.social.bottom .soc {
  display: inline-block;
  margin:0 2.5%;
  width: 55px;
  height: 55px;
  background-size: cover;
}

/* additional style to force viewport settings
this maybe forces IOS on history.back() to reset the zoom level 
especially when switching from data page back to article */
@-ms-viewport{
  width: device-width;
}
/* new videos page */
.itm > a.lnkovall {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.itm .med .dur {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  background-color: #000000;
  font-size: 11px;
  padding: 0 3px;
}
.bVid.hm .ct .pvid {
  margin-top: 10px;
}
.bVid .chanVids.hid {
  opacity: 0;  
  height:0;
  overflow: hidden;
}
.bVid .chanVids {
  opacity: 1;  
  transition: opacity linear 0.5s;
}
.bVid .chanVids .itm {
  margin: 10px 0;
  position: relative;
  border: 1px solid #000;
  padding: 7px;
}
.bVid .chanVids .itm .med {
  height: 0;
  padding-bottom: 56.13%;
  position: relative;
}
.bVid .chanVids .itm .med .pic {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bVid .chanVids .itm .tx {
  text-align: center;
  padding: 20px 0 10px 0;
}
.bVid .navndrop {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
.bVid .navndrop .navs {
  white-space:nowrap;  
  overflow-x: visible;
  overflow-y: hidden;
}
.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;
  cursor: pointer;
  transition: background-color linear .2s, color linear .2s;
}
.bVid .navndrop .navs .el:last-child {
  margin-right: 0;
}
.bVid .navndrop .navs .el.sel {
  color: #ffffff;
  background-color: #fb3500;
}

.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: 65%;
}
.spxcib .tx {
  padding: 10px;
  font-weight: bold;
}
.spxcib .tx a {
  text-decoration: underline;
}
.spxcib .bt {
  display: inline-block;
  margin: 5px 10px 10px 10px;
  background: #0032af;
  color: #fff;
  padding: 3px 10px;
  cursor: pointer;
  font-weight: bold;  
}
/* Reiter 18 / Homepage News */
.conHmNews .pgs .pg .items {
  position: relative;
}
.rtr18 .pgs {
  position: relative;
}
.rtr18 .pgs .pg {
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
}
.rtr18 .pgs .pg.sel {
  display: block;
  position: relative;
}

.conHmNews .pgs .items .itm {
  margin: 10px 0;
  padding-left: 50px;
  text-indent: -25px;
}
.conHmNews .pgs .items .itm .time {
  display: inline-block;
  width: 25px;
  font-weight: bold;
  color: #0032af;
}
.rtr18 .pgNav  {
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}
.rtr18 .pgNav .scroller {
  position: relative;
  white-space:nowrap;
  overflow-x: visible;
  overflow-y: hidden;
}
.rtr18 .pgNav::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 30px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255,1), rgba(255, 255, 255, 0));
    z-index: 2;
}

.rtr18 .pgNav .rtr.sel {
  color: #fb3500;
  border-bottom: 2px solid #fb3500;
  font-weight: bold; 
}
.rtr18 .pgNav .rtr {
  /*text-transform: uppercase;*/
  line-height:2em;
  padding: 0 5px;
  color: #818181;
}
.rtr18 .pgNav .rtr:last-child {
  padding-right: 20px;
}
.conHmNews .links {
  height: 20px;
  text-align: right;
}

/* new homepage 2018*/
.bHome18 .flx.ord {
  display: flex;
  flex-direction: column;
}
.bHome18 .flx.ord .cnB { order: 2; }
.bHome18 .flx.ord .cnT { order: 1; }
.bHome18 .rtx .artCmp .medlnk img {max-width: 100%;}
.bHome18 .grpTop h1, .bHome18 .grpTop h2 {
  position: relative;
  font-size: 1.375rem; /* 22px */
  text-indent: 0;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
}
.bHome18 .txbt h1 {
  position: relative;
  font-size: 1.375rem; /* 22px */
  text-indent: 0;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
  color:#fff;
  background-color: #0b1124;
  padding: 0 10px;
}


.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.TdT.d1 {
  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;
}
.bHome18 .daytickerCon .itm .text {
  position: absolute;
  top:7px;
  left: 10px;
  width: calc(100% - 15px);
  line-height: 1.25em;
  font-weight: bold;
}
.bHome18 .daytickerCon .itm .date {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px;
  color: #0032af;
}
.bHome18 .daytickerCon .itm .sep {
  position: absolute;
  right:0;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #b5b5b5;
}
.bHome18 .tdtbd .topic {
  padding-left: 24px;
  /*background: #ffffff url(https://m.spox.com/pub/pic/navi0-sel.svg) no-repeat 0 5px; to delete*/
  margin: 10px 0 10px 0;
  position: relative;
}
.bHome18 .tdtbd .topic .topicTitle {
  line-height: 1.25em;
}
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;
}

/* GSM data snippet */
.gsmdata18 a.stretch {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
.gsmdata18 {
  font-family: 'Saira', Arial ,sans-serif;
  font-size: 0.875rem;
  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 .q.unvis {
  display:none;
}
.gsmdata18 .q {
  margin: 10px 0;
  position: relative;
  text-align: center;
}
.gsmdata18 .q .lgo {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: calc(50% - 120px - 35px);
}
.gsmdata18 .q .lgo.leovegas {
  background: url(/pub/pic/icons/icon-leovegas.png) no-repeat center center;
}
.gsmdata18 .q .lgo.tipico {
  background: url(/pub/pic/icons/icon-tipico-r.png) no-repeat center center;
}
.gsmdata18 .q .lgo.bwin {
  background: url(/pub/pic/icons/icon-bwin.jpg) no-repeat center center;
  width: 14px;
  height: 19px;
}
.gsmdata18 .q .lgo.betathomede, .gsmdata18 .q .lgo.betathomeat {
  background: url(/pub/pic/icons/icon-betathome-at.gif) no-repeat center center;
}

.gsmdata18 .q .v {
  display: inline-block;
  height:18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #b5b5b5;
  width: calc((100% - 15px - 20px - 6px) / 3);
  max-width: 80px;
  font-weight: bold;
}
.gsmdata18 .q .v.selected, .gsmdata18 .q .v.selected .bl {
  color: #c8102e;
  border-color: #c8102e;
}
.gsmdata18 .q .v.selected {
  background-color: #f4f4f4;
}


.gsmdata18 .q .v.x {
  margin: 0 5px;
}
.gsmdata18 .q .v .bl {
  font-weight: normal;
  color: #818181;
}
.gsmdata18 .q .v .bv {
  width: 26px;
  display: inline-block;
  text-align: right;  
}
.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: 1rem;
}
.gsmdata18 .row.dt .teams .result {
  font-weight: normal;
}
.gsmdata18 .row.ex .teams .result {
  width: 80px;
}
.gsmdata18 .row.ex .teams .teamName {
  width: calc(50% - 11px - 40px);
}
.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: #fb3500;
  border-color: #fb3500;
}
.dazn {
  margin: 10px 0;
}

/*spox-at disqus - free html*/
#disqus_thread {margin: 0 10px;}



/* temporary dev definitions */
#resinfo {
  position: fixed;
  right:0;
  bottom:0px;
  z-index:1;
  background-color:#ffffff;
}

.itwcmslk {
  display: none;
}
#sas_23362 {
  margin-top:15px;
}
.adsur {
  transition: min-height ease 0.2s;  
}
.adsur.abs {
  position: relative;
}
.adsur.abs > div {
  position: absolute;
  width: 100%;
}
#surtopmobile #sev1mtopmobile.topmobsticky {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100000;
  background:#fff;
}