/*---------------------------------------------------------*\	
	DWLS-Design - Parallax & Seitenelemente v1.06
	http://www.dornenreich.com 				
	
	last update: 29-Apr-2022												
\*---------------------------------------------------------*/

/*---------------------------------------------------------*\
	Seitenelemente
\*---------------------------------------------------------*/

main {
	height: 100vh;
	perspective: 2px;
	overflow-x: hidden;
	overflow-y: auto;
}

.section {
	transform-style: preserve-3d;
	position: relative;
	display: flex;
}


/*---------------------------------------------------------*\
	Backgrounds & Parallax Effects
\*---------------------------------------------------------*/

.title-img {
	height: 105vh;
}

.chapter-img {
	height: 80vh;
}

.no-parallax {
	background-color: #C7C7C7;
	padding: 1em;
	z-index: 1;
}

.parallalx {
	vertical-align: top;
}

.parallax::after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateZ(-1px) scale(1.5);
	background-size: 100%;
	z-index: -1;
}

.dwls::after {
	background: url("https://flammentriebe.com/graphixx/sections/dwls.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.discography::after {
	background: url("https://flammentriebe.com/graphixx/sections/discography.jpg");	background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.biography::after {
	background: url("https://flammentriebe.com/graphixx/sections/biography.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.interviews::after {
	background: url("https://flammentriebe.com/graphixx/sections/interviews.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.gallery::after {
	background: url("https://flammentriebe.com/graphixx/sections/gallery.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.tourdates::after {
	background: url("https://flammentriebe.com/graphixx/sections/tourdates.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.contact::after {
	background: url("https://flammentriebe.com/graphixx/sections/contact.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}

.links::after {
	background: url("https://flammentriebe.com/graphixx/sections/links.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
    background-position: center center;
	background-size: cover;
}