/* Excelsior 2 Wetter: nutzt die Farben des Themes, mit eigenen Ersatzwerten */
.exc2w {
  --w-ink: var(--ink, #28394a); --w-soft: var(--ink-soft, #55677a); --w-acc: var(--accent-dark, #356289); --w-line: var(--line, #d6cdbd);
  display: inline-flex; align-items: center; gap: 10px; line-height: 1.15; color: var(--w-ink);
  font-family: var(--font-head, inherit); text-decoration: none; white-space: nowrap;
}
.exc2w__icon { display: inline-flex; flex: none; color: var(--w-acc); }
.exc2w__icon svg { display: block; }
.exc2w__body { display: flex; flex-direction: column; gap: 2px; }
.exc2w__temp { font-weight: 700; color: var(--w-ink); }
.exc2w__unit { margin-left: 1px; font-weight: 600; }
.exc2w__place { font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; color: var(--w-soft); font-weight: 600; }
.exc2w__text { font-size: .86rem; color: var(--w-ink); }
.exc2w__meta { font-size: .76rem; color: var(--w-soft); }

/* Kompakt (Header) */
.exc2w--badge { padding-left: 14px; border-left: 1px solid var(--w-line); margin-left: 4px; }
.exc2w--badge .exc2w__icon svg { width: 28px; height: 28px; }
.exc2w--badge .exc2w__temp { font-size: 1.2rem; letter-spacing: .02em; }

/* Karte (Widget / Shortcode) */
.exc2w--card { gap: 16px; padding: 18px 22px; background: var(--cream, #f6f2ea); border: 1px solid var(--w-line); border-top: 3px solid var(--w-acc); border-radius: 2px; white-space: normal; }
.exc2w--card .exc2w__icon svg { width: 48px; height: 48px; }
.exc2w--card .exc2w__temp { font-size: 2rem; line-height: 1; }
.exc2w--card .exc2w__place { margin-top: 4px; }

/* Header: rechts neben dem Menü, vor den Flaggen */
.exc2w-header { display: flex; align-items: center; flex: none; margin-left: 8px; }
@media (max-width: 1500px) {
  .exc2w-header .exc2w__place { display: none; }
}
@media (min-width: 1201px) and (max-width: 1420px) {
  .site-header .main-nav a { padding-left: 11px; padding-right: 11px; letter-spacing: .12em; }
  .site-header .site-title { font-size: 1.1rem; }
}
@media (max-width: 1200px) {
  .exc2w-header { order: 1; margin-left: auto; margin-right: 4px; }
  .exc2w-header ~ .lang-switch { margin-left: 4px; }
}
@media (max-width: 860px) {
  .exc2w-header .exc2w--badge { padding-left: 0; border-left: 0; margin-left: 0; gap: 6px; }
  .exc2w-header .exc2w--badge .exc2w__icon svg { width: 22px; height: 22px; }
  .exc2w-header .exc2w--badge .exc2w__temp { font-size: 1rem; }
}
@media (max-width: 420px) {
  .exc2w-header .exc2w--badge .exc2w__icon { display: none; }
  .exc2w-header .exc2w__letter { display: none; }
  .exc2w-header { margin-right: 0; }
}
/* Sehr schmale Handys: Flaggen etwas kleiner, damit nichts überläuft */
@media (max-width: 400px) {
  .exc2w-header { margin-left: auto; }
  .exc2w-header .exc2w--badge .exc2w__temp { font-size: .92rem; }
  .exc2w-header ~ .lang-switch { gap: 4px; margin-left: 6px; }
  .exc2w-header ~ .lang-switch .lang-switch__item svg { width: 18px; height: 12px; }
  .exc2w-header ~ .nav-toggle { padding: 8px 9px; }
}

.exc2w-credit { color: inherit; opacity: .8; text-decoration: underline; text-underline-offset: 2px; }
.exc2w-credit:hover { opacity: 1; }
.exc2w-credit-generic { text-align: center; font-size: .78rem; margin: 12px 0; }
@media (max-width: 340px) {
  .exc2w-header ~ .lang-switch .lang-switch__item svg { width: 16px; height: 11px; }
  .exc2w-header ~ .lang-switch { margin-left: 2px; gap: 3px; }
}