@font-face {
  font-family: "custom";
  src:url("assets/fonts/custom1.eot");
  src:url("assets/fonts/custom1.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/custom1.woff") format("woff"),
    url("assets/fonts/custom1.ttf") format("truetype"),
    url("assets/fonts/custom1.svg#custom") format("svg");
  font-weight: normal;
  font-style: normal;

}
body {
  font-family: 'Manrope', sans-serif !important;
}
:root {
    --bs-body-font-size: 14px;
}
.bottom-gradient-black {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}
.bottom-gradient-grey {
  background: #00aeff;
  background: linear-gradient(180deg, rgba(0, 174, 255, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(33, 37, 41, 1) 100%);
}
.multiple-gradient-grey {
  background:
    /* bottom fade */
    linear-gradient(to top, rgba(33,37,41,1) 0%, rgba(0,0,0,0) 40%),

    /* left fade */
    linear-gradient(to right, rgba(33,37,41,1) 0%, rgba(0,0,0,0) 20%),

    /* right fade */
    linear-gradient(to left, rgba(33,37,41,1) 0%, rgba(0,0,0,0) 20%),

    /* your original background */
    linear-gradient(180deg, rgba(0, 174, 255, 0) 0%, rgba(0,0,0,0) 40%, rgba(33,37,41,1) 100%);
}
.multiple-gradient-black {
  background:
    /* bottom fade (black → transparent) */
    linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%),

    /* left fade (black → transparent) */
    linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%),

    /* right fade (black → transparent) */
    linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%);
}
.lazy-bg {
    background: #eaeaea url('/path/to/placeholder.jpg') no-repeat center center;
    background-size: cover;
    min-height: 200px; /* ensure visible space before loading */
}
#capelight_pictures_footer {
    height:35px;
}
#capelight_pictures_footer .cls-1 {
    fill:#6c757d;
    transition:fill 0.3s ease-out;
}
#capelight_pictures_footer:hover .cls-1 {
    fill:#fff;
}

/* MISC STUFF */

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: none;
}
.card-img-wrapper {
    height: 270px;
    overflow:hidden;
}

.archiv.card {
    border: 1px solid transparent;
    transition: background 0.3s ease-out, transform 0.3s ease-out, border 0.3s ease-out, box-shadow 0.3s ease-out;
    &:hover {
    transform: scale(1.02);
  }
}
.archiv.card:hover {
    background:#000;
    border: 1px solid rgba(54,0,51,.3);
    box-shadow: 0px 62px 55px -74px rgba(0,0,0,1);
    color:#fff!important;
}
.suche.card {
    border: 1px solid transparent;
    transition: background 0.3s ease-out, transform 0.3s ease-out, border 0.3s ease-out, box-shadow 0.3s ease-out;
    &:hover {
    transform: scale(1.02);
  }
}
.suche.card:hover {
    background:#000;
    border: 1px solid rgba(54,0,51,.3);
    box-shadow: 0px 62px 55px -74px rgba(0,0,0,1);
    color:#fff!important;
}
.wrap.bg-light .archiv.card a:hover {
    color:#fff!important;
}
.wrap.bg-light .suche.card a:hover {
    color:#fff!important;
}
.wrap.bg-black .archiv.card .card-body {
    transition:background 0.3s ease-out, color 0.3s ease-out;
}
.wrap.bg-black .archiv.card a:hover .card-body {
    background:#fff!important;
    color:#000;
}
.wrap.bg-black .archiv.card a:hover {
    color:#fff!important;
}
/* LINKS */

a {
  transition: color  0.3s ease-out, background  0.3s ease-out, border  0.3s ease-out;
  color:#fff;
  text-decoration: underline;
}
.page-id-31749 .wrap {
    background:rgb(248,249,250);
}
.wrap.bg-light a {
    color:#000;
}
.wrap.bg-light a:focus {
    color:#666;
}
.wrap.bg-light a:hover {
    color:#666;
}
.wrap.bg-light a:active {
    color:#666;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

/* Archiv columns */
.archiv .letter-items {
    column-count: 1;
    column-gap: 1rem;
}

.archiv .letter-items li {
    break-inside: avoid;
    position: relative;
}

/* Optional badge */
.archiv .letter-items .position-badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    background: #eee;
    color: #555;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
}

