div.filmbox {
 width: 100%;
 align-content: stretch;
 align-items: stretch;
 margin: 0 0 24px 0;
 position: relative;
 padding: 24px;
 /* Hintergrundfarbe wird dynamisch gesetzt 
 background: -webkit-linear-gradient(45deg, rgba(15, 70, 90, 1) 0%, rgba(86, 165, 181, 1) 100%);
 background: linear-gradient(45deg, rgba(15, 70, 90, 1) 0%, rgba(86, 165, 181, 1) 100%);
 */
 box-shadow: 0 4px 8px 0 rgba(46, 43, 56, 0.16), 0 8px 16px 0 rgba(46, 43, 56, 0.08), 0 16px 32px 0 rgba(46, 43, 56, 0.04);
 border-radius: 8px;
}
div.filmbox div.content {
 width: 100%;
 height: auto;
 display: flex;
 align-content: stretch;
 align-items: stretch;
 margin: 0 0 0 0;
 border-radius: 8px;
 overflow: hidden;
 padding: 0;
}
div.filmbox div.left {
 width: 30%;
 flex: 1 30%;
 flex-grow: 1;
 float: left;
}
.filmcover img.cover-img {
 border: none;
 box-shadow: none;
 max-height: 100% !important;
 border-radius: 8px !important;
 overflow: hidden !important;
 max-width: 100% !important;
 margin: 0 !important;
 width: auto !important;
 height: auto !important;
 display: table !important;
 margin: 0 auto !important;
}
div.filmbox div.left p.licensing {
 /* Textfarbe wird dynamisch gesetzt 
 color: #fff;
 */
}
div.filmbox div.left p.licensing small img {
 margin-top: 12px;
}
div.filmbox div.right {
 flex: 1 70%;
 width: 70%;
 padding: 0 0 0 24px;
}
table {
 width: 100%;
 margin: 0 0 24px 0;
 border: 1px solid #eee;
 border-collapse: collapse;
 border-spacing: 0;
}
div.filmbox div.right table {
 font-size: 14px;
 border: none;
 margin: 0;
}
div.filmbox div.right table tr+tr {
 border-top: 1px solid #eee;
 border-color: rgba(255, 255, 255, 0.2);
}
table thead, table tbody, table tfoot, table tr {
 width: 100%;
 vertical-align: baseline;
}
div.filmbox div.right table th, div.filmbox div.right table td {
 text-align: left;
 border: none;
 padding: 10px;
}
div.filmbox div.right table th {
 min-width: 200px;
 /* Farbe wird dynamisch gesetzt 
 color: #fbbd61;
 */
 text-transform: uppercase;
 font-size: 12px;
 letter-spacing: 1px;
}
div.filmbox div.right table td a:hover {
 text-decoration: underline;
}
div.filmbox div.right table th, div.filmbox div.right table td {
 border: none;
 padding: 10px;
}
div.filmbox div.film-content+p {
 padding: 24px 0 0 0;
}
*.btn {
 display: table;
 line-height: 48px;
 border-radius: 24px;
 padding: 0 24px;
 text-transform: uppercase;
 font-weight: 700;
 font-size: 14px;
 letter-spacing: 2px;
 cursor: pointer;
}
*.btn.center {
 display: table;
 margin: 0 auto;
}
*.btn.btn-orange {
 /* Hintergrundfarbe und Textfarbe werden dynamisch gesetzt 
 background: linear-gradient(to right, #fbbd61, #ec7532);
 */
 color: #fff;
}

@media (max-width: 812px) {
 div.filmbox div.content {
  flex-direction: column;
 }
 div.filmbox div.left,
 div.filmbox div.right {
  width: 100%;
 }
 div.filmbox div.left p.licensing {
  text-align: center;
  margin: 12px 0;
 }
 div.filmbox div.left p.licensing small img {
  width: 100%;
 }
}