/* 045 Live Parkstad 1.3.1 — geïntegreerde 045online header */
.o45-live{--o45-accent:#6b8f2f;--o45-dark:#111;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.o45-live *{box-sizing:border-box}
.o45-live--header{position:relative;width:100%;max-width:728px;height:90px;margin:0 auto;overflow:hidden;background:transparent;color:#fff;border:0;box-shadow:none}
.o45-live__headrow{height:52px;display:flex;align-items:stretch;background:rgba(10,10,10,.12);border-bottom:1px solid rgba(255,255,255,.08)}
.o45-live__brand{display:flex;align-items:center;gap:8px;flex:0 0 174px;min-width:0;padding:7px 10px 6px 7px;border-right:1px solid rgba(255,255,255,.12)}
.o45-live__pulse{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--o45-accent);box-shadow:0 0 0 0 rgba(107,143,47,.65);animation:o45-pulse 1.7s infinite}
.o45-live__brandcopy{display:flex;min-width:0;flex-direction:column;line-height:1}
.o45-live__brand strong{font-size:16px;line-height:1.05;letter-spacing:.2px;white-space:nowrap}
.o45-live__brand small{margin-top:4px;color:rgba(255,255,255,.58);font-size:9px;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap}
.o45-live__clock{display:flex;flex:0 0 126px;min-width:0;flex-direction:column;justify-content:center;padding:5px 10px;border-right:1px solid rgba(255,255,255,.12)}
.o45-live__clock strong{overflow:hidden;color:rgba(255,255,255,.75);font-size:9px;line-height:1.1;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis}
.o45-live__clock span{margin-top:3px;font-size:16px;line-height:1;font-weight:900;letter-spacing:.4px;font-variant-numeric:tabular-nums}
.o45-live__quickstats{display:flex;min-width:0;flex:1;align-items:stretch}
.o45-live__quick{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:0 7px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap;background:transparent}
.o45-live__quick>span{font-size:16px;line-height:1}
.o45-live__quick b{font-size:12px;line-height:1}
.o45-live__quick small{color:rgba(255,255,255,.56);font-size:8px;line-height:1}
.o45-live__quick--weather{flex:0 0 64px}
.o45-live__quick--traffic{flex:0 0 87px}
.o45-live__quick--region{flex:1 1 105px;justify-content:flex-start}
.o45-live__quick--region b{overflow:hidden;text-overflow:ellipsis}
.o45-live__quick--region>span{font-size:12px}
.o45-live__quick--green>span{color:var(--o45-accent)}
.o45-live__livebadge{display:flex;flex:0 0 70px;flex-direction:column;align-items:center;justify-content:center;background:transparent}
.o45-live__livebadge b{display:inline-block;padding:4px 7px;border-radius:3px;background:var(--o45-accent);color:#fff;font-size:9px;letter-spacing:.7px}
.o45-live__livebadge small{margin-top:4px;color:rgba(255,255,255,.58);font-size:8px;white-space:nowrap}
.o45-live__ticker{height:38px;display:flex;align-items:stretch;background:rgba(0,0,0,.16);color:#fff;border:0}
.o45-live__ticker-label{position:relative;z-index:2;display:flex;flex:0 0 98px;align-items:center;justify-content:center;gap:6px;padding:0 9px;background:var(--o45-accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.65px;white-space:nowrap}
.o45-live__ticker-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.95}
.o45-live__ticker-window{position:relative;min-width:0;flex:1;overflow:hidden;background:rgba(255,255,255,.035)}
.o45-live__ticker-window:before,.o45-live__ticker-window:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:20px;pointer-events:none}
.o45-live__ticker-window:before{left:0;background:linear-gradient(90deg,rgba(20,20,20,.8),transparent)}
.o45-live__ticker-window:after{right:0;background:linear-gradient(270deg,rgba(20,20,20,.8),transparent)}
.o45-live__ticker-track{height:100%;display:flex;width:max-content;will-change:transform;animation:o45-ticker 46s linear infinite}
.o45-live__ticker:hover .o45-live__ticker-track{animation-play-state:paused}
.o45-live__ticker-group{height:100%;display:flex;align-items:stretch;flex:0 0 auto}
.o45-live__ticker a{display:flex;align-items:center;gap:6px;max-width:360px;height:100%;padding:0 16px;color:#fff!important;text-decoration:none!important;border-right:1px solid rgba(255,255,255,.1);font-size:10px;white-space:nowrap}
.o45-live__ticker a:hover{background:rgba(255,255,255,.05)}
.o45-live__ticker a b{color:#a6c66d;font-size:10px;font-weight:900}
.o45-live__ticker a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.o45-live__ticker-empty{display:flex;align-items:center;padding:0 14px;color:rgba(255,255,255,.65);font-size:10px}
.o45-live-auto{padding:0 18px}.o45-live-auto .o45-live{margin-top:18px}
@keyframes o45-pulse{70%{box-shadow:0 0 0 8px rgba(107,143,47,0)}100%{box-shadow:0 0 0 0 rgba(107,143,47,0)}}
@keyframes o45-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){
 .o45-live--header{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
 .o45-live__brand{flex-basis:158px}.o45-live__clock{flex-basis:118px}.o45-live__livebadge{flex-basis:64px}
 .o45-live__quick--region{display:flex;min-width:78px}
}
@media(max-width:560px){
 .o45-live--header{height:126px;overflow:hidden}
 .o45-live__headrow{height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;background:rgba(10,10,10,.08)}
 .o45-live__brand{grid-column:1;grid-row:1;flex-basis:auto;border-right:0;padding:7px 10px 5px 16px}
 .o45-live__brand strong{font-size:15px}.o45-live__brand small{font-size:8px;margin-top:3px}
 .o45-live__clock{grid-column:2;grid-row:1;flex-basis:auto;min-width:112px;border-left:1px solid rgba(255,255,255,.1);border-right:0;padding:5px 16px 5px 9px;text-align:right}
 .o45-live__clock strong{font-size:8px}.o45-live__clock span{font-size:14px}
 .o45-live__quickstats{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.08)}
 .o45-live__quick{justify-content:flex-start;padding:0 12px;min-width:0;border-right:1px solid rgba(255,255,255,.1)}
 .o45-live__quick--weather,.o45-live__quick--traffic,.o45-live__quick--region{display:flex;flex:auto!important;min-width:0}
 .o45-live__quick--region{justify-content:center;border-right:0}
 .o45-live__quick small{display:none}.o45-live__quick b{font-size:12px}.o45-live__quick>span{font-size:15px}
 .o45-live__livebadge{position:absolute;top:7px;right:120px;z-index:3;display:block;min-width:0;background:transparent}
 .o45-live__livebadge b{padding:3px 5px;font-size:8px}.o45-live__livebadge small{display:none}
 .o45-live__ticker{height:38px;background:rgba(0,0,0,.12)}.o45-live__ticker-label{flex-basis:92px;font-size:8px;padding:0 8px}
 .o45-live__ticker a{max-width:82vw;padding:0 11px;font-size:10px}
 .o45-live-auto{padding:0}
}
@media(max-width:390px){
 .o45-live__brand{padding-left:12px}.o45-live__brand strong{font-size:14px}
 .o45-live__clock{min-width:102px;padding-right:12px}
 .o45-live__livebadge{right:108px}
 .o45-live__quick{padding:0 8px}.o45-live__quick b{font-size:11px}
 .o45-live__ticker-label{flex-basis:84px;letter-spacing:.25px}
}
@media(max-width:340px){
 .o45-live__brand small{display:none}.o45-live__clock{min-width:98px}.o45-live__livebadge{right:101px}
 .o45-live__quick{padding:0 6px}.o45-live__quick>span{font-size:13px}.o45-live__quick b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.o45-live__pulse,.o45-live__ticker-track{animation:none}}