@charset "utf-8";


body {
  max-width:100%;
  margin: 1em auto;
  background-color: #5e5e5e;
  font-family:arial, "lucida console", sans-serif;
  color: #fff;
}

@media (min-width: 30em) { 
  #leistungen {
    display: grid;
    grid-template-columns: 1fr 12em;
  }

header {
	padding: 1em;
	margin-bottom: 1em;
    width:40%;
    font-size: medium;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.1em;
    text-align: left;
}

  a {
    color: #fff;
    text-decoration: underline;
    
  }

h1 {
    color: #fff;
	padding: 0.5em;
    font-size: 3em;
	font-family: sans-serif;
    font-weight: 400;
	border-radius: 0 1em 1em 1em;
    text-align: center;
    letter-spacing:0.02em;
}  
  

img {
  width: 100%;
  height: auto;
  display: flex;
}


angebot {
  padding: 1em;
  padding-top: 3em;
  width: 55em;
  height: 20em;
  font-size: 1.3em;
}


p {
    padding: 0.9em;
	font-size: medium;
    font-weight: lighter;
    text-align: left;
    width: 88%;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    
}

p a {
    color: #000;
    font-size: x-large;
    text-decoration: underline;
    
}

p img {
  display: center;
  width: 48%;
  height: auto;
  margin: 0 auto;
}





nav {
    clear: both;
    width: 80%;
    text-align: right;
    padding: 0.8em;
    color: #fff;
    font-size: 0.8em;
    display: block;
}

nav a {
    color: #fff;
    font-size: medium;
    letter-spacing: 0.05em;
    padding-right: 3em;
    
    text-decoration: underline;
}

footer {
  	display: grid;
  	grid-template-columns: 1fr 10em;
}

footer > * {
  grid-column: -2 / -1;
}