.archiv .letter-section:last-child {
    flex-grow: 1;
    margin-bottom:0!important;
    border-bottom: none!important;
    
}
.archiv .letter-section:last-child .letter-items {
    flex-grow: 1;
    margin-bottom:0!important;
}
/* Hover */
.archiv .item .film-container:hover {
    text-decoration: underline!important;
}

/* -----------------------------
   Responsive column counts
----------------------------- */

@media (min-width: 768px) {
    .archiv .letter-items {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .archiv .letter-items {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .archiv .letter-items {
        column-count: 5;
    }
}
.fs-7 {
    font-size:.8rem !important;
}
.top-70px {
    top:70px;
}
.mt-52px {
    margin-top:52px;
}
[data-icon]:before {
  font-family: "custom" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "custom" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bluesky-logo:before {
  content: "\e801";
}
.icon-mastodon-logo:before {
  content: "\e802";
}
.icon-letterboxd-logo:before {
  content: "\e803";
}
/* PADDING */




/* Z-INDEX */

.z-10 {
    z-index:10!important;
}


/* USHERU */

.usheru-logo a {
    color:#fff !important;
}


/* HEIGHTS */

.transparency-0 {
	color:rgba(0,0,0,0)!important;
}
.h-80 {
    height:80%!important;
}
.h-90 {
    height:90%!important;
}
.h-30 {
    height:30%!important;
}
/* WIDTHS */

.w-80 {
    width:80%;
}
.w-70 {
    width:70%;
}
.w-60 {
    width:60%;
}
.w-140px {
    width:140px;
}
.h-140px {
    height:140px;
}
/* BG COLORS */

.bg-grey {
  background: #161616;
}

.bg-light-grey {
  background: #181818;
}

/* PAGINATION */

.page-link {
    color:#000;
}
.page-link:hover {
    color:#000;
}
.page-link:focus {
    color:#fff;
}
.active > .page-link, .page-link.active {
    background:#000;
    border-color:#fff;
    color:#fff!important;
}

/* NAVBAR */


.navbar-toggler:hover {
    background:#00a2ff;
    color:#fff;
}
.navbar-toggler:active {
    background:#00a2ff;
    color:#fff;
}
.navbar-toggler:focus {
    background:#00a2ff;
    box-shadow:0 0 0;
    color:#fff;
}
#nav-home {display:none;}

.navbar.header-nav {
  min-height:70px;
  height:70px;
  transition:background 0.3s ease-out, top 0.3s ease-out, margin 0.3s ease-out;
}

/* .navbar.y-toggled.unfix {position:sticky!important;top:120px!important;} */
.navbar.y-toggled {top:98px!important;}

.navbar.y-toggled .search-top .bi-search {display:none!important;}
.navbar.y-toggled .search-top .bi-x-lg {display:block!important;}

.navbar.y-untoggled .search-top .bi-search {display:block!important;}
.navbar.y-untoggled .search-top .bi-x-lg {display:none!important;}

/* #container.fix.y-toggled .navbar{
  top:120px;
} */

.navbar.fix .search-top {
  background: #fff!important;
}
.navbar.fix .search-top i {
  color: #000!important;
}

.navbar .main-nav li a {
  color: #000;
}
.navbar.fix .main-nav li a {
  color: #fff;
}
#container {
  transition:margin 0.3s ease-out, top 0.3s ease-out;
  margin-top:0px;
  top:0;
}
#container.y-toggled{top: 98px!important;}

#container.y-toggled #search-form {top: 0;}


/* nav.unfix a.brand-top:hover {background: url(https://www.presse-capelight.de/wp-content/uploads/capelight_fix.png?rand=14335) left -56px no-repeat!important;} */
/* a.brand-top:hover {background: url(https://www.presse-capelight.de/wp-content/uploads/capelight_fix.png?rand=12435) left -56px no-repeat!important;} */

.nav > li > a:focus {
  background:none;
}
.main-nav .input-group-btn {line-height:normal}

.main-nav li{
    height:50px;
    line-height:50px;
}
.main-nav li a, .footer-nav li a {
  transition: background 0.3s ease-out;
}
.navbar.fix .main-nav a.active, .navbar.fix .main-nav a:hover {
  color:#000;
  background:#fff;
}
.navbar .main-nav li a.active {
  background:#000;
  color:#fff;
}
.navbar .main-nav li a:hover {
  background:#000;
  color:#fff;
}
.navbar .main-nav li a:active {
  background:#000;
  color:#fff;
}
.navbar .main-nav li a:focus{
  background:#000;
  color:#fff;
}
.navbar .main-nav li a.active:hover {
  color:#000;
  background:#fff;
}
#navbar-wrapper.fix .main-nav a.active:hover {
  color: #fff;
}
a.brand-top {
  width: 150px;
  height: 50px;
  transition: background  0.3s ease-out;
}

a.brand-top .cls-1 {
    fill:#000;
    transition: fill  0.3s ease-out;
}
.nav.fix a.brand-top .cls-1 {
    fill:#fff;
}
.nav.fix a.brand-top:hover {
    background:#fff;
}
.nav.fix a.brand-top:focus {
    background:#fff;
}
.nav.fix a.brand-top:active {
    background:#fff;
}

.nav.fix a.brand-top:hover .cls-1 {
    fill:#000;
}
.nav.fix a.brand-top:focus .cls-1 {
    fill:#000;
}
.nav.fix a.brand-top:active .cls-1 {
    fill:#000;
}

a.brand-top svg {
  width: 120px;
}
a.brand-top:hover  {background:#000;}
a.brand-top:hover .cls-1 {fill:#fff;}

a.brand-top:focus  {background:#000;}
a.brand-top:focus .cls-1 {fill:#fff;}

a.brand-top:active  {background:#000;}
a.brand-top:active .cls-1 {fill:#fff;}


/* .awesomplete {
    width:100%;
    font-size: .9rem;
    transition: box-shadow 0.3s ease-out;
} */
/* .awesomplete:focus {
    box-shadow: 0 0 0 .2rem rgba(54, 0, 51, .25);
} */

.input-group .awesomplete {
    display: flex;      /* keep input and button on the same line */
    flex: 1 1 auto;     /* allow input to grow */
}

.input-group .awesomplete > input {
    flex: 1 1 auto;     /* input fills remaining space */
    width: auto;        /* let flex handle width */
}


/* Dropdown menu */
.awesomplete > ul {
    margin-top: 38px;
    padding: 4px 0;
    background: #fff; /* or #f8f9fa for Bootstrap light bg */
    border: 0;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    z-index: 9999;
}

/* Each suggestion */
.awesomplete > ul > li {
    padding: 8px 20px!important;
    line-height: 24px!important;
    display: block!important;
    cursor: pointer!important;
    background: none!important;
    color: #000!important;
    font-weight: 500!important;
    transition:background 0.3s ease-out, color 0.3s ease-out;
}

/* Hover / highlighted item */
.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected="true"] {
    color: #fff!important;
    background: #3c3c3c!important;
}

/* Kino label inside suggestion */
.kino-label {
    background-color: #000; /* Bootstrap danger color */
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
    margin-right: 5px;
    font-size: 0.75rem;
}

/* Optional: remove default list-style */
.awesomplete li {
    list-style: none;
}
/* Highlighted suggestion (keyboard / mouse selection) */
.awesomplete > ul > li[aria-selected="true"] {
    color: #fff!important;                    /* text color on highlight */
    background-color: rgb(51, 51, 61)!important; /* dark background matching Bootstrap theme */
    font-weight: 600!important;               /* slightly bolder than normal */
    padding-left: 17px!important;             /* adjust for border */
}

/* SLIDER */

.carousel-wrapper  {
  width:100%;
  overflow: hidden;
}

.feature-link-wrapper {
    color:#fff!important;
    transition:color 0.3s ease-out;
}

.link-animate {
    position: relative;
    display: inline-block; /* needed so underline width = text width */
}

/* underline element */
.link-animate::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width 0.3s ease;
}
h1.link-animate::after {
    background:#fff;
}
h5.link-animate::after {
    background:#fff;
}
/* hover anywhere on the whole stretched link */
a:hover .link-animate::after {
    width: 100%;
}
/* Push container-fluid upward so it's roughly in the lower third */
.feature-link-wrapper .lower-third {
    margin-top: auto;    /* pushes text block down */
    margin-bottom: 10%;  /* adjust this to position in lower third */
}

/* mobile tweak */
@media (max-width: 768px) {
    .feature-link-wrapper .lower-third {
        margin-bottom: 8%;
    }
}


.feature-link-wrapper:hover {
    color:#fff!important;
}

.feature-link-wrapper:focus {
    color:#fff!important;
}
.feature-link-wrapper:active {
    color:#fff!important;
}
.feature-link-sentence {
    color:#fff!important;
    transition:color 0.3s ease-out, text-decoration 0.3s ease-out!important;
}
.feature-link-wrapper:hover .feature-link-sentence  {
    color:#fff!important;
}
.feature-link-wrapper:focus .feature-link-sentence  {
    color:#fff!important;
}
.feature-link-wrapper:active .feature-link-sentence  {
    color:#fff!important;
}
.feature-link-wrapper div.container-fluid{
    padding:0 15%;
}

#wrapper-404 {
    height:600px;
}

/* SEARCH BAR */

.search-top {
    height:50px;
    width:50px;
	/* right:20px; */
    cursor:pointer;
/*    transition: background 0.3s ease-out;*/
}

.search-top:focus i{
  color:#fff;
}
.search-top:hover i{
  color:#fff;
}
.search-top i {
	font-size:20px;
	color:#fff;
	transition: color 0.3s ease-out,  line-height 0.3s ease-out;
}
.y-toggled .search-top{
  background:#000;
}
.y-toggled .search-top i{
  color:#fff;
}
.y-toggled .search-top:hover{
  background:#fff;
}
.y-toggled .search-top:hover i{
  color:#fff;
}
#search-form {padding:30px 0;transition:top 0.3s ease-out;}
#search-form .search-form {
	padding:30px 5px;
}

#search {display:block;margin-right:60px;position:absolute;}
#search-form {height: 98px;top:-98px;left:0;z-index:22222;transition: left 0.3s ease-out,top 0.3s ease-out;}
/* #header-form #search-form {
    position:fixed;
} */
#small-navi-wrapper {position:absolute;}

#search-form {
    position: fixed;
    top: -98px; /* hidden above */
    left: 0;
    width: 100%;
    z-index: 1050;
    transition: top 0.3s ease-out;
}

/* #search-form.active {
    top: var(--navbar-height, 70px); /* or exact navbar height */
} */


.search-top .search-form {
	margin:0 10px 0 60px;
}
.search-form input {
	padding:0 .5em;
    margin:8px 0 0 0;
}
.ui-menu{
  padding:0;
  border:1px solid #ddd;
}
.ui-menu .ui-menu-item {
  padding:0;
}
.ui-state-active, .ui-widget-content .ui-state-active {
  background: #ffc107;
  color:#000;
  margin:0;
}

.ui-menu .ui-menu-item-wrapper {
  padding:8px 12px;
  border:0!important;
}
/*
	FILMLISTE
*/

.film-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.film-list .item {
  width: 180px;
}
.film-list .item .img-wrapper {
    height:263px;
    width:180px;
}
.film-list .item .img-wrapper .thumb {
    /* width:210px; */
}

.item-holder {
    flex: 0 0 150px; /* fixed width in flex layout */
    width: 150px;    /* ensures consistency */
}
.movie-wrapper .thumb {
	transition: transform 0.3s ease-out;
}
#kinoslider {
    height:100vh;
    min-height:700px;
    max-height:1050px
}

