
#pinterest-container {
    width: 100%;
    height: 400px !important;
    overflow: auto !important;
    box-shadow: none !important;
    border: none !important;
    /* opacity: 0.2; */
    background: #0000003b;
}

@media (max-width: 768px) {
  #pinterest-container {
 height:200px;
  }
}

/* blockiere Pointer Events auf dem Pinterest iframe selbst */
#pinterest-container iframe {
    pointer-events: none !important;
}

/* Aber gib dem Container weiterhin Scrollbarkeit */
#pinterest-container {
    touch-action: pan-y;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 0;
}

#pinterest-scroll-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    z-index: 1;
    background: transparent;
    pointer-events: auto;
    touch-action: pan-y;
}

#pinterest-container::-webkit-scrollbar-corner {
    /* background: #fff; */
}

#pinterest-container::-webkit-scrollbar {
    width: 2.5px;
    /* background: #fff; */
}
#pinterest-container::-webkit-scrollbar-thumb {
    /* background: #fff; */
}

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;
border: none !important;

}

#pinterest-container [class$=_col] {
  padding: 2px;
margin-top: 2px;
}

#pinterest-container [class$=_button] {
  display: none !important;
}

#pinterest-container [class$=_board] {
    box-shadow: none !important;
    background: transparent !important;
    filter: opacity(0.1);
}

#pinterest-container [class$=_board]:hover {
    box-shadow: none !important;
    background: transparent !important;
    filter: opacity(0.5);
}

#pinterest-container span span {
  overflow: hidden !important;
  height: 70% !important;
    border: none !important;
    box-shadow: none !important;
}

