/*=========================================================================== */
/* farben                                                                     */
/*=========================================================================== */
:root{
/* Hier die Hintergrundfarbe eintragen: */
--hintergrund:#b0b5c1;
--akzent:#654744; 
--akzent2:#b1a2a9; 
/*DAS IST DIE FARBE DER SCHRIFT UND DES BALKENS:=============                 */
--farbenormal:#161a0c;
--farbehell:#6f7283;
--farbedunkel:#302318;
--text: #999792;
}
/* 	Beispiel, klappt leider noch nicht mit jedem browser:                 */
/* 	color: var(--text);                                                   */

/*=========================================================================== */
/* Klassen (beginnen mit ".")                                                 */
/*=========================================================================== */

.dunkelgrau {
	color: @dunkel;
}

/* Schrift-Formate ===========================  */

/* Fotos von Peter Ossenberg */
.title {
	color: var(--farbenormal);
	line-height: 63px;
	font-size: 72px;
	letter-spacing:0.00em;
	font-family: title;
	display: block;
	margin-top: 10px;   /* ? Abstand nach oben */
	margin-bottom: 15px;   /* ? Abstand nach unten */
}


/* Normaler Text */
.normal{
	color: var(--farbehell);
	line-height: 1.2em;
	font-size: 36x;
	letter-spacing:-0.01em;
	font-family: title;
}

.hidden{
	color: var(--hintergrund);
	line-height: 1.2em;
	font-size: 36x;
	letter-spacing:-0.01em;
	font-family: title;
}

/* Akzent: ist in kursiv*/
.akzent {
	color: #cccccc;
	background: #494949; 	
}

/* Neu: ist in kursiv*/
.new {
	color: var(--hintergrund);
	background: var(--farbenormal); 	
}

/* sternchen zw. Tableaus */
.stern {
	color:#6b7061;
	font-family: black;
	font-size: 36px;
	vertical-align: -0.2em;
}


/* updated on */
.comment {
	color: #555555;
	font-size: 20px;
	line-height: 1.1em;
	letter-spacing: -0.01em;
	font-family:normal;
}

/* HOME */
.home {
	color: #555555;
	font-size: 24px;
	line-height: 1.1em;
	letter-spacing: -0.01em;
	font-family:normal;
}

/* Lyrics, Zitate etc */
.lyrics {
	color: #aaaaaa;
	line-height: 20px;
	font-size: 20px;
	letter-spacing:0.01em;
	font-family: black;
}

/* Schrift-Formate fuer kontakt ==================== */

/* Peter Ossenberg */
.name {
	color: var(--farbenormal);
	line-height: 48px;
	font-size: 48px;
	letter-spacing:0.00em;
	font-family: normal;
}
.erreichen {
	color:#495d25;
	line-height: 24px;
	font-size: 24px;
	letter-spacing:0.00em;
	font-family: normal;
}



/*=========================================================================== */
/* HTML-Elemente (ohne "."                                                    */
/*=========================================================================== */
background 
{ 
 -background: url(imagenes/index.jpg) no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -background-size: cover;
}

body 	{
	background-color:var(--hintergrund);
	width: 90%;
	height: 100%;
	line-height: 1.0em;
	font-size: 36px;
	font-family: normal;
	letter-spacing:-0.00em
	}

a {
	color:var(--farbenormal);
	text-decoration: none;
}

a:link {
	color:var(--farbenormal);
	text-decoration: none;
}
a:visited {
	color:var(--farbenormal);
	text-decoration: none;
}
a:hover {
	color:#ffffff;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

body {
  margin: 0 auto;
  max-width: 1000px;
}
table {
  width: 100%;
  max-width: 100%;
}

/* Foto der Startseite */
img.foto {
  max-width: 100%;
  height: auto;
  display: block;
}

/* horizontaler Balken */
hr {
  width: 100%;
  max-width: 100%;
  height: 2px;
  background-color: var(--farbenormal);
  border: none;
  margin: 10px 0;
}