/* Background image container */
#home-entertainmentslider .carousel-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;          /* or 'contain' if you don't want cropping */
    background-position: center top; /* keep heads visible */
    background-repeat: no-repeat;
    transition: transform 0.5s ease; /* smooth hover zoom */
    z-index: 1;
}

/* Hover zoom effect */
#home-entertainmentslider .carousel-item:hover .carousel-bg {
    transform: scale(1.05);
}
/*
.cover-background {
    background-size:cover;
    background-position:center center;
} */
#single-medien .item {
  margin: 2em 0;
  width: 250px;
  padding-bottom:2em;
  list-style-type:none;
}

#such-medien .item {
  margin: 2em 0;
  width: 150px;
  padding-bottom:2em;
  list-style-type:none;
}
#such-medien .item-holder {
  height:150px;
}
#such-medien .item-holder img {
  height:150px;
}
.movie-wrapper {
	transition: color 0.3s ease-out, background 0.3s ease-out, transform 0.3s ease-out;
    /* &:hover {
    transform: scale(1.02);
  } */
}

.movie-wrapper:hover {
  color:#acacac!important;
}
.movie-wrapper:hover .thumb {
    /* transform: scale(1.1)!important; */
    transform: translate(-50%, -50%) scale(1.2)!important; /* Keep center + enlarge */

}
.custom-popover .popover-body {
    background-color: #fff;
    color: #000;
    max-width: 250px;
    font-size: 0.9rem;
    border-radius: 0.5rem;
    padding: 0.75rem;
}

