/** 
 * Seite        : smartphone-atmosphere.css
 * Zweck        : Definition der Gestaltung bezüglich Farben, Fonts, etc.
 *                für die Url www.osterroenfelder-tsv.de
 * Autor        : Hans Wolter
 * Erstellt ab  : April 2011
 * Angepasst ab : Oktober 2021, Umstellung auf Responsive Design
 */

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	font-style: normal;
	color: black;
	background-image: url(../images/bonsai.jpg);
  background-color: var(--blue);
}

header 
{
  color: #0056A4; /* blau */
	background: #FFF522; /* yellow */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
}

#topnav 
{ 
	font-weight: normal;
	font-size: 12px;
	background: transparent; 
	color:#999; 
}

#topnav a 
{ 
	color:#999; 
	text-decoration:none;
}

a
{
  text-decoration: none;
}

ul
{
  list-style: none;
}

.navigationWrapper
{
  background-color: var(--blue);
}

.Logo
{
  color: var(--yellow);
  font-size: 20px;
}

.navigation
{
  background-color: var(--blue);
	font-size: 1.2em;
}

.navigation-menu a
{
	text-decoration: none;        /* Keine Formatierung des Textes */
	text-align: center;           /* Ausrichten des Textes */
	background: #FFF522; /* yellow */
	color:#0056A4; /* Schriftfarbe Blau */
	font-size:0.9em;
	font-weight:bold;
}

.navigation-menu a:hover
{
  background-color: var(--gray);
}

h1
{
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, Sans-Serif;
}

h2
{
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, Sans-Serif;
	font-size: 2em;
}

h3
{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Sans-Serif;
	font-size: 1.5em;

}

main 
{
	background: white;
	color: black;
	font-size: 1em;
}


@media only screen and (min-width: 800px)
{
	body
	{
	  font-size: 1em;
	}

	#topnav 
	{ 
		font-size: 15px;
	}
}