.ticker {
	border-bottom: 2px solid #333;
    line-height: 26px;
    overflow: hidden;
    padding: 4px;
    font-variation-settings: "wdth" 150, "wght" 500;
    box-sizing: border-box;
}

.region-ticker {

  display: flex;
  flex-direction: row;
  line-height: 32px;

/*    -moz-animation-duration: 50s;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -moz-animation-name: ticker;
    -webkit-animation-name: ticker;
            animation-name: ticker;*/
}

.region-ticker div {
	margin-right: 10px;
}

.region-ticker #currentweather .weathertemp {
	display: inline-block;
}

.region-ticker #currentweather .weatherdate, 
.region-ticker #currentweather .weatherfeelslike, 
.region-ticker #currentweather .weatherhumidity, 
.pbrates-eur  {
  display: none;
}

#currentweather {
	display: flex;
    align-items: center;
}

.region-ticker #currentweather .weatherdate {
  border-right: 2px solid #000;
    margin-right: 1rem;
    padding-right: 1rem;
}
.weathericon img {
	height: 32px;
    position: relative;
    bottom: -2px;
}

.weathertempunit {
	font-weight: bold;
}

img.weathericon {
    background: #59bafc;
    border-radius: 20px;
    margin-right: 10px;
}

#block-pbrates {

}

@media (min-width: 860px) {
  #block-pbrates {
       border-left: 2px solid #000;
      margin-left: 1rem;
      padding-left: 1rem;
  }

  .region-ticker #currentweather .weatherdate, 
  .region-ticker #currentweather .weatherfeelslike, 
  .region-ticker #currentweather .weatherhumidity, 
  .pbrates-eur  {
    display: inline;
  }
}



@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}