#ost-container {
  margin-top: 60px;
  height: 500px;
  overflow: auto !important;
  box-shadow: none !important;
  border: none !important;
  background-color: transparent;
	margin-bottom: 60px;
}


#pinterest-container-wrapper {
  position: relative;
  width: 1100px; 
  height: 500px !important;
 margin: 60px 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

#pinterest-container {
  width: 100%; 
  height: 100%;  
  overflow: auto !important; 
  box-shadow: none !important; 
  border: none !important;
  background-color: transparent; /* Hintergrund durchsichtig */
  overflow-x: hidden;
  scrollbar-width: thin;
}

#pinterest-container-wrapper::before {
  content: '';
  position: absolute; /* Absolut positioniert innerhalb des Wrappers */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0,0, 0.1), rgba(0, 0, 0, 0.7)); /* Gradient von hell nach dunkel mit 40% Deckkraft */
  pointer-events: none; /* Damit das Overlay keine Benutzerinteraktionen blockiert */
  z-index: 1; /* Über dem Inhalt */
  transition: opacity 0.8s ease; /* Übergangseffekt für Opazität */
}

#pinterest-container-wrapper:hover::before {
  background: linear-gradient(to bottom, rgba(0, 0,0, 0.1), rgba(0, 0, 0, 0.7)); /* Gradient von hell nach dunkel mit 40% Deckkraft */
}

#pinterest-container a {
  position: relative;
  z-index: 1; /* Über dem Overlay */
  filter: grayscale(100%); /* Schwarz-Weiß-Filter */
  transition: filter 0.8s ease; /* Übergangseffekt */
}

#pinterest-container a:hover {
  filter: none; /* Entfernt den Schwarz-Weiß-Filter bei Hover */
}

#pinterest-container::-webkit-scrollbar-corner {
  background: transparent;
}

#pinterest-container::-webkit-scrollbar {
  width: 2.5px;
  background: #fff;
}

#pinterest-container::-webkit-scrollbar-thumb {
  background: transparent;
}

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
  background-color: transparent; /* Hintergrund durchsichtig */
  filter: grayscale(100%); /* Schwarz-Weiß-Filter */
  transition: filter 0.8s ease; /* Übergangseffekt */
}

#pinterest-container [class$=_img]:hover {
  filter: none; /* Entfernt den Schwarz-Weiß-Filter bei Hover */
}

#pinterest-container [class$=_col] {
  padding: 0;
  margin-top: 0;
  background-color: transparent; /* Hintergrund durchsichtig */
}

#pinterest-container [class$=_button] {
  display: none !important;
}

#pinterest-container [class$=_board] {
  box-shadow: none !important;
  background-color: transparent; /* Hintergrund durchsichtig */
}

#pinterest-container span span {
  overflow: hidden !important;
  height: 70% !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent; /* Hintergrund durchsichtig */
}
