/* @import url(https://fonts.googleapis.com/css?family=Glegoo:400,700|Maven+Pro); */
body {
  background-color: #000;
  background-image: url(../img/background.jpg);
  background-size: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  font-size: 14px;
  color:#fff;
}
.wrapper {
  max-width: 980px;
  margin: 0 auto;
}
header{
  max-width: 960px;
  margin: 0 auto;
}
#main{
  background: transparent !important;
  max-width: 100%;
  padding: 64px 0 0 0;
  clear: both;
}
#pagehead{
  margin: 0 0 0 0;
}
#pageHead{
  margin: 0 0 0 0;
}
#projects{
  margin: 0 0 0 0;
}
#content{
  margin: 0 0 0 0;
  width: 100%;
}
#footer{
  margin-top: 140px;
  margin-bottom: 20px;
}
/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background: #ff6257;
    color: #fff;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #ff6257;
    color: #fff;
}
/* Typo
 ---------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
p,
a {
  font-family: "aktiv-grotesk-std", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #fafafa;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.6px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px
}
p a{
	color:#ff6257!important;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

h1,h2, #sidebar h3 {
  font-family: "aktiv-grotesk-std", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.143em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fafafa;
  margin-bottom: 20px;
  border-bottom: 1px solid #a8a8a9;
  padding-bottom: 20px;
}

p {
  font-family: "aktiv-grotesk-std", sans-serif;
}

#content h2, #content h3{
  font-family: 'Glegoo', serif;
  color: #ff6257;
  font-size: 1em;
  padding-top:10px;
  text-transform: uppercase;
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}

.page-template-cr_startseite_theme h2{
  border-bottom: 0px;
  padding-bottom: 0px;
}
#menu-footermenu li a{
  font-family: 'Glegoo', serif;
  color: #fff;
  font-weight:700;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#menu-footermenu li a:hover{
  text-decoration: none;
  color: #c96059;
}
#footer ul li:first-of-type .pipe {
	display: none;
}
.headroom_h1{
  margin-top: -29px;
}


/* Navigation
 ---------------------------------------------------------------------- */

nav a {
  font-family: 'Glegoo', serif;
  color: #fff;
  font-weight:700;
  font-size: 1.142em;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #c96059;
}
/*Logo*/
.logo {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.logo img{
  margin: 0 auto;
}
/*Buehne*/
.buehne {
  width: 100%;
  float: left;
  border-bottom: 4px solid #b1443c;
  background-image: url(../img/slider_bg.jpg);
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
}

/*Navigationselemente*/
nav{
  clear: both;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}
.nav > li > a {
  padding: 24px 22px 20px 22px;
  margin-left: 8px;
  display: block;
  border-bottom: 4px solid transparent;
}
.nav > li > a:hover {
  border-bottom: 4px solid #b1443c;
}
.nav > li.current-menu-item > a{
  border-bottom: 4px solid #b1443c;
}
.footernavigation {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 48px;
}
.footernavigation li {
  display: inline;
  text-align: center;
}
.footernavigation a {
  font-family: 'Glegoo', serif;
  font-size: 1em;
  text-transform: uppercase;
}
.language{
  float: right;
  margin-top: 20px;
  margin-right: 30px;
}
#menu-language ul li{
  display: inline-block;
}
ul#menu-language li{
	float:right;
}
.sub-menu li{
	float:none!important;
}
ul#menu-language li ul{
	float:none;
}


#menu-language ul li:first-child{
  border-right: 1px solid white;
  padding-right: 4px;
  padding-top:4px;
  height: 21px;
}
ul#menu-language li:nth-child(2) a{
  margin-right: 30px;
  margin-top:5px;
}
.sub-menu a{
  margin-right: 0px!important;
}


#menu-language li:nth-child(2) a{
  display: block;
  font-family: 'Glegoo', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fafafa;
  border-bottom: 2px solid  transparent;
  cursor: pointer;
  padding: 0px 3px 5px 3px;
  line-height: 12px;
}

