/* R556: weather beside "Neue Bürger" on the public login/start page only. */
body[data-section="public"][data-active="start"] .nv-home-stats-section .nv-r556-home-stats{
 grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start;overflow:visible;
}
body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card{min-width:0;padding:10px;gap:7px}
body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card .nv-stat-icon{
 flex:0 0 29px;width:29px;font-size:22px
}
body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card strong{font-size:clamp(14px,1vw,20px)}
body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card span{font-size:11px}
body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card small{font-size:9px}
body[data-section="public"][data-active="start"] .nv-r556-weather-tile{
 position:relative;isolation:isolate;z-index:2;min-width:0;min-height:88px;
 padding:9px 10px;border-radius:9px;
 border:1px solid #229bd0;background:
 radial-gradient(ellipse at 90% -40%,rgba(67,205,255,.27),transparent 66%),
 linear-gradient(133deg,rgba(5,63,91,.95),rgba(2,29,49,.97));
 box-shadow:0 9px 26px rgba(0,0,0,.27),inset 0 1px rgba(166,229,255,.22);
 color:#f3faff;
}
body[data-section="public"][data-active="start"] .nv-r556-weather-eyebrow{
 display:flex;align-items:center;gap:5px;color:#b9eaff;font-size:9px;
 font-weight:750;letter-spacing:.035em;white-space:nowrap
}
body[data-section="public"][data-active="start"] .nv-r556-weather-eyebrow i{font-size:12px;color:#ffcc78}
body[data-section="public"][data-active="start"] .nv-r556-weather-now{
 display:flex;align-items:center;gap:7px;min-width:0;margin-top:4px
}
body[data-section="public"][data-active="start"] .nv-r556-weather-now>i{
 font-size:24px;color:#ffd27f;flex:none;
 filter:drop-shadow(0 0 8px rgba(255,196,99,.27))
}
body[data-section="public"][data-active="start"] .nv-r556-weather-now>strong{
 font-size:clamp(22px,1.6vw,30px);font-weight:850;
 line-height:1.05;letter-spacing:-.04em;color:white;white-space:nowrap
}
body[data-section="public"][data-active="start"] .nv-r556-weather-now>span{
 font-size:10px;font-weight:650;line-height:1.2;min-width:0;
 overflow-wrap:anywhere;color:#d4f1ff
}
body[data-section="public"][data-active="start"] .nv-r556-weather-foot{
 display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:3px
}
body[data-section="public"][data-active="start"] .nv-r556-weather-foot>span{
 font-size:9px;color:#9ed8e8;min-width:0;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap
}
body[data-section="public"][data-active="start"] .nv-r556-weather-foot button{
 display:grid;place-items:center;flex:none;width:23px;height:23px;
 color:#e3f8ff;border:1px solid rgba(123,212,251,.4);
 background:rgba(7,50,75,.73);border-radius:6px;cursor:pointer
}
body[data-section="public"][data-active="start"] .nv-r556-weather-foot button:hover,
body[data-section="public"][data-active="start"] .nv-r556-weather-foot button:focus-visible{
 outline-offset:2px;color:#fff;border-color:#78e9ff;background:#086e9c
}
body[data-section="public"][data-active="start"] .nv-r556-weather-foot button[aria-expanded="true"] i{transform:rotate(180deg)}
body[data-section="public"][data-active="start"] .nv-r556-weather-forecast[hidden]{display:none!important}
body[data-section="public"][data-active="start"] .nv-r556-weather-forecast{
 border-top:1px solid rgba(107,204,234,.3);
 padding-top:10px;margin-top:8px
}
body[data-section="public"][data-active="start"] [data-r556-days]{
 display:flex;flex-direction:column;gap:5px
}
/* R584: move the open forecast to the body so opening it cannot resize the
   statistics grid or shift the hero background. JS positions it next to the
   weather tile and flips above it near the bottom of the viewport. */
body[data-section="public"][data-active="start"] .nv-r556-weather-forecast{
 position:fixed;
 z-index:1200;
 box-sizing:border-box;
 width:min(296px,calc(100vw - 24px));
 max-height:calc(100dvh - 24px);
 overflow-y:auto;
 overscroll-behavior:contain;
 padding:11px 12px;
 margin:0;
 border:1px solid rgba(92,204,240,.75);
 border-radius:9px;
 background:linear-gradient(145deg,#073654,#031a30);
 box-shadow:0 14px 32px rgba(0,8,21,.56),0 0 0 1px rgba(92,204,240,.12);
}
body[data-section="public"][data-active="start"] .nv-r556-weather-forecast[hidden]{
 display:none!important;
}
/* R585: weekday / icon / temperatures have dedicated columns. The original
   120px tile-width popover squeezed them together in the center. */
body[data-section="public"][data-active="start"] .nv-r556-weather-forecast{
 text-align:left;
}
body[data-section="public"][data-active="start"] .nv-r556-weather-day{
 display:grid;grid-template-columns:minmax(0,1fr) 24px auto;
 align-items:center;column-gap:12px;min-height:37px;
 padding:8px 11px;background:rgba(29,113,154,.24);
 border:1px solid rgba(112,202,237,.14);
 border-radius:6px;color:#f3faff;font-size:12px;text-align:left
}
body[data-section="public"][data-active="start"] .nv-r556-weather-day>b{
 justify-self:start;min-width:0;font-weight:700;text-align:left
}
body[data-section="public"][data-active="start"] .nv-r556-weather-day>i{
 justify-self:center;color:#ffcf78;font-size:17px;text-align:center
}
body[data-section="public"][data-active="start"] .nv-r556-weather-day>span{
 justify-self:end;font-size:12px;font-weight:650;white-space:nowrap;text-align:right;
 font-variant-numeric:tabular-nums;
}
body[data-section="public"][data-active="start"] [data-r556-updated]{
 display:block;margin-top:10px;color:#b1dbea;font-size:10px;
 line-height:1.45;text-align:left
}
body[data-section="public"][data-active="start"] .nv-home-stats-unavailable{
 grid-column:span 4;margin-top:0;min-width:0
}
@media(max-width:1799px){
 body[data-section="public"][data-active="start"] .nv-home-stats-section .nv-r556-home-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))
 }
 body[data-section="public"][data-active="start"] .nv-home-stats-unavailable{grid-column:span 2}
}
@media(max-width:1199px){
 body[data-section="public"][data-active="start"] .nv-home-stats-section .nv-r556-home-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
 body[data-section="public"][data-active="start"] .nv-r556-weather-tile{grid-column:span 2;max-width:100%}
 body[data-section="public"][data-active="start"] .nv-home-stats-unavailable{grid-column:span 2}
}
@media(max-width:480px){
 body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card{padding:9px 7px}
 body[data-section="public"][data-active="start"] .nv-r556-home-stats>.nv-stat-card .nv-stat-icon{flex-basis:25px;width:25px}
}
@media(prefers-reduced-motion:reduce){
 body[data-section="public"][data-active="start"] .nv-r556-weather-tile *{transition:none!important}
}