html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}


BODY  {
margin: 0;
padding: 0;
font-weight: 400;
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
max-width: 1920px;
width: 100%;
min-height: 100%;
color: #3E3E3D;
background-image: url('../_img/background.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}


#wrapper {
display: block;
width: 100%;
max-width: 800px;
margin: auto;
min-height: calc(100vh);
background: rgba(255,255,255,0.5);
padding: 40px;
box-sizing: border-box;
text-align: center;
}


#menu_unten {
position: absolute;
display: block;
bottom: 0;
right: 0;
width: 100%;
text-align: center;
}


@media screen and (max-height: 600px) {
#wrapper {  overflow-y: scroll; }
#menu_unten { position: relative; }}



#menu_unten_inner { position: relative; line-height: 40px; padding: 10px 15px;   }
#menu_unten a { display: inline-block; line-height: 40px; padding: 0 10px; font-weight: 400; font-size: 15px; }


B, STRONG 	{ font-weight: 700; }
IMG 		{ max-width: 100%; height: auto;  }
A 			{ text-decoration: none; font-weight: 700; color: #3E3E3D; }

#link_mail { display: inline-block; width: 65px; height: 65px; font-size: 0; background-image: url('../_img/icon_mail.png'); }
#link_tel { display: inline-block; width: 65px; height: 65px; font-size: 0; background-image: url('../_img/icon_tel.png'); }

h1 { display: block; font-weight: 600; font-size: 36px; line-height: 46px; color: #94BF3E;  }
h2 { display: block; font-weight: 600; font-size: 24px; line-height: 34px; color: #3E3E3D; }