/* Blog-Rahmen (13.11.2026): WordPress-Blog im Look der neuen Seite. Lädt nach /assets/site.css.
   Gilt nur, wenn der Body die Klasse ts-blog trägt (setzt das Zusatzmodul ts-blograhmen.php). */
body.ts-blog{background:#fff}
.ts-blog .top{position:relative;inset:auto;background:var(--ink);padding-top:16px;padding-bottom:16px;border-bottom:3px solid var(--gold)}
.ts-blog .top nav a{color:#d9e1e6!important}
.ts-blog .top nav a:hover{color:var(--gold-soft)!important}
.ts-blog .meta a,.ts-blog .foot a{color:#c9d4db!important}
.ts-blog .foot ul{padding:0!important;margin:0!important}
.ts-blog .foot li{margin:0!important}
.ts-blog #wrapper{background:#fff}
/* Text im Artikel: Raleway für Überschriften, Navy statt Petrol */
.ts-blog #wrapper h1,.ts-blog #wrapper h2,.ts-blog #wrapper h3,.ts-blog #wrapper h4{font-family:var(--head)!important;color:var(--ink)!important;letter-spacing:-.005em;hyphens:manual!important;-webkit-hyphens:manual!important;text-wrap:balance}
.ts-blog #wrapper h1 *,.ts-blog #wrapper h2 *,.ts-blog #wrapper h3 *,.ts-blog #wrapper h4 *{color:inherit!important;font-family:inherit!important}
.ts-blog #wrapper h1{font-weight:900!important}
.ts-blog #wrapper h2,.ts-blog #wrapper h3{font-weight:800!important}
.ts-blog #wrapper p,.ts-blog #wrapper li,.ts-blog #wrapper td{font-family:var(--body)!important}
.ts-blog .tcb-post-content p,.ts-blog .tcb-post-content li{color:#22313b}
.ts-blog.single .tcb-post-content a:not(.btn){color:#8a6a12!important;text-decoration:underline}
/* Blog-Übersicht: Kategorie-Etikett in Navy statt Hellblau, Titel ohne Unterstrich */
.ts-blog .tcb-post-list .thrv_text_element:has([data-shortcode=tcb_post_categories]){background:var(--ink)!important}
.ts-blog .tcb-post-list [data-shortcode=tcb_post_categories],.ts-blog .tcb-post-list [data-shortcode=tcb_post_categories] a{color:var(--gold-soft)!important;text-decoration:none!important;font:700 12px var(--head)!important;letter-spacing:.06em}
.ts-blog .tcb-post-list h2 a,.ts-blog .tcb-post-list h3 a{color:var(--ink)!important;text-decoration:none!important}
.ts-blog .tcb-post-list h2 a:hover,.ts-blog .tcb-post-list h3 a:hover{color:#8a6a12!important}
.ts-blog .tcb-post-content strong,.ts-blog .tcb-post-content b{color:var(--ink)}

/* CTA-Kasten am Ende jedes Beitrags */
.ts-cta{margin:48px 0 8px;background:var(--ink);color:#fff;border-left:5px solid var(--gold);padding:30px 32px;border-radius:2px}
.ts-cta .kick{display:block;margin-bottom:10px}
.ts-blog #wrapper .ts-cta .ts-cta-t,.ts-cta .ts-cta-t{font:900 clamp(22px,2.4vw,28px)/1.2 var(--head)!important;color:#fff!important;margin:0 0 10px}
.ts-blog #wrapper .ts-cta p:not(.ts-cta-t){color:#c9d4db!important;margin:0 0 20px;font-size:17px;line-height:1.55}
.ts-cta .ctas{display:flex;flex-wrap:wrap;gap:12px}
.ts-blog #wrapper .ts-cta a.btn.gold{color:var(--ink)!important;text-decoration:none!important}
.ts-cta-rueck{max-width:860px;margin:0 auto 40px}

/* Blog-Navigation (13.11.2026): Themenleiste, Suche, ältere Beiträge mit Seitenzahlen */
.ts-themen{padding-top:22px;padding-bottom:8px}
.ts-themen-t{font:900 22px/1.2 var(--head)!important;color:var(--ink)!important;margin:0 0 14px!important}
.ts-themen-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ts-blog .ts-chip{display:inline-flex;gap:6px;align-items:center;padding:9px 15px;border:1.5px solid #d5d6d7;border-radius:999px;background:#fff;font:700 14px/1 var(--head);color:var(--ink)!important;text-decoration:none!important}
.ts-chip small{font:600 12px/1 var(--body);color:#5c6b74}
.ts-blog .ts-chip:hover{border-color:var(--gold)}
.ts-blog .ts-chip.aktiv{background:var(--ink);border-color:var(--ink);color:#fff!important}
.ts-chip.aktiv small{color:var(--gold-soft)}
.ts-suche{display:flex;gap:8px;margin-left:auto;flex:1 1 280px;max-width:380px}
.ts-suche input{flex:1;min-width:0;padding:10px 14px;border:1.5px solid #d5d6d7;border-radius:6px;font:16px var(--body);color:var(--ink);background:#fff}
.ts-suche input:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
.ts-suche .btn{padding:10px 18px}
.ts-archiv{padding-top:44px;padding-bottom:56px}
.ts-blog .ts-archiv-t{font:900 clamp(24px,2.6vw,32px)/1.2 var(--head)!important;color:var(--ink)!important;margin:0 0 18px}
.ts-archiv-liste{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;border-top:1px solid #e7e9ec}
.ts-archiv-liste li{margin:0!important;border-bottom:1px solid #e7e9ec}
.ts-blog .ts-archiv-liste a{display:block;padding:14px 0;text-decoration:none!important}
.ts-a-meta{display:block;font:600 12px/1.3 var(--body);color:#5c6b74;margin-bottom:4px}
.ts-a-titel{display:block;font:800 17px/1.35 var(--head);color:var(--ink)}
.ts-archiv-liste a:hover .ts-a-titel{color:#8a6a12}
.ts-seiten{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px;align-items:center}
.ts-blog .ts-seiten a,.ts-seiten span{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #d5d6d7;border-radius:6px;font:700 14px var(--head);color:var(--ink)!important;text-decoration:none!important}
.ts-blog .ts-seiten a:hover{border-color:var(--gold)}
.ts-seiten span.aktiv{background:var(--ink);border-color:var(--ink);color:#fff!important}
.ts-seiten span.luecke{border:0;min-width:0;padding:0 2px}
body.ts-eigene-liste #content{display:none!important}
.ts-blog .ts-archiv-u{margin:-8px 0 18px!important;color:#5c6b74;font:15px var(--body)}
.ts-eigene-liste .ts-archiv{padding-top:28px}
@media (max-width:700px){.ts-archiv-liste{grid-template-columns:1fr}.ts-suche{margin-left:0;max-width:none;flex-basis:100%}}
@media (max-width:640px){.ts-cta{padding:24px 20px}}