/* Betreute Websites: nur Komponenten der aktuellen Vorlage. */
.tm-care-sites-page { color:var(--td-ink); font:400 1rem/1.65 var(--td-font); }
.tm-care-sites-page :is(.tm-container,.tm-page-inner-wide) { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.tm-care-sites-page :is(h1,h2,h3) { margin:0 0 14px; color:var(--td-ink); letter-spacing:-.04em; line-height:1.16; }
.tm-care-sites-page h1 { font-size:clamp(2.5rem,5vw,4rem); }
.tm-care-sites-page h2 { font-size:clamp(1.8rem,3.2vw,2.7rem); }
.tm-care-sites-page h3 { font-size:1.1rem; }
.tm-care-sites-page p { color:var(--td-body); }
.tm-care-sites-page .tm-care-sites-eyebrow { margin:0 0 12px; color:var(--td-blue-dark); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.tm-care-sites-hero { padding:clamp(55px,7vw,90px) 0; background:linear-gradient(125deg,var(--td-soft),#fff 78%); }
.tm-care-sites-hero-grid,.tm-care-sites-care-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,5vw,70px); align-items:center; }
.tm-care-sites-lead { max-width:610px; font-size:1.1rem; }
.tm-care-sites-page .tm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.tm-care-sites-page .tm-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 17px; border:1px solid var(--td-blue); border-radius:8px; background:var(--td-blue); color:#fff; font-weight:700; text-align:center; text-decoration:none; }
.tm-care-sites-page .tm-btn:hover { background:var(--td-blue-dark); color:#fff; }
.tm-care-sites-page .tm-btn-light { border-color:var(--td-line); background:#fff; color:var(--td-ink); }
.tm-care-sites-page .tm-btn-light:hover { background:var(--td-soft); color:var(--td-blue-dark); }
.tm-care-sites-page .tm-page-section { padding:clamp(55px,7vw,88px) 0; }
.tm-care-sites-page .tm-page-section-sm { padding:42px 0 64px; }
.tm-care-sites-overview,.tm-care-sites-reference-card { padding:24px; border:1px solid var(--td-line); border-radius:12px; background:#fff; }
.tm-care-sites-page .tm-care-sites-overview h2 { font-size:1.4rem; }
.tm-care-sites-overview ul { display:grid; gap:10px; margin:18px 0; padding-left:20px; }
.tm-care-sites-overview li::marker { color:var(--td-blue); }
.tm-care-sites-overview p:last-child { margin:0; font-size:.9rem; }
.tm-care-sites-section-head { max-width:820px; margin-bottom:30px; }
.tm-care-sites-reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.tm-care-sites-page .tm-care-sites-url { margin:0 0 14px; overflow-wrap:anywhere; font-size:.9rem; }
.tm-care-sites-reference-link { color:var(--td-blue-dark); font-weight:700; text-decoration:none; }
.tm-care-sites-reference-link:hover { text-decoration:underline; }
.tm-care-sites-logo-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.tm-care-sites-logo-strip > div { display:grid; place-items:center; min-height:80px; padding:14px; border:1px solid var(--td-line); border-radius:9px; background:#fff; }
.tm-care-sites-logo-strip img { max-width:100%; max-height:50px; object-fit:contain; }
.tm-care-sites-care { background:var(--td-soft); }
.tm-care-sites-care-list article { padding:16px 0; border-bottom:1px solid var(--td-line); }
.tm-care-sites-care-list article:first-child { padding-top:0; }
.tm-care-sites-care-list p { margin:0; }
.tm-care-sites-final-panel { padding:clamp(28px,4vw,48px); border-radius:14px; background:var(--td-navy); }
.tm-care-sites-page .tm-care-sites-final-panel h2 { color:#fff; }
.tm-care-sites-page .tm-care-sites-final-panel p { max-width:720px; color:#d1dbeb; }
.tm-care-sites-page .tm-care-sites-final-panel .tm-care-sites-eyebrow { color:#a5c1ff; }
@media(max-width:1000px) { .tm-care-sites-logo-strip { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:720px) {
 .tm-care-sites-page :is(.tm-container,.tm-page-inner-wide) { width:calc(100% - 40px); }
 .tm-care-sites-hero-grid,.tm-care-sites-care-grid,.tm-care-sites-reference-grid { grid-template-columns:1fr; }
 .tm-care-sites-page .tm-actions .tm-btn { width:100%; }
}
@media(max-width:390px) { .tm-care-sites-logo-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } }
