/* ============ */
body {
  background-color:  #ffffff;
  margin-left:       1em;
  margin-right:      1em;
  text-align:        center;
  font-family :      Georgia, serif;
  font-size :        medium;
  font-style :       normal;
}

#pg_footer { 
  text-align:         center;
  padding-top:        1.5ex;
  padding-bottom:     1ex;
  border-top-width:   1px;
  border-color:       #aaaaaa;
  border-top-style:   solid;
  vertical-align:     middle;
}

	/* copyright in der Fusszeile */
#copy_footer {
  margin-left:       30%; 
  margin-right:      30%; 
  text-align:        center;
}

	/* Datenschutz in der Fusszeile */
#dprot_footer {
  width:             29%;
  float:             right; 
  text-align:        right;
}


	/* Seiteninhalt */
/*
#content { 
  margin-left:       auto;
  margin-right:      auto;
  max-width:         60em;
}
 */
/*
  flex:               auto;
  margin:             1ex 1ex 2ex 1ex;
  display:            block;
  text-align:	      center;
}
 */

.header {
  display:            flex;
  flex-wrap:          wrap;
  justify-content:    center;
  padding-top:        0px;
}

.header > h1, .header > h2 { 
  flex:               1 1 8em;
  margin-top:         0px;
  padding-left:       1ex;
  padding-right:      1ex;
  white-space:        nowrap;
  text-align:         center;
}

.products {
  display:            flex;
  flex-wrap:          wrap;
  justify-content:    space-around;
}

.products > figure { 
  flex:               1;
  margin-left:        1em;
  margin-right:       1em;
  max-width:          30em;
}


h1 {
  font-size: 1.5em;
  font-weight: bold;
  text-align:  left;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  text-align:  left;
}

img {
  border:         0;
}

.text {
  margin:         auto;
  max-width:      40em;
  text-align:     left;
}