.footer-wrapper {
  height:380px;
  position:relative;    
  }


.footer-wrapper::before  {
  content:'';
  position:absolute;
  top:0;
  width:60%;
  height:100%;
  background:#D72A32;
      z-index: -1;
}

.footer-wrapper::after {
    content:'';
  position:absolute;
  top:0;
  right:0;
  width:40%;
  height:100%;
    background:#C71D25;
    z-index: -1;
  
}


.footer-inner {

}

.footer-links, .footer-rechts {

}


.footer-rechts {
    padding-top: 100px;
  padding-left:26px;
}


.footer-links {
  padding-right:100px;
}


.footer-links img {
 max-width:272px; 
    padding-top: 120px;

}

.copyright {
    position:absolute;
    bottom:20px;
    margin-left: 0px !important;
}

@media only screen and (max-width: 1140px) and (min-width: 1025px)  {
  .footer-links img {
  padding-left: 10px;
  padding-top:10px;
  }
}


@media only screen and (max-width: 1024px) {
  
 .footer-inner { 
   background: #D72A32;
  }
  
.footer-rechts {
  background:#C71D25;
  padding-left: 0px;
  padding-bottom: 100px;
  padding-top: 40px;
  }
  
.footer-rechts p {  
  font-size:14px;
  }
  
.footer-links {
    padding-bottom:40px;
  padding-left: 40px;
    padding-top: 40px;
  }

  .footer-links p {
      font-size: 16px !important;
    line-height:20px !important;
  }
  
.footer-links img {
  padding-left: 10px;
  padding-top:10px;
  }
  
 .copyright {
   padding-left: 50px;
  }
.copyright p {
  font-size: 14px;
  }
}

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

.copyright {
  order 3;
  position: relative;
  bottom: 50px;
  }
  
  .footer-links {
    padding-bottom:40px;
  padding-left: 10px;
    padding-top: 40px;
  }
  
  .footer-rechts {
  padding-left:10px;
  }
  
   .copyright {
     margin-top:-20px;
   padding-left:10px;
  }
  
}