.footer-dark-keret {
  filter: drop-shadow(0px -10px 0px white) drop-shadow(0px -3px 0px var(--zold-szin)) drop-shadow(0px 3px 9px var(--bs-gray));
}

.footer-dark {
  padding: 45px 0 20px 0;
  color: #f0f9ff;
  background-color: #282d32;
  /*clip-path: polygon(21% 17%, 100% 0, 100% 101%, 0 101%, 0 0);*/
  margin-top: 50px;
}

.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 20px;
  color: var(--zold-szin);
}

.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  margin-bottom: 0;
}

.footer-dark ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
}

.footer-dark ul span {
  opacity: 0.6;
}

.footer-dark ul a:hover {
  opacity: 0.8;
}

@media (min-width: 300px) {
  .footer-dark .item {
    text-align: center;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .footer-dark .item {
    text-align: left;
    margin: 0;
  }
}

.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}

.footer-dark .item.social {
  text-align: center;
}

.footer-dark .item.social > a {
  font-size: 20px;
  width: 45px;
  height: 45px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff6;
  margin: 25px 10px;
  color: #fff;
  opacity: 1;
  transition: color .3s, opacity .3s;
}

.footer-dark .item.social > a:hover {
  opacity: 0.8;
  color: var(--zold-szin);
  box-shadow: 0 0 0 1px var(--zold-szin);
}

.footer-dark .copyright {
  text-align: center;
  /*padding-top: 24px;*/
  /*opacity: 0.3;*/
  margin-bottom: 0;
}