/* -----------------------------------------------------

Add here all your CSS customizations 

Note: IE9 doesn't support transitions and animations

-------------------------------------------------------*/
html::before {
  content: ' ';
  display: block;
  /*background-image: url('../img/music-bg.jpg');
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10; */
	
}



body {
      position: relative; 
	border: -5px solid blue;
  }
H1 {
	font-family:  'Roboto Condensed', Helvetica, Arial, sans-serif;
	line-height: 1;
	font-weight: 700;
}

H3 {
	font-family:  'Roboto Condensed', Helvetica, Arial, sans-serif;
	line-height: 1;
	font-weight: 400;
	font-size: 26px;
}


/*H1 {
	font-family: "nimbus-sans-condensed";
	line-height: 1;
	font-weight: 900;
}

H3 {
	font-family: "nimbus-sans-condensed";
	line-height: 1;
	font-weight: 400;
	font-size: 26px;
}*/
p {
	font-weight: 300;
	font-size: 24px;
}
.lead{
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.2;
}

@media only screen and (min-width: 1200px) {
	.welcome .col-right .col-inner {
		padding-left: 0px;
	}
}

/*.owl-carousel
{
	padding-bottom: -10px;
	margin-bottom: -10px;
	overflow:hidden;
}
*/

/****************************************************/
a {
	color: #ffffff;
	font-weight: 300;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:focus, a:hover {
	text-decoration: none;
	color: #EF00FB;  /*#843334; #5c6fb4;*/
}



/*a:focus, */

.line-hight-12 { 
	line-height: 1.2;
}

.line-hight-13 { 
	line-height: 1.3;
}
.line-hight-15 { 
	line-height: 1.5;
}

.line-hight-16 { 
	line-height: 1.6;
}


.line-hight-18 { 
	line-height: 1.8;
}


/* ------------------------------------ *
 *  FILM MUSIK section
/* ------------------------------------ */
.text-gray3 { color: #8b8b8b !important; }



/* ------------------------------------ *
 *  Intro section
/* ------------------------------------ */


#videoBackground {

	   position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	   /* z-index: -100;*/
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	    background: url(../img/videoBg.jpg) no-repeat;
	    background-size: cover;
	}





.intro-caption {
	position: absolute;
	bottom: 80px;
	left: 80px;
	z-index: 3;
}
.intro-caption h1 {
	font-size: 82px;
	font-weight: bold;
	line-height: .8;
}
.intro-caption h1 span {
	display: inline-block;
	padding: 0px 12px;
	margin-right: 3px;
}
.intro-caption .divider {
	margin: 30px 0 30px 0;
}
.intro-caption p {
	margin: 15px 0 0 0;
	font-size: 28px;
}

@media only screen and (max-width: 992px) {
	.intro-caption h1 {
		font-size: 68px;
	}
	.intro-caption p {
	font-size: 25px;
}
	
	.heading-lg h1 {
	font-size: 52px;
	}
}
@media only screen and (max-width: 768px) {
	.intro-caption {
		bottom: 80px;
		left: 30px;
		
	}
	.intro-caption h1 {
		font-size: 45px;
		line-height: .3;
	}
	.intro-caption p {
		font-size: 22px;
	}
	
	.colRight {padding-left: 25px !important;}
}





/* ------------------------------------ *
 *  Film section
/* ------------------------------------ */


.filmTitle {
 padding-left: 25px !important;
	padding-top: 38px !important;
	line-height: 1.1;
}

.stFilm p {
	padding-bottom: 10px;
	/*padding-right: 50px;*/
}

.text-film1 { color: #e9e9e9; 
font-weight: 300 !important;
}

.text-film2 { 
	color: #8b8b8b  !important; 
	font-weight: 300 !important;
}

.text-film3 { 
	color: #a5a5a5 !important; 
	font-weight: 400;
}

.stFilm a {
	color: #fff;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.stFilm a:hover {
	text-decoration: none;
	/*color: #ffad6c;*/ 
	color: #a82829;
}


.stStart h3 { 
	padding-top: 0px;
	margin-top: 0px;
}




/* ------------------------------------ *
 *  Portfolio grid section
/* ------------------------------------ */

.portfolio {
}
.portfolio .masonry {
	background-color: #111;
}

/* portfolio grid box */
.portfolio .box {
	padding: 0px; /* Change to add more space between portfolio grid boxes */
	max-width: 100%;
}
.portfolio .box-inner {
	position: relative;
	overflow: hidden;
}
.portfolio .box .entry-count {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: inline-block;
	margin: 0;
	font-size: 48px;
	color: rgba(255, 255, 255, 0.22);
	z-index: 2;
}
.portfolio .thumbnail {
}

/* portfolio heading */
.portfolio-heading {
}
.portfolio-heading .cover {
	background-color: #111 !important;
}
.portfolio-heading .heading {
	display: block;
	min-width: 260px;
	color: #FFF;
}
.portfolio-heading .heading p {
	margin-top: 20px;
}
@media only screen and (max-width: 1200px) {
	.portfolio-heading .heading h1 {
		font-size: 46px;
	}
}

/* portfolio grid box link */
.box-inner .portfolio-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

/* portfolio grid box cover */
.portfolio .box .cover {
	opacity: 0;
	background-color: transparent; /*rgba(0, 0, 0, 0.6);*/
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}
.portfolio .box:hover .cover { 
	background-color: rgba(255, 0, 0, 0.75); 
}

/* portfolio grid box cover hover bg colors */
.portfolio .box-1:hover .cover {background-color: rgba(255, 0, 0, 0.7); opacity: 1; }
.portfolio .box-2:hover .cover { background-color: rgba(255, 213, 0, 0.7); opacity: 1; }
.portfolio .box-3:hover .cover { background-color: rgba(141, 203, 11, 0.7); opacity: 1;  }
.portfolio .box-4:hover .cover { background-color: rgba(0, 197, 255, 0.7); opacity: 1; }
.portfolio .box-5:hover .cover { background-color: rgba(229, 0, 255, 0.7); opacity: 1; }
.portfolio .box-6:hover .cover { background-color: rgba(176, 100, 0, 0.7); opacity: 1; }
.portfolio .box-7:hover .cover { background-color: rgba(0, 29, 176, 0.7); opacity: 1; }

/* portfolio grid box thumbnail */
.portfolio .thumbnail {
}

.portfolio .box .cover .projectInfoText {
	 position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

/* portfolio grid box caption */
.portfolio .box .caption {
	text-align: center;
	z-index: 2;
}
.portfolio .box .caption img {
	max-width: 80%;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.portfolio .box:hover .caption img {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
}








/* ------------------------------------ *
 *  Aktuell sections
/* ------------------------------------ */

.stAktuell h3 { 
	padding-top: 0px;
	margin-top: 0px;
	color: #fff;
}

/*.stAktuell p { 
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 30px;
}*/


/* ------------------------------------ *
 *  Music (work) sections
/* ------------------------------------ */
.work {
	background-color:transparent;
}
/*.work p {
	padding: 8px;
	background-color:rgba(0, 0, 0, 0.65);
}*/
/*.work span {
	padding: 6px 5px 6px 5px;
	background-color:rgba(0, 0, 0, 1);
}*/
.work .cover {
	background-color:transparent;
	/*background-color: rgba(0, 0, 0, 0.7);*/
}
.work .row {
	position: relative;
	z-index: 3;
}
@media only screen and (min-width: 1200px) {
	.work .col-left .col-inner {
		border-right: 1px solid #3C3C3C;
	}
}


.stMusic h3 { 
	padding-top: 0px;
	margin-top: 0px;
}

.stMusic p {
	padding-bottom: 10px;
}

.stMusic a {
	color: #fff;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.stMusic a:hover {
	text-decoration: none;
	/*color: #ffad6c;*/ 
	color: #a82829;
}

.text-music { 
color: #f3f3f3; 
font-weight: 300 !important;
}


.bg-fixede {
	background-image: url(../img/music-bg.jpg);
	/*position: fixed;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	
}

.fixedBG-images{
background-image: url(../img/music-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%; 
   position: fixed;
   overflow-y: scroll;
	}

/* a:focus,*/

.invertLink a {
	color: #888;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
}




.invertLink a:hover {
	text-decoration: none;
	color: #a82829;  
}




/* ------------------------------------ *
 *  Page sections
/* ------------------------------------ */


#section-1 {
	
	background-color: transparent;
	min-height:90%;
	padding-top:100px;
}
#section-1-1 {
	background-color: #d7dadf;
}
#section-2 {
	padding-top: 30px;
	margin-top: 10px;
	/*padding-bottom: 0;*/
}
#section-3 {
}
#section-4 {
	background-color: #d7dadf;/*background-color: #e7ebf0;*/
}
#section-5 {
	background-color: #e7ebf0;
}
#section-6 {
	padding-top: 0px;
	margin-top:0;
	min-height:90%;
	background-color: transparent;
}
#section-7 {
}
#section-8 {
}
#section-9 {
}
#section-10 {
}
#section-11 {
}






