/* --- LAYOUT FIX 101CLASSICS --- */
/* Ziel: Player bleibt unter dem Cover (links),
   rechte Spalte (Produktinfos) bleibt daneben,
   Tabs kommen darunter. */

/* 1. Zeilenaufteilung aktivieren */
#content-wrapper .row,
div#content-wrapper .row,
div#content-wrapper > .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

/* 2. Linke Spalte: Bilder + Player */
#content-wrapper .col-md-6:first-of-type {
  flex: 0 0 48%;
  max-width: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* 3. Rechte Spalte: Produktinfos */
#content-wrapper .col-md-6:last-of-type {
  flex: 0 0 52%;
  max-width: 52%;
  padding-left: 20px;
}

/* 4. Player-Darstellung */
#content-wrapper .jp-audio,
#content-wrapper .jp-interface {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}

/* 5. Tabs immer unter beiden Spalten */
#content-wrapper .tabs {
  flex-basis: 100%;
  margin-top: 40px;
}

/* Optional: Abstand zwischen Bild und Player verkleinern */
#content-wrapper .product-cover {
  margin-bottom: 10px;
}