.ssw-tile.lvl-ok,
.ssb-ampel.lvl-ok {
  border-color: rgba(61,204,138,.5) !important;
  background: rgba(61,204,138,.14) !important;
}
.ssw-tile.lvl-ok b,
.ssw-tile.lvl-ok span,
.ssw-tile.lvl-ok em { color: #3dcc8a !important; }
.ssw-tile.lvl-ok .ssw-ico { stroke: #3dcc8a !important; }

.ssw-tile.lvl-warn,
.ssb-ampel.lvl-warn {
  border-color: rgba(240,180,41,.55) !important;
  background: rgba(240,180,41,.14) !important;
}
.ssw-tile.lvl-warn b,
.ssw-tile.lvl-warn span,
.ssw-tile.lvl-warn em { color: #f0b429 !important; }
.ssw-tile.lvl-warn .ssw-ico { stroke: #f0b429 !important; }

.ssw-tile.lvl-hot,
.ssb-ampel.lvl-hot {
  border-color: rgba(255,159,10,.6) !important;
  background: rgba(255,159,10,.16) !important;
}
.ssw-tile.lvl-hot b,
.ssw-tile.lvl-hot span,
.ssw-tile.lvl-hot em { color: #ff9f0a !important; }
.ssw-tile.lvl-hot .ssw-ico { stroke: #ff9f0a !important; }

.ssw-tile.lvl-alert,
.ssb-ampel.lvl-alert {
  border-color: rgba(239,91,91,.6) !important;
  background: rgba(239,91,91,.16) !important;
}
.ssw-tile.lvl-alert b,
.ssw-tile.lvl-alert span,
.ssw-tile.lvl-alert em { color: #ef5b5b !important; }
.ssw-tile.lvl-alert .ssw-ico { stroke: #ef5b5b !important; }

.ssw-tile[data-ss-linked],
.ssb-ampel[data-ss-linked] {
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 8px 18px rgba(0,0,0,.22);
}
.ss-jump {
  position: absolute;
  inset: 0;
  z-index: 4;
  text-decoration: none !important;
  border-radius: inherit;
  background: transparent;
}
.ss-jump::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 8px;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .45;
  pointer-events: none;
}
.ssw-tile[data-ss-linked]:hover .ss-jump::after,
.ssb-ampel[data-ss-linked]:hover .ss-jump::after { opacity: .9; }
#dashSun, #rtsw, #prediction, #polarOval { scroll-margin-top: 110px; }
#polarOval.ss-target,
#dashSun.ss-target,
#rtsw.ss-target,
#prediction.ss-target {
  outline: 2px solid #e8b84a;
  outline-offset: 4px;
}
@media (max-width: 700px) {
  #dashSun, #rtsw, #prediction, #polarOval { scroll-margin-top: 120px; }
}

.ssb-av-ctrl {
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.ssb-av-play {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  overflow: hidden !important;
}
.ssb-av-big {
  white-space: nowrap;
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  top: 50% !important;
}
.ssb-av-rate,
.ssb-av-ctrl select,
.ssb-av-ctrl select option,
select.ssb-av-rate option {
  background: #1a1a1c !important;
  color: #fff !important;
  border: 1px solid #6e6e73 !important;
  -webkit-text-fill-color: #fff !important;
}
@media (max-width: 700px) {
  .ssb-av-ctrl { gap: 6px !important; padding: 8px !important; }
  .ssb-av-time { max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ssb-av-ctrl label { white-space: nowrap; }
}

ins.adsbygoogle,
.google-auto-placed,
.adsbygoogle-noablate,
iframe[id^="aswift_"],
iframe[id^="google_ads_iframe"],
iframe[src*="googlesyndication"],
iframe[src*="doubleclick.net"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: none !important;
}
.stream-item,
.tie-ad {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ssw-cme-help{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(8,12,22,.55);color:#b7c4d6;font-size:14px;line-height:1.45;}

.ssw-cme {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 14px 0 18px;
  padding: 16px 18px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18,28,48,.98), rgba(10,16,28,.96));
  border: 1px solid rgba(110,200,255,.22);
  color: #e8eef8;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.ssw-cme.lvl-ok { border-color: rgba(61,204,138,.45); }
.ssw-cme.lvl-warn { border-color: rgba(240,180,41,.5); }
.ssw-cme.lvl-alert { border-color: rgba(239,91,91,.55); }
.ssw-cme-main { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.ssw-cme-main span {
  font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #e8b84a;
  width: 100%;
}
.ssw-cme-main b {
  font-size: 1.45rem; line-height: 1.1; padding: 4px 12px; border-radius: 999px;
  background: rgba(61,204,138,.16); color: #3dcc8a;
}
.ssw-cme.lvl-warn .ssw-cme-main b { background: rgba(240,180,41,.16); color: #f0b429; }
.ssw-cme.lvl-alert .ssw-cme-main b { background: rgba(239,91,91,.16); color: #ef5b5b; }
.ssw-cme-main em { font-style: normal; color: #c5d0de; font-size: 15px; flex: 1 1 240px; line-height: 1.35; }
.ssw-cme-btn {
  background: #0a84ff; color: #fff !important; border-radius: 999px;
  padding: 8px 14px; font-weight: 700; font-size: 13px; text-decoration: none !important;
}
.ssw-cme-legend {
  list-style: none !important; margin: 14px 0 8px; padding: 10px 12px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 7px 18px;
  color: #b7c4d6; font-size: 13px; line-height: 1.35;
  background: rgba(8,12,22,.45); border-radius: 12px;
}
.ssw-cme-legend i {
  display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px;
  background: #3dcc8a; vertical-align: middle;
}
.ssw-cme-legend li { list-style: none !important; margin: 0; padding: 0; }
.ssw-cme-legend i.warn { background: #f0b429; }
.ssw-cme-legend i.alert { background: #ef5b5b; }
.ssw-cme #cmeHelp { margin: 8px 0 4px; color: #d0d7e2; font-size: 14px; line-height: 1.4; }
.ssw-cme-src { margin: 4px 0 0; color: #8e8e93; font-size: 12px; line-height: 1.4; }
@media (max-width: 700px) {
  .ssw-cme-legend { grid-template-columns: 1fr; }
  .ssw-cme-main b { margin: 2px 0; }
}


.ssw-hemi-bar {
  height: 22px !important;
  margin: 12px 0 8px !important;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35);
}
.ssw-hemi-bar i {
  background: transparent !important;
  border-right: none !important;
  position: relative;
}
.ssw-hemi-bar i::after {
  content: "";
  position: absolute;
  right: -9px;
  top: -5px;
  width: 18px;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 0 3px #0b1220, 0 0 14px rgba(255,255,255,.8);
}
.ssw-hemi-scale em { color: #e8eef8 !important; font-size: 12px !important; font-weight: 700; }

.ss-mond{background:linear-gradient(180deg,#121c30,#0a101c);border:1px solid rgba(232,184,74,.35);border-radius:18px;padding:16px 18px;color:#e8eef8;margin:12px 0}
.ss-mond-k{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e8b84a}
.ss-mond-row{display:flex;gap:14px;align-items:center}
.ss-mond-name{margin:0;font-size:20px;font-weight:700}
.ss-mond-pct{margin:4px 0 0;color:#9db0c8}
.ss-mond-hint{margin:10px 0 0;color:#d0d7e2;line-height:1.4}
.ss-mond-next{margin:8px 0 0;font-size:13px;color:#8ea0b8}
.ss-mond-svg{flex:0 0 72px;overflow:hidden;border-radius:50%}

.ss-oval-mond{margin:12px 0 4px;display:grid;gap:12px}
.ss-fb-in{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}
.ss-fb-t{margin:0 0 10px;color:#d0d7e2;line-height:1.4}
.ss-fb-a{display:inline-block;background:#1877f2;color:#fff !important;text-decoration:none !important;font-weight:700;padding:8px 14px;border-radius:999px}
@media (max-width:767px){
  .ss-oval-mond{grid-template-columns:1fr;gap:10px;margin:8px 0}
  .ss-mond{padding:12px 14px;margin:0}
  .ss-mond-k{margin:0 0 6px}
  .ss-mond-name{margin:0;font-size:1.15rem}
  .ss-mond-pct,.ss-mond-hint,.ss-mond-next{margin:4px 0 0;line-height:1.35}
  .ss-fb-in{margin-top:8px;padding-top:8px}
  .ss-fb-t{margin:0 0 8px;font-size:.9rem}
  .ss-soc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ss-soc-a{justify-content:center;min-height:38px;padding:6px 4px;font-size:.78rem;width:100%;box-sizing:border-box}
  .ss-donate{margin-top:8px;padding-top:8px}
  .ss-donate p{margin:0 0 8px;font-size:.9rem}
}
@media (min-width:768px){
  .ssw-dash .ssw-command{align-items:start}
  .ssw-dash .ssw-right{min-height:0 !important}
  .ssw-dash .ssw-gp{min-height:108px !important;max-height:132px;background-position:center 32% !important;background-size:cover !important}
  .ss-oval-mond{grid-template-columns:1.45fr .85fr;align-items:stretch}
  .ss-oval-mond .ssw-oval-map{margin:0;max-width:none}
  .ss-oval-mond .ssw-oval-map img{width:100%;height:auto;max-height:340px;object-fit:cover;object-position:center 40%;border-radius:12px;display:block}
  .ss-oval-mond .ss-mond{margin:0;display:flex;flex-direction:column}
  
}
.home .sidebar .widget:has(#ssMond),
.home .sidebar .widget:has(.ss-mond){display:none !important}

.ss-soc{display:flex;flex-wrap:wrap;gap:8px}
.ss-soc-a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;border-radius:999px;color:#fff !important;text-decoration:none !important;font-weight:700;font-size:.88rem}
.ss-soc-a.fb{background:#1877f2}
.ss-soc-a.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}
.ss-soc-a.x{background:#111}
.ss-fb-a{display:none}

.ss-donate{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.ss-donate p{margin:0 0 10px;color:#d0d7e2;line-height:1.4}
.ss-donate-a{display:inline-block;background:#3dcc8a;color:#0b1020 !important;text-decoration:none !important;font-weight:800;padding:8px 14px;border-radius:999px}
.home .sidebar .widget:has(a[href*="facebook.com/sonnensturm"]),
.home .sidebar .widget:has(a[href="spenden"]),
.home .sidebar .widget:has(a[href="/spenden"]),
.home .sidebar .widget:has(a[href$="/spenden"]){display:none !important}

body.ss-nav-open{overflow:hidden}
body.ss-nav-open .side-aside{
  visibility:visible !important;
  transform:translate(0,0) !important;
  left:0 !important;
  z-index:100000 !important;
  width:min(86vw,320px);
  max-width:320px;
}
body.ss-nav-open .side-aside-wrapper{visibility:visible !important}
#mobile-menu .menu{list-style:none;margin:0;padding:12px 16px}
#mobile-menu .menu a{display:block;padding:10px 0;color:#e8eef8;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}