@media screen and (max-width: 385px){
.main 
{
background:#677c9b; 
position:relative;
width:485px;
margin:0px auto;

}
body
{
margin:8px;
background-attachment: fixed;

}
body {
background: url(../img/bg.gif)
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
  /*min-width: 640px;  Bei weniger als 640px Breite soll ein Scrollbalken erscheinen. */
;
}

.menu
{
width:485px;
height:180px;
background:#7791b9;
margin:0px;
padding:0px 0px 0px 0px;
}

.menu a
{
display:block;
background:#7791b9;
height:43px;
width:220px;
padding-top:12px;
margin:2px 2px 2px 2px;
float:left;
font-family:impact;
font-size:14pt;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;
text-align:center;
}


.menu a:hover
{
background:#677c9b;
color:#bfbdff;
}
.menu a.action
{ 
background:#7791b9;
color:#bfbdff;
}
.menu2
{
width:485px;
height:267px;
background:#7791b9;
margin:0px;
padding:0px 0px 0px 0px;
}
.menu2 a
{
display:block;
background:#7791b9;
height:40px;
width:484px;
padding-top:12px;
margin:2px 2px 2px 2px;
float:left;
font-family:impact;
font-size:14pt;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;
text-align:center;
}
.menu2 a:hover
{
background:#677c9b;
color:#bfbdff;
}

.menu2 a.action
{ 
background:#677c9b;
color:#bfbdff;
}
.menu3
{
width:485px;
height:20px;

margin:0px;
padding:0px 0px 0px 0px;
}

.menu3 a
{
display:block;
background:#677c9b00;
height:25px;
width:50px;
padding-top:12px;
margin:2px 2px 2px 2px;
float:right;
font-family:impact;
font-size:14pt;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;
text-align:center;
}

.menu3 a:hover
{

color:#bfbdff;
}
.menu3 a.action
{ 
background:#677c9b00;
color:#bfbdff;
}
.menu4
{
width:485px;
height:20px;

margin:0px;
padding:0px 0px 0px 0px;
}

.menu4 a
{
display:block;

height:43px;
width:220px;
padding-top:12px;
margin:2px 2px 2px 2px;
float:left;
font-family:impact;
font-size:14pt;
letter-spacing:1px;
color:#555555;
text-decoration:none;
text-align:center;
}

.menu4 a:hover
{

color:#bfbdff;
}
.menu4 a.action
{ 
background:#c7cfd7;
color:#555555;
}
.center p
{
text-align:justify;
padding:0px 15px 0px 15px;
color:white;
font-size:16px;
font-family:tahoma;
letter-spacing:1px;
margin:1;
}
.center
{
	
position:relative;
width:485px;
background:#677c9b;
margin:0px 0px 0px 0px;
}
.center h1
{
color:white;
text-align:center;
padding:20px 0px 0px 0px;
}
.center h2
{
color:white;
text-align:center;
padding:0px 0px 0px 0px;
}
.top_index
{
position:relative;
background:#677c9b url();
background-repeat:no-repeat;
width:485px;
height:315px;
}
.img
{
 border: 4px solid #677c9b;
}
h3
{
position:absolute;
top:120px;
left:0;
width:100%;
color:white;
font:bold 24px/45px Helvetica, Sans-Serif;
letter-spacing:-1px;
padding:0px;
text-shadow: #000000 1px 1px 0
}
.menu_gallery
{
width:270px;
height:52px;
background:#ffffff;
margin:0px;
padding:0px 0px 10px 13px;
}

.menu_gallery a
{
display:block;
background:#ffffff;
height:30px;
width:295px;
padding-top:12px;
margin:6px 0px 3px -23px;
float:left;
font-family:inherit;
font-size:19pt;
color:#000000;
text-decoration:none;
text-align:center;
}


.menu_gallery a:hover
{
background:#ffffff;
color:#888;
}
.menu_gallery a.action
{ 
background:#7791b9;
color:#bfbdff;
}
.menu_page
{
display:flex;
width:180px;
height:40px;
background:#ffffff;
margin:0px;
padding:0px 0px 10px 13px;
float:left;
}

.menu_page a
{
display:block;
background:#ffffff;
height:39px;
width:40px;
padding-top:12px;
margin:2px 2px 2px 2px;
float:left;
font-family:inherit;
font-size:25pt;
color:#000000;
text-decoration:none;
text-align:center;
}


.menu_page a:hover
{
background:#ffffff;
color:#888;
}
.menu_page a.action
{ 
background:#7791b9;
color:#bfbdff;
}
.main_gallery
{
background:#ffffff; 
position:relative;
width:330px;
margin:0px auto;
}
h5
{
font-size:36px;
text-transform:uppercase;
color:#ffffff;
text-align:center;
margin:30px 0;
font:bold 19px/30px Helvetica, Sans-Serif;
}
h5.g2
{
float: left;
font-size:36px;
text-transform:uppercase;
color:#ffffff;
text-align:center;
margin:30px 0px 30px 40px;
font:bold 24px/45px Helvetica, Sans-Serif;
}
h5.g1
{
float: left;
font-size:36px;
text-transform:uppercase;
color:#ffffff;
text-align:center;
margin:30px 0px 30px 40px;
font:bold 24px/45px Helvetica, Sans-Serif;
}
h5.g3
{
width:445px;
float:left;
font-size:36px;
text-transform:uppercase;
color:#ffffff;
text-align:center;
margin:17px 0px 30px 18px;
font:bold 24px/45px Helvetica, Sans-Serif;
}
.menu_products
{
width:470px;
height:30px;
background:#677c9b00;
margin:0px;
padding:0px 0px 0px 3px;
}

.menu_products a
{
display:block;
background:#677c9b00;
height:30px;
width:295px;
float:left;
font-family:inherit;
font-size:20pt;
color:#ffffff;
text-decoration:none;
text-align:left;
}

.text5{

font-size:36px;

color:#ffffff;
text-align:left;
width:327px;
font:bold 21px/25px Helvetica, Sans-Serif;

right:6px;
margin:4px 25px 11px 31px;
}
.text1{

font-size:36px;

color:#ffffff;
text-align:center;

font:bold 19px/25px Helvetica, Sans-Serif;
padding-top:10px;
right:6px
}
.text2{
text-align:justify;
padding:0px 10px 0px 10px;
color:white;
font-size:16px;
font-family:tahoma;
letter-spacing:1px;
margin:1;
}
.text4{
text-align:center;
padding:0px 25px 0px 25px;
color:white;
font-size:20pt;
font-family:inherit;
letter-spacing:1px;
margin:1;
}
.menu_products a:hover
{
background:#677c9b00;
color:#bfbdff;
}
.menu_products a.action
{ 
background:#677c9b00;
color:#bfbdff;
}
.icons_con{
width:45;	
}
img.main{
width:485px;
height:290px;
}
.likeh5{

text-align:left;
padding:10px 30px 10px 30px;
color:white;
font-size:20px;
font-family:tahoma;
letter-spacing:1px;
margin:1;
}
}