li.qtranxs-lang-menu a{
  display: none;
}
li.qtranxs-lang-menu .sub-menu a{
  display: block;
  font-family: 'Glegoo', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fafafa;
  border-bottom: 2px solid  transparent;
  cursor: pointer;
  padding: 0px 3px 5px 3px;
  line-height: 12px;
}
li.qtranxs-lang-menu .sub-menu a:hover, ul#menu-language li:nth-child(2) a:hover{
  text-decoration: none;
  border-bottom: 2px solid  #b1443c;
  color: #c96059;
}
li.qtranxs-lang-menu .sub-menu a img{
  display: none;
}

/* Footer Menu
 ---------------------------------------------------------------------- */
#menu-footermenu{
  text-align: center;
}
#menu-footermenu li{
  display: inline-block;
}
#scroll-button{
  position: fixed;
  bottom: 10px;
  right:20px;
  display: block !important;
  width: 50px;
  height: 50px;
  background: #b1443c url(../img/pfeil_up.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#scroll-button:hover {
  background: rgba(177,68,60,0.2) url(../img/pfeil_up.png);
  background-position: center center;
  background-repeat: no-repeat;

}

/* News*/

#content .post {
  margin: 0; */
  position: relative;
  border-bottom: 0px solid #e4e4e4; */
  padding-bottom: 0px; */
  min-height: 20px; */
  width: 100%;
}
/* Projekte
 ---------------------------------------------------------------------- */

#projectBox{
  background-color: transparent !important;
}


#projectHolder .col-md-4 p a{
  margin-top: -20px;
  float: left;
  width: 100%;
  background-color: rgba(37, 23, 44, 0.29);
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  margin-bottom: 20px;
}
#projectHolder .col-md-4 p a {
	background-image: url(../img/amazon.png);
	background-repeat:no-repeat;
	background-position: center center;
	padding:20px;

	min-height: 100%;
	min-width:40px;
	display:block;
	margin:auto;
	text-align: center;

}
#projectHolder .col-md-4 p a img{
	width:100%;
	height:100%;
	opacity: 1;
}

#projectHolder .col-md-4 pre, #projectHolder .col-md-4 table{
	background-color: rgba(0,0,0,0);
	color:#fff;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right:5px;
	border:none;
	font-family: "aktiv-grotesk-std",sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	float:left;
	letter-spacing: 1px;
	white-space: normal!important;
}
#projectHolder .col-md-4 pre, #projectHolder .col-md-4 table tr td {
	padding-top:4px;
}
#projectHolder .col-md-4 pre strong, #projectHolder .col-md-4 table strong{
	text-transform: uppercase;
}

#projectHolder .col-md-4 p a:hover img{
	opacity: 0.1;
	-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
			-ms-transition: all 300ms ease-in-out;
				-o-transition: all 300ms ease-in-out;
					transition: all 300ms ease-in-out;
}

#projectHolder .col-md-4 p a:hover {
	background-image: url(../img/amazon_hover.png);
		-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
				-ms-transition: all 300ms ease-in-out;
					-o-transition: all 300ms ease-in-out;
						transition: all 300ms ease-in-out;
}

/*#projectHolder .col-md-4 h1 {
	margin-bottom:0px;
	border-color: #fafafa;

}*/

#projectHolder .col-md-4 p {
	margin-bottom:0px;
}
.wp-video, .video{
	margin: 20px 0;
  width: 100%;
}

#content .project.small .title span {
    padding: 12px 17px;
    display: block;
    text-align: center;
    font-family: "aktiv-grotesk-std",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.143em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.audio-dummy, ol.playlist, #projects {
  margin-top: 0px;
  border-top: 1px solid #a8a8a9;
  float: left;
  width: 100%;
  background-color: rgba(37, 23, 44, 0.29);
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  margin-bottom: 20px;
}
 .btn-up,  .btn-down {
	border-top: 1px solid #423E44;
}
#projects {
	padding: 55px;
}
h1.bordernone{
	margin-bottom: 0px;
	border:1px solid rgba(0,0,0,0);
}