#single-medien .item-holder img {
  width:150px;
  height:auto;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;margin:0 auto;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#kino .search-top {
  opacity: 1;
}

/* #single-page #content .header-wrapper {
  padding:0 0 4em;
}
#single #content {
  margin-bottom:-70px;
}
#single #content .header-wrapper.fix, #single-page #content .header-wrapper.fix {
  width:100%;
  top:70px;
  left:0;
  z-index: 2222;
  padding:20px 0;
  background: #fff;
  transition: margin-top 0.3s ease-out;
}
#single #content .header-wrapper.fix h1, #single-page #content .header-wrapper.fix h1 {
  font-size: 3em;
} */

nav.y-toggled #navbarOffcanvasLg.show {
	margin-top:98px;
}

#single .single-bilder {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    text-align: center;
    margin-top: 1rem;
    grid-template-columns: repeat(2, 1fr);
}
#single-page .impressum p {
  padding:0 0 1em;
}

#confirmation-wrapper {
  background:rgba(0,0,0,0.8);
}

.search-masonry {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .search-masonry {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .search-masonry {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* Remove border on smaller than md */
@media (max-width: 767.98px) {
  .no-border-below-md {
    border-right: 0 !important; /* or border-left: 0 if using RTL */
  }
}

@media (min-width: 768px) and (max-width:992px) {
    #footer ul.social li a.social-link {
        height:30px!important;
        padding:0 4px!important;
    }
    #footer ul.social li a.social-link i {
    font-size: 1.20rem!important; /* same as fs-3 */
    }
}
@media (min-width: 992px) {

    .footer-links {
        display: grid !important;
        grid-template-columns: repeat(2, max-content);
        column-gap: 0.45rem;
        row-gap: 0.25rem;
    }
}
#footer ul.social li a.social-link {
    transition:color 0.3s ease-out, background 0.3s ease-out;
    height:50px;
    line-height:30px;
}
#footer ul.social li a.social-link i {
    font-size: 1.7rem; /* same as fs-3 */
}
/* Ensure cards stretch correctly */
.search-masonry .card {
    height: 100%;
}

