Attractive course listing with personal meta info and details page

The new course listing has three elements:

• teaser image in 3:4 ratio (landscape)
• title, dates, author/coaches and description (with overflow cutting) and the favorite symbol
• personal meta infos with status, score, rating, comments the launch (when already member) or book (when not member) button and a more... button

When no image is attached to the course, a default image is used. Images are scaled to fit the 3:4 ratio.

When pressing the more... button the course details page appears. The course details page contains the following info:

• title
• teaser video or image if no video has been uploaded
• description
• objectives
• requirements
• start / end date
• expenditure of work (hours per week)
• main language
• credits/certificate
• catalog categories where this course has been filed
• author/coaches
• rating and comment link

• booking methods or link to start page when already member of course
• favorite symbol and functionality
• personal meta infos with status, score, rating
• related groups where I participate with link to start

All the rich text fields (description, objectives, requirements, credits) should have a media mapper to allow embedding of images.