.sliderbtn {
	margin-top:20px;
	float:left;
}

#filterNav li a, .sliderbtn{
	background: rgba(0,0,0,0)!important;
	color:#fafafa!important;
    font-size: 12px;
    letter-spacing: 0.1em!important;
    text-transform: uppercase;
    background: none repeat scroll 0% 0% #F0F0F0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    padding: 0px 6px !important;
    border: medium none;
    border-radius: 0px;
    line-height: 20px;
    font-family: Glegoo;
	border-bottom: 2px solid rgba(177,68,60,0);

    padding: 2px 7px 10px !important;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
    margin-right:10px;
}

.sliderbtn {
	border-bottom: 2px solid rgba(255,255,255,0.5);

}
.selected{
	border-bottom: 2px solid rgba(177,68,60,1)!important;
    text-shadow: 0px 0px 3px rgba(0,0,0,0);
}

#filterNav li a:hover, .sliderbtn:hover {
	background: rgba(255,255,255,0)!important;
	color:#b1443c!important;
	border-bottom: 2px solid rgba(177,68,60,1);
    text-shadow: 0px 0px 3px rgba(0,0,0,0);

}
a:focus {
	outline:none!important;
}

.news-list,
.social-links {
  margin-top: 0px;
  border-top: 1px solid #a8a8a9;
  float: left;
  width: 100%;
}

