@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=68885de5-f2de-4063-8286-a7a2df916c57");
@font-face {
  font-family: "Futura PT W01 Book";
  src: url("/site/templates/uikit/fonts/17abcb18-cb81-4d9c-b55c-5ded2109e506.eot?#iefix");
  src: url("/site/templates/uikit/fonts/17abcb18-cb81-4d9c-b55c-5ded2109e506.eot?#iefix") format("eot"), url("/site/templates/uikit/fonts/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"), url("/site/templates/uikit/fonts/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff"), url("/site/templates/uikit/fonts/f47c9a36-7884-483a-80d7-57f9ee691407.ttf") format("truetype"), url("/site/templates/uikit/fonts/b6a5374f-5656-4627-b423-1ba121767464.svg#b6a5374f-5656-4627-b423-1ba121767464") format("svg");
}
@font-face {
  font-family: "Futura PT W01 Demi";
  src: url("/site/templates/uikit/fonts/fa09a53f-1925-44fc-a00b-a133fa6e7e23.eot?#iefix");
  src: url("/site/templates/uikit/fonts/fa09a53f-1925-44fc-a00b-a133fa6e7e23.eot?#iefix") format("eot"), url("/site/templates/uikit/fonts/848602e3-bda3-4b1c-976b-fe26eecfab31.woff2") format("woff2"), url("/site/templates/uikit/fonts/e4eacf8d-aba1-40d4-9597-1198e91dcf00.woff") format("woff"), url("/site/templates/uikit/fonts/0274b668-7ceb-4cae-96cf-eeeec93f3254.ttf") format("truetype"), url("/site/templates/uikit/fonts/d6f7bb1f-4174-4eb7-b0eb-6eec4e96b2af.svg#d6f7bb1f-4174-4eb7-b0eb-6eec4e96b2af") format("svg");
}
@font-face {
  font-family: "Futura PT W01 Bold";
  src: url("/site/templates/uikit/fonts/88a061c2-3303-401d-85e9-619b5ea5f5af.eot?#iefix");
  src: url("/site/templates/uikit/fonts/88a061c2-3303-401d-85e9-619b5ea5f5af.eot?#iefix") format("eot"), url("/site/templates/uikit/fonts/1a34942e-33ed-43bb-b229-7460d55b49f7.woff2") format("woff2"), url("/site/templates/uikit/fonts/baecea54-cfd3-4578-8717-abf89eba62b6.woff") format("woff"), url("/site/templates/uikit/fonts/f275eebe-30f5-4068-9294-51dc44c8409e.ttf") format("truetype"), url("/site/templates/uikit/fonts/d69595d3-2967-4e10-a909-435e883354e7.svg#d69595d3-2967-4e10-a909-435e883354e7") format("svg");
}
.text-center {
  text-align: center;
}
/* Farben für Cinema Paradiso */
/* ========================================================================
   cinema paradiso :: header & nav
========================================================================== */
html {
  font: normal 16px / 22px "Futura PT W01 Book", Futura, Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  background: #fff;
  color: #555;
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-family: "Futura PT W01 Demi", Futura, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.5px;
}
p {
  font-family: "Futura PT W01 Book", Futura, Helvetica, Arial, sans-serif;
  text-align: left;
}
.colorHausfarbe {
  color: #666;
}
#pageWrapper {
  padding-top: 84px;
}
#headerContent {
  display: none;
}
#mobile_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  display: block;
}
#mobile_header .header_container {
  width: 100%;
  background-color: #000;
  position: relative;
}
#mobile_header .header_container .logo {
  height: 42px;
}
#mobile_header .header_container .logo a {
  display: block;
  height: 100%;
}
#mobile_header .header_container .logo img {
  height: 100%;
}
#mobile_header .header_container .menu_trigger {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mobile_header .header_container .menu_trigger span {
  height: 2px;
  margin-bottom: 3px;
  background-color: #fff;
  display: block;
  width: 60%;
  border-radius: 2px;
  transition: all 300ms;
}
#mobile_header .header_container .menu_trigger span:nth-of-type(3) {
  margin-top: -5px;
}
#mobile_header .header_container .menu_trigger span:last-of-type {
  margin-bottom: 0;
}
#mobile_header .header_container .header-functions {
  height: 42px;
  display: flex;
}
#mobile_header .header_container .header-functions .standortwahl {
  display: flex;
  align-items: center;
}
#mobile_header .header_container .header-functions .standortwahl a {
  display: inline-block;
  padding: 0 10px;
}
#mobile_header .header_container .header-functions .standortwahl img {
  height: 14px;
  width: auto;
}
#mobile_header .header_container .header-functions .header-icons {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}
#mobile_header .header_container .header-functions .header-icons a {
  display: inline-block;
}
#mobile_header .header_container .header-functions .header-icons img {
  height: 42px;
  width: auto;
}
#mobile_header .menu_container {
  display: none;
  height: calc(100vh - 42px);
  background-color: #000;
  padding: 20px;
  line-height: 120%;
  font-size: 22px;
}
#mobile_header .menu_container .main_menu {
  margin-bottom: 20px;
}
#mobile_header .menu_container .main_menu li a {
  padding: 5px 0;
  display: block;
  color: #fff;
}
#mobile_header .menu_container .functions_menu a {
  color: #fff;
  padding: 5px 0;
  display: block;
}
#mobile_header .menu_container .functions_menu .vodLogo {
  margin-top: 20px;
}
#mobile_header .menu_container .functions_menu .standort-wechsel {
  margin-bottom: -25px;
  margin-left: -10px;
  position: relative;
}
#mobile_header .menu_container .functions_menu .standort-wechsel small {
  margin-left: 10px;
  margin-bottom: -10px;
  display: block;
  color: #fff;
}
#mobile_header ul {
  list-style: none;
  padding-left: 0;
}
#mobile_header.open .menu_trigger span:nth-of-type(1) {
  opacity: 0;
}
#mobile_header.open .menu_trigger span:nth-of-type(2) {
  transform: rotateZ(-45deg);
}
#mobile_header.open .menu_trigger span:nth-of-type(3) {
  transform: rotateZ(45deg);
}
#mobile_header.open .menu_trigger span:nth-of-type(4) {
  opacity: 0;
}
#mobile_header.open .menu_container {
  display: block;
}
#loginMenu1 .login-form-container {
  width: 100%;
}
#cpsearchModal .service_modal_close {
  right: 20px !important;
  top: 20px !important;
}
#cpsearchModal .service_modal_close .uk-close:after {
  display: none;
}
#cpsearchModal .uk-modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
}
#cpsearchModal .uk-grid {
  display: block;
}
#cpsearchModal .uk-grid > * {
  float: none;
}
#cpsearchModal .uk-grid .uk-width-2-3,
#cpsearchModal .uk-grid .uk-width-1-3 {
  width: 100%;
}
#cpsearchModal .search_master_top input {
  background: transparent !important;
}
#cpsearchModal .cpPictoHover {
  display: none;
}
#cpsearchModal .kontakt {
  border-left: 0 !important;
}
.uk-modal-dialog {
  width: auto;
}
#cpcardModal .uk-modal-dialog {
  background: #fff !important;
}
#cpcardModal .promo_styles .sterndl_headline {
  font-size: 22px;
  line-height: 25px;
  padding-right: 0;
}
#cpcardModal .promo_styles .sterndl_headline:before {
  height: 19px;
  padding-left: 30px;
}
#cpcardModal .promo_styles .cites_container .cites {
  margin-top: 0;
  padding-left: 20px;
}
#cpcardModal .promo_styles .cites_container .cites sup {
  padding-left: 0;
  margin-left: -20px;
}
.modal_navigation {
  padding-left: 10px !important;
}
.news_form .news_item {
  position: relative;
}
.news_form .news_item p {
  width: calc(100% - 7px);
  padding-right: 42px;
}
.news_form .news_item .i_put {
  position: absolute;
  top: 0;
  right: 0;
}
#spielplanPosterSchwebeleiste {
  display: none !important;
  opacity: 0 !important;
}
.subnav-tabs {
  flex-wrap: wrap;
}
.subnav-tabs span {
  flex-basis: calc(50% - 13px);
}
.cpselectUI_wrapper .special_placeholder {
  font-size: 24px;
}
.cpselectUI_wrapper .special_items a {
  font-size: 20px;
}
.cpselectUI_wrapper .special_items a img {
  height: 25px;
}
/* ========================================================================
 Allgemeine Styles oder so in die Art.
 ========================================================================== */
