/* Gezeichnete CSS-Symbole: keine Bilder, Fonts, Emojis oder Animationen. */
.weather-icon{position:relative;min-height:0;width:100%;height:100%;font-size:clamp(4px,.85vw,16px);display:flex;align-items:center;justify-content:center}.weather-icon>span{position:absolute;width:5em;height:2.2em;background:#dbe8ed;border-radius:2em;top:46%;left:50%;transform:translate(-50%,-50%)}.weather-icon>span:before,.weather-icon>span:after{content:"";position:absolute;background:inherit;border-radius:50%;width:2.6em;height:2.6em;left:.6em;bottom:.5em}.weather-icon>span:after{width:2em;height:2em;left:2.6em;bottom:.6em}.icon-sun>span{width:3.6em;height:3.6em;background:#ffd26b;border-radius:50%;box-shadow:0 0 0 .55em #ffd26b30}.icon-sun>span:before,.icon-sun>span:after{display:none}.icon-partly:before{content:"";position:absolute;width:3em;height:3em;left:calc(50% - 3em);top:calc(46% - 3em);background:#ffd26b;border-radius:50%;box-shadow:0 0 0 .4em #ffd26b30}.is-night.icon-sun>span{background:transparent;box-shadow:inset -1em -.5em 0 #e8e4b1}.is-night.icon-partly:before{background:transparent;box-shadow:inset -.8em -.3em 0 #e8e4b1}.weather-motion{position:absolute;top:calc(46% + 1.5em);left:calc(50% - 2em);display:flex;gap:.7em}.weather-motion i{display:none;width:.3em;height:1.1em;background:#69bfea;transform:rotate(20deg);border-radius:1em}.icon-rain .weather-motion i:nth-child(-n+4),.icon-drizzle .weather-motion i:nth-child(-n+3){display:block}.icon-drizzle .weather-motion i{height:.55em}.icon-snow .weather-motion i:nth-child(-n+3){display:block;width:.5em;height:.5em;background:#b9e5f7;border-radius:50%}.icon-storm:after{content:"";position:absolute;left:50%;top:calc(46% + .8em);width:1em;height:2em;background:#ffd26b;transform:skew(-25deg);border-radius:0 0 80% 0}.icon-fog>span{height:.4em;background:#a5bcc7;border-radius:2px;box-shadow:0 1em 0 #a5bcc7,0 -1em 0 #a5bcc7}.icon-fog>span:before,.icon-fog>span:after{display:none}.hourly-weather-icon{font-size:9px;width:76px;height:84px}.now-icon{font-size:clamp(7px,1.3vw,22px)}