.topnav {
  overflow: hidden;
  background-color: #171723;
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 1000;
}

.logo {
  float: left;
  padding-left: 8px;
}

.social-links {
  width: auto;
  float: right;
  display: block;
  padding-top: 8px;
  padding-right: 8px;
}

.sm {
  float: left;
  padding-right: 20px;
}

.sm img:hover {
  /* Animation dauert 0,2 Sekunden */
  transition: transform .2s;
  /* Animation: Vergrößert das Element um Faktor 1.5 */
  transform: scale(1.2);
} 

#m {
  display: none;
}

.textnav {
  float:left;
  font-size: 1.7em;
  padding-right: 12px;
  padding-top: 7px;
}

.textnav a:hover {
  color: #ff9c01;
}

@media screen and (max-width: 990px) {
#m {
  display: block;
}

.textnav {
  display: none;
}
}

@media screen and (max-width: 470px) {

.sm {
  display: none;
}