a {text-decoration: none!important; color: black!important;}
.malerei {background-color: beige!important;}

/* Container (text + border) */
.fancy-link div {
  color: black;
  background-color: transparent;
  border-color: #6c757d; /* Bootstrap secondary */
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  transform: scale(1);
 
}

/* Hover-Effekte auf dem Container */
.fancy-link:hover div {
  background-color: black;
  color: white;
  border-color: black;
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Icon: macht es zu inline-block, setzt Ausgangs-transform und transition */
.fancy-link div i {
  display: inline-block;          /* wichtig, damit transform wirkt */
  transform: translateX(0);       /* Ausgangszustand */
  transition: transform 0.35s ease;
}

/* Icon-Transform beim Hover (verschiebt nach rechts) */
.fancy-link:hover div i {
  transform: translateX(6px);
}