/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 09:08:22 */
/************* MUSIK *************/
.card-image {
    display: none;
}

.card-plain {
	    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.flex-row {
    display: inline-flex;
    gap: 30px;
}

article.card-blog{
	background-color: #dddddd;
    width: calc(33% - 20px);
}

.section.section-blog-info{
	display: none;
}

.copyright {
    font-size: 0 !important;
}

.copyright::after {
    content: "© Freezy Trap";
    font-size: 14px;
    color: #fff;
}

.card-body{
	min-height: 450px !important;
}

.entry-date.published{
	font-size: 25px;
}/* Grid-Container */
.music-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; /* Basisgröße */
  gap: 24px !important;
  margin: 30px 0 !important;
  justify-content: center; /* Zentriert Kacheln, wenn weniger als 6 in Reihe */
}

/* Maximal 6 Kacheln pro Row */
@media (min-width: 1500px) {
  .music-grid {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* Kachel */
.music-tile {
  background-color: #141414 !important;
  color: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover */
.music-tile:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

/* Bild */
.music-image img {
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 0.3s ease;
}

/* Bild-Zoom auf Hover */
.music-tile:hover .music-image img {
  transform: scale(1.05);
}

/* Titel */
.music-title {
  padding: 12px !important;
  text-align: center !important;
  background-color: #0d0d0d !important;
  border-top: 1px solid #222 !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}

@media (max-width: 480px) {
  .music-title {
    font-size: 1.2rem !important;
    padding: 10px !important;
  }
}

/* Leere P-Tags von WordPress ausblenden */
.music-grid > p {
  display: none;
  margin: 0;
  padding: 0;
}