.mainnav {
  background-color: #383838 !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: 0px -80px;
}

.mainnav a.navbar-brand, .mainnav a.navbar-brand:hover, .mainnav a.navbar-brand:active, .mainnav a.navbar-brand:focus {
    color: transparent;
	background-color: transparent;
    background-image: url("logo/phoenixLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	width: 350px;
	max-width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0;
}


.artikel a {
	color: rgba(233,122,47,1) ;
	text-decoration: underline;
	padding: 0 3px;
	transition: 0.3s ease all;
}
.artikel a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(233,122,47,1);
	border-radius: 4px;
	transition: 0.3s ease all;
}

a.navbar-brand:active, a.navbar-brand:focus, a.navbar-brand:visited {
	background: green;
}


a.navbar-brand:link, a.navbar-brand:hover {
	
}

body  {
    background-color: #383838 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#dashboard {
	background: #383838 !important;
}

#dashboard #dashThree ul li:last-child {
	margin-right: 0px;
}

#dashboard #dashTwo ul li:first-child {
    margin-right: 0px;
}

#dashboard #dashTwo ul li:nth-child(2) {
    margin-left: 4px;
}

#dashboard #dashTwo ul li:last-child {
    margin-left: 4px;
}

#dashboard #dashTwo ul li a, #dashboard #dashThree ul li a, #categorySelectList div#shortcutscat .thelinks, #cinemaSelectList div#shortcutscat .thelinks, #categorySelectList div#shortcutscat .thelinks div span, #dashboard #dashThree .dateBackward, #dashboard #dashThree .dateForward, #dateSelectList div#shortcutsdate .thelinks div {
	background-color: #555555;
	border-radius: 8px;
	transition: 0.3s ease all;
}

#dashboard #dashTwo ul li a:hover, #dashboard #dashThree ul li a:hover, #categorySelectList div#shortcutscat .thelinks div span:hover, #dashboard #dashTwo ul li a.active, #dashboard #dashThree .dateBackward:hover, #dashboard #dashThree .dateForward:hover, #dashboard #dashThree ul li a.active, #dateSelectList div#shortcutsdate .thelinks div:hover {
	background-color: #e3c13e;
	color: #ffffff;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #e3c13e;
}

#dateSelectList div#shortcutsdate .thelinks div {
	padding: 10px 25px;
}

#dashboard #dashThree .dateBackward, #dashboard #dashThree .dateForward {
	padding: 18px 16px;
}

#filmSelectList div#shortcutsfilm .thelinks div {
	border-top: 4px transparent solid;
	margin-top: 5px;
}

#filmSelectList div#shortcutsfilm .thelinks div:hover {
	border-top: 4px #da0812 solid;
}

.sekommende, .sekommende:hover {
	color: #ffffff;
	background-color: transparent !important;
	border-top: 4px transparent solid !important;
}

.swipearrow {
	border-radius: 8px;
}

@media (min-width: 768px) {
	body  {

	}
}

.artikel {
	background-color: rgba(1,15,52,0.50);
	border-radius: 8px;
	
	background: #383838; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #383838 0%, #656565 52%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #383838 0%,#656565 52%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #383838 0%,#656565 52%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
-moz-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
}

.colorbox {
	border-radius: 8px;
}

.colorbox .color span {
	color: #fff !important;
}






button, .ofclose, .phnx_input-field, #gobackorder, .modal-dialog button.btn, .feature, .filmpage .times {
	border-radius: 8px;
}


.filmpage .datesarrows {
	z-index: 1009 !important;
	margin: 0 10px;
	
}

.filmpage .goarrow.goleft {
    margin-left: -10px;
}

.filmpage .goarrow.goright {
    right: -10px;
}



.filmpagedates > .times:nth-child(2n+1) {
	border-radius: 0px 0px 8px  8px ;
}

.filmpagedates > .times:nth-child(2n+2) {
	margin-top: 15px;
}

.phnx_input-field {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: #c6eafb;
	
}

label.custom-control-label {
	font-weight: 100;
	color: rgba(0,0,0,0.67);
	padding-top: 4px;
	font-size: 0.8rem;
}

.checkpri label{
	
	font-weight: 700;
	font-size: 1rem;
}

.btn-film_readmore, .modal-dialog button.btn {
 border-radius: 8px;
 border: 0px solid rgba(255, 255, 255, 0.55) !important;
}

.modal-dialog button.btn {
	background-color: #008e96 !important;
}

.btn-film_readmore:hover, .modal-dialog button.btn:hover, .btn-newsletter:hover {
	border: 0px solid rgba(255, 255, 255, 1) !important;
}

.btn-filmtime.inactive {
	opacity: 0.5 !important;
}

.btn-filmtime, .btn_cta, .button1, .btn-newsletter, .btn_next, .ticketamount button, .results a {
	border: 0px rgba(255, 255, 255, 0.0) solid !important;
  color: #ffffff !important;
	border-radius: 8px !important;
	background-color: #008e96 !important;
}

.btn-filmtime:hover {

	background-size: inherit !important;
	padding: 6px !important;

-webkit-box-shadow: 0px 0px 8px 0px rgba(152,218,230,0.8);
-moz-box-shadow: 0px 0px 8px 0px rgba(152,218,230,0.8);
box-shadow: 0px 0px 8px 0px rgba(152,218,230,0.8);
	background-color: #008b96;

}

