#contentmain .user-fifmoviedb-controller .movie-list,
#contentmain .user-fifmoviedb-controller .genre-list {display:flex; flex-wrap:wrap; padding:0; margin:0; list-style-type:none;}
#contentmain .user-fifmoviedb-controller .movie-list li,
#contentmain .user-fifmoviedb-controller .genre-list li {width:32%; margin-right:2%; margin-bottom:15px; }
#contentmain .user-fifmoviedb-controller .movie-list li:nth-child(3n),
#contentmain .user-fifmoviedb-controller .genre-list li:nth-child(3n) {margin-right:0;}
#contentmain .user-fifmoviedb-controller .movie-list li a.genre-image,
#contentmain .user-fifmoviedb-controller .genre-list li a.genre-image {font-size:0 !important; line-height:0; display:block;}
#contentmain .user-fifmoviedb-controller .movie-list li a.movie-title,
#contentmain .user-fifmoviedb-controller .genre-list li a.genre-title {display:block; padding:10px 0; font-size:2rem; text-decoration:none; color:#f7cd00; font-family: "RalewayBold", sans-serif;}
#contentmain .user-fifmoviedb-controller .movie-list li img,
#contentmain .user-fifmoviedb-controller .genre-list li img {width:100%; height:auto;}
#contentmain .user-fifmoviedb-controller .movie-list li a.movie-title {padding-bottom:0;}
#contentmain .user-fifmoviedb-controller .movie-list li .movie-title-orig {display:block; padding:10px 0; color: #fff; }

#contentmain .genre-overview {display:flex; flex-wrap: wrap; margin-bottom:35px;}
#contentmain .user-fifmoviedb-controller .image {width:40%; margin-right:2%;}
#contentmain .user-fifmoviedb-controller .image img {width:100%; height:auto;}
#contentmain .user-fifmoviedb-controller .description {width:58%; margin-bottom:45px;}
#contentmain .user-fifmoviedb-controller .description::after {content:" "; display:block; clear:both; overflow:hidden;}

#contentmain .letter-index {display:flex; flex-wrap:wrap; padding:0; margin:0 0 20px 0; list-style-type:none;}
#contentmain .letter-index li {text-align:center; margin-right:1%;}
#contentmain .letter-index li a {display:block; margin-bottom:10px; margin-right:1%; padding-top: 6px; width:35px; height:35px; border-radius: 100%; font-size: 1.8rem; color: #f7cd00; background-color: #000; text-decoration: none; line-height:1.3; }
#contentmain .letter-index li a:hover {background-color: #f7cd00; color: #000;}

#contentmain .movie-search input {display: block; width: 400px; height: 40px; padding: 0 18px; margin-bottom: 15px;}
#contentmain .movie-search input.submit {width:120px; background-color: #f7cd00; color: #000; border: none; font-size: 20px; cursor: pointer;}
#contentmain .movie-search input.submit:hover {background-color: #000; color: #f7cd00;}

