/* ===== Westfalen Radar: Aubergine, Ziegelrot, Manrope (überschreibt Town-Talk-Demo) ===== */
:root {
  --wr-aubergine: #2d2142;
  --wr-aubergine-2: #43345f;
  --wr-rot: #d4553a;
  --wr-rot-dunkel: #b0442e;
  --wr-flaeche: #f4f2f7;
  --wr-linie: #e2dde9;
  --wr-grau: #6b6478;
}
body, .td-theme-wrap, .tdb-menu, .td-module-title, .td-post-content, .tdm-descr {
  font-family: Manrope, -apple-system, "Segoe UI", sans-serif;
}
body { background-color: #ffffff; color: #231a33; }
::selection { background: var(--wr-rot); color: #fff; }

/* Kopf: Regionen als Reiter auf der Aubergine-Leiste */
.wr-reiter .tdb-menu > li > a {
  margin-top: 6px;
  line-height: 42px !important;
  border-radius: 7px 7px 0 0;
  transition: background-color .15s, color .15s;
}
.wr-reiter .tdb-menu > li > a .tdb-menu-item-text { color: #ffffff; }
.wr-reiter .tdb-menu > li:hover > a,
.wr-reiter .tdb-menu > li.tdb-hover > a,
.wr-reiter .tdb-menu > .current-menu-item > a,
.wr-reiter .tdb-menu > .current-menu-ancestor > a,
.wr-reiter .tdb-menu > .current-category-ancestor > a,
.wr-reiter .tdb-menu > .current-category-parent > a { background-color: #ffffff; }
.wr-reiter .tdb-menu > li:hover > a .tdb-menu-item-text,
.wr-reiter .tdb-menu > li.tdb-hover > a .tdb-menu-item-text,
.wr-reiter .tdb-menu > .current-menu-item > a .tdb-menu-item-text,
.wr-reiter .tdb-menu > .current-menu-ancestor > a .tdb-menu-item-text,
.wr-reiter .tdb-menu > .current-category-ancestor > a .tdb-menu-item-text,
.wr-reiter .tdb-menu > .current-category-parent > a .tdb-menu-item-text { color: var(--wr-aubergine) !important; }
.wr-reiter .tdb-menu > li:hover > a i,
.wr-reiter .tdb-menu > .current-menu-item > a i,
.wr-reiter .tdb-menu > .current-menu-ancestor > a i { color: var(--wr-aubergine) !important; }
.wr-reiter .tdb-menu > li > a i { color: #ffffff; }
.wr-reiter .tdb-menu > li > a:after { display: none !important; }
.wr-reiter .tdb-menu .sub-menu { border-top: 3px solid var(--wr-rot); }
.wr-reiter .tdb-menu .sub-menu a .tdb-menu-item-text { color: var(--wr-aubergine); }
.wr-reiter .tdb-menu .sub-menu li:hover > a .tdb-menu-item-text { color: var(--wr-rot-dunkel); }

/* Blocktitel „Neu im Radar“ */
.wr-blocktitel .tdm-descr {
  font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--wr-aubergine); border-left: 4px solid var(--wr-rot); padding-left: 10px; margin-bottom: 14px;
}

/* Rubrikenlabels und Meta */
.td-post-category, .tdb-entry-category { text-transform: none !important; }
.td-module-comments, .td-post-comments, .tdb-comments-count { display: none !important; }
.td-editor-date, .td-post-date, .entry-date { color: var(--wr-grau); }

/* Kategorie- und Ortsseiten: Einleitungstext */
.wr-intro .tdb-block-inner, .wr-intro p { max-width: 760px; margin-left: auto; margin-right: auto; color: #3d3350; font-size: 16px; line-height: 1.65; }
.tdb_title h1, .tdb_title h1 * { text-transform: none !important; }

/* Artikel: Fließtext in Noto Serif */
.tdb_single_content .tdb-block-inner,
.tdb_single_content .tdb-block-inner p,
.tdb_single_content .tdb-block-inner li { font-family: "Noto Serif", Georgia, serif !important; font-size: 18px; line-height: 1.75; }
.tdb_single_content .tdb-block-inner h2,
.tdb_single_content .tdb-block-inner h3 { font-family: Manrope, sans-serif !important; font-weight: 800; color: var(--wr-aubergine); }
.tdb_single_content a, .td-post-content a, .bp-quellen a, .td-page-content a { color: var(--wr-rot-dunkel) !important; text-decoration: underline; text-underline-offset: 2px; }
.tdb_single_content blockquote { border-left: 4px solid var(--wr-rot); }

/* Werbeflächen: Platz vorab reservieren, kein Layout-Sprung */
.wr-anzeige, .td-a-rec { text-align: center !important; }
.wr-anzeige img, .bp-anzeige img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.wr-anzeige-300 img, .td-a-rec-id-content_inline img { aspect-ratio: 300 / 250; width: 300px; max-width: 100%; }
@media (min-width: 768px) { .wr-anzeige-728 img, .td-a-rec-id-content_bottom img { aspect-ratio: 728 / 90; width: 728px; max-width: 100%; } }
@media (max-width: 767px) { .wr-anzeige-728 img, .td-a-rec-id-content_bottom img { aspect-ratio: 320 / 100; width: 320px; max-width: 100%; } }
.td-adspot-title, .td-a-rec .td-adspot-title { font-size: 10px !important; letter-spacing: .1em; text-transform: uppercase; color: #8a8199 !important; }

/* Fußzeile */
.td-footer-template-wrap .tdm-descr { line-height: 1.6; }

/* Mobilmenü */
#td-mobile-nav .td-mobile-content .menu-item a { font-family: Manrope, sans-serif; font-weight: 700; text-transform: none; }

/* Artikel-Fließtext: Variable direkt am Block überschreiben (tagDiv-Inline-CSS nutzt var(--tt-secondary)) */
.tdb_single_content { --tt-secondary: "Noto Serif", Georgia, serif; }
/* Nach-oben-Knopf */
.td-scroll-up { background-color: var(--wr-rot) !important; }
.td-scroll-up:hover { background-color: var(--wr-aubergine) !important; }

/* Mobilmenü und mobile Suche: Aubergine statt Demo-Blau */
.td-menu-background:before, .td-search-background:before, .white-popup-block:after { background: linear-gradient(160deg, #2d2142 0%, #43345f 100%) !important; }
#td-mobile-nav .td-mobile-main-menu .current-menu-item > a,
#td-mobile-nav .td-mobile-main-menu .current-menu-ancestor > a,
#td-mobile-nav .td-mobile-main-menu .current-category-ancestor > a,
#td-mobile-nav .td-mobile-main-menu a:hover,
.td-search-close span:hover i { color: #f0a08c !important; }
.td-search-wrap-mob .result-msg a { background-color: var(--wr-rot) !important; color: #fff !important; }
#td-mobile-nav .wr-nur-mobil > a { color: #f0a08c !important; }
.wr-reiter .wr-nur-mobil { display: none !important; }
/* Werbung im Artikel: Kennzeichnung steckt im Motiv („Anzeige“), englischen Theme-Titel ausblenden */
.tdb_single_content .td-adspot-title { display: none !important; }