.menue-gray1 { color: #4a4a54 !important; } /*war 50535e  #72778c*/


.navbar
{
	/*position:fixed;*/
	
	left: 0px;
	top: 0px;
	/*max-width: 300px;*/
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0px;
	z-index: 20;
	/*background-color: rgba(0,0,0,.4);*/
}	


.navbar-custom {
	z-index: 20;
	 position:fixed;
	/*left: 0px;
	top: 0px;*/
	width: 100%;
	/*margin-top: 20px;
	padding-left: 22px;
	padding-top: 50px;
	margin-bottom: 0;*/
	border-bottom:none;
	
	
}

.navbar-custom ul{
	
	margin-top: 22px;
	margin-left: 58px;
	margin-bottom: 12px;
}


.navbar-custom .navbar-toggle {
	/*Text Menue*/
	/*background-color: rgba(255,255,255,.2);*/
	/*font-size: 2em;*/
	color: #4a4a54;/*#50535e;*/
	background-color: transparent;
	font-size: 24px;
	
	/*z-index: 21;*/
}
.navbar-custom .nav {
	font-size: 24px;
	font-weight: 300;
	}
	
.navbar-custom .nav li a:active, .navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	background-color: transparent;
	outline: 0
}
.navbar-custom .navbar-toggle:active, .navbar-custom .navbar-toggle:focus {
	outline: 0
}
.navbar-custom .navbar-brand {
	font-size: 24px;
	font-weight: 300;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
		
}