.btn-newsletter:hover, .btn_next:hover, .ticketamount button:hover, .results a:hover {

}

.mainnav .nav-link:hover {
	background-color: rgba(64, 134, 183, 0.5) !important;
}

.btn_cta:hover, .button1:hover {

	background-size: inherit !important;
	background-color: #008b96;
	padding: 7px 30px 7px 15px !important;
}

/* Secondary buttons */
.dateselecter .nav-link {
	border: 0px rgba(255, 255, 255, 0.50) solid !important;
  color: #ffffff !important;
	border-radius: 8px;
	padding: 10px 15px !important;
	background-color: #383838;
}

.dateselecter .nav-link:hover {
	background-color: #001c65 !important;
}

.dateselecter .nav-link.active, .dateselecter .nav-link.active:hover {
	background-color: #da0812 !important;
}



.film {
	border-radius: 8px;
	overflow: hidden;
}

.nav-scroller.dateselecter .active * {
	color: #ffffff !important;
}

/* Tertiary buttons */


.times {
background: #383838; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #383838 0%, #656565 52%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #383838 0%,#656565 52%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #383838 0%,#656565 52%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
-moz-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
}

.timestype {
  background-color: transparent !important;
}

.dateseperator {
  color: #e8cf70 !important;
}

/* FILTER */
.showtype .show_vertical, .showtype .show_horizontal, .showtype .show_sidebyside, .showtype .show_timeonside {
  background-color: #103143 !important;
}



.showtype .shown {
  background-color: #e8cf70 !important;
}

.filter .navbar-toggler p {
  color: #ffffff !important;
}


.filter {
  /*background-color: rgba(22, 22, 22, 1) !important;*/
}

.filter .nav-link {
  /*color: #ffffff !important;*/
}

#filterPhoenix li.space, .filter .dropdown {

	/*background-color: rgba(44, 44, 44, 1) !important;*/
}

.filtertxt {
  background-color: rgba(66, 66, 66, 1) !important;
}


.heroH {
	background-color: rgba(255,255,255,0.8);
	color: #343434;
}

/* Mobile View Film list */

.filmtainer .vertical .col-12 .dropdown {
	//background-color: #4c92c3;
}

.ver-film.active {
	
}

.filmtainer .vertical .col-12 {
	background-color: transparent; 
}

.filmtainer .vertical .ver_film {
	border-bottom: 2px solid #ffffff;
}

.filmtainer .vertical .col-12.active /*, .filmtainer .vertical .col-12 .p-0*/ {
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#011039+0,2c72a3+51,549acb+100 */
background: #383838; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #383838 0%, #656565 52%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #383838 0%,#656565 52%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #383838 0%,#656565 52%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.filmtainer .vertical .col-12.active .ver_open .ver_type span.cat {
	background-color: transparent !important;
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
	padding: 5px 15px !important;
}

.filmtainer .vertical .col-12 .title::before {
background: linear-gradient(to right, rgba(34,34,34,0) 92%, #383838);
}

.filmtainer .vertical .col-12 .title {
	color: #fff;
}

.filmtainer .vertical .col-12 .times span {
	background-color: #383838 !important;
	color: #fff !important;
	border-radius: 3px;
	padding: 4px 6px;
}

.filmtainer .vertical .col-12 .times span strong {
	color: #fff !important;
}

/* DATE SELECTER */
.nav-scroller.dateselecter {
	background-color: rgba(5, 15, 28, 0.85) !important;
	border-radius: 0px;
}

@media screen and (min-width: 992px) {
	.nav-scroller.dateselecter {
		border-radius: 8px  8px 0px 0px;
	}
}

@media screen and (max-width: 992px) {
	.times {
		margin: 0px 10px;
	}
}

.nav-scroller.dateselecter .nav-link.empty_nav_item {
  background-image: none !important;
	border: 2px solid rgba(22,22,22,1) !important;
	background-color: rgba(22,22,22,1) !important;
 }

.nav-scroller.dateselecter .nav-link.empty_nav_item:hover {
  background-image: none !important;
  background-color: rgba(22,22,22,1) !important;

}


.modal-dialog {
  background-color: #951f1f !important;
}

#videoModal .modal-dialog {
  background-color: transparent !important;
}

/* FILM LIST */
.boxstyleA, #imagetoclickclassic {
  background-color: rgba(1,15,52,0.50) !important;
	border-radius: 8px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#383838+0,656565+52,555555+100 */
background: #383838; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #383838 0%, #656565 52%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #383838 0%,#656565 52%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #383838 0%,#656565 52%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
-moz-box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
box-shadow: 5px -5px 10px -3px rgba(0,0,0,0.30);
}

.boxstyleB  {
  background-color: rgba(255,255,255,1) !important;
  /*border-left: 2px solid rgba(0, 0, 0, 0.2);*/
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1) !important;
}

.boxstyleA h5 {
  color: rgba(255,255,255,0.8) !important;
}


.filmpage .times .timestype {
	padding: 0px !important;
}


.footer {
  background-color: rgba(22, 22, 22, 1) !important;
}

.companyFooter {
  background-color: rgba(11, 11, 11, 1) !important;
}

.footer ul li a {
	color: #fff !important;
}

.logo embed {
	max-width: 80vw;
	max-height: 150px;
}

@media screen and (min-width: 768px) {
	.logo embed {
		max-width: 400px;
		max-height: 200px;
		
	}
}