@charset "UTF-8";
html,body{min-height:100%;height:auto;}
body{
  text-align:center;
  font-size:16px;
  background-image:url("./../images/Designelemente-aus-Holz.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}

.wrapper{
  margin:auto 0%;
  padding: 2%;
  position:relative;
  background:rgba(239, 239, 239, 0.85);
  border:25px solid rgba(239, 239, 239, 0.8);
}

header{
  width:100%;
}
section{
  left:0;
  right:0;
}
footer{
  width:100%;
}
h1{font-size:21px;margin:5px auto 35px;}

@media screen and (min-width: 30em) {
  body{}
  .wrapper{margin:2% 5%;}
}
@media screen and (min-width: 48em) {
  body{padding:8em 0;}
  .wrapper{ margin:10% 25%;}
}
@media screen and (min-width: 64em) {
  body{padding:7em 0;}
  .wrapper{ margin:10% 25%;}
}
@media screen and (min-width: 78.75em) {
  body{padding:8em 0;}
  .wrapper{ margin:10% 25%;}
}