.masonry-columns {
    column-count: 1;
    column-gap: 1rem;
}

@media (min-width: 768px) {
    .masonry-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .masonry-columns {
        column-count: 2;
    }
}

.masonry-item {
    break-inside: avoid; /* prevents splitting across columns */
    margin-bottom: 1rem;
    position: relative;
}

.masonry-item img {
    width: 100%;
    display: block;
    height: auto;
}


/* Hover zoom effect */
.masonry-image-wrapper:hover img {
    transform: scale(1.05);
}

.masonry-image-wrapper:hover .masonry-caption {
    opacity: 1;
}

/* Optional: smooth fade-in for lazy images */
.lazyload {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.lazyloaded {
    opacity: 1;
}


/* KINO */


.twitter-typeahead {
  flex:1;
  width:100%;
}
.typeahead.form-control {
  transition: box-shadow 0.3s ease-out;
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-menu {
  width: 100%;
  margin-top: 4px;
  padding: 4px 0;
  background: #fff;
  border: 1px solid #ccc;

}
.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
  display:block;
}
.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #000;
  background: #fff;
}
.tt-suggestion p {
  margin: 0;
}
a.tt-suggestion {
  color:#000;
}

/* FOOTER */

#footer a {
    color:#fff;
    transition: color 0.3s ease-out, background 0.3s ease-out;
}
#footer nav a:hover {
    color:#000!important;
    background:#fff;
}
#footer nav a:focus {
    color:#000!important;
    background:#fff;
}
#footer nav a:active {
    color:#000!important;
    background:#fff;
}
#footer nav a.active {
    color:#000!important;
    background:#fff;
}
#footer ul li a:hover {
    color:#000!important;
}
#footer ul li a:focus {
    color:#000!important;
}
#footer ul li a:active {
    color:#000!important;
}
#footer ul.social li a {
    transition:color 0.3s ease-out, background 0.3s ease-out;
    height:50px;
    line-height:50px;
}
#footer ul.social li a:hover {
    color:#000!important;
    background:#fff!important;
}
#footer ul.social li a:focus {
    color:#000!important;
    background:#fff!important;
}
#footer ul.social li a:active {
    color:#000!important;
    background:#fff!important;
}
#footer ul.social li a:hover {
    color:#000!important;
    background:#fff!important;
}
#footer ul.social li a:focus {
    color:#000!important;
    background:#fff!important;
}
#footer ul.social li a:active {
    color:#000!important;
    background:#fff!important;
}
ul.social.contact li a {
    transition:color 0.3s ease-out, background 0.3s ease-out;
    height:50px;
    line-height:50px;
}
ul.social.contact li a:hover {
    color:#fff!important;
    background:#000!important;
}
ul.social.contact li a:focus {
    color:#fff!important;
    background:#000!important;
}
ul.social.contact li a:active {
    color:#fff!important;
    background:#000!important;
}
ul.social.contact li a:hover {
    color:#fff!important;
    background:#000!important;
}
ul.social.contact li a:focus {
    color:#fff!important;
    background:#000!important;
}
ul.social.contact li a:active {
    color:#fff!important;
    background:#000!important;
}
.cem {height:38px;}

