

#ticker {
  font-family: var( --tickerfont ) ;
  display: flex;
  flex-direction: column;
  margin:0;
  padding:0;

}
#ticker .item {
  padding: 3px 5px;
  padding-left:0px !important;
  padding-right:0px !important;
  border-bottom: 0px solid #333;
  font-size:48pt;
}


#ticker .name  {
  width:480px;
  float:left;
  display:block;
  overflow: hidden;         /* Inhalt wird außerhalb des Containers ausgeblendet */
  text-overflow: clip;
  word-break: break-all;
  max-height:85px;

}


#ticker .name::after {
  content: ""; /* Fügt einen Punkt hinzu */
}

#ticker .price {
  width:180px;
  display:block;
  float:left;
  margin-left:30px;
  text-align:right;
  transition: background-color 4s ease, color 3s ease;

}

#ticker .arrow {
  width:100px;
  display:block;
  float:left;
  text-align:right;
  transition: background-color 4s ease, color 3s ease;
}

#ticker .perfprice {
  width:145px;
  display:block;
  float:left;
  text-align:right;
  transition: background-color 4s ease, color 3s ease;
}

#ticker .perf {
  width:165px;
  display:block;
  float:left;
  text-align:right;
  transition: background-color 4s ease, color 3s ease;
}

#smi_value .item {
  padding: 0;
  margin:0;
}

#smi_value .perf, #smi_value .arrow, #smi_value .price{
  float:left;
  display:block;
  transition: background-color 4s ease, color 3s ease;
  padding-left:10px !important;
  padding-right:10px !important;
}

#spi_value .item {
  padding: 0;
  margin:0;
}

#spi_value .perf, #spi_value .arrow, #spi_value .price{
  float:left;
  display:block;
  transition: background-color 4s ease, color 3s ease;
  padding-left:10px !important;
  padding-right:10px !important;
}

/* Blink-Animation per Klasse */
.blink-pos, .blink-neg {
  color: #fff; /* Schrift während Blink weiß */
}

#title{
  font-size:var( --fontsizetop );
  color:#fff;
  font-family: var( --tickerfont ) ;
  text-align:left;
  margin:0;
  padding:0;
}

#title_charts{
  font-size:var( --fontsizetop );
  color:#fff;
  font-family: var( --tickerfont ) ;
  text-align:left;
  margin:0;
  padding:0;
  padding-left:60px;
}

#chartContainer5days, #chartContainermonth, #chartContainerintraday {
  padding-left:60px;
}

#chartContaineryear {
  padding-left:40px;
}