html, body
{
/* 1:1 Div-Layout als Ersatz für tables (pixelnah) */
 }
 
.weather-wrap {
  padding: 0;
  border: 0;
  width: 830px;
  margin: 0 auto;              /* zentriert */
  transform: scale(1.15);
  transform-origin: top center; /* wächst nach links+rechts gleich */
}
body{
  overflow-x: hidden;          /* verhindert horizontales Scrollen */
}
/* Typo wie Original */
.weather-wrap, .weather-wrap *{
  font-family: "Quicksand-Medium", Arial, sans-serif;
  font-weight: normal;
}

/* Row + Cell entspricht table cellpadding=3 */
.row{
  display:grid;
  box-sizing:border-box;
}
.cell{
  padding:3px;
  box-sizing:border-box;
}

/* Grid-Spalten exakt wie in deinen Tabellen */
.grid-28-55-17{ grid-template-columns: 28% 55% 17%; }
.grid-28-24-24-24{ grid-template-columns: 28% 24% 24% 24%; }
.grid-76-24{ grid-template-columns: 76% 24%; }
.grid-42-34-24{ grid-template-columns: 42% 34% 24%; }
.grid-52-24-24{ grid-template-columns: 52% 24% 24%; }

/* Hintergrundfarben */
.bg444{ background:#4b7bec; }
.bg000{ background:#eeeeee; }
.bg666{ background:#ffbf00; }
.bgddd{ background:#dddddd; }

/* feste Zeilenhöhen wie im Snippet */
.h40{ height:40px; }
.h35{ height:35px; }

/* Align */
.ta-l{ text-align:left; }
.ta-r{ text-align:right; }
.ta-c{ text-align:center; }

/* vertical-align:bottom nachbauen */
.va-b{ display:flex; align-items:flex-end; }
.va-m{ display:flex; align-items:center; }

/* Fontgrößen (pixelnah zu <font size=>) */
/* .f5{ font-size:24px; }
/* .f3{ font-size:16px; }
/* .f2{ font-size:13px; }
/* .f1{ font-size:10px; } */
.f5{ font-size:30px; }
.f3{ font-size:24px; }
.f2{ font-size:18px; }
.f1{ font-size:15px; }

/* Farben aus deinem HTML */
.col-888{ color:#888888; }
.col-aaa{ color:#aaaaaa; }
.col-bbb{ color:#bbbbbb; }
.col-fff{ color:#ffffff; }
.col-33a{ color:#33aa33; }
.col-f40{ color:#ff4400; }
.col-f43{ color:#ff4433; }
.col-66f{ color:#6666FF; }
.col-77f{ color:#7777FF; }
.col-88f{ color:#8888FF; }
.col-222{ color:#222222; }

/* Icons */
.icon25{
  width:25px;
  height:auto;
  border:0;
  vertical-align:middle;
}




}