.navbar-toggler {width:60px;height:50px;z-index: 999;transition: background 0.3s ease-out,top 0.3s ease-out;}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  .fix .navbar-toggler {background:#fff!important;}
  .fix .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }
  
/* MEDIA QUERIES */

/* sm: 200–575.98px */
@media screen and (min-width: 200px) and (max-width: 575.98px) {
    #home-entertainmentslider {
        height:100vh;
        min-height:410px;
        max-height:500px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:500px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:500px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:50px
    }
    #capelight_pictures_footer {
        height:45px;
    }
    .cem {
        height:32px;
    }
}

/* sm: 576–767.98px */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
    #home-entertainmentslider {
        height:100vh;
        min-height:410px;
        max-height:500px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:500px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:500px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:50px
    }
    #capelight_pictures_footer {
        height:45px;
    }
    .cem {
        height:32px;
    }
}
@media screen and (max-width: 767.98px) {
    #footer div {
        border:0!important;
    }
    .main-nav {padding-right:0;}
    .main-nav li {position:relative;line-height: 20px;display: inline-block;width: 100%;height:auto;}
    .main-nav li.nav-line:before {content: '';position: absolute;top: 0;left: 0;z-index: -1;height: 100%;width: 0;transition: width 0.3s ease-out;}
    .main-nav li.nav-line:before {background:#000; }
    .main-nav li.nav-line:hover:before,.main-nav li.open:hover:before {width: 100%;transition: width 0.3s ease-out;}
    .navbar.fix .main-nav li a {color: #000}
    .main-nav li a {text-align:right;color: #000;display:block;line-height:50px;width:100%;transition: color 0.3s ease-out, background 0.3s ease-out;}
    .main-nav li a:hover,.main-nav li a:active,.main-nav li a:focus,.main-nav li.open a:hover,.main-nav li.open a:active,.main-nav li.open a:focus{color: #fff;text-decoration: none;background: transparent;}
    .search-top {position:absolute;right:80px}
    #single-medien .item-holder img {
        width:120px;
    }
    .item-holder {
        flex: 0 0 120px; /* fixed width in flex layout */
        width: 120px;    /* ensures consistency */
    }
}
/* md: 768–991.98px */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    #capelight_pictures_footer {
        height:28px;
    }
    .cem {
        height:27px;
    }
    #home-entertainmentslider {
        height:100vh;
        min-height:510px;
        max-height:600px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:600px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:600px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:600px
    }
    #single-medien .item-holder img {
        width:140px;
    }
    .item-holder {
        flex: 0 0 140px; /* fixed width in flex layout */
        width: 140px;    /* ensures consistency */
    }
}
    
