:root{--primary-bg: hsl(200, 100%, 85%);--primary-text: hsl(200, 100%, 10%);--secondary-text: hsl(200, 100%, 20%);--border-color: hsl(200, 100%, 10%);--card-bg-1: hsl(200, 60%, 75%);--card-bg-2: hsl(200, 60%, 70%);--border-radius: .5rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: 1rem}*,*:after,*:before{box-sizing:border-box}body{margin:0;background-color:var(--primary-bg);color:var(--primary-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.blurred{filter:blur(4px);overflow:hidden;pointer-events:none}.blurred:after{content:"Lade Wetterdaten...";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--primary-text);z-index:1000}.header{display:flex;align-items:center;background-color:#ffffff80;border-radius:var(--border-radius);margin:var(--spacing-lg);padding:var(--spacing-lg);box-shadow:0 4px 6px #0000001a}@media(max-width:768px){.header{flex-direction:column}}.header-oben{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-oben.logo{width:160px;height:40px;object-fit:contain;transition:transform .3s ease}.header-oben.logo:hover{transform:scale(1.05)}.header-left{display:flex;width:50%;align-items:center;justify-content:center;padding:var(--spacing-lg);border-right:2px solid var(--border-color)}@media(max-width:768px){.header-left{width:100%;border-right:none;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}.weather-icon{width:40px;height:40px;object-fit:contain}.weather-icon.large{width:80px;height:80px}.header-current-temp{font-size:2rem;margin-left:1rem}.header-right{display:grid;width:50%;justify-content:space-around;gap:var(--spacing-lg);grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto)}@media(max-width:768px){.header-right{width:100%;grid-template-columns:repeat(2,1fr)}}.info-group{display:flex;flex-direction:column;align-items:center}.label{text-transform:uppercase;font-weight:700;font-size:.7rem;color:var(--secondary-text);letter-spacing:.5px}.value-sub-info{font-weight:lighter;font-size:.75rem}.day-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-lg);max-width:800px;margin:0 auto}@media(max-width:768px){.day-section{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.day-card{display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);background-color:#fff9;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.day-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.day-card-day{font-size:.8rem;color:var(--secondary-text);margin-top:var(--spacing-md);font-weight:600}.hour-section{width:100%;max-width:1200px;margin:var(--spacing-lg) auto;text-align:center;border-spacing:0;border-collapse:collapse}.hour-row{background-color:var(--card-bg-1);transition:background-color .2s ease}.hour-row:nth-child(2n){background-color:var(--card-bg-2)}.hour-row:hover{background-color:#fffc}.hour-row>td{padding:var(--spacing-md) var(--spacing-lg)}@media(max-width:768px){.hour-section{font-size:.85rem}.hour-row>td{padding:var(--spacing-sm) var(--spacing-md)}}