/* Layout and rating colours. The rating glyphs come from iqes-fonts (iqes-icons.css),
   the PDF-download icons from iqes-library (.pdf-download etc.). */

.iqes-checknews {
    width: 100%;
    border-collapse: collapse;
}

.iqes-checknews th,
.iqes-checknews td {
    padding: 0.6em 0.8em;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e0e0e0;
}

.iqes-checknews th {
    font-weight: 400;
    font-size: 14px;
}

.iqes-checknews__col-source {
    width: 70px;
    padding-left: 0 !important;
    vertical-align: top !important;
}

.iqes-checknews__col-rating {
    width: 90px;
    white-space: nowrap;
    vertical-align: top !important;
}

.iqes-checknews__col-rating:last-child {
    padding-right: 0;
}

.iqes-checknews__col-title p {
    margin: 0 0 0.3em;
}

.iqes-checknews__date {
    font-size: 14px !important;
}

.iqes-checknews td.iqes-checknews__col-rating {
    text-align: right;
}

/* 1.3em: the iqes-icons rating glyphs fill only 0.6-0.77em of their em box. */
.iqes-checknews .iqes-checknews__rating {
    display: inline-flex;
    gap: 0.1em;
    font-size: 1.3em;
    line-height: 1;
}

.iqes-checknews .iqes-checknews__rating-icon {
    color: #ddd;
    line-height: 1;
}

.iqes-checknews .iqes-checknews__rating-icon--active {
    color: #444;
}

/* .downloads is iqes-library's own (unscoped) class for the preview/download/favorite
   icon row; scoped here so this rule doesn't leak into other .downloads blocks on the
   same page. !important because library.css otherwise stacks its children (it assumes
   a card layout, not a bare table cell). The favorites dropdown is a child of one of
   these icons and stays free to open below as usual.

   The icon glyphs themselves (pdf/word/ppt/other/lock-download) carry no font-size of
   their own in library.css, and since the ".semantic" wrapper (needed for the
   favorites dropdown, see below) activates a large set of otherwise-inactive
   ".semantic ..." rules from library.css/semantic.min.css, several of which set their
   own per-glyph font-size, !important + targeting the icon elements directly (not just
   the container) is needed to reliably win. 26px matches iqes-library's own "list"
   layout normalization (.elementor-widget-iqes-library .list .title .downloads,
   library.css) — the reference size for this icon row across the whole site; the
   lock icon (.download-locked-document/-video) is set to the same value explicitly
   rather than relying on it inheriting correctly (requested 2026-09-23: it read
   visibly larger than the others before this rule existed). */
.iqes-checknews__col-title .downloads {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4em;
    line-height: 1;
}

/* Direct children only (not `.downloads i`/`.downloads a`, unrestricted by depth): the
   lock popup's own "Anmelden"/"Abo lösen" buttons are nested several levels inside one
   of these icons (`.download-locked-document` -> `.ui.flowing.lock.popup` -> ... -> a),
   and a depth-unrestricted rule here previously forced their 13px library.css label
   text (`.popup div.ui.button a`) up to this 20px. Verified live 2026-09-23. */
.iqes-checknews__col-title .downloads > * {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-size: 26px !important;
    line-height: 1;
}

.iqes-checknews__col-title .downloads .favorite-filled::before,
.iqes-checknews__col-title .downloads .favorite-outline::before,
.iqes-checknews__col-title .downloads .pdf-download::before,
.iqes-checknews__col-title .downloads .word-download::before,
.iqes-checknews__col-title .downloads .powerpoint-download::before,
.iqes-checknews__col-title .downloads .other-download::before,
.iqes-checknews__col-title .downloads .download-locked-document::before,
.iqes-checknews__col-title .downloads .download-locked-video::before {
    font-size: 26px !important;
}

/* The preview eye icon (.preview > a.preview) gets its entire glyph/size from a rule
   scoped to .card/.large/.list — the three official Mediathek layout wrappers
   (library.css) — none of which exist in this table's markup, so without this the
   link has no ::before content at all and collapses to 0x0 (verified live 2026-09-23:
   the element renders, checkRights('preview')/previewFileKey are fine, only the CSS
   is missing). Reproduced at the same 26px reference size as the other icons here,
   instead of library.css's own 32px default, for visual consistency across this row.

   `a.preview`, not the bare class again: the flipbook lightbox content sitting right
   next to the trigger (`.ui.large.preview.modal`) also happens to carry a "preview"
   class, and a `.preview .preview` selector matched — and force-displayed — that too.
   Caught live before shipping. */
.iqes-checknews__col-title .downloads .preview a.preview {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.iqes-checknews__col-title .downloads .preview a.preview::before {
    font-family: "iqes-icons";
    content: '\e63e';
    color: var(--e-global-color-secondary);
    font-style: normal !important;
    font-size: 26px !important;
    line-height: 1;
}

.iqes-checknews__divider-row td {
    padding-top: 1.2em;
    padding-left: 0 !important;
    font-size: 1.1em;
    border-bottom-color: #444;
}

.iqes-checknews__divider-row strong {
    font-weight: 400 !important;
}

.iqes-checknews__video {
    margin-top: 0.3em;
}

.iqes-checknews__video a {
    display: inline-flex !important;
    align-items: center;
    gap: 0.3em;
    text-decoration: none;
    /* Matches .open-video::before's own color in library.css, so link text and icon
       read as one unit. !important for the same reason as everywhere else in this
       file: the ".semantic" wrapper activates otherwise-inactive rules that outrank a
       plain class selector. */
    color: #2185d0 !important;
}

/* .open-video::before (library.css) sets no font-style, so it inherits the browser's
   default italic <i>; the glyph itself needs its own font-size, not just the <i> tag's
   — same reasoning, and same 26px reference size, as the pdf/word/other-download
   icons above. */
.iqes-checknews__video .open-video {
    font-size: 26px !important;
    line-height: 1;
}

.iqes-checknews__video .open-video::before {
    font-style: normal !important;
    font-size: 26px !important;
    line-height: 1;
    vertical-align: middle;
}

@media only screen and (max-width: 600px) {
    .iqes-checknews {
        font-size: 0.85em;
    }

    .iqes-checknews th,
    .iqes-checknews td {
        padding: 0.5em 0.35em;
    }

    .iqes-checknews__col-rating {
        width: 55px;
    }
}