/*=========================================================================== */
/* farben                                                                     */
/*=========================================================================== */
:root{
/* Hier die Hintergrundfarbe eintragen: */
--hintergrund:#a4a09a;
--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);                                                   */

/*=========================================================================== */
/* Inhalt                                                                     */
/*=========================================================================== */



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);
	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;
}

.dunkelgrau {
	color: @dunkel;
}


/*=========================================================================== */
/*GRAFISCHE ELEMENTE                                                          */
/*=========================================================================== */

img.foto {
  
  height: max(90%, 1800px);
  width: auto;
}

/* horizontaler Balken */
hr {
	width:auto; 
	-content: url( 'hintergrund.gif' );
	background-color:var(--farbenormal);
	image:"hintergrund.gif";
	height:2px;
  	text-align:left;
	margin-left:00;
	border:0px;
}

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

/* Fotos von Peter Ossenberg */
.title {
	color: var(--farbenormal);
	line-height: 60px;
	font-size: 72px;
	letter-spacing:0.00em;
	font-family: title;
}


/* 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; 	
}

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

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


/* updated on */
.comment {
	color: #555555;
	font-size: 30px;
	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;
}