/* Roboto */
@font-face {
  font-family: "Roboto-Black";
  src: url("/fonts/roboto/Roboto-Black.ttf");
}

@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("/fonts/roboto/Roboto-BlackItalic.ttf");
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("/fonts/roboto/Roboto-Bold.ttf");
}

@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("/fonts/roboto/Roboto-BoldItalic.ttf");
}

@font-face {
  font-family: "Roboto-Italic";
  src: url("/fonts/roboto/Roboto-Italic.ttf");
}

@font-face {
  font-family: "Roboto-Light";
  src: url("/fonts/roboto/Roboto-Light.ttf");
}

@font-face {
  font-family: "Roboto-LightItalic";
  src: url("/fonts/roboto/Roboto-LightItalic.ttf");
}

@font-face {
  font-family: "Roboto-Medium";
  src: url("/fonts/roboto/Roboto-Medium.ttf");
}

@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("/fonts/roboto/Roboto-MediumItalic.ttf");
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("/fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
  font-family: "Roboto-Thin";
  src: url("/fonts/roboto/Roboto-Thin.ttf");
}

@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("/fonts/roboto/Roboto-ThinItalic.ttf");
}

/* Roboto Condensed */
@font-face {
  font-family: "RobotoCondensed-Black";
  src: url("/fonts/roboto/RobotoCondensed-Black.ttf");
}

