footer {
  background-color: white;
	width:100%;
  bottom: 0;
  padding: 30px 0 10px 0;
  margin-bottom: 0px;
  left:0;
  clear: both;
}

footer.fixed {
  position: absolute;
  bottom: 0;
  max-width: 1680px;
  padding: 30px 25px 10px 25px;
}

footer .copyright {
  float: right;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
}


footer a {
  float:left;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
  padding-bottom: 10px;
  cursor: pointer;
}

footer .impressum {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
  display: none;
  clear: both;
}

footer .impressum p {
  padding-bottom: 4px;
}


/*********************************************/
/*********************************************/
/*             < 850 px
/*********************************************/
/*********************************************/



@media (min-width:0px) and (max-width:850px) {
  
  /*-- FOOTER --*/

  footer {
  padding: 30px 25px 10px 25px;
}

footer.fixed {
  padding: 30px 25px 10px 25px;
}

footer .copyright {
  float: none;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
  padding-bottom: 10px; 
}


footer a {
  float:left;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
  padding-bottom: 10px;
  cursor: pointer;
}

footer .impressum {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.65em;
  color: #9da3ac;
  display: none;
  clear: both;
}

footer .impressum p {
  padding-bottom: 4px;
}
 
}