body {
    background-color: beige;
    max-width: 60em;
	margin: 1em auto;
}

header {
    height: 5em;
    padding: 0 1em;
    margin-bottom: 1em;
    display: grid;
    grid-template-columns: 6em 1fr 1fr;
}

#angebot {
  background-color: firebrick;
  margin: 1em 3em;
  padding: 1em;
  width: 10em;
  text-align: center;  
}

#angebot h3 {
  font-size: 2em;
  font-variant: small-caps;
  color: lightyellow;
}

#angebot p {
  color: white; 
}

p {
    font-size: 1.1em; 
  text-align: justify; 
  font-family: sans-serif; 
  color: brown;
} 

header p:first-of-type {
  font-size: 2em;
  font-weight: bold;
}
 
header p:last-of-type {
  transform: rotate(-10deg);
  border: thin solid;
  padding: 0.5em;
  border-radius: 0.2em;
  align-self: end;
  width: 14em;
  color: brown;
  font-size: 1.1em;
}

h1 {
    background-color: firebrick;
    color: beige;
    padding: 0.5em;
    font-family: sans-serif;
    border-radius: 0 1em 1em 1em;
}

h2,h3 {
    font-size: 2.6em;
    color: firebrick;
    background-color: LightSalmon;
    border: thin solid;
    font-family: "Brush Script MT", "Brush Script Std", "Lucida Calligraphy", "Lucida Handwriting", "Apple Chancery", cursive;
	  text-align: center;
}

p,ul,ol,table {
  font-size: 1.3em;
	text-align: justify;
	font-family: sans-serif;
	color: #654321;   
}

ul ul {
	font-size: inherit;
}

#leistungen {
  display: grid;
  grid-template-columns: 1fr 12em;
}
  
#leistungen h2 {
  grid-column: 1 / -1;
}
 footer {
  float: right;
 }