.wrapper-selem {
  padding-top: 30px;
}
.wrapper-selem h2.kopf {
  font-size: 34px;
}
.wrapper-selem h4 {
  margin-bottom: 20px;
}
#cp-programm-slideshow-title h3,
#cp-selem-slideshow-title h3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  width: 100%;
}
#cp-programm-slideshow-title h3 a,
#cp-selem-slideshow-title h3 a {
  float: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
#cp-programm-slideshow-title h3 a img,
#cp-selem-slideshow-title h3 a img {
  margin: 0;
}
#cp-programm-slideshow-title-titel {
  flex-grow: 1;
}
.wochenspielplan,
.heute-im-kino {
  display: none;
}
.filmpagePlan {
  margin-top: 20px;
}
.filmpagePlan thead img {
  height: 24px;
}
/* ========================================================================
 cipa :: programm :: controller (Zeitraum / Filter)
 ========================================================================== */
.programmelemente {
  margin-top: 0 !important;
}
.programmelemente #controller_cell_SPECIALS {
  margin-bottom: 0;
}
.programmelemente .fi_container {
  display: block;
}
.programmelemente .fi_container #fi_more_categories,
.programmelemente .fi_container .fi_title,
.programmelemente .fi_container .fi_cats_container {
  display: none;
}
.programmelemente .fi_container.open .fi_cats_container {
  display: flex;
  gap: 20px;
}
.programmelemente .fi_container .special_link {
  padding-bottom: 4px;
  display: block;
  margin-right: 0 !important;
}
.programmelemente .fi_container .special_link a {
  margin-left: 0 !important;
}
.programmelemente .fi_container .special_link a img.cpPictoHover {
  display: none !important;
}
.programmelemente .fi_container .special_link a img.cpPictoRegular {
  display: inline-block !important;
}
.programmelemente .fi_container .special_link:hover .cpPictoRegular {
  display: inline-block !important;
}
.programmelemente .fi_container .fi_mobile_toggle {
  display: block;
  width: 100%;
  text-align: center;
}
.programmelemente .fi_container .more_categories {
  flex-basis: unset;
}
.programmelemente .fi_container .more_categories span {
  display: inline-block !important;
}
.programmelemente .fi_container.open .more_categories {
  display: block;
}
.programmelemente .schwerpunkt {
  display: flex;
  justify-content: space-evenly;
}
.programmelemente .schwerpunkt > div {
  flex-grow: 1;
}
.programmelemente .schwerpunkt > div a,
.programmelemente .schwerpunkt > div span {
  display: block;
  text-align: center;
}
.programmelemente .va_typen,
.programmelemente #controller_cell_SUCHE {
  display: none;
}
.programmelemente #controller_cell_ZEITRAUM {
  display: none;
  flex-wrap: nowrap;
  flex-grow: 1;
}
.programmelemente table .additional-event-line {
  display: none;
}
.programmelemente table td {
  font-size: 16px;
}
.programmelemente table .beginn {
  padding-left: 5px;
  width: 65px;
}
.programmelemente table .ticket {
  width: 45px;
}
.programmelemente .show-all-events {
  display: block;
  text-align: center;
  cursor: pointer;
  background-color: #b31f24;
  color: #fff;
  padding: 5px;
}
.programmelemente.show-all-event-lines .additional-event-line {
  display: table-row;
}
.programmelemente.mobile_spielplan {
  display: block;
  padding: 20px;
  background-color: rgba(198, 180, 134, 0.2);
  width: auto;
}
.programmelemente.mobile_spielplan h2 {
  float: none;
  display: block;
}
.programmelemente.mobile_spielplan table {
  margin-top: 15px;
  margin-bottom: 30px;
}
.programmelemente.mobile_spielplan table:last-child {
  margin-bottom: 0;
}
/* ========================================================================
    cipa :: filmboxen
========================================================================== */
.filmboxContainer .banner {
  padding-left: 0;
}
.filmboxContainer.filmboxContainerHeader {
  font-size: 30px;
}
.filmboxContainer.factbox .factboxBody {
  padding: 0;
}
.filmbox .film .film-meta img {
  height: 36px;
}
.filmbox .film .film-teaser-image .flash {
  position: relative !important;
  left: 10px !important;
  top: 0 !important;
  width: calc(100% - 20px);
  margin-bottom: 5px;
}
.filmbox .film .film-teaser-image .flash span {
  display: block !important;
  border-radius: 0 !important;
  text-align: center !important;
  box-shadow: none !important;
}
.backlink .icon_container {
  margin-left: 7px;
}
.body_blocks .body_block {
  width: 100% !important;
  padding-left: 0;
}
.wrapper-selem .se_content .body_blocks .auto-width p {
  max-width: unset !important;
  border-left: none !important;
  padding-left: 0 !important;
}
.cpFooter .adresse,
.cpFooter .social {
  border-left: none;
}
.cpFooter .kartentelefon > a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpFooter .kartentelefon img {
  margin: 0;
  display: inline-block;
}
.cpFooter .kartentelefon img.hover {
  display: none;
}
.cpFooter .kartentelefon .kassa-kontakt {
  padding-left: 20px;
}
.cpFooter .kartentelefon .kassa-kontakt .phone {
  margin-top: 5px;
}
.cpFooter .adresse {
  border-top: 1px solid #000;
  padding-top: 20px;
  margin-top: 20px;
}
.cpFooter .copyright {
  padding: 0 20px;
}
.cpFooter .social {
  border-top: 1px solid #000;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.cpFooter .social .buttons {
  flex-basis: 100%;
}
.cpFooter .social .locations_pre,
.cpFooter .social .vod_pre {
  flex-basis: 50%;
  padding: 0;
}
.hidden-mobile {
  display: none;
}
.special_items .cpPictoHover {
  display: none !important;
}
.special_items .cpPicto:hover {
  display: block !important;
}