/*
Theme Name:   Chemnitz24 Child
Theme URI:    https://chemnitz24.info/
Description:  Child-Theme von Newspaper (tagDiv) fuer chemnitz24.info. Eigene Anpassungen nur hier, nie im Parent-Theme.
Author:       Onlineseitig
Template:     Newspaper
Version:      1.1.0
Requires PHP: 8.3
Text Domain:  chemnitz24-child
*/

/* ===== Chemnitz24: Zeitungsraster (Rimont), Tinte und Himbeere auf Weiss, Newsreader + Public Sans ===== */
:root {
	--c24-him: #ad1457; --c24-him-dunkel: #7a0e3e; --c24-him-hell: #e0457f; --c24-him-flaeche: #fbe9f0;
	--c24-tinte: #1a1d2e; --c24-schiefer: #4a5163; --c24-grau: #6b7080; --c24-linie: #dcd8d2; --c24-flaeche: #f4f2ef;
	--c24-titel: 'Newsreader', Georgia, 'Times New Roman', serif;
	--c24-ui: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
}
body, .td-theme-wrap, #td-outer-wrap { background-color: #fff; color: var(--c24-tinte); }
body { font-family: var(--c24-titel); }
h1, h2, h3, h4, h5, h6, .entry-title, .td-module-title, .tdb-title-text, .td-block-title { font-family: var(--c24-titel) !important; font-optical-sizing: auto; }
.sf-menu, .tdb-menu, .td-post-category, .tdb-entry-category, .td-module-meta-info, .td-post-date, .td-editor-date, .tdb-author-name, .tdb-author-by,
.tdb_single_date, .tdb_breadcrumbs, button, input, .tdm-btn, .tdb-head-usr-name, .td-pulldown-filter-display-option, .tdb_header_date, .td-adspot-title { font-family: var(--c24-ui) !important; }
.td-post-content, .tdb_single_content .tdb-block-inner, .td-page-content, .tdb-category-description, .bp-intro, .td-excerpt { font-family: var(--c24-titel) !important; }
.tdb_single_content .tdb-block-inner p, .td-post-content p, .td-page-content p { font-size: 19px; line-height: 1.68; }
a { color: var(--c24-him); }
a:hover { color: var(--c24-him-dunkel); }
.td-post-content a, .tdb_single_content a, .td-page-content a, .bp-quellen a { color: var(--c24-him) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
::selection { background: #f8cfdd; }

/* Kopf: Datum links, Logo mittig mit Unterzeile, Suche rechts; Menue zwischen Haarlinie und Himbeer-Balken */
.c24-kopf-oben .tdb_header_logo .tdb-logo-img { max-height: 64px; width: auto; }
.c24-kopf-sticky .tdb_header_logo .tdb-logo-img { max-height: 30px; width: auto; }
.td-header-mobile-wrap .tdb_header_logo .tdb-logo-img, .td-header-mobile-sticky-wrap .tdb_header_logo .tdb-logo-img { max-height: 34px; width: auto; }
.c24-unterzeile-kopf { margin: 6px 0 0 !important; }
.c24-unterzeile-kopf p { margin: 0; text-align: center; font: italic 400 15px/1.3 var(--c24-titel); color: var(--c24-schiefer); }
.c24-kopf-menue { border-top: 1px solid var(--c24-tinte); border-bottom: 1px solid var(--c24-tinte); box-shadow: 0 3px 0 #fff, 0 4px 0 var(--c24-tinte); margin-bottom: 4px; }
.c24-kopf-menue .tdb-menu > li > a { color: var(--c24-tinte) !important; }
.tdb-menu > .current-menu-item > a, .tdb-menu > .current-menu-ancestor > a, .tdb-menu > .current-category-ancestor > a { color: var(--c24-him) !important; }
.tdb-menu .sub-menu { border-top: 0 !important; }
.tdb-menu .sub-menu a { font-family: var(--c24-ui) !important; color: var(--c24-tinte) !important; }
.tdb-menu .sub-menu a:hover { color: var(--c24-him) !important; background: var(--c24-him-flaeche); }
.tdb-menu .c24-menue-einsenden > a .tdb-menu-item-text { display: inline-block; line-height: 1.2; background: var(--c24-him); color: #fff; padding: 7px 13px; border-radius: 3px; }
.c24-kopf-menue .tdb-menu .c24-menue-einsenden > a { color: #fff !important; }
.td-header-mobile-wrap .c24-menue-einsenden a, #td-mobile-nav .c24-menue-einsenden a { color: var(--c24-him) !important; font-weight: 700; }
.tdb-menu .c24-menue-einsenden > a:hover .tdb-menu-item-text { background: var(--c24-him-dunkel); }
.tdb-menu .c24-menue-einsenden > a::after { display: none !important; }
@media (min-width: 768px) and (max-width: 1018px) { .c24-unterzeile-kopf p { font-size: 13px; } .tdb-menu .c24-menue-einsenden > a .tdb-menu-item-text { padding: 5px 8px; } }
.td-header-mobile-wrap .tdc-row { border-bottom: 3px solid var(--c24-him); }
.tdb_header_date .tdb-head-date-txt { color: var(--c24-tinte) !important; }

/* Raster mit Spaltenlinien */
.c24-raster > .vc_column + .vc_column, .c24-raster .vc_row_inner > .vc_column_inner + .vc_column_inner { border-left: 1px solid var(--c24-linie); }
.c24-raster > .vc_column, .c24-raster .vc_column_inner { padding-left: 24px !important; padding-right: 24px !important; }
html body .c24-raster > .vc_column:first-of-type, html body .c24-raster .vc_column_inner:first-of-type { padding-left: 0 !important; }
html body .c24-raster .vc_row_inner > .tdc-inner-columns, html body .c24-raster .vc_row_inner .tdc-columns { margin-left: 0 !important; margin-right: 0 !important; }
html body .c24-raster > .vc_column:last-of-type, html body .c24-raster .vc_column_inner:last-of-type { padding-right: 0 !important; }
.c24-raster > .vc_column > .wpb_wrapper, .c24-raster .vc_column_inner > .wpb_wrapper { padding-left: 0; padding-right: 0; }
.c24-raster .vc_row_inner { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 26px; }
.c24-themen .vc_row_inner + .vc_row_inner { border-top: 1px solid var(--c24-linie); padding-top: 18px; }
.c24-reihe { border-top: 1px solid var(--c24-tinte); padding-top: 22px; }
@media (max-width: 767px) {
	.c24-raster > .vc_column + .vc_column, .c24-raster .vc_row_inner > .vc_column_inner + .vc_column_inner { border-left: 0; border-top: 1px solid var(--c24-linie); padding-top: 20px; margin-top: 4px; }
	.c24-raster > .vc_column, .c24-raster .vc_column_inner { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Abschnittskoepfe: Doppellinie wie in der Zeitung, Himbeer-Raute vor dem Namen */
.c24-kopfzeile { margin-bottom: 20px; }
.c24-abschnitt { border-top: 3px solid var(--c24-tinte); box-shadow: 0 -5px 0 -4px var(--c24-tinte); position: relative; padding-top: 12px; margin-top: 6px !important; }
.c24-abschnitt::before { content: ""; position: absolute; left: 0; right: 0; top: -7px; border-top: 1px solid var(--c24-tinte); }
.c24-abschnitt h2 { margin: 0; font: 700 30px/1.15 var(--c24-titel); letter-spacing: -.01em; color: var(--c24-tinte); }
.c24-abschnitt h2::before { content: ""; display: inline-block; width: 11px; height: 11px; background: var(--c24-him); transform: rotate(45deg); margin: 0 12px 5px 2px; }
.c24-abschnitt h2 a { color: inherit; }
.c24-abschnitt h2 a:hover { color: var(--c24-him); }
.c24-unterzeile { margin: 4px 0 0 25px; font: 400 14px/1.4 var(--c24-ui); color: var(--c24-grau); }
@media (max-width: 767px) { .c24-abschnitt h2 { font-size: 25px; } .c24-unterzeile { margin-left: 0; } }

/* Spaltentitel */
.c24-titel { margin-bottom: 12px !important; }
.c24-titel .c24-rubrik { margin: 0; padding: 0 0 7px; border-bottom: 2px solid var(--c24-him); font: 800 13px/1.2 var(--c24-ui) !important; text-transform: uppercase; letter-spacing: .09em; color: var(--c24-tinte); }
.c24-titel h2.c24-rubrik { font-size: 14px !important; }
.c24-titel .c24-rubrik a { color: inherit; }
.c24-titel .c24-rubrik a:hover { color: var(--c24-him); }
.c24-titel .c24-rubrik a::after { content: " ›"; color: var(--c24-him); }

/* Module */
.td_module_flex .td-module-title a { color: var(--c24-tinte); }
.td_module_flex .td-module-title a:hover { color: var(--c24-him); }
.td_module_flex .td-post-date, .td_module_flex .td-editor-date, .td-post-date time { color: var(--c24-grau); }
.td_module_flex .td-post-category { text-transform: none; letter-spacing: 0; }
.td-module-comments, .td-post-comments, .tdb-comments-count { display: none !important; }
.td-image-wrap, .td-module-thumb { background-color: var(--c24-flaeche); }
.c24-oben .td_flex_block_1 .td-excerpt { color: var(--c24-schiefer); }

/* Schlagzeilen-Listen (Shortcode c24_liste) */
.c24-liste { list-style: none; margin: 0; padding: 0; }
.c24-liste li { margin: 0 0 11px; padding: 0 0 11px; border-bottom: 1px solid var(--c24-linie); }
.c24-liste li:last-child { border-bottom: 0; margin-bottom: 0; }
.c24-liste time { display: block; font: 700 11px/1.2 var(--c24-ui); letter-spacing: .06em; text-transform: uppercase; color: var(--c24-him); margin-bottom: 4px; }
.c24-liste a { font: 600 17px/1.28 var(--c24-titel); color: var(--c24-tinte) !important; text-decoration: none !important; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
.c24-liste a:hover { color: var(--c24-him) !important; }
.c24-leer { font: italic 400 15px/1.5 var(--c24-titel); color: var(--c24-grau); margin: 0 0 10px; }
.c24-titel-neu + .c24-liste-wrap .c24-liste a { font-size: 18px; }

/* Fuer Pressestellen */
.c24-presse { background: var(--c24-flaeche); border-top: 4px solid var(--c24-him); padding: 18px 20px 14px; margin-bottom: 28px !important; }
.c24-presse h3 { margin: 0 0 8px; font: 800 13px/1.2 var(--c24-ui) !important; text-transform: uppercase; letter-spacing: .09em; color: var(--c24-tinte); }
.c24-presse p { font: 400 16px/1.55 var(--c24-titel); margin-bottom: 8px; color: var(--c24-tinte); }
.c24-presse a { color: var(--c24-him); }
.c24-presse .c24-mehr { font: 700 14px var(--c24-ui); text-decoration: none; }
.c24-presse .c24-mehr::after { content: " ›"; }

/* Anzeigen: Platz vorab reservieren */
.td_block_ad_box .td-adspot-title, .c24-anzeige .td-adspot-title { display: none; }
.c24-anzeige > div { display: block !important; text-align: center; }
.c24-anzeige img { display: block; height: auto; margin: 0 auto; }
.c24-anzeige-300 img { aspect-ratio: 300 / 250; width: 100%; max-width: 300px; }
@media (min-width: 768px) { .c24-anzeige-728 img { aspect-ratio: 728 / 90; width: 100%; max-width: 728px; } }
@media (max-width: 767px) { .c24-anzeige-728 img { aspect-ratio: 320 / 100; width: 100%; max-width: 320px; } }

/* Fusszeile: Tinte mit Himbeer-Kante */
.c24-fuss, .c24-fuss p, .c24-fuss li, .c24-fuss-unten p { color: #d9dbe3 !important; }
.c24-fuss p { font: 400 16px/1.6 var(--c24-titel); }
.c24-fuss a, .c24-fuss-unten a { color: #fff !important; text-decoration: none; }
.c24-fuss a:hover { color: #f48fb1 !important; }
.c24-fuss h4 { font: 800 12px/1.2 var(--c24-ui) !important; letter-spacing: .1em; text-transform: uppercase; color: #f48fb1 !important; margin: 4px 0 14px; }
.c24-fuss ul { list-style: none; margin: 0 0 20px; padding: 0; }
.c24-fuss li { margin: 0 0 7px; font: 500 15px/1.4 var(--c24-ui); }
.c24-fuss-menue .menu-item { margin: 0 0 7px !important; }
.c24-fuss-menue .menu-item a { color: #fff !important; font: 500 15px/1.4 var(--c24-ui) !important; }
.c24-fuss-menue ul { margin: 0 !important; }
.c24-fuss-logo img { max-width: 260px; height: auto; }
.c24-fuss-unten p { margin: 0; font: 400 13px var(--c24-ui); opacity: .8; }
.c24-fuss > .vc_column:first-of-type { padding-right: 40px; }
@media (max-width: 767px) { .c24-fuss > .vc_column:first-of-type { padding-right: 0; } }

/* Vorlagen */
.tdb_title .tdb-title-text { text-transform: none !important; color: var(--c24-tinte) !important; letter-spacing: -.01em; }
.tdb_title .tdb-add-text { color: var(--c24-him) !important; font-weight: 400 !important; }
.tdb-first-letter { display: none !important; }
.tdm_block_column_title .tdm-title { font-family: var(--c24-ui) !important; font-style: normal !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .09em !important; font-size: 13px !important; color: var(--c24-tinte) !important; }
.tdm_block_column_title .tds-title { border-bottom: 2px solid var(--c24-him); padding-bottom: 7px; }
.td_block_categories_tags a, .tdb_category_sibling_categories a { font-family: var(--c24-ui) !important; }
.td_block_categories_tags a:hover { color: var(--c24-him) !important; }
.tdb_breadcrumbs, .tdb_breadcrumbs a { color: var(--c24-grau) !important; }
.tdb-author-name { color: var(--c24-tinte) !important; }
.td-scroll-up { background-color: var(--c24-him) !important; }
.tdb_loop .td-module-title a:hover { color: var(--c24-him) !important; }
.td-load-more-wrap a, .page-nav .current { background-color: var(--c24-tinte) !important; border-color: var(--c24-tinte) !important; }

/* Beitrag: Ueberschrift ueber die volle Breite der Inhaltsspalte; Seitenspalte mit kleineren Titeln und Silbentrennung (Lehre aus Niederrhein Stimme) */
body.single-post .tdb_title.td_block_wrap { width: 100% !important; }
html body.single-post .td-pb-span4 .td_flex_block_1 .td-module-title, html body.single-post .vc_column.td-pb-span4 .td-module-title,
html body.single-post .td-pb-span4 .td_flex_block_1 .td-module-title a { font-size: 17px !important; line-height: 1.28 !important; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; overflow-wrap: break-word; }
.td_flex_block_1 .td-module-title, .tdb_loop .td-module-title { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; overflow-wrap: break-word; }

/* Korrekturen 1 */
.td_flex_block_1 + .c24-liste-wrap .c24-liste, .td_flex_block + .c24-liste-wrap .c24-liste { border-top: 1px solid var(--c24-linie); padding-top: 12px; }
.c24-reihe { border-top: 0; }
.c24-reihe > .vc_column > .wpb_wrapper { border-top: 1px solid var(--c24-tinte); padding-top: 22px; }
.c24-fuss .td_block_list_menu { margin-top: -14px; }

/* Korrekturen 2: Archivlisten */
.tdb_loop .td-post-category, .td_flex_block_1 .td-post-category { background: none !important; color: var(--c24-him) !important; padding: 0 !important; font: 700 12px var(--c24-ui) !important; }
.tdb_loop .td-post-author-name, .tdb_loop .td-post-author-name a { color: var(--c24-grau) !important; font-family: var(--c24-ui) !important; }
.tdb_loop .td-excerpt { color: var(--c24-schiefer) !important; }
.td_block_categories_tags a { color: var(--c24-tinte) !important; }

/* Korrekturen 3: Mobil-Menue deckend, Einsenden-Knopf mittig */
.td-menu-background, .td-menu-background::before, .td-menu-background::after { background: #fff !important; opacity: 1 !important; }
#td-mobile-nav { background: #fff !important; }
#td-mobile-nav .td-mobile-content a, #td-mobile-nav .td-mobile-content li a { color: var(--c24-tinte) !important; font-family: var(--c24-ui) !important; font-weight: 700; }
#td-mobile-nav .td-mobile-content .sub-menu a { font-weight: 500; }
#td-mobile-nav .td-mobile-content .c24-menue-einsenden a { color: var(--c24-him) !important; }
#td-mobile-nav .td-mobile-close .td-icon-close-mobile, #td-mobile-nav .td-mobile-content .td-icon-menu-right { color: var(--c24-tinte) !important; }
.tdb-menu .c24-menue-einsenden > a .tdb-menu-item-text { vertical-align: middle; }
.tdb-menu .c24-menue-einsenden > a { display: inline-flex !important; align-items: center; height: 48px; }
/* Lange Woerter im H1 (z. B. "Strassenbahnhaltestellenmodernisierung") trennen statt abschneiden */
.tdb_title .tdb-title-text, .td-page-title, .entry-title { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; overflow-wrap: break-word; }