.projects-dummy ul,
.audio-dummy ul{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
.projects-dummy{
  max-height:520px;
  overflow: hidden;
  margin-bottom: 0px;
  position: relative;
  height: 520px;
}
.projects-dummy{
  margin-top: 0px;
  border-top: 1px solid #a8a8a9;
}
.projects-dummy .liste{
  position: absolute;
}

.liste li{
  border-bottom: 1px solid #423e44;
  display: block;
  float: left;
  width: 100%;
  height: 130px;
}
.liste li a{
  display: block;
  height: 130px;
}
.liste li a:hover{
  background-color: rgba(255,255,255,0.1);
}
.liste li img, .liste li div.projecttext{
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.liste li div.projecttext{
  max-width: 105px;
}
.projecttext h3{
	margin-top:22px;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.5em;
}
.projecttext p{
  font-size: 0.8em;
  text-transform: uppercase;
  line-height: 1.4em;
  padding-top: 6px;
}
.audioplayer {
  float: left;
  height: 79px;
  width: 100%;
}
/*.news-list{
  margin-bottom: 60px;
}*/
a.news{
  display: block;
  padding: 4px;
}
a.news:hover{
  background-color: rgba(255,255,255,0.1);
}
.social-links {
  padding-top: 20px;
}
.social-link{
  max-width: 100px;
  float: left;
}

.btn-down, .btn-up{
  width: 50%;
  height: 28px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}
.btn-down img, .btn-up img{
  width: 24px;
  padding-top: 6px;
  padding-bottom:8px;
  margin-left: auto;
  margin-right: auto
}
.btn-down:hover, .btn-up:hover{
  cursor: pointer;
  background-color: rgba(255,255,255,0.1);
}
.projects-startseite{
  width: 100%;
  height: 550px;
  background-color: rgba(37, 23, 44, 0.29);
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
}

.wp-video-shortcode {
border: 1px solid #888;
background-color: #000;
max-width: 96%!important;
}
/*Social
 ---------------------------------------------------------------------- */
 .social-links {
padding-left:3px;
 }
 .social-links a{
	padding-top: 5px;
 	float: left;
 	display:block;
 	height: 47px;
 	width:47px;
	background-image: url(../img/socialicons.svg);
  	background-size: 282px 94px ;
 }
 .imdb {
  background-position: 0px top;
 }
 .imdb:hover {
  background-position: 0px bottom;
 }

 .soundcloud {
  background-position: 141px top;
 }
 .soundcloud:hover {
  background-position: 141px bottom;
 }

 .xing {
  background-position: 94px top;
 }
 .xing:hover {
  background-position: 94px bottom;
 }

 .facebook {
  background-position: 235px top;
 }
 .facebook:hover {
  background-position: 235px bottom;
 }

 .linkedin {
  background-position: 188px top;
 }
 .linkedin:hover {
  background-position: 188px bottom;
 }

 .youtube {
  background-position: 47px top;
 }
 .youtube:hover {
  background-position: 47px bottom;
 }
 /* DemoReel Modal*/
.modal-content{
  -webkit-box-shadow: 0;
box-shadow: 0;
border-radius: 0px;
background-color: transparent;
border: 0px solid #999;
border: 0px solid rgba(0, 0, 0, .2); */
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
background-clip: padding-box;
outline: 0
}
.modal-backdrop.in{
  opacity: .7;
  filter: alpha(opacity=70)
}

.modal-dialog{
  margin: 25vh auto;
}
.modal-dialog .closeBtn{
  width:20px;
  height: 20px;
  position: absolute;
  right: -10px;
  margin-top: -10px
}

 /* DOWNLOADS
  ---------------------------------------------------------------------- */


 .menu-bar {
    padding: 00px !important;
    text-align: right;
    border: 0px solid rgba(0, 0, 0, 0.0)!important;
    text-align: left !important;
    }

 li.b5-item {
font-size: 1.2em!important;
}
a.b5-download {
	color:#ff6257!important;
}
/* Artikel Static Template
 ---------------------------------------------------------------------- */
#sidebar{
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.home #sidebar {
	padding-top:0px;
}

.oneFourth{
  width: 100%;
}
.img_headroom{
	margin-top: 20px;
}

/* Kontaktformular
 ---------------------------------------------------------------------- */
form p{
	float:left;
	margin-right:15px;
	font-size: 11px;
}
input{
font-family: "aktiv-grotesk-std","Helvetica Neue",Helvetica,Arial,sans-serif;
border-radius: 0px!important;
color: #b1443c!important;
font-weight:300;
font-size: 1.12em;
border: 1px solid #DDD;
background: url("images/field_bkg.png") repeat-x scroll 0% 0% #FAFAFA;
padding: 0px 10px 0px 10px!important;
width:180px;
}
.wpcf {
  	border-top: 1px solid #a8a8a9;
	margin-top: 50px!important;
	padding-top: 30px!important;
}
.wpcf7-submit {
	font-family: "aktiv-grotesk-std","Helvetica Neue",Helvetica,Arial,sans-serif;

	background: none !important;
	background-color: rgba(0,0,0,0)!important;
	text-transform: uppercase;

}
div.wpcf7-mail-sent-ok{
  border: 0px;
}
div.wpcf7-response-output{
  margin: 0em;
  float: left;
  padding: 1.2em 0em;
}
#senden input[type="submit"]{
    background-color: transparent !important;
}
input[type="submit"]
{
	color:#fff!important;
	font-weight: 100;
	letter-spacing: 0.14em;
	font-size: 16px;
	padding: 5px 0px !important;
	width: 100%;
	margin-top:21px;
	border: 0px!important;
	box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;
}
input:hover[type="submit"]
{
	color:#b1443c!important;
}
textarea {
font-family: "aktiv-grotesk-std","Helvetica Neue",Helvetica,Arial,sans-serif;
border-radius: 0px;
color: #b1443c!important;
font-weight:300;
font-size: 1.12em;
	width:374px;
	height:260px;
}
/* StartseitenSlider
 ---------------------------------------------------------------------- */
.slider{
  width: 60%;
  float: left;
}
.face{
  width: 40%;
  float: right;
  padding-right: 3.4%;
}
.face img{
  float: right;
  margin-right: 0px;
}
.tp-rightarrow.custom {
	background-image: url(../img/pfeil_right.png)!important;
}

