@charset "utf-8";

/* HTML TAGS */

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@font-face {
    font-family: 'BodoniMTItalic';
    src: url('../fonts/bod_i.eot');
    src: url('../fonts/bod_i.eot') format('embedded-opentype'),
         url('../fonts/bod_i.woff2') format('woff2'),
         url('../fonts/bod_i.woff') format('woff'),
         url('../fonts/bod_i.ttf') format('truetype'),
         url('../fonts/bod_i.svg#BodoniMTItalic') format('svg');
}

body{
	font-family: BodoniMTItalic;
	overflow:hidden;
	color: #E5E5E5;
}

a:link,a:active,a:visited {
	text-decoration:none;
	color:#FFF;
	outline: none;
	
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
} 
a:hover {
	text-decoration: underline;
	opacity: 0.7;
}


/* KLASSEN */

.bg {
	border: 5px solid #E5E5E5;
    border-radius: 5px;	
}

.container { 
	max-width: 810px;	
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-color:#000;
}

.container-wrapper { }

.container-footer-wrapper { }

.edition {
	font-weight:bold;
	font-size:18pt;	
}

.footer-container { }

.logo {
	margin-top:20px;	
}

.silber {
	color: #E5E5E5;
}	

.medfont {
	font-size:10pt;
}

.pixel-border {
	border: 1px solid black;
}

.returntoforever {
	font-size:30pt;	
	letter-spacing:15px;
}

.release {
	font-size:20pt;	
	margin-bottom:5px;
}

.row { }

.row-wrapper, .row-footer-wrapper {
	margin:0 5px;
}

.shop-link+.shop-link {
	margin:5px;
	padding-top:5px;
}

.smallfont {
	font-size:9pt;
}

.trenner {
	display:none;	
}

/*.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}*/

/* jPlayer */

.sme-jplayer-playlist-container {
	min-height:540px;	
}

.jp-progress, .jp-volume-bar {
     border: 1px solid #fff !important;
}

.jp-volume-bar-value {
     background-color: #E5E5E5 !important;
}

.jp-play-bar  {
     background-color: #E5E5E5 !important;
}

.sme-jplayer-loader-overlay {
     background-color: transparent;
}

.sme-jplayer-playlist .jp-volume-bar {
    top: 0px !important;
}

.sme-jplayer-playlist .jp-playlist li.jp-playlist-current {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4) !important;
}

.jp-next {
    margin-right: 50px !important;
}

.sme-jplayer-playlist .jp-playlist li a {
    font-size: 18px;
}

.nummer {
    min-width: 30px;
}

/* ID's */



/* Media Queries */

/* xs = Extra small devices (phones, less than 768px) */
/* sm = Small devices (tablets, 768px and up to 991px) */
/* md = Medium devices (desktops, 992px and up to 1199px) */
/* lg = Large devices (large desktops, 1200px and up) */

/* Media Query for SM and bigger Devices */
@media (min-width:768px) {
	.container {
		width: 810px;
	}
	
	.nummer {
		min-width: 40px;
	}	
}

@media (max-width:615px) {
	.returntoforever {
		font-size:30pt;	
		letter-spacing:12px;
	}
}

@media (max-width:560px) {
	.returntoforever {
		font-size:18pt;	
		letter-spacing:10px;
	}
	
	.trenner {
		display:block;	
	}	
}

@media (max-width:422px) {
	.release {
		font-size:18px;	
	}
	
	.returntoforever {
		font-size:13pt;	
		font-weight:bold;
		letter-spacing:7px;
	}	

	.sme-jplayer-playlist-container {
		min-height:570px;	
	}

	.edition {
		font-size:16pt;	
	}
	
/*	.nummer {
		min-width: 15px;
		left: -10px;	
	}*/
}






/* Bootstrap Template
 * @name: /css/main-style.css
 * @version: 2.9
 * @author: Hornung, Jonathan, Sony Music Germany
 * @date created : 2014/10/08
*/