/* Mobile phone version first */
body {
	margin: 0;
	padding: 0;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	line-height: 1.2;
	
	background-color: rgb(38, 30, 32);  /* #261e20ff */
	color: #ffbf7bff;		
}

a {
	color: #ffbf7bff;		
}

.entry {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	
	text-align: center;
	padding: 8vw 5vw;	
}

#intro_entry {
	height: 100vh;
	
	background-image: url("../images/LexTunetownSmall.jpg");
	background-color: rgb(38, 30, 32);	
	background-position: 20% 40%;
	background-size: cover;
	background-repeat: repeat;

	padding: 0;
	
	cursor: pointer;
}

.inverted {
	background-color: #ffbf7bff;
	color: rgb(38, 30, 32);  /* #261e20ff */		
}

.inverted_grad {
	background-image: linear-gradient(0deg, #ffbf7bff, #ffbf7bff, #ffbf7bff, #ffbf7bff, #b89168);
	color: rgb(38, 30, 32);  /* #261e20ff */		
}

#cover_innen {
	padding: 0;
}

#text_top_mobile {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	
	direction: rtl;
}
#text_top_desktop {
	display: none;
}

.toptextline {
	display: block;
	
	width: 98vw;
	background-color: #ffbf7bff;
	
	padding-top: 0vw;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 1vw;
}
.toptextline_first {
	padding-top: 1vw;
}
.toptextline_small {
	width: 50vw;
}


#text_bottom_mobile {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	direction: ltr;
}
#text_bottom_desktop {
	display: none;
}

.bottomtextline {
	display: block;
	
	height: calc(98vw / (1500 / 164));
	width: auto;
	background-color: rgb(38, 30, 32);
	
	padding-top: 1vw;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 0vw;
}
.bottomtextline_last {
	width: calc(100% - 2vw);
	height: auto;
	
	padding-bottom: 1vw;
}

#cover_inside_preview {
	width: 100%;
	height: auto;
}

#sociallogo {
	height: 10vw;
	width: auto;
	padding: 10px;
}

#instalogo {
	height: 60px;
	width: auto;	
	padding: 10px;
}

.instr_cat {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	
	padding: 10px;
}
.instr_pers {
	text-align: left;
	vertical-align: top;
	
	padding: 10px;
}

.asset {
	position: absolute;
}
.big {
	width: 25vw;
	max-width: 250px;
	height: auto;
}
.small {
	width: 5vw;
	max-width: 50px;
	height: auto;
}
.leftbelow {
	bottom: 0;
	left: 0;
}
.rightbelow {
	bottom: 0;
	right: 0;
}
.leftabove {
	top: 0;
	left: 0;
}
.rightabove {
	top: 0;
	right: 0;
}
.padded {
	padding: 2vw;	
}
.paddedbottom {
	padding-bottom: 2vw;	
}

.track_num {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	
	padding: 10px;
	
}
.track_name {
	text-align: left;
	vertical-align: top;
	
	padding: 10px;
}

.cover {
	padding: 0;
	width: 100%;
}

#impressum {
	padding: 4vw;
}

/* =========================================================== */

@media (min-width: 768px) or (orientation:landscape) {
	/* Additional overrides for desktops */
	
	#intro_entry {	
		background-image: url("../images/LexTunetown.jpg");
		background-position: center 70%;
	}

	#text_top_mobile {
		display: none;
	}
	#text_top_desktop {
		display: block;
	
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		
		direction: rtl;
	}
	
	.toptextline {
		width: 50vw;
		padding: 0.5vw;
	}
	.toptextline_small {
		width: 25vw;
	}
	.toptextline_first {
		padding: 0.5vw;
	}
	
	#text_bottom_mobile {
		display: none;
	}
	#text_bottom_desktop {
		display: block;
	
		position: absolute;
		bottom: 0vw;
		left: 0vw;
		width: 70vw;
		height: auto;
		direction: rtl;
	}
	.bottomtextline {
		width: 99vw;
		padding: 0.5vw;
	}
	
	.bottomtextline_last {
		padding: 0.5vw;
	}
	
	#coverinlay {
		content: url("../images/CoverInlayInnen.jpg");
		max-height: 20vh;
		object-fit: cover;
	}
	
	#covervorne {
		max-height: 20vh;
		object-fit: cover;
	}
	
	.track_num {
		width: 35vw;
	}
	
	.instr_cat {
		width: 35vw; 
	}
	
	.socialseparator {
		display: none;
	}
	
	#sociallogo {
		height: 60px;
		width: auto;
	}
}