.tp-leftarrow.custom {
	background-image: url(../img/pfeil_left.png)!important;
}
/*.tp-caption img {
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
}*/
.tp-loader {
	width:0px;
	height:0px;
	visibility: hidden!important;
}

div.tp-caption h3{
	font-family: "Glegoo",serif;
	font-size: 16px !important;
	line-height: 16px !important;
	font-weight: 600;
	letter-spacing: 0.100em !important;
	text-transform: uppercase !important;
}
div.tp-caption p{

	font-size: 14px !important;
	line-height: 24px !important;
	font-weight: 300;
	letter-spacing: 0.6px !important;
	text-transform: none !important;
}

/*Buttons*/
.tparrows{
  -webkit-transform: translateZ(0px) !important;
}


.tp-button{
      padding:6px 13px 5px;
      height:30px;
      cursor:pointer;
      color: #d6d6d6 !important;
      border: 1px solid #d6d6d6;
      text-decoration:none;
    }

.tp-button.big{ color:#fff; font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important}

.purchase:hover,
.tp-button:hover,
.tp-button.big:hover{ background-position:bottom, 15px 11px}


  /*@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-button  { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
    a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;  }
  }

    @media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-button  { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
    a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;  }
  }*/


/*  BUTTON COLORS */

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green      { background-color:transparent}


.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue      { background-color:#1d78cb;}


.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red        { background-color:transparent}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange    { background-color:#ff7700;}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey  { background-color:#555;}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey  { background-color:#888;}





/*-----Youtubebutton------*/

/* Sound Manager Styles
 ---------------------------------------------------------------------- */
/* Main container */
#sm2-container {
  height: 0px;
  overflow: hidden;
}
#soundmanager-debug {
  display: block;
}
/* Playable */
.playable {
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding:0px 0px 0px 0px;
  outline: none;
  background-image: url(../img/player_btns/player-play-btn2.png);
  background-repeat: no-repeat;
  background-position: 8px 16px;
  text-indent: 28px;
  margin-bottom: 30px;
}
.page-template-portfolio .playable {
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding:0px 0px 0px 0px;
  outline: none;
  background-image: url(../img/player_btns/player-play-btn2.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  text-indent: 28px;
  margin-bottom: 30px;
}{}
ol.playlist li {
	margin:0px!important;
	padding:0px!important;
}
ol.playlist li:hover {
	background-color: rgba(255,255,255,0.1);

}
.playlist .playable .ui.progress{
	margin:0px 120px 20px 40px!important;
}
.playlist .playable .ui.volume{
	margin:0px 20px 20px 10px!important;
}
.projectNav {
	    top: 30px;
    z-index: 1000;
}

.projectNav div {
	margin-right:10px;
}
.track {
  font-weight: bold;
  cursor: pointer;
}
/* Button UI */
.button .playable {
  padding-left: 2.5em;
  min-height: 16px;
}
/* Simple UI */
.playable .ui {
  display: none;
}
.playable.playing .ui,
.playable.paused .ui {
  display: block;
}
.playable .track-title {
  display: block;
}
.playable .ui.progress,
.playable .ui.progress .loading,
.playable .ui.progress .position {
  height: 10px;
  border-radius: 0px;
}
.playable .ui.progress {
  position: relative;
 /* border: 1px solid transparent;*/
  margin: .25em 0 0 0;
  overflow: hidden;
  cursor: ew-resize;
  cursor: -moz-grab;
  cursor: grab;
  margin-right: 100px;
}
.playable .ui.progress .loading,
.playable .ui.progress .position {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.playable .ui.timing {
  display: inline-block;
  cursor: text;
  text-indent: 0;
  text-align: right;
}
/* Volume */
.playable .ui.volume {
  position: relative;
  width: 60px;
  height: 10px;
  float: right;
  margin: .25em 0 0 0;
  border: 1px solid transparent;
  cursor: ew-resize;
  cursor: -moz-grab;
  cursor: grab;
}
.playable .ui.volume:before {
  content: '';
  display: block;
  position: absolute;
  left: -25px;
  top: -1px;
  width: 18px;
  height: 15px;
  background-image: url(../img/player_btns/player-volume.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.playable .ui.volume .vol-position {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 10px;
  width: 70%;
}
/* Corners */
.playable {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* Color Scheme */
.playable {
  color: #aaa;
  background-color: #131313;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.playable .track-title {
  color: #aaa;
 	text-decoration: none!important;
}
.playable:hover,
.playable:hover .track-title {
  color: #b1443c;
}
span.playable:hover,
span.playable:hover .track-title {
  color: #aaa;
}
.playable.playing {
  color: #b1443c;
  background-image: url(../img/player_btns/player-pause-btn.png);
}
.playable.playing .track-title{
	color:#fff!important;
	text-decoration: none!important;
	padding: 12px 0px 4px 10px!important;
}
.playable.paused .track-title {
	color:#fff!important;
	text-decoration: none!important;
	padding: 12px 0px 4px 10px!important;
}


.playable.paused {
  color: #666;
}
.playable .ui.timing {
  color: #444;
}
.playable.paused .ui.timing {
  color: #333;
}
.playable .ui.progress {
  border-color: #fff;
  background-color: #fff;
}

.playable .ui.progress .loading {
  background-color: #fff;
}
.playable .ui.progress .position {
  background-color: #b1443c;
}
.playable.paused .ui.progress .position {
  background-color: #333;
}
.playable .ui.volume {
  border: 0px;
  background-color: #fff;
}
.playable .ui.volume .vol-position {
  background-color: #b1443c;
}

.playable.paused .ui.volume {
  border-color: #111;
  background-color: #0f0f0f;
}
/* --- Extended player --- */
.ext-playable {
  background-color: #111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
}
.ext-playable .playable {
  margin: 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-color: #131313;
  border-bottom: 1px solid #191919;
}
.ext-playable .player-button {
  display: inline-block;
  border-right: 1px solid #191919;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: #666;
  padding: 3px 12px 3px 2px;
  margin-left: 6px;
}
.ext-playable .player-button:hover {
  color: #fff;
}
/* Show ui*/
.show-ui .ui {
  display: block;
}
/* --- Playlist --- */
.playlist {
  list-style: none;
  overflow: hidden;
  margin-bottom: 30px;
  display: block;
  clear: both;
  border-bottom: 1px solid #131313;
}
.playlist {
  margin: 0;
  padding: 0;
}
.playlist li {
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 4px 0;
}
.playlist li.odd {
  background-color: transparent;
}
.playlist .track-number {
  position: absolute;
  left: 8px;
  top: 8px;
  font-weight: 800;
  color: #444;
  text-align: center;
  width: 20px;
  display: none;
}
.playable .ui.timing {
    color: #fff!important;
    text-align: left;
    display:block;
    margin-left:30px;
    font-weight: 100;
    font-size:10px;
    line-height: 15px !important;
    vertical-align: bottom;
}
.playlist .playable {
  margin-left: 30px;
  margin-bottom: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(../img/player_btns/player-play-btn2.png);
}
.playlist .playable.playing {
  background-image: url(../img/player_btns/player-pause-btn.png);
}
.playlist .playable .ui.progress .loading {
  background-color: #fff;
}
.playlist .playable .ui.progress {
  border-color: #212121;
  background-color: #fff;
}
.playlist .playable.paused .ui.progress .position {
  background-color: #444;
}
.playlist .playable.paused .ui.progress {
  background-color: #222;
}
.playlist .playable .ui.volume {
  border-color: #111;
  background-color: #fff;
}
/* Playlist button */
.playlist .player-button {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  float: right;
  margin: 2px 12px 6px 0px;
  color: #999;
  padding: 2px 8px;
  background-color: #333;
  line-height: normal;
  font-size: 11px;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.playlist .player-button:hover {
  background-color: #b1443c;
  color: #fff;
}
.playlist .player-button strong {
  color: #999;
}
.playlist .player-button:hover strong {
  color: #fff;
}
.playlist .playlist-details {
  float: none;
  color: #666;
  font-size: 11px;
  margin: 2px 0 -14px 38px;
}

.page-template-portfolio .playlist .playlist-details {
  margin: 6px 0 -20px 38px;
}

/* Full player
 ---------------------------------------------------------------------- */
#full-player-wrap {
  background: #161616;
  width: 100%;
  border-top: 1px solid #292929;
  border-bottom: 1px solid #000;
  min-height: 54px;
  clear: both;
}
/* Navigation */
#fp-nav {
  float: left;
  margin-top: 30px;
  width: 140px;
}
#fp-nav a {
  display: inline-block;
  width: 17px;
  height: 21px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: left top;

}
#fp-nav a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#fp-nav a.play {
  background-image: url(../img/player_btns/fp-play-btn.png);
  background-position: left top;
}
#fp-nav a:hover.play {
  background-image: url(../img/player_btns/fp-play-btn_hover.png);
  background-position: left top;
}
#fp-nav a.play.pause {
  background-image: url(../img/player_btns/fp-play-btn.png);
  background-position: right top;
}
#fp-nav a:hover.play.pause {
  background-image: url(../img/player_btns/fp-play-btn_hover.png);
  background-position: right top;
}
#fp-nav a.next {
  background-image: url(../img/player_btns/fp-next-btn.png);
}
#fp-nav a.prev {
  background-image: url(../img/player_btns/fp-prev-btn.png);
}
#fp-nav a:hover.next {
  background-image: url(../img/player_btns/fp-next-btn_hover.png);
}
#fp-nav a:hover.prev {
  background-image: url(../img/player_btns/fp-prev-btn_hover.png);
}
#fp-nav a.details {
  background-image: url(../img/player_btns/fp-details-btn.png);
}
/* Player container */
#full-player {
  float: right;
  width: 800px;
  height: 50px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}
