*
{
    margin:0;
    padding:0;  
}
body
{
    font-size: 20px;
    background-image:url(https://live.staticflickr.com/5144/5764313157_86a3b203ec_n.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #663A03;
    font-family:Calibri;
    margin: 0;  
    box-sizing: border-box;
}
html
{
    height:100%;   
}
p 
{
    font-size: 15px;
    color: #663A03;
    margin:0;
    padding:20px;
    text-align:justify; 
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: italic;
    box-sizing: border-box;
}
h1
{
    font-size: 40px;
    text-align:center; 
    color:#5d1c10;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
}
/* Fusszeile */
.footer
{
    font-size: 17px;
    margin:0;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #5b120a;
    height: 4em;
    position: fixed;
    width: 100%;
    background-color: #F1CA7A;
    left: 0; right: 0; bottom: 0;  
    
    
}
.mehrspaltig
{
    column-count: 3;
    width: 30em;
    float: left;
	display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    justify-content: center;
    text-align: center;
 
} 
/* Navigation */  
.leiste
{ 
    width:auto;
    height:10px;
    padding: 20px;
    margin: 10px;
    margin-bottom: 15px;
    font-family:"Copperplate";
    font-size:20px;
    background-image: linear-gradient(to right,#FCF7D7 0%, #DC9C80 100%); 
    border:5px double #31110d;
   
}
#menu ul
{
    display:inline-block;
    
}
#menu
{
    text-align:center;
}    
li
{
    display:inline;
    margin-right: 30px; 
    color: #5b120a;
    padding: 10px;
    
}
a
{
    display:inline;
    text-decoration: none;
    color: #5b120a;
    padding: 10px 10px;
   
}
@media screen and (max-width: 600px) {
    .leiste {
      margin: 5%;
    }
}
img
{
    max-width: 100%;
    height: auto;
  
}
/* Website Reiten */  
.form
{
    width:47%;
    height:150x;
    border-radius: 90px;
    position:relative;
    border-style: none;
    padding: 1%;
     

    
}
.column 
{
    float: left;
    width: 32.33%;
    padding: 1px;
    border: double 5px rgba(50, 49, 49, 0.7);
    border-radius: 0 0 0 0;
  }
  @media screen and (max-width: 500px) {
    .column {
      width: 100%;
    }
  }
 .row::after 
 {
    content: "";
    clear: both;
    display: table;
  }
#gruen
{
    background-color:#FFF7CD;
}
.bild
{
    max-width: 100%;
    height: auto;
    border: double 7px rgba(50, 49, 49, 0.7);
    border-radius: 0 0 0 0;
}
@media screen and (max-width: 500px) {
    .bild {
      width: 100%;
    }
  }