/*=========================================================================== */
/* farben -alte Farbe: 701a18, neu:000000                                     */
/*=========================================================================== */
:root{
/* Hier die Hintergrundfarbe eintragen: */
--hintergrund:#b6cde3;
--akzent:#654744; 
--farbetitle:#000000;
--farbetext:#453939;
--farbelink:#888888;
--farbenormal: #000000;
}
/* 	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 {
  width: 100%;
}

img.kleinesfoto {
  height: max(20%, 100px);
  width: max(20%, 100px);
}

/*=== das Titelfoto ============================================== */

#intro {
  padding: 200px;
  background: url('../res/oper-links.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
/*=========================================================================== */
/* Schrift-Formate                                                            */
/*=========================================================================== */

.title {
	color: var(--farbetitle);
	text-shadow: -5px -5px 0 #ffcccc, 1px -1px 0 #fff, -1px 1px 0 #fff, 10px 5px 0 #ffff66;	
	line-height: 81px;
	font-size: 90px;
	letter-spacing:-0.01em;
	font-family: title;
}


/* Normaler Text*/
.text{
	color: var(--farbetext);
	line-height: 48px;
	font-size: 36px;
	letter-spacing:-0.01em;
	font-family: title;
}


/* Links*/
.link{
	color: var(--farbelink);
	line-height: 24px;
	font-size: 30px;
	letter-spacing:0.01em;
	font-family: title;
}

/* nur für den Email-Link in der Kontakt-Seite ================================== */
.text a {
    color: #ff0000; /* gewünschte Farbe */
}
.text a:visited {
    color: #ff0000;
}