/* Header */
/* Navigation */
/* Slider */
/* Content Blöcke */
/* UNTERSEITEN */
/* Footer */
/* Gallery Bilder-Block */


/* Header */


/* Logo und Navigation passen nebeneinander */
@media (max-width: 1110px) {
.navbar-brand img {	
	max-width: 180px;
}
}


.page-header {
    background-image: url(../images/bg/page-bg-big.jpg);
    background-size: cover;
    background-position: top;
    min-height: 1024px;
	padding:0;
}
i.blau {
    color: #4b6ea9;
}

i.rot {
    color: #f00;
}

.navbar-default .navbar-nav > li a i {
	font-size: 20px;
}

i.fa {
	font-size: 24px;
}


/* logo passt neben toggle menu */
@media (max-width: 390px) {
.navbar-default .navbar-brand img {	
	max-width: 200px;
}
}

@media (max-width: 290px) {
.navbar-default .navbar-brand img {	
	max-width: 180px;
}
}

/* Navigation */

/* FLAGGE nicht mehr sichtbar bei ausgeblendeter Navi  */
div#divID1 {
	display: none ; 
	margin-top: 15px;
	margin-left: 20px;
}

.navbar-default.affix-top .navbar-nav > li > div > a img {
	display:none !important;
}

/* Slider */
/* Slider Bildgröße */
/* Höhe Slider vorher:768px */
/* Abstand nach oben */

div.image img {
	max-width:100%;
	width: 100%;
	height: auto;
}

.banner-item {
	height: 1024px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:left bottom;
	position: relative;
	margin-top: 0;
}

@media (max-width: 768px) {
	
.navbar-default .navbar-brand, .navbar-default.affix .navbar-brand {	
	height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 13px;
    padding-bottom: 17px;
}
	.navbar-default {
		min-height:60px;
	}
}

/* Höhe Slider responsive original höhe der Bilder 

.banner-content .container: Abstand des Textes im Slider zum rechten Rand */

@media (max-width: 1620px) {
	.banner-item {
	height: 674px;
}
}

@media (max-width: 1280px) {
	.banner-item {
	height: 533px;
	margin-top: 70px;
}
}

@media (max-width: 1024px) {
	.banner-item {
	height: 426px;
}
}

@media (max-width: 991px) {
	.banner-item {
	height: 413px;
	margin-top: 60px;
}
}

@media (max-width: 768px) {
	.banner-item {
	height: 400px;
	margin-left: -30px;
	margin-top: 30px;
}
}

@media (max-width: 600px) {
	.banner-item {	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:left bottom;
	position: relative;
}
}


/* Content Blöcke */

/* Startseite rechte Hälfte upcoming-album-section (Vorbestellung) HG-Color */
.gray-bg {
    background-color: #f7f7f7;
}

/* News Abstand oben verkleinert, gleich mit unter dem Block */
.section-padding {
    padding: 53px 0;
}

/* UNTERSEITEN */

/* Album */
/* Text oben bünding mit dem Bild */
.about-album {
    padding-top: 0px;
}
/* Text oben Abstand zum Bild (Abstand zwischen den cols) */
@media (max-width: 991px) {
.about-album {
    padding-top: 53px;
}
}
/* extra Abstand über Video */
.section-padding-top {
	padding-top:53px;
}

.section-header {
    padding-bottom: 20px;
    margin-bottom: 53px;
}

/* About */
/* Text oben bünding mit dem Bild */
.about-artist {
    padding-top: 53px;
    padding-bottom: 0;
}

.artist-image {
	padding-top: 53px;
}

/* kleinste Ansicht Mini Tabelle Künstler: Schrift bricht nicht um*/
@media (max-width: 280px) {
.about-album .album-information-list .album-info-item {
    display: inline-block;
    min-width: 90px;
}
}

/* Farbe der Timeline (vorher pink) */
input[type="range"]::-moz-range-progress {
    background-color: #986b4e;
}
input[type="range"]::-moz-range-track {
    background-color: #986b4e;
}

/* Höhe Track-List*/
div.slimScrollDiv, div.player-track-list-block {
min-height: 1141px;
}
/* Track-List Play-Button-Dummy*/
.inkuerze {
	font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 29px;
	color: #ffffff;
	text-align: center;
	background-color: #000;
	border-radius: 17px;
	padding: 2px 19px;
}

.inkuerze:hover {
	background-color: #aaa;
}

/* Track-List Aufzählung raus, Zahlen manuell gesetzt*/
.amplitude-song-container {
    display: list-item;
    list-style-type: none;
}

/* Track-List in kleiner Ansicht - kleiner, weniger Rand */

@media (max-width: 360px) {
.amplitude-song-container {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 15px 0;
    padding: 10px 10px;
}
.song-meta-data span {
    display: block;
    line-height: 18px;
}
	
.inkuerze {
	font-size: 1.1rem;
    padding: 2px 13px;
}
	
.amplitude-song-container {
    padding-right: 0px;
}
	
	.amplitude-song-container .play-now {
    right: 5px;
}
	
	
div.slimScrollDiv, div.player-track-list-block {
	min-height: 780px;
}
	
.player-track-list-block {
    padding-right: 10px;
}
	
.song-meta-data {
    margin-left: 15px;
}
	
}

/* Footer */
.copyright-footer {
	background-color: #986b4e;
}
footer {
	margin-top: 53px;
}
/* links zentriert
links schwarzes hover*/
@media (max-width: 990px) {
.copyright-footer .col-xs-12 {
    text-align: center;
}
	.copyright-footer .credit-text {
    text-align: center;
}
}
.copyright-footer a:hover {
    color: #000;
}

/* Gallery Bilder-Block */

@media (max-width: 579px) {
.grid-item.grid-item--width3 {
    width: 100%;
	}
	.grid-item.grid-item--width2 {
    width: 100%;
	}
}