@charset "utf-8";
/* CSS Document */

html, body {
  margin:0;
  padding:0;
  background-color: #666;
  background-image: url(../bilder/website/hintergrund/20210801_haus_sommer_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
  }

body {
  font-family:Verdana,sans serif;
  font-size: clamp(0.7rem, 0.5vw + 0.7rem, 3.5rem);
  color: #000000;
}

a {
   color: inherit;
  }
 
h1 {
   font-size: 200%;
   margin-block-start: 0;
   margin-block-end: 0.67em;
   }

#Oben {
   max-width: 900px;
   margin: auto;
/*    background-image: url(../bilder/website/top/top_bg.png); */
   background-size: cover;
   background-repeat: no-repeat;
   }

#Oben > img {
   height: 6em;
   width: auto;
   }

#Menue {
   margin: auto;
   text-align:center;
   background: #31551a;
   color: #ffffff;
   font-weight:bold;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
   }

#Menue > ul {
   display:inline-block;
   margin-block-start: 0;
   margin-block-end: 0;
   padding-inline-start: 0;
   }

#Menue > ul > li {
   display:inline-block;
   }
   
#Menue > ul > li > a {
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 1.5em;
   }

#Menue > ul > li.aktive > a {
   text-decoration-thickness: 5px;
   }

#MobiMenue {
   display: none;
   }

#Mitte {
   background:url(../bilder/website/hintergrund/brett.jpg);
   background-size: 100% auto;
   background-repeat: repeat-y;
   max-width: 900px;
   margin: auto;
   min-height: 80%;
   }

#Links {
   display: none;
   }

#Inhalt {
   height: 100%;
   padding-left: 20px;
   padding-right: 20px;
   overflow:hidden;
   }

#Rechts {
   display: none;
   }
       
#Unten {
   max-width: 900px;
   margin: auto;
   text-align:center;
   background: #31551a;
   color: #ffffff;
   font-size: 80%;
   }
   
@media screen and (max-width:900px) {
}

@media screen and (max-width:750px) {
}