/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://data.storytile.net/customer_files/stzstn/fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

#ticker.strytl {
  font-size: 1.105em;
}


#strytl-body.strytl {
    line-height: 1.5;
}
@media screen and (min-width: 500px) and (max-width: 560px) {
  #strytl-body.strytl {
      font-size: 2.6vw;
    }
}
@media screen and (min-width: 561px) and (max-width: 720px) {
  #strytl-body.strytl {
      font-size: 2.5vw;
    }
}
@media screen and (min-width: 721px) and (max-width: 800px) {
  #strytl-body.strytl {
      font-size: 2.4vw;
    }
}
@media screen and (min-width: 801px) and (max-width: 870px) {
  #strytl-body.strytl {
      font-size: 2.3vw;
    }
}
@media screen and (min-width: 871px) and (max-width: 910px) {
  #strytl-body.strytl {
      font-size: 2.2vw;
    }
}
@media screen and (min-width: 911px) {
  #strytl-body.strytl {
      font-size: 2.15vw;
  }
}


/* text items */
.strytl .item.text h1.title {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:700;
  color: #454545;
  line-height: 1.2;
}

.strytl .item.text,
.strytl .item.em-football:not(.gamephase-change):not(.score) .text-content {
  color: #454545;
  font-family: 'Roboto Slab', serif;
  line-height: 1.6;
  
}

.strytl .item.text .timestamp {
  margin-right: 0.9em; 
}

.strytl .item.text .timestamp .group .time {
  font-weight:300;
  color: #454545;
}
.strytl .item.text .timestamp .group .date {
  color: #454545;
}

.strytl .item.text .timestamp .group {
  border-bottom-color: #aaa;
}

.strytl .item.text .timestamp .group,
.strytl .item.em-football .timestamp .group .time {
  font-family: 'Roboto Condensed', sans-serif;
}

.strytl .item.text a {
    color: #6a6a6a;
    border-bottom: 1px dotted #BFBBAD;
}


/* general design changes */
.strytl .live {
  background-image: url(https://data.storytile.net/customer_files/live.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #c90;
  line-height: 1px;
}
.strytl .live img {
  visibility: hidden;
}

.strytl .load-next {
  background-color: #c90;
}

.strytl .loading .img {
    background-image: url(https://data.storytile.net/customer_files/loading-infinite-neutral.gif);
}



/* soccer module */

.strytl .item.em-football.event .timestamp .group.time {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:700;
}

.strytl .item.em-football .timestamp .group .unit,
.strytl .item.em-football.event .timestamp .group.unit {
  font-family: 'Roboto Condensed', sans-serif;  
}

/* normal time display */
.strytl .item.em-football .timestamp .group {
  background-color: #c90; 
  color: #fff;
}

/* scoreboard and gamephase change */
.strytl .item.em-football.event.gamephase-change,
.strytl .item.em-football.event.score,
.strytl .item.em-football.event.score .team.score-a,
.strytl .item.em-football.event.score .team.score-b {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:700;
}


.strytl .row:first-child .item.photo:before {
    padding-bottom:0px;
}

.widget_match_widget_liveticker #liveticker_min, .widget_team_widget_liveticker #liveticker_min {
    min-width: 40px; 
}

.strytl .item.link .description .text {
    position: relative;
    max-height: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* Ad Anapssung um den Margin für die Banner auf 0px zu bekommen – wichtig für MeinVFB Ads */
.row.flexible {
    margin: 2px;
    width:calc(100% - 4px);
}


@media (max-width: 500px) {
    .strytl .item.link.h-1 .description .title {
        white-space: initial;
    }
    .strytl .item.link .description .text {
        max-height: 18em !important;
        line-height: 1.5;
    }
}