.stromatlas{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.stromatlas table{border-collapse:collapse;width:100%;background:#fff;table-layout:fixed}

.stromatlas th{background:#e8f2f8;font-weight:600;text-align:left;padding:12px 10px 10px 10px;border-bottom:2px solid #e3e7ea;white-space:nowrap;position:sticky;top:0;z-index:5;box-shadow:0 2px 0 rgba(0,0,0,0.05)}

.stromatlas td{padding:8px;border-bottom:1px solid #eceff1;vertical-align:top;word-wrap:break-word}
.stromatlas tr:hover{background:#fafbfc}
.stromatlas a{color:#2a6f97;text-decoration:none}
.stromatlas a:hover{text-decoration:underline}

.stromatlas .filterbar{margin-bottom:14px}
.stromatlas .filterbar select,.stromatlas .filterbar input{padding:4px 6px;margin-right:8px}

.price-up{color:#c0392b;font-weight:600}
.price-down{color:#2e8b57;font-weight:600}
.price-flat{color:#6b7280;font-weight:600}

.delta-line{font-size:11px;color:#6b7280;margin-top:2px;white-space:nowrap;display:block}
.delta-line.price-up{color:#c0392b}
.delta-line.price-down{color:#2e8b57}
.delta-line.price-flat{color:#6b7280}
.strom-moves{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;margin:6px 0 10px 0;font-size:13px;-webkit-overflow-scrolling:touch}
.strom-moves a{white-space:nowrap}
.stromtable-context-note{text-align:right;margin:.45rem 0 .8rem;font-size:12px;color:#64748b}


.sort-arrows{
  display:inline-flex;
  flex-direction:column;
  font-size:10px;
  line-height:10px;
  margin-left:4px;
  vertical-align:middle;
  color:#222;
}
.sort-arrows a{
  color:inherit;
  text-decoration:none;
  font-size:10px;
  line-height:10px;
  display:block;
}
.sort-arrows a + a{margin-left:0}

.stromatlas th.active-sort{background:#e8f2f8;color:#1b4f72}

/* Pagination ruhiger wie früher */
.stromatlas .pagination{margin-top:10px}
.stromatlas .pagination a,
.stromatlas .pagination span{
  padding:6px 10px;
  margin-right:4px;
  background:#f4f6f7;
  border-radius:4px;
  display:inline-block;
  color:inherit;
  text-decoration:none;
}
.stromatlas .pagination a:hover{background:#e8ecef}
.stromatlas .pagination .is-active{
  background:#e8ecef;
  font-weight:600;
}
.stromatlas .pagination .pagination-dots{
  background:transparent;
  padding:6px 2px;
  color:#6b7280;
}
.pagination-compact{
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
}

/* Default-Tabelle */
#stromtable th:nth-child(1){width:50px}
#stromtable th:nth-child(2),#stromtable td:nth-child(2){width:165px}
#stromtable th:nth-child(3),#stromtable td:nth-child(3){width:70px}
#stromtable th:nth-child(4),#stromtable td:nth-child(4){width:250px}
#stromtable th:nth-child(5),#stromtable th:nth-child(6),#stromtable th:nth-child(7),#stromtable th:nth-child(8),#stromtable th:nth-child(9){width:95px}
#stromtable td:nth-child(5),#stromtable td:nth-child(6),#stromtable td:nth-child(7),#stromtable td:nth-child(8),#stromtable td:nth-child(9){text-align:right;font-variant-numeric:tabular-nums}

/* Sunshine mit Nummerierung */
.stromatlas-sunshine #stromtable th:nth-child(1),.stromatlas-sunshine #stromtable td:nth-child(1){width:50px}
.stromatlas-sunshine #stromtable th:nth-child(2),.stromatlas-sunshine #stromtable td:nth-child(2){width:240px}
.stromatlas-sunshine #stromtable th:nth-child(3),.stromatlas-sunshine #stromtable td:nth-child(3){width:220px}
.stromatlas-sunshine #stromtable th:nth-child(4),
.stromatlas-sunshine #stromtable td:nth-child(4),
.stromatlas-sunshine #stromtable th:nth-child(5),
.stromatlas-sunshine #stromtable td:nth-child(5),
.stromatlas-sunshine #stromtable th:nth-child(6),
.stromatlas-sunshine #stromtable td:nth-child(6),
.stromatlas-sunshine #stromtable th:nth-child(7),
.stromatlas-sunshine #stromtable td:nth-child(7){width:110px;text-align:right;font-variant-numeric:tabular-nums}


.stromatlas-sunshine .sun-val{
  display:inline-block;
}

.stromatlas-sunshine .sun-val .price-up,
.stromatlas-sunshine .sun-val .price-down,
.stromatlas-sunshine .sun-val .price-flat{
  margin-left:3px;
}

.stromatlas-sunshine .delta-line{
  margin-top:1px;
}

/* Maschinenlesbare Übersicht: Spaltenbreiten */


/* Maschinenlesbare Übersicht: Statusspalte breiter */
.machine-overview #stromtable th:nth-child(2),
.machine-overview #stromtable td:nth-child(2){min-width:260px;}
.machine-overview #stromtable th:nth-child(3),
.machine-overview #stromtable td:nth-child(3){min-width:190px;}
.machine-overview #stromtable th:nth-child(4),
.machine-overview #stromtable td:nth-child(4){min-width:220px;}


/* Frontend table scroll snap */
.stromtable-scroll-snap{overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;padding-bottom:2px}
.stromtable-scroll-snap > table{scroll-snap-align:start;scroll-snap-stop:always;min-width:100%;width:max-content}
.stromtable-scroll-snap > table.table{margin-bottom:0}
@media (max-width: 991px){
  .stromtable-scroll-snap > #stromtable,
  .stromtable-scroll-snap > table.table{min-width:960px}
  .stromatlas-sunshine .stromtable-scroll-snap > #stromtable{min-width:980px}
  .machine-overview .stromtable-scroll-snap > #stromtable{min-width:860px}
}