@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

/*== Kalibrierung ==*/

* { margin: 0; padding: 0;}

html, body { height:100%; }

/*== Allgemeine Styles ==*/

body { font:100.01%/1.4  'Open Sans', sans-serif; color:#000;
 background:#c2c65e;  background-image:none;
 text-align:center; /* horizontal centering for IE Win quirks */
 }
 
 img { border:none}
 .responsive {display: block; max-width: 100%; height:auto}
 
 h1 {font-weight:600; font-size:2.05em}
 
 h2 {font-weight:600; font-size:1.4em; margin-bottom:20px}
 
 a {color:#999}
 
 p {margin-bottom:20px}


/*== IDs ==*/
#outline { margin:auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:1000px; height:100%;
		clear:left;
		padding:0
}

#page { position:relative; width:1000px; height:2172px}

#headline {position:absolute; top:2030px; right:70px; z-index:10; color:#fff; text-align:right; font-size:.8em}
#headline a{color:#fff; text-decoration:none}

#header {height:708px}
#products, #manufaktur, #footer { position:relative}
#products div, #manufaktur div, #footer div { position:relative; top:120px; float:left}
#products div.first {margin:0 45px 0 60px}
#products div.second {margin-right:25px}
#products div {margin: 0 35px; width:18%}
#products div.last {margin:0}
#products span {position:absolute; bottom:48px; left:56px; width:300px; font-style:italic; font-size:.7em}

#manufaktur div {width:40%}
#manufaktur div.first {margin:0 70px 0 70px}
#manufaktur p {margin-bottom:25px; text-align:justify}
/* Standard-CSS */

#products {
width: 1000px;
height: 468px;
background-image: url(../img/unsere_produkte.jpg);
}

#manufaktur {
width: 1000px;
height: 573px;
background-image: url(../img/hahnheider_genussmittelmanufaktur.jpg);
}

#footer {
width: 1000px;
height: 207px;
background-image: url(../img/edeka-footer.jpg);
color:#fff; text-align:center; font-size:0.7em
}
#footer p{padding-top:160px}
#footer a{color:#fff; text-decoration:none}
	
	
/* Retina-CSS */

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
  #products {
    background-image: url(../img/retina/unsere_produkte.jpg);
    background-size: 1000px 468px;
	margin-top:-1px;
  }
  #manufaktur {
    background-image: url(../img/retina/hahnheider_genussmittelmanufaktur.jpg);
    background-size: 1000px 573px;
	margin-top:-1px;
  }
  #footer {
    background-image: url(../img/retina/edeka-footer.jpg);
    background-size: 1000px 207px
  }
}


#content { position:relative}