/*-- allgmemein --*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*-- body --*/
body {
    background-color: rgb(31, 31, 31);
}


/*-- titel --*/
.responsive_titel {
    width: 100%;

}

/*-- titel --*/
.responsive_footer {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/*-- karte --*/
.responsive {
    width: 100%;
    height: auto;
}

.margin  {
    margin-top: 20px;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 20px;
}

/*-- fußzeile --*/
.site-copyright {
  /* copyright class */
  font-family: sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  color: white;
}

.social-footer {
 
  padding: 1rem;
  background-color: orange;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.social-footer .social-footer-icons li:last-of-type {
  margin-right: 0;
}

.social-footer .social-footer-icons .fa {
  font-size: 2.5rem;
  color: white;
}

.social-footer .social-footer-icons .fa:hover {
  color: #4a4a4a;
  transition: color 0.3s ease-in;
}

.social-footer li { 
    display: inline-block;
    margin-right: 50px;
}

.social-footer ul {
    list-style-type:none;
    margin-right: 55px;  
}

.site-copyright li {   
    display: block;
    float: none;
    font-weight: bold;
}

.site-copyright ul {   
    margin-left: 20px;
}

.site-copyright a {
text-decoration: none;
color: white;
}

.site-copyright a:visited {
text-decoration: none;
color: white;
}