.small-player{
  width: 300px;
}
/* Tracklist */
#tracklist {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  z-index: 2;
}
#tracklist li {
  margin: 0;
  padding: 0;
  height: 50px;
  overflow: hidden;
}
#tracklist li .track {
  background: none;
  padding: 0;
  text-indent: 0;
  margin: 0;
}
/* Tracklist navigation */
#tracklist-nav {
  clear: both;
  width: 100%;
  padding-top: 20px;
  display: none;
  position: relative;
}
#tracklist-nav ul {
  margin-bottom: 12px;
  list-style: none;
  position: absolute;
  width: 100%;
  top: 0px;
}
#tracklist-nav ul li {
  margin: 0;
  padding: 8px 2px 8px 12px;
  color: #aaa;
  background: #111;
  border-top: 1px solid #191919;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
}
#tracklist-nav ul li:hover,
#tracklist-nav ul li.active {
  color: #fff;
  background: #b1443c;
}
#tracklist-nav ul li.active .track-num {
  color: #999;

}
#tracklist-nav ul li .track-num {
  font-size: 14px;
  display: inline-block;
  margin-right: 20px;
  color: #666;
  font-weight: bold;
}
#tracklist-nav ul li:hover .track-num,
#tracklist-nav ul li.active .track-num {
  color: #ffffff;
}



