/* https://www.cssfontstack.com/Web-Fonts */
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Baumans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Playball);

footer {
	font-family: Playball;
}

@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Baumans);

/* Theme Grünes Grid  */

html {
  background:OrangeRed;
  color: yellow;	
  font-family: Arial Black;
}

body {
  margin: 1em auto;
  max-width: 65em;
}

h1, main, aside, main svg {
  padding: 1rem;
  margin: 1rem;
}

/* header - Seitenkopf */



h1, h2 {
	font-family: 'Baumans', cursive;
	font-size: 3em; 
	text-shadow: 0 2px white;
}






nav a {
  background:yellow;
  color: red;
  padding: .5em;
  border-radius: 0.5em / 1em;
  border: 1px solid;  
}

nav a:hover, nav a:focus {
  background: hsl(80, 60%, 90%);
  color: orangered;
}

#index img {
    width: 70%;
  transform: rotate(-2deg);
  margin-bottom: 1em;
}  

header img {
  margin-right: 20px;
}
nav, nav ul, nav li{
  margin: 0;
  padding:0;
  border: 0;
}
nav li {
  margin: 1.3em 0;
}
nav a {
  display:inline-block;
  width: 95%;
  margin: 0;
  text-decoration: none;
  text-align: center;
}
nav a:hover {
}

nav a[aria-current=page] {
	background:yellow;
	font-weight:bold;
}

footer {
  border-color: #8a9da8;
}

footer p {
  text-align: right;
}
/* Smart Phones und Tablets mit mittlerer Auflösung */
@media all and (min-width: 35em) {
  header img {
	margin-right: 50px;
  }
  nav li {
    margin: 0 1em;
  }
}

/* Large screens */
@media all and (min-width: 50em) {
  #index img {
    width: 90%;
  } 
}

/* Terminkalender */

table, th, td { 
  width: 100%;
  border: 1px solid; 
  border-collapse: collapse; 
  color:yellow;
}

th, td {
	padding: .5em;
}

th {
	background: red;
	border: 1px solid #5a09900;
	color: yellow;
}

caption {
	font-style: italic;
}