body {
  font-family: Helvetica, Arial, sans-serif;
  background-color: oldlace; 
}
 
header {
   max-width: 40rem;
   background: firebrick;
   margin: 0 auto;
   padding: 0.5rem;
}

h1 {
  text-align: center;
  font-size: 2.25em;
  color: oldlace;
  letter-spacing: 0.1em;
}

main a:link {
  color: oldlace;
  text-decoration: none;
  font-weight: bold;
}

main a:visited {
      color: oldlace;
}

main a:hover {
   color: oldlace;
   text-decoration: underline;
}


.fon {
   text-align: center;
   font-size: 2.25rem;
   color: oldlace;
   font: bold 110%;
   max-width: 40rem;
   background: firebrick;
   margin: 0 auto;
   padding: 0.5rem;
   border-top: 0.2rem solid oldlace;
}

.hunde {
	text-align: center;
}

.termin {
   font-size: 1.25em;
   text-align: center;
   color: oldlace;
   max-width: 40rem;
   background: firebrick;
   margin: 0 auto;
   padding: 0.5rem;
   border-top: 0.2rem solid oldlace;
}

.angebot {
	background-color: oldlace;
	color: firebrick;
	text-align: center;
	max-width: 40rem;
	margin: 0 auto;
   padding: 0.5rem;
   border-top: 0.2rem solid oldlace;
}


h2 {
  text-align: center;
  font-size: 1.25em;
  text-transform: uppercase;
  color: firebrick;
  letter-spacing: 0.2em;
  text-shadow: 0 0 2px white;
} 

footer {
  max-width: 40rem;
  background-color: firebrick; 
  text-align: left;
  margin: 0 auto;
  padding: 0.5rem;
  color: oldlace;
  }

footer a:link {
  color: oldlace;
  text-decoration: none;
  font-weight: bold;
}

footer a:visited {
      color: oldlace;
}

footer a:hover {
   color: oldlace;
   text-decoration: underline;
}