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


html,body {
    /*overflow: auto;  
	width: 100vw;
      height: 100vh;*/
      /* picture for a device-width between 0 and 640px in landscape-mode */
      background-image: url(Dreiseitenhof-Bayern-Hallertau-800.jpg);
      background-repeat:  no-repeat;
      background-position: center center;
      background-size: cover;
	  /* change  */
      background-attachment: fixed;
      /* to  */
      /* position: fixed; */
      /* if your style is not added to body */
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
    }
	@media (max-width: 1000px) {
		a {font-size:1.2em!important}
		.navigation {width:80%!important; background-color:#00341e;opacity: 0.75;}
}
		
    @media (orientation: portrait),
           (-webkit-min-device-pixel-ratio: 1.5),
           (min-resolution: 144dpi) {
      
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 640px) and (orientation: landscape) {
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 640px) and (orientation: portrait) {
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5),
           (min-width: 640px) and (min-resolution: 144dpi) {
      
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
	}
    @media (min-width: 1280px)  and (orientation: landscape) {
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 1280px)  and (orientation: portrait) {
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
           (min-width: 1280px) and (min-resolution: 144dpi) {
      
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
    @media (min-width: 2560px)  and (orientation: landscape) {
      body {
        background-image: url(Dreiseitenhof-Bayern-Hallertau.JPG);
      }
    }
.navigation {width:40%; background-color:#00341e;opacity: 0.75;padding:0px 0px 0px 5px; }
a {text-decoration: none; color:#ffffff; font-weight: bold; font-size:1.2em;}
#l2 {text-decoration: none; color:#ffffff; font-weight: bold; }
#yt {text-decoration: none; color:#ffffff; font-weight: bold;}
#lage {text-decoration: none; color:#ffffff; font-weight: bold;}
.text {margin:20px 0px 0px 0px;background-color:white;width:80%;height;100%; opacity: 0.8;padding:10px;color:#00341e;font-size:18px;font-weight:normal;}
h3 {margin:12px 0px 0px 0px}
p {margin:3px 0px}
ul {padding:0px 0px 0px 16px}
#footer {font-size:14px; font-weight:100}
.mail{color:#00341e;text-decoration: underline;}