A Plastic Ocean Trailer

p: 1px #dddddd solid; border-bottom: 1px #dddddd solid; padding: 10px; display: flex; } .article-info-news { margin: 0 0 10px 0; } .article-info-trailer { margin: 18px 0 0 0; padding: 10px 0; } @media (prefers-color-scheme: dark) { .article-info-news, .article-info-trailer { border-color: #2b2b2b; } } .article-info-news .image, .article-info-trailer .image { width: 40px; height: 40px; padding-right: 10px; flex-shrink: 0; } .article-info-news .image img, .article-info-trailer .image img { width: 100%; float: left; } .article-info-news .details, .article-info-trailer .details { padding-right: 10px; display: flex; flex-wrap: wrap; flex-grow: 1; justify-content: space-between; } .article-info-news .details div, .article-info-trailer .details div { font-weight: bold; font-size: 16px; padding: 6px 0 2px 0; margin: 0 10px 0 0; } .article-info-news .details div span, .article-info-trailer .details div span { display: block; font-weight: normal; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; } .trailer-mini-infos { color: #858585; margin: 0; font-size: 14px; line-height: 22px; background-color: #ffffff; padding: 0 10px; width: calc(100% - 20px); } .trailer-mini-infos span.spacer { margin: 0 5px; color: #dddddd; font-size: 18px; } .trailerhintergrund { overflow: hidden; background-color: #ffffff; margin: 0; width: 100%; } .trailerhintergrund .title { float: left; color: #858585; font-size: 14px; width: calc(100% - 20px); padding: 0 10px 8px; } .trailerhintergrund .title h2 { color: #858585; font-size: 14px; font-weight: normal; margin: 0 0 4px; } .upcoming-start-date-container { border-bottom: 1px #dddddd solid; padding: 10px 8px 8px; background-color: #f2f5fa; } .content-trailer { background-color: #ffffff; padding: 10px; margin: 0; width: calc(100% - 20px); } .news-container { width: 100%; position: relative; margin: 0; overflow: hidden; } .news-article { text-align: justify; margin: 0; width: 100%; overflow: hidden; display: inline-block; } #content:not(.sponsored) .news-article a[rel~="sponsored"]::after { content: "#AD"; position: relative; top: -2px; margin-left: 5px; padding: 2px 4px; font-size: 11px; color: #afafaf; border: 1px #efefef solid; } .news-article li { line-height: 34px; } .news-article .date { margin: 0 0 10px; font-size: 14px; } .news-article .news-anchor-links a { background-color: #117310; color: #ffffff; text-transform: uppercase; font-size: 18px; padding: 4px 8px; font-weight: bold; line-height: 22px; margin: 10px 10px 0 0; display: inline-block; float: left; } .news-article .news-anchor-links a.news-alarm { background-color: #f6dd58; color: #000000; border: 1px #000000 solid; padding: 3px 8px 2px; } .news-article #ad-fishbowl { display: block; margin-top: 30px; } .news-related-list span { font-size: 18px; font-weight: bold; line-height: 54px; } .news-related-list ul { margin: -12px 0 0 -10px; font-size: 18px; font-weight: normal; } .newsbild-giga { margin: 0px auto 10px; max-width: 664px; } .newsbild-giga img { width: 100%; height: auto; } .newsbild-giga p { width: calc(100% - 20px); text-align: center; background-color: #e1f0fd; font-size: 14px; margin-top: -6px; font-weight: bold; padding: 10px; } CSS; if (IS_MOBILE) echo FTV_Include::minifyCSS($cssMobile); else echo FTV_Include::minifyCSS($cssDesktop); ?>