/* ZSP FullPlayer Style*/

#full-player-wrap{
  width: 100%;
  background: transparent;
  border-top: 0px solid #292929;
  border-bottom: 0px solid #000;
}

#full-player {
  float: none;
  width: 95%;
  height: 20px;
  margin-top: 0px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
#fp-nav{
  float: none;
  position: absolute;
  top:44px;
  left:50%;
  margin-left: -44px;
}
#fp-nav a.details{
  display: none;
}
#tracklist-nav {
  clear: both;
  width: 100%;
  padding-top: 10px;
  display: block;
  overflow: hidden;
  height: 390px;
  position: relative;
  margin-top: 30px;
}
#tracklist-nav ul li, #projectBox .playable .track-title {
  margin: 0;
  font-family: "aktiv-grotesk-std", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  letter-spacing:0.4px;
  color: #fafafa;
  padding: 12px 0px 12px 10px ;
  color: #aaa;
  height: 65px;
  background: transparent;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  overflow: hidden;
}
.page-template-portfolio #projectBox .playable .track-title{
   height: 45px;
}
#tracklist-nav ul li:hover, #tracklist-nav ul li.active{
  background-color: rgba(255,255,255, 0.05);
}
#tracklist-nav ul li .track-num {
  font-family: 'Glegoo', serif;
  font-weight: 700;
  font-size: 25px;
  display: inline-block;
  margin: 0px 25px 0 20px;
  color: #666;
  font-weight: bold;
  display:block;
  float: left;
  height: 80px;

}
#tracklist-nav ul li .track-num:after {
	  content:".";
}
.playable .track-title{
  display: none;
}
.playable .ui.volume {
  position: relative;
  width: 60px;
  height: 10px;
  float: right;
  margin: -1px 0 0 0;
  cursor: ew-resize;
  cursor: -moz-grab;
  cursor: grab;
}
.playable .ui.volume .vol-position {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
}
.playable .ui.progress {
  position: relative;
  /*border: 1px solid transparent;*/
  margin: 6px 0 0 0;
  overflow: hidden;
  cursor: ew-resize;
  cursor: -moz-grab;
  cursor: grab;
  margin-right: 100px;
}
.track-description{
  display: block;
  font-size:10px;
  padding-top: 3px;
  text-transform: uppercase;
}

