.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
    background: #ff0000 !important;
    color: #ffffff !important;
}

.moove-gdpr-infobar-reject-btn {
    background: #ff0000 !important;
    color: #ffffff !important;
}

button.mgbutton.moove-gdpr-modal-allow-all.button-visible {
    background: #ff0000 !important;
    color: #ffffff !important;
}

button.mgbutton.moove-gdpr-modal-reject-all.button-visible {
    background: #ff0000 !important;
    color: #ffffff !important;
}

button.mgbutton.moove-gdpr-modal-allow-all.button-visible:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

button.mgbutton.moove-gdpr-modal-reject-all.button-visible:hover {
    background: #000000 !important;
    color: #ffffff !important;
}


.hover-effect {
  transition: transform 0.3s ease;
}

.hover-effect:hover {
  transform: scale(1.05);
}

.rotate-hover {
  display: inline-block;
  transition: transform 0.3s ease;
}

.rotate-hover:hover {
  transform: rotate(360deg);
}

.toggle-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

.toggle-section.open .toggle-icon {
  transform: rotate(180deg);
}
.my-button .hover-effect {
  transition: transform 0.3s ease;
}

/* Hover-Zustand des Buttons wirkt auf das Icon */
.my-button:hover .hover-effect {
  transform: scale(1.05);
}

/* Optional: Rotation bei Button-Hover statt nur Icon-Hover */
.my-button:hover .rotate-hover {
  transform: rotate(360deg);
}
@media screen and (max-width: 600px) {
.responsive-text {
text-align: center;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-responsive {
    width: 100%;
  }
}

.hover-column {
  max-height: 420px;
  transition: max-height 0.5s ease;
  overflow: hidden;
}

.hover-column:hover {
  max-height: 900px;
}