
.strytl { --color-contrast:#0065ad; --color-text:#000000; }
.strytl .item.chapter h1.title { color:#000000; }
.strytl .item.chapter .item-content { background-color:#f2f2f2; border-top-color:#f2f2f2; }
.strytl .item.chapter .marker { background-color:#0065ad; }
.strytl .item.text p.author { color:#0065ad; font-weight:700; font-style:normal; }
.strytl .item.text .timestamp .group .time { color:#737373; }
.strytl .item.text .timestamp .group .date { color:#737373; }
.strytl .item .xt-react .reaction[data-reaction="0"] { background-image:url('https://s.stry.tl/assets/img/eventmodule/em-reader-feedback/sad2.png'); }

.strytl {
    font-size: 12pt;
}

.strytl-adwrap.desktop:before,
.strytl-adwrap.mobile:before {
    content: "Anzeige:";
    font-size: 12px;
    color: #777;
    margin-bottom: 0.25em;
    display: block;
    width: 300px;
    text-align: left;
    margin: 0.25rem auto;
}
.strytl-adwrap.desktop,
.strytl-adwrap.mobile {
    margin: 2.5rem 1.25em;
    text-align: center;
}



@media only screen and (max-width: 499px) {
    /* items */
    .strytl .item.text h1.title,
    .strytl .item.em-polls .question,
    .strytl .item.quote .quote .text,
    .strytl .item.sound h1.title {
      font-size: 150%;
      font-weight: 400;
    }

    .strytl .item.text .timestamp .group br,
    .strytl .item.em-polls .timestamp .group br,
    .strytl .item.quote .timestamp .group br,
    .strytl .item.sound .timestamp .group br {
        display: none;
    }

    .strytl .item.text .timestamp .group,
    .strytl .item.quote .timestamp .group,
    .strytl .item.em-football .timestamp .group .time {
       text-transform: uppercase;
       font-family: 'Gotham', sans-serif;
    }

    .strytl .item.text .timestamp .group .time,
    .strytl .item.em-polls .timestamp .group .time,
    .strytl .item.quote .timestamp .group .time,
    .strytl .item.sound .timestamp .group .time,
    .strytl .item.text .timestamp .group .date,
    .strytl .item.em-polls .timestamp .group .date,
    .strytl .item.quote .timestamp .group .date,
    .strytl .item.sound .timestamp .group .date {
        font-size: 100%;
        font-weight: 400
    }
    .strytl .item.text .timestamp .group .time:after,
    .strytl .item.em-polls .timestamp .group .time:after,
    .strytl .item.quote .timestamp .group .time:after,
    .strytl .item.sound .timestamp .group .time:after {
        content:  ' –';
    }
    .strytl .item.text .timestamp .group .date,
    .strytl .item.em-polls .timestamp .group .date,
    .strytl .item.quote .timestamp .group .date,
    .strytl .item.sound .timestamp .group .date {
        margin-left: -2px;
    }
    .strytl .item.text .timestamp,
    .strytl .item.sound .timestamp,
    .strytl .item.quote .timestamp,
    .strytl .item.em-polls .timestamp {
        width: 100%;
    }

    .strytl .item.text .timestamp .group,
    .strytl .item.em-polls .timestamp .group,
    .strytl .item.sound .timestamp .group,
    .strytl .item.quote .timestamp .group {
        border-bottom: none; /* solid 2px var(--color-contrast); */
        width: 100%;
    }
}
.strytl .item .flowplayer:not(.is-fullscreen) video.fp-engine {
    max-height: 100%;
}

.strytl .item .flowplayer.is-splash.fp-default-playlist.is-paused {
    background-size: contain;
}
.strytl .item .flowplayer {
    background-color: #000;    
}


.strytl .row:first-child .item.text,
.strytl .row:first-child .item.quote,
.strytl .row:first-child .item.sound {
    padding-top: 1.2em;
}
.strytl .row:first-child .item.quote {
    padding-top: 3em;    
}
.strytl #strytl-content.prevent-overlap .row:first-child .item.text .share,
.strytl #strytl-content.prevent-overlap .row:first-child .item.quote .share,
.strytl #strytl-content.prevent-overlap .row:first-child .item.sound .share {
    margin-top: 1.2em;
}

.strytl .row.flexible .item.video.w-3.h-2 .item-content::before, .strytl .row.flexible .item.video.w-3.h-3 .item-content::before {
padding-top: 100%; }