marquee{
	display:block;
	float: left;
	max-width: 200px;
}
/* Track Cover*/
.covers{
  position: absolute;
  top: 65px;
/*  left: 50px;
  margin-left: -25px;*/
  margin: 0px auto;
  width: 90%;
}
.track-cover{
  position: absolute;
  top: 10px;
  position: absolute;
  top: 10px;
  height: 50px;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  display: none;
}
div.track-cover img {
  text-align: center;
  margin: 0px auto;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.6);
}


#projectBox .playlist .playable{
  margin-left: 0px;
  border-bottom: 1px solid rgba(200,200,200, 0.2);
  position: relative;
  z-index: 2000;

}
#projectBox .playable .track-title{
  display: block !important;
}
#projectBox .playlist .playable a{

}
#projectBox .playlist .playable:hover{
  text-decoration: none;
}
#tracklist-nav ul li .track-num{
  	height: 50px;
	text-align:right;
	float: left;
	width:40px;
}
.trackname_container{
	overflow:hidden;
width: 190px;
display: block;
float: left;
}
@media screen and (max-device-width: 480px){
 .trackname_container{
    width: 160px;
 }
}
.roll-text{
white-space: nowrap;
width: 400px;
}
#projectHolder {
  margin: 0 0 0 0;
  height: auto;
}
.project .visuals{
  width: 100%;

}
.projectHeader h1{
  width: 100%;
}
ol.playlist{
  background-color: aqua;
  margin: 0;
  padding: 0;
    background-color: rgba(37, 23, 44, 0.29);
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  -webkit-box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.83);
  max-width: 400px;
}
#content ol{
  margin: 15px 0px;
}
/* Weitere Vergewaltigungen*/
.progress{
  border-radius: 0px;
}
.nivo-directionNav a,
.plus-button,
.entry-heading:before,
.playable .ui.progress .position,
.playlist .player-button:hover,
a:hover.social-icon,
a.twitter-button
{ background-color: #b1443c; }

.nivo-directionNav a, .plus-button, .entry-heading:before, .playable .ui.progress .position, .playlist .player-button:hover, a:hover.social-icon, a.twitter-button{
  background-color: #b1443c !important;
}

/* Background Login */
#login h1 a {
    background: none repeat scroll 0% 0% transparent;
    width: 312px;
    height: 67px;
    margin-left: 7px;
    border-radius: 3px;
    margin-bottom: 10px;
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 35%;
}