.light {
	font-weight: 400
}



.navbar-collapse li a{
		padding: 0;
		/*padding-bottom: 0;*/
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	/*line-height: 0.9em;
	font-size: 1.5em;*/
	/*font-weight: 900;*/
	line-height: 0.8em;
	font-size: 1.5em;
	font-weight: 700;
	
  }

.navbar-collapse {
		/*background-color: rgba(255,255,255,.2);*/
	
  }
.navbar-header{
background-color: transparent;
}



/*.navbar-custom {
	margin-top: 0;
	margin-bottom: 0;
	border-bottom:none;
	background-color: transparent;*/
	/*border-bottom: 1px solid rgba(255,255,255,.3)*/
/*}*/
/*.navbar-custom .navbar-toggle {*/
	/*Text Menue*/
	/*color: #50535e;
	background-color: transparent;
	font-size: 25px;
}*/

		

.navbar-custom a {
	color: #000;/*5a5e6e;*/
}





.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out
}
.navbar-custom .nav li a:hover {
	color: #EF00FB  !important;
}
.navbar-custom .nav li.active {
	outline: 0;
		
}
.navbar-custom .nav li.active a {
	/*background-color: rgba(255,255,255,.3); 7d5535*/
		color: #000 !important;
}
.navbar-custom .nav li.active a:hover {
	color: #EF00FB;
}

.collapsing, .in 
{
	/*background-color: #000000;*/
	background-color: rgba(255,255,255,1);
	/*border-bottom: 2px solid rgba(0,0,0,1)*/
}

.navbar-toggle {
    position: relative;
    left: 22px;
    top: -5px;
    margin-bottom: 0px;
    padding-bottom: 0;
    padding-right: 0;
    /*padding-top: 40px;*/
    z-index: 21;
}	


#kofler a{
	font-weight: 900 !important;
}





/****************************************************/



@media (min-width: 768px) {
	
	.navbar-custom {
	border-bottom:none;
	background-color: transparent;
	max-width: 350px;
}
	
  .navbar-collapse {
	position:relative;
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
	 
  }
	
	.navbar-collapse li a{
		padding-top: 0;
		padding-bottom: 0;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
		
	/*line-height: 28px;
	font-size: 28px; 
	font-weight: 700;*/
		
		line-height: 0.8em;
	font-size: 1.5em;
	font-weight: 400;
  }
	
	
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
	background-color: transparent; /*transparent;*/
  }
  .navbar-collapse.in {
    overflow-x: visible;
  }

.navbar
{
	position:fixed;
	
	left: 15px;
	top: 50px;
	/*max-width: 300px;*/
	margin-right: 0;
	margin-left: 0;
	z-index: 20;
}	
	
	

.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{float:none !important;}

.navbar-right .dropdown-menu {left:0;right:auto;}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
}

/************************************************************** NAV Icon */

/* Icon 1 */

#nav-icon3{
  width: 35px;
  height: 30px;
  position: absolute;
  margin-top: 30px;
	margin-bottom: 10px;
	 margin-right: 10px;
	
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  cursor: pointer;
	/*background-color: #227777;*/
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .1s ease;
  -moz-transition: .1s ease;
  -o-transition: .1s ease;
  transition: .1s ease;
}



/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 25px;
}

#nav-icon3.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}



#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
	background: #EF00FB;
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	background: #EF00FB;
}

#nav-icon3.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
	/*background: #843334;*/
}


/* DATENSCHUTZ */
.dateS 
{
	/*background-color: #000000;*/
	background-color: transparent;
	/*border-bottom: 2px solid rgba(0,0,0,1)*/
}





/************************************************************** Datenschutz */
/*.datenschutzStyle{
	color: #444444 !important;
*/
.datenschutzStyle h2{
	color: #000000;
	padding-top:40px;
}

.datenschutzStyle{
	line-height:40px !important;
}

.datenschutzStyle a{
	color: #000000;
	/*font-weight: 400;*/
}

.datenschutzStyle a:focus, a:hover {
	text-decoration: none;
	color: #EF00FB;  /*#843334; #5c6fb4;*/
	/*font-weight: 400;*/
}

.datenschutzStyleLink a{
	font-weight: 400;
}

.text-datenschutz { 
	color: #555555; 
	line-height:1.3em !important;
}
/*#accordion a, h2, h4{
	color: #ff00ff;
}*/
/************************************************************** Ende Datenschutz*/




#preloader .pulse {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 40px;
	background-color: #5c5c5c;
	-webkit-animation: scaleout 1.0s infinite ease;
	animation: scaleout 1.0s infinite ease;
}