.mtc-weather-widget{width:min(100% - 32px,var(--mtc-weather-maxw));max-width:var(--mtc-weather-maxw);margin:28px auto;color:rgba(255,255,255,.96);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.mtc-weather-shell{border-radius:22px;background:linear-gradient(180deg,rgba(10,18,36,.78),rgba(7,8,20,.68));border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 60px rgba(0,217,255,.12),0 0 70px rgba(255,43,214,.10);overflow:hidden;backdrop-filter:blur(14px)}.mtc-weather-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:linear-gradient(90deg,rgba(0,217,255,.14),rgba(255,43,214,.12));border-bottom:1px solid rgba(255,255,255,.12)}.mtc-weather-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#3deaff}.mtc-weather-head h2{margin:4px 0 3px;font-size:clamp(24px,3vw,38px);line-height:1;text-shadow:0 0 24px rgba(0,217,255,.25)}.mtc-weather-place{margin:0;color:rgba(255,255,255,.75);font-size:13px}.mtc-weather-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mtc-weather-search input{width:min(260px,54vw);height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(3,6,14,.68);color:#fff;padding:0 13px;outline:0}.mtc-weather-search button,.mtc-weather-tabs button,.mtc-map-toolbar button{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(255,43,214,.16)),rgba(8,12,26,.84);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 0 16px rgba(0,217,255,.12)}.mtc-weather-search button{padding:0 14px}.mtc-weather-tabs{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.10);overflow:auto}.mtc-weather-tabs button{padding:0 16px;white-space:nowrap}.mtc-weather-tabs button.is-active{border-color:rgba(0,217,255,.62);box-shadow:0 0 18px rgba(0,217,255,.26),0 0 22px rgba(255,43,214,.15)}.mtc-weather-grid{padding:18px}.mtc-weather-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mtc-weather-card{border-radius:18px;border:1px solid rgba(255,255,255,.14);padding:14px;background:radial-gradient(260px 90px at 20% 20%,rgba(0,217,255,.26),transparent 70%),radial-gradient(260px 90px at 80% 80%,rgba(255,43,214,.22),transparent 70%),rgba(8,12,26,.66);min-height:94px}.mtc-weather-card strong{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#aef6ff}.mtc-weather-card span{display:block;font-size:23px;font-weight:950;margin-top:8px}.mtc-weather-card small{display:block;color:rgba(255,255,255,.74);margin-top:3px}.mtc-weather-panel{display:none}.mtc-weather-panel.is-active{display:block}.mtc-weather-mainline{display:flex;gap:18px;align-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(2,5,14,.50);padding:18px;margin-bottom:14px}.mtc-weather-big{font-size:58px;line-height:1}.mtc-weather-status{font-size:25px;font-weight:950}.mtc-weather-sun{color:rgba(255,255,255,.74);margin-top:6px}.mtc-weather-hourly{display:grid;grid-template-columns:repeat(8,minmax(96px,1fr));gap:10px;overflow:auto}.mtc-hour{border-radius:15px;border:1px solid rgba(255,255,255,.10);padding:12px;background:rgba(8,12,26,.62);min-width:96px}.mtc-hour b{display:block}.mtc-hour span{display:block;font-size:20px;font-weight:900;margin:6px 0}.mtc-hour small{color:rgba(255,255,255,.72)}.mtc-map-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.mtc-map-toolbar button{padding:0 14px}.mtc-map-toolbar span{margin-left:auto;color:rgba(255,255,255,.72);font-size:13px}.mtc-weather-map{height:var(--mtc-weather-maph);min-height:320px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#060914}.mtc-weather-daily{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px;overflow:auto}.mtc-day{border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(8,12,26,.62);padding:14px;min-width:120px}.mtc-day b{display:block;color:#aef6ff}.mtc-day span{font-size:24px;font-weight:950;display:block;margin:9px 0}.mtc-day small{display:block;color:rgba(255,255,255,.72);line-height:1.5}.mtc-weather-foot{padding:12px 18px;border-top:1px solid rgba(255,255,255,.10);font-size:12px;color:rgba(255,255,255,.62);text-align:right}.mtc-weather-widget.is-fullscreen{position:fixed!important;inset:14px!important;z-index:999999!important;width:auto!important;max-width:none!important;margin:0!important}.mtc-weather-widget.is-fullscreen .mtc-weather-map{height:calc(100vh - 280px)!important}.leaflet-control-attribution{background:rgba(0,0,0,.50)!important;color:#fff!important}.leaflet-control-attribution a{color:#8ff6ff!important}@media(max-width:900px){.mtc-weather-head{align-items:flex-start;flex-direction:column}.mtc-weather-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mtc-weather-hourly{grid-template-columns:repeat(4,minmax(96px,1fr))}.mtc-weather-daily{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:560px){.mtc-weather-widget{width:calc(100% - 18px)}.mtc-weather-cards{grid-template-columns:1fr}.mtc-weather-mainline{align-items:flex-start}.mtc-weather-big{font-size:46px}.mtc-weather-status{font-size:20px}.mtc-map-toolbar span{margin-left:0;width:100%}}


/* OSM-Basiskarte dunkel einfärben, statt Carto-Tiles mit Zoom-Fehler zu nutzen */
.mtc-weather-map .mtc-osm-dark-tiles{
  filter: invert(1) hue-rotate(180deg) brightness(.55) contrast(1.15) saturate(.75);
}
.mtc-weather-map .leaflet-tile-container img{
  image-rendering:auto;
}


/* Rollierende Stunden-Vorschau */
.mtc-weather-hourly-title{
  margin: 6px 0 12px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #aef6ff;
  text-shadow: 0 0 16px rgba(0,217,255,.22);
}
.mtc-hour b em{
  display:inline-block;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  font-style:normal;
  font-size:10px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,217,255,.25),rgba(255,43,214,.22));
  border:1px solid rgba(255,255,255,.12);
}

/* 1.0.7: stabile Windy-Frames statt RainViewer-Tile-Overlay */
.mtc-weather-map{
  position:relative;
  background:#050914;
}
.mtc-weather-iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:18px;
  background:#050914;
}