@font-face {
  font-family: "RobotoCondensed-BlackItalic";
  src: url("/fonts/roboto/RobotoCondensed-BlackItalic.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Bold";
  src: url("/fonts/roboto/RobotoCondensed-Bold.ttf");
}

@font-face {
  font-family: "RobotoCondensed-BoldItalic";
  src: url("/fonts/roboto/RobotoCondensed-BoldItalic.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Italic";
  src: url("/fonts/roboto/RobotoCondensed-Italic.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Light";
  src: url("/fonts/roboto/RobotoCondensed-Light.ttf");
}

@font-face {
  font-family: "RobotoCondensed-LightItalic";
  src: url("/fonts/roboto/RobotoCondensed-LightItalic.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Medium";
  src: url("/fonts/roboto/RobotoCondensed-Medium.ttf");
}

@font-face {
  font-family: "RobotoCondensed-MediumItalic";
  src: url("/fonts/roboto/RobotoCondensed-MediumItalic.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Regular";
  src: url("/fonts/roboto/RobotoCondensed-Regular.ttf");
}

@font-face {
  font-family: "RobotoCondensed-Thin";
  src: url("/fonts/roboto/RobotoCondensed-Thin.ttf");
}

@font-face {
  font-family: "RobotoCondensed-ThinItalic";
  src: url("/fonts/roboto/RobotoCondensed-ThinItalic.ttf");
}

/* Font Awesome */
@font-face {
  font-family: "FontAwesome-Brands";
  src: url("/fonts/font-awesome-6-4/webfonts/fa-brands-400.ttf");
}

@font-face {
  font-family: "FontAwesome-Regular";
  src: url("/fonts/font-awesome-6-4/webfonts/fa-regular-400.ttf");
}

@font-face {
  font-family: "FontAwesome-Solid";
  src: url("/fonts/font-awesome-6-4/webfonts/fa-solid-900.ttf");
}

@font-face {
  font-family: "FontAwesome-Compatibility";
  src: url("/fonts/font-awesome-6-4/webfonts/fa-v4compatibility.ttf");
}
  
/* Fonts */
:root {
  --roboto-black: "Roboto-Black";
  --roboto-blackitalic: "Roboto-BlackItalic";
  --roboto-bold: "Roboto-Bold";
  --roboto-bolditalic: "Roboto-BoldItalic";
  --roboto-italic: "Roboto-Italic";
  --roboto-light: "Roboto-Light";
  --roboto-lightitalic: "Roboto-LightItalic";
  --roboto-medium: "Roboto-Medium";
  --roboto-mediumitalic: "Roboto-MediumItalic";
  --roboto-regular: "Roboto-Regular";
  --roboto-thin: "Roboto-Thin";
  --roboto-thinitalic: "Roboto-ThinItalic";

  --roboto-condensed-black: "RobotoCondensed-Black";
  --roboto-condensed-blackitalic: "RobotoCondensed-BlackItalic";
  --roboto-condensed-bold: "RobotoCondensed-Bold";
  --roboto-condensed-bolditalic: "RobotoCondensed-BoldItalic";
  --roboto-condensed-italic: "RobotoCondensed-Italic";
  --roboto-condensed-light: "RobotoCondensed-Light";
  --roboto-condensed: "RobotoCondensed-Light";
  --roboto-condensed-lightitalic: "RobotoCondensed-LightItalic";
  --roboto-condensed-medium: "RobotoCondensed-Medium";
  --roboto-condensed-mediumitalic: "RobotoCondensed-MediumItalic";
  --roboto-condensed-regular: "RobotoCondensed-Regular";
  --roboto-condensed-thin: "RobotoCondensed-Thin";
  --roboto-condensed-thinitalic: "RobotoCondensed-ThinItalic";

  --fontawesome-brands: "FontAwesome-Brands";
  --fontawesome-regular: "FontAwesome-Regular";
  --fontawesome-solid: "FontAwesome-Solid";
  --fontawesome-compatibility: "FontAwesome-Compatibility";
}

/* Colors */
:root {
  --ticket-color: #00aa96;
  --conversionText: #fff;
  --ticket-color-hover: #007769;
  --background-color: #fff;
  --background-color-transparent: #fff;
  --darker-gray-color: #28343f;
  --dark-card-backgroundcolor: #fff;
  --disabled-color: #626262;
  --payment-button-background: #566173;
  --concession-selected: #ececec;
  --linescolor: #566173;
  --screenColor: #838c9b;
  --fullButtonColor: #fff;
  --SlimButtonColor: #fff;
  --quicklink-color-one: #a50a7c;
  --quicklink-color-two: #fe6f5f;
  /* Card background */
  --light-gray-background-color: #fff;
  /* Anmelden, Registrieren Form */
  --border-tab-color: #566173;
  /* Border, Tabs */
  --text-color: #000;
  --text-color-hover: #cccccc;
  --white-color: #ffffff;
  --black-color: #000000;
  /* Filter */
  --yellow-color: #f7941e;
  /* Filmkalender */
  --pink-color: rgba(247, 30, 189, 0.23);
  /* 3D */
  --green-color: rgba(0, 170, 150, 0.23);
  /* ATMOS */
  --gray-color: rgba(56, 61, 73, 0.23);
  /* 2D */
  --brown-color: rgba(225, 72, 38, 0.23);
  /* OV */
  --fsk6-color: #ffe100;
  /* nicht in Vorlage von Herrn Käufer */
  --fsk12-color: #2cc36d;
  --fsk16-color: #2c65c3;
  /* nicht in Vorlage von Herrn Käufer */
  --fsk18-color: #c62c47;
  /* nicht in Vorlage von Herrn Käufer */
  /* Gradient -> private cinema */
  --special-btn-first-color: #a50a7c;
  --special-btn-second-color: #fe6f5f;
  --timeout-color: #e14838;
  /* Online booking */
  --quickticket-color: #fe6f5f;
  --saalplan-darker-color: #39515e;
  --saalplan-dark-color: #547b8d;
  --saalplan-light-color: #6393a8;
  --voucherplate-background-color: #797979;
  --swiper-chevron-color: #fff;
  --filter-background-color: #000000;
  --password-icon-color: #838c9b;
}

/* Font Sizes */
:root {
  --text-3xs: 10px;
  --text-xxs: 12px;
  /* Footer */
  --text-xs: 14px;
  /* Footer captions */
  --text-sm: 15px;
  /* Normal font size for text */
  --text-placeholder: 16px;
  --text-btn-lg: 17px;
  --text-md-sm: 18px;
  /* e.g Navbar */
  --text-md: 20px;
  /* Description for Movie in Hero Section */
  --text-md-lg: 21px;
  /* Different Dates / days */
  --text-filter-caption: 24px;
  --text-lg: 25px;
  --text-xl: 30px;
  --text-xxl: 35px;
  --text-3xl: 40px;
  /* Captions for the different sections e.g. "Aktuelles Programm" */
  --text-4xl: 55px;
  /* Movie Title in Hero Section */
}

/* Spacing
:root {
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
} */

/* Border Radius */
:root {
  --border-xs: 2px;
  /* Showtimes */
  --border-sm: 5px;
  /* FSK, purchase icon */
  --border-md: 10px;
  /* Buttons etc. */
  --border-lg: 17px;
  /* Input fields in Form */
  --border-xl: 20px;
  /* method of payment */
}

/* Base Styles */
.seatingplan {
  background: var(--dark-card-backgroundcolor);
 }


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--roboto-condensed-regular);
  color: var(--text-color);
}
body {
  background-color: var(--background-color) !important;
  background: var(--background-color) !important;
  font-family: var(--roboto-condensed-regular);
  font-size: 15px;
  line-height: 1.5;
}

.show_movie_text{
  color: var(--fullButtonColor);
}

.seatplan_divider {
  background: var(--screenColor) 0 0 no-repeat padding-box;
  color: var(--conversionText);
}


#LoginRegister {
  right: 0px;
  z-index: 100;
}

.navigationBand {
  margin-top: 50px;
  background-color: unset!important;
}  

.NavMaxWidth {
  max-width: 1440px;
}
#TI-Navigation {
  border-bottom: 2px solid var(--black-color);
  background-color: rgba(255, 255, 255, 0.5);
}
.week_overview i{
  color: var(--linescolor)!important;
}

.week_overview .Date, .languageVersionBar > span {
  border-bottom: 2px solid var(--linescolor)!important;
 
}

.movie_cover_background {
  opacity: 0.5;
}
.close_info {
  background: unset!important;
}

[id^="Loader_"], [id^="Loader_"] > div, [id^="Loader_"] > div > div > ul{
  background-color: unset!important;
}

#SiteLogo {
  z-index: 500;
}