#contentmain .singleview {display:flex; flex-wrap:wrap;}
#contentmain .singleview .movie-images {width:30%; margin:0 2% 0 0; padding:0; list-style-type:none;}
#contentmain .singleview .movie-images img {width:100%; height:auto;}
#contentmain .singleview .movie-details {width:68%;}
#contentmain .singleview .movie-description .label {display:block; float:left; margin-right:5px; font-family: "RalewayExtraBold", sans-serif;}
#contentmain .singleview .movie-description .value {display:block;}
#contentmain .singleview h2,
#contentmain .singleview h3 {width:100%; color:#f7cd00;}
#contentmain .singleview h2 {margin-bottom:5px;}
#contentmain .singleview h3 {margin-top:0; font-size:2rem; font-style: italic;}
#contentmain .singleview .movie-screenings {width:100%; list-style-type:none; margin:0 0 30px 0; padding:0;}
#contentmain .singleview .movie-screenings li {padding:10px 1%;}
#contentmain .singleview .movie-screenings li:nth-child(odd) {background-color:#f7cd00; color: #000;}
#contentmain .singleview .movie-screenings .screening-date {margin-right:20px;}
#contentmain .singleview .movie-trailer-label,
#contentmain .singleview .movie-screenings-label {width:100%;}
#contentmain .singleview .movie-list {width:100%;}
#contentmain .singleview .movie-screenings-label,
#contentmain .singleview .movie-trailer-label {margin: 15px 0; font-size: 2.4rem;}
#contentmain .user-fifmoviedb-controller .backlink {display:inline-block; padding:8px 15px; margin-top:75px; background-color:#000; color: #f7cd00; border: none; font-size: 2rem; cursor: pointer; text-decoration:none; border-radius: 12px;}
#contentmain .user-fifmoviedb-controller .backlink::before {content:"\f104"; margin-right:8px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
#contentmain .user-fifmoviedb-controller .backlink:hover {font-family: "RalewayMedium", sans-serif; background-color:#f7cd00; color: #000;}
.screening-ticket-link .button {display:inline-block; background-color: #000; color:#f7cd00; border-radius: 12px; padding:3px 15px; margin-left:10px;}
#contentmain .movie-trailer-video {width:100%;}
.movie-trailer-video div[data-name="youtube"] {max-width:none !important;}
#contentmain .movie-trailer-video iframe {width:100%; height:100%; aspect-ratio: 16/9;}

/* calendar */
#contentmain .fc-event {border:solid 1px #000; margin-right:0.6%; margin-bottom:6px;}
/* #contentmain .fc-event .fc-bg {background:#f7cd00; opacity:1;} */
#contentmain .fc-event .fc-bg {display:none;}
#contentmain .fc-event .fc-content {padding:5px 2%; color:#000; text-decoration:none;}
#contentmain .fc-content .fc-title {text-decoration:none; font-size:1.4rem;}
#contentmain  .fc-day-grid-event,
#contentmain .fc-time-grid-event {text-decoration:none !important;}


#contentmain .fc-event-dot {display:none;}
#contentmain .fc-list-item-title {display:flex; flex-wrap:wrap;}
#contentmain .fc-list-item-title .image {margin-right:1%;}
#contentmain .fc-list-item-title a {color:#fff;}
#contentmain .fc-list-item-title a:hover {color:#f7cd00;}
.fc-list-item:hover td {background:none !important;}
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {background:#f7cd00 !important; color:#000 !important;}

#contentmain .fc-time-grid-event {max-width: 200px;}

#contentmain .fc-week .fc-event {background:#f7cd00; opacity:1;}
#contentmain .fc-week .fc-time {display:block; }
#contentmain .fc-week .fc-day-grid-event .fc-content {white-space: inherit;}

#contentmain #user_fifmoviedb_scheduler_filter_location {height:34px;}

/* archiv */
.year-selector {margin:25px 0;}
.year-selector label {font-size:18px; font-family: "RalewayBold", sans-serif;}
.year-selector select {margin-left:10px; padding:5px; font-size:18px;}
.moviesub .standardButton {width:32%; margin-right:10px; padding:10px 12px; font-size:1.8rem; line-height: 1.4 !important; font-family: "RalewayBold", sans-serif; text-align:center; background-color:#000;}
.moviesub .standardButton:hover {color:#000 !important; background-color:#f7cd00;}
.moviesub .standardButton:last-child {margin-right:0;}

@media only screen and (max-width : 1024px) {
/* calendar */
#contentmain .fc-toolbar div.fc-center {display:block; float:left; clear:both; margin-top:25px;}

#contentmain .singleview {max-width: 800px; margin:auto;}
#contentmain .singleview .movie-images {width:100%;}
#contentmain .singleview .movie-details {width:100%;}
}

@media only screen and (max-width : 768px) {
#contentmain .singleview .movie-description {width:100%; margin-top:20px;}
#contentmain .user-fifmoviedb-controller .image {width:75%; margin-bottom:15px;}
#contentmain .user-fifmoviedb-controller .description {width:100%;}

#contentmain .fc .fc-toolbar>*>*,
#contentmain .fc-toolbar .fc-left,
#contentmain .fc-toolbar .fc-right {float:none; clear:both;}
#contentmain .fc-toolbar .fc-right {margin-top:20px;}
#contentmain .fc-toolbar .fc-right .fc-button-group {display:block;}
#contentmain .fc-toolbar .fc-left {display:flex; flex-wrap:wrap; }

.moviesub .standardButton {width:49%;}
.moviesub .standardButton:first-child {width:100%;}
}

@media only screen and (max-width : 640px) {
#contentmain .user-fifmoviedb-controller .movie-list li,
#contentmain .user-fifmoviedb-controller .genre-list li {width:48.5%;}
#contentmain .user-fifmoviedb-controller .movie-list li:nth-child(4n),
#contentmain .user-fifmoviedb-controller .genre-list li:nth-child(4n) {margin-right:3%;}
#contentmain .user-fifmoviedb-controller .movie-list li:nth-child(3n),
#contentmain .user-fifmoviedb-controller .genre-list li:nth-child(3n) {margin-right:3%;}
#contentmain .user-fifmoviedb-controller .movie-list li:nth-child(2n),
#contentmain .user-fifmoviedb-controller .genre-list li:nth-child(2n) {margin-right:0;}

/* calendar */
#contentmain .fc-list-item-title .image {display:none;}
#contentmain .fc-right .fc-button-group {display:flex; flex-wrap:wrap;}
#contentmain .fc-right .fc-button-group button {width: 50%; padding: 10px 0; border-radius: 0 !important; height: 42px;}

.moviesub .standardButton {display:block; width:100%; margin-bottom:10px; text-align:center; font-size:1.4rem; padding: 8px 12px;}
}

@media only screen and (max-width : 480px) {

#contentmain .user-fifmoviedb-controller .image,
#contentmain .user-fifmoviedb-controller .image img {width:100%; height:auto;}

#contentmain .user-fifmoviedb-controller .movie-list li a.movie-title,
#contentmain .user-fifmoviedb-controller .genre-list li a.genre-title {font-size:1.6rem;}

.year-selector select {display:block; margin:10px 0 0 0; width:100%; text-align:center;}
#contentmain .movie-search input {width:100%;}

}

@media only screen and (max-width : 360px) {
#contentmain .user-fifmoviedb-controller .movie-list li,
#contentmain .user-fifmoviedb-controller .genre-list li {width:100%; margin-right:0;}
#contentmain .user-fifmoviedb-controller .movie-list li:nth-child(3n),
#contentmain .user-fifmoviedb-controller .genre-list li:nth-child(3n) {margin-right:0;}
}