/* Treffpunkt Toskana – Wetter-Widget ([ts_wetter]) – Toskana-Farbwelt */
.ts-wx{
	--wx-accent:#B85C38;
	--wx-nacht:#26384A;
	--wx-line:#e3dccb;
	display:inline-block;min-width:260px;max-width:380px;
	border:1px solid var(--wx-line);border-radius:12px;padding:14px 16px;
	background:linear-gradient(160deg,#faf6ee 0%,#ffffff 62%);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#3F4142;line-height:1.4;
}
.ts-wx--full{max-width:400px;}
.ts-wx__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;}
.ts-wx__place{font-weight:700;color:var(--wx-nacht);font-size:1.05rem;}
.ts-wx__cond{font-size:.85rem;color:var(--wx-accent);font-weight:600;}
.ts-wx__main{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ts-wx__cico{color:var(--wx-accent);display:inline-flex;}
.ts-wx__cico .ts-ic{width:2.3rem;height:2.3rem;}
.ts-wx__temp{font-size:2rem;font-weight:800;color:var(--wx-nacht);line-height:1;}
.ts-wx__meta{list-style:none;margin:0;padding:0;font-size:.85rem;color:#54524d;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;}
.ts-wx__m{display:inline-flex;align-items:center;gap:.32em;white-space:nowrap;}
.ts-wx__mic{display:inline-flex;align-items:center;color:var(--wx-accent);opacity:.9;}
.ts-wx__lbl{color:#7a756c;}
.ts-wx__val{font-weight:600;color:#3F4142;}
.ts-ic{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.15em;flex:0 0 auto;}
.ts-wx__fc{display:flex;flex-wrap:wrap;gap:14px;margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--wx-line);}
.ts-wx__day{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:.8rem;color:#54524d;}
.ts-wx__dlbl{font-weight:700;color:var(--wx-nacht);text-transform:capitalize;}
.ts-wx__dico{color:var(--wx-accent);display:inline-flex;}
.ts-wx__dcond{color:#7a756c;}
.ts-wx__dval{font-weight:600;color:#3F4142;}
.ts-wx__src{margin-top:.6rem;font-size:.7rem;color:#9a9384;}
.ts-wx--empty{color:#9a9384;font-size:.9rem;}

/* === Breites Live-Banner ([ts_wetter fc="ext"]) – Zypresse/Oliv + Terrakotta-Akzent === */
.ts-wx--ext{display:flex;align-items:center;gap:24px;flex-wrap:wrap;max-width:100%;width:100%;
	background:linear-gradient(115deg,#2C3A30 0%,#33463A 52%,#5c6338 100%);
	color:#fff;border:0;border-top:3px solid #B85C38;border-radius:16px;padding:18px 24px;
	box-shadow:0 18px 38px -24px rgba(20,26,16,.6);}
.ts-wx--ext .ts-wx__lead{min-width:110px;}
.ts-wx--ext .ts-wx__cond{font-weight:700;font-size:1.02rem;text-transform:capitalize;color:#fff;}
.ts-wx--ext .ts-wx__live{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#dfe8d2;margin-top:.25rem;}
.ts-wx--ext .ts-wx__live::before{content:"";width:8px;height:8px;border-radius:50%;background:#8fd14f;box-shadow:0 0 0 3px rgba(143,209,79,.25);}
.ts-wx--ext .ts-wx__now{display:flex;align-items:center;gap:12px;}
.ts-wx--ext .ts-wx__cico{color:#E2A93B;display:inline-flex;}
.ts-wx--ext .ts-wx__cico .ts-ic{width:2.5rem;height:2.5rem;}
.ts-wx--ext .ts-wx__temp{font-size:2.5rem;font-weight:800;line-height:1;color:#fff;}
.ts-wx--ext .ts-wx__metrics{display:flex;align-items:center;flex-wrap:wrap;}
.ts-wx--ext .ts-wx__mi{display:flex;align-items:center;gap:.5rem;padding:.2rem 1.1rem;border-left:1px solid rgba(255,255,255,.18);}
.ts-wx--ext .ts-wx__mi:first-child{border-left:0;}
.ts-wx--ext .ts-wx__mic{display:inline-flex;color:#cbd6bf;}
.ts-wx--ext .ts-wx__mic .ts-ic{width:1.15rem;height:1.15rem;}
.ts-wx--ext .ts-wx__mtx{display:flex;flex-direction:column;line-height:1.15;}
.ts-wx--ext .ts-wx__mlbl{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:#c7d2ba;}
.ts-wx--ext .ts-wx__mval{font-weight:700;font-size:.98rem;color:#fff;}
.ts-wx--ext .ts-wx__spacer{flex:1;min-width:8px;}
.ts-wx--ext .ts-wx__fcx{display:flex;gap:20px;padding-left:1.1rem;border-left:1px solid rgba(255,255,255,.18);}
.ts-wx--ext .ts-wx__dayx{display:flex;flex-direction:column;line-height:1.2;}
.ts-wx--ext .ts-wx__dlbl{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#c7d2ba;}
.ts-wx--ext .ts-wx__dvalx{font-weight:800;font-size:1.02rem;color:#fff;}
.ts-wx__srcx{font-size:.78rem;color:#9a9384;margin:.7rem 0 0;}
@media(max-width:820px){
	.ts-wx--ext{gap:14px;padding:14px 16px;}
	.ts-wx--ext .ts-wx__fcx{padding-left:0;border-left:0;}
	.ts-wx--ext .ts-wx__spacer{display:none;}
}