@media screen and (max-width: 991.98px) {
    #kinoslider {height:600px}
    .feature-link-wrapper:hover .link-animate::after {width: 0%;}
    #single-medien {display:block;padding:0}
    .film-list .item {width:inherit;}
    .film-list .item .img-wrapper {
        flex: 0 0 130px; /* let it behave normally on small screens */
        width: 130px!important;
        height:166px;
    }
    .img-wrapper .thumb {
        flex: 0 0 130px!important;; /* let it behave normally on small screens */
        width: 130px!important;;
        height:auto!important;;
    }

    .film-list {grid-template-columns:none;display:block;}
}
/* lg: 992–1199.98px */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    #capelight_pictures_footer {
        height:28px;
    }
    #home-entertainmentslider {
        height:100vh;
        min-height:610px;
        max-height:700px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:700px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:700px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:700px
    }
    .film-list {
      grid-template-columns: repeat(4, 1fr);
    }
}

/* xl: 1200–1399.98px */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
    #home-entertainmentslider {
        height:100vh;
        min-height:670px;
        max-height:760px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:760px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:760px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:760px
    }
    .film-list {
      grid-template-columns: repeat(5, 1fr);
    }
}

/* xxl: 1400px and up */
@media screen and (min-width: 1400px) and (max-width: 1799.98px) {
    #home-entertainmentslider {
        height:100vh;
        min-height:710px;
        max-height:800px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:800px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:800px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:800px
    }
}

/* xxl: 1400px and up */
@media screen and (min-width: 1800px) {
    #home-entertainmentslider {
        height:100vh;
        min-height:810px;
        max-height:1300px
    }
    #home-entertainmentslider .carousel-inner {
        height:100vh;
        overflow: hidden;
        max-height:1300px
    }
    #home-entertainmentslider .carousel-item {
        height:100vh;
        overflow: hidden;
        max-height:1300px
    }
    #home-entertainmentslider .feature-link-wrapper {
        height:100vh;
        overflow: hidden;
        max-height:1300px
    }
}





@media screen and (max-width:400px) {
	#single-medien .item {width:100%}
	#single-medien .item-holder {width:100%}
}
@media screen and (max-width:900px) {
  .nav .open > a,.nav .open > a:hover,.nav .open > a:focus {background: transparent}
}