.alert-danger > div {
  color: #000!important;
}

.BasketSlider {
  bottom:10px;
  z-index: 50;
  position: fixed;
  right: 10px;
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 40px;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  justify-content: center;
  align-items: center;
  background-color:var(--ticket-color);
  color: var(--text-color);
  display: none;
  cursor: pointer;
}

.confirmationTable, #ConfirmationHeader{
  margin-top: 50px;
}


.select_symbol::after{
  visibility: hidden;
}

#WaitOverlay {
  background: rgba(0, 0, 0, 0.5);
}

#AbortButton, #backButton{
  background-color: var(--ticket-color)!important;
  color: var(--fullButtonColor)!important;
}
.barText {
  color: var(--conversionText);
}

.paymentIconsContainer, .PriceToPay > div, .voucherPlates > .innerArea {
  background-image: url("data:image/gif;base64,R0lGODlhBAAEAIAAAP///+zs7CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QjBGOTdEODE1RTIxMUVBOTNFNEM4MzZENUYzODg2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QjBGOTdEOTE1RTIxMUVBOTNFNEM4MzZENUYzODg2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRCMEY5N0Q2MTVFMjExRUE5M0U0QzgzNkQ1RjM4ODYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRCMEY5N0Q3MTVFMjExRUE5M0U0QzgzNkQ1RjM4ODYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAQABAAAAgVEYmiwWQA7")!important;
  background-color: none!important;
}
#voucheroverlay {
  /* height: unset; */
  /* width: unset; */
  background-color: #161b21cc;
}
#usermenu>.dropdown-toggle {
  color: var(--fullButtonColor);
}

.TI-Concessions {
  background-image: url("data:image/gif;base64,R0lGODlhBAAEAIAAAP///+zs7CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QjBGOTdEODE1RTIxMUVBOTNFNEM4MzZENUYzODg2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QjBGOTdEOTE1RTIxMUVBOTNFNEM4MzZENUYzODg2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRCMEY5N0Q2MTVFMjExRUE5M0U0QzgzNkQ1RjM4ODYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRCMEY5N0Q3MTVFMjExRUE5M0U0QzgzNkQ1RjM4ODYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAQABAAAAgVEYmiwWQA7")!important;
  background: none;
}

.concession-Name {
  color: var(--text-color);
}

.concession-Selector-Option-Item-Selected, .fixItem {
  background: var(--concession-selected);
}
.concession-Add > i, .concession-Decrease > i {
  color: var(--fullButtonColor)!important;
}
#container-inner{
  color: var(--text-color);
}

#resetFilter > button > span {
  color: var(--conversionText);
}
[id^="infos-"]{
  background-color: var(--saalplan-light-color) ;
  right: 0px;
  top: 3px;
}



@media screen and (max-width:767px) {
  .ratingMobile {
    top: 0px!important;
    position: absolute!important;
    left: 10px;
  }
  #SiteLogo>img, #SiteLogo>a>img {
    display: block!important;
    height: 30px;
  }
  .mobileNav{
    display:block!important;  
  }
  .mobileNavButton{
    border-radius: unset!important;
  }
  .close_movie {
      background: unset;
      background-color: var(--border-tab-color);
      color: var(--text-color);
      font-weight: bold;
      line-height: 25px;
  }
  .navigationBand {
    margin-top: 20px;  
  }
  .visuallyhidden {
    overflow: unset;
  }
}