html
{
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-image: url("background.png");
}

body
{
	width: 600px;
	height: 100%;
	margin: 0 auto;
}

h2
{
	color: #c1b4a1;
	text-align: center;
	font-size: 2em;
}


/*
	=== SEITEN KOPF ===
*/

#header
{
	margin-bottom: 3em;
}

#title
{
	width: 80%;
}




/*
	=== SEITEN FUß ===
*/

#ClubDerSpieler
{
	color: #c1b4a1;
	text-align: center;
	font-size: 2em;
	font-weight: 900;
	margin: 0 auto;
	margin-bottom: 3em;
}

#cds_schriftzug
{
	width: 60%;
}

.zeichen
{
	font-size: 1.5em;
}




/*
	=== LOGIN SEITE ===
*/

#passwort_box
{
	padding: 5%;
	border: 5px solid #e0d8c5;
	color: #e0d8c5;
	font-weight: 900;
	font-size: 2em;
	background-color: rgba(6,6,6,0.7);
}

#passwort_box span
{
	display: block;
	margin-bottom: -1em;
	text-align: center;
}

#login
{
	display: block;
	margin: auto;
	font-size: 0.75em;
}

#passwort
{
	height: 2.5em;
}

.bild
{
	margin: 0 auto;
}

.bild form
{
	display: block;
	width: 40%;
	margin: 0 auto;
}

.nachricht
{
	font-size: 2em;
	font-weight: 600;
	color: #DF0101;
}




/*
	=== HAUPT SEITE ===
*/

#body.audio
{
	padding: 1em;
}

#container
{
	display: flex;
}

#ahnma
{
	float: right;
	margin-top: 2em;
}

#ahnma_emblem
{
	padding: 1em;
	-webkit-flex-basis: 30%;
	flex-basis: 30%;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#cds-bild
{
	-webkit-flex-basis: 40%;
	flex-basis: 40%;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#bild_cds
{
	width: 100%;
}

#nie_ohne
{
	 float: left;
	 margin-top: 2em;
}

#nomt_emblem
{
	padding: 1em;
	-webkit-flex-basis: 30%;
	flex-basis: 30%;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#tam
{
	width: 100%;
}

#tno
{
	width: 100%;
}

video
{
	width: 100%;
}

#songtexte p
{
	text-align: center;
	width: 100%;
}

#songtexte p a
{
	width: 40%;
	margin: 0 auto;
}

#musikvideos
{
	margin: 2em;
}

.zentriert
{
	display: block;
	margin: 0 auto;
	text-align: center;
}




/**
 *
 *	CSS für die Buttons zu den Songtexten
 *
**/

.bn1 {
  display: inline-block;
  padding: 0.6em 1.7em;
  border: 0.25em solid #c1b4a1;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  color: #c1b4a1;
  text-align: center;
  transition: all 0.2s;
}

.bn1:hover {
  color: #000000;
  background-color: #c1b4a1;
}