@font-face { font-display: swap; font-family: 'TT Nooks'; font-style: normal; font-weight: normal; src: url('../webfonts/TT_Nooks_Regular.woff2') format('woff2'); }

html {
	background-color:black; 
	color: #e5201e;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "TT Nooks",serif;
	line-height: 1.2;
	letter-spacing: 0.6em;
}

a {
	color: inherit;
	text-decoration: none !important;
}

.main {
	display: block;
}

.startseite-main {
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 0;
}

/**** ALBUM ****/

.startseite-album {
	position: relative;
	float: left;
	width: 57%;
	height: 100%;
	cursor: pointer;
}

.startseite-album .top {
	position: absolute;
	left: 0;
	top: 2.8vw;
	width: 100%;
	font-size: 1vw;
	letter-spacing: 0.4em;
}

.startseite-album .sujet {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19.5vw;
	width: 100%;
	background-image: url(../img/adieu-slash.svg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 11vw;
}

.startseite-album .sujet h1 {
	font-size: 3.4vw;
	font-weight: normal;
	margin: 0;
}

.startseite-album .sujet h1 .subline {
	font-size: 0.6em;
	letter-spacing: 0.3em;
	margin-top: 0.85em;
}

.startseite-album .bottom {
	position: absolute;
	left: 0;
	bottom: 5.8vw;
	width: 100%;
	font-size: 1.3vw;
	letter-spacing: 0.15em;
}

.startseite-album .logo {
	position: absolute;
	left: 0;
	bottom: 2.8vw;
	width: 100%;
}

.startseite-album .logo img { width: 6vw; }


/**** LIVE ****/

.startseite-live {
	position: relative;
	float: left;
	width: 43%;
	height: 100%;
	cursor: pointer;
	background-image: url(../img/adieu-tour.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.startseite-live h2 {
	position: absolute;
	top: calc(20% - 6.5vw);
	width: 100%;
	font-size: 2.4vw;
	font-weight: normal;
	margin: 0;
}

.startseite-live h2 .subline {
	font-size: 0.6em;
	letter-spacing: 0.22em;
	margin-top: 1em;
}

.startseite-live .termine {
	position: absolute;
	bottom: calc(20% - 8vw);
	width: 100%;
	font-size: 1.5vw;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0;
	color: #717179;
}

.startseite-live .termine .zusatzinfo {
	margin-top: 1.5em;
	font-size: 1.1vw;
	letter-spacing: 0.15em;
}


@media (max-aspect-ratio: 6/5) {
	.startseite-album { width: 100%; height: 100vw; }
	.startseite-album .top { top: 4.9vw; font-size: 1.75vw; }
	.startseite-album .sujet {	margin-top: -34.1vw; padding: 19.31vw; }
	.startseite-album .sujet h1 { font-size: 5.95vw; }
	.startseite-album .sujet h1 .subline { 	font-size: 0.55em; letter-spacing: 0.25em; margin-top: 0.85em; }
	.startseite-album .bottom { bottom: 10.2vw; font-size: 2.3vw; }
	.startseite-album .logo { position: absolute; bottom: 4.9vw; }
	.startseite-album .logo img { width: 10.5vw; }
	.startseite-live { width: 100%; height: 120vw; }
	.startseite-live h2 { top: calc(20% - 15vw); font-size: 5vw; }
	.startseite-live .termine { bottom: calc(20% - 18vw); font-size: 3.5vw; }
	.startseite-live .termine .zusatzinfo { font-size: 2.5vw; }

}