body {
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0; 
  background-image: url("img/texture_yellow.png");
  background-repeat: repeat;
}
a:link {
  text-decoration: none;
  font-family: VollkornSC,Georgia,serif;
  font-style: normal;
  color: #84b331;
}
.sprungmarke {
  display: block;
  visibility: hidden;
  height: 13em;
  margin-top: -13em;
}
h1{
  font-size: 18pt;
  color:     #517129;
}
h2{
  font-size: 14pt;
  color:     #517129;
}
h3{
  font-size: 12pt;
  color:     #517129;
}
div.headerpic {
  text-align: center;
  margin: auto;
}
img.bildla {
  max-width: 700px;
  width: 100%;
  height: auto;
}
div.titel {
  min-height: 120px;
  font-family: VollkornSC,Georgia,serif;
  font-style: normal;
  font-size: 10pt;
  text-align: center;
}
div.textblock {
  background-color: rgba(255,255,255,1);
  min-height: 100px;
  max-width: 680px;
  border: 1px dashed gray;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Vollkorn,Georgia,serif;
  font-style: normal;
  font-size: 10pt;
  font-weight: normal;
}
p {
  font-size: 11pt;
  line-height: 1.3;
  margin-top: 1em;
}
table.hurz {
  width: 100%;
}
/*
tr.prod {
  margin: 0;
  padding: 0;
}
*/
tr.prod:nth-of-type(odd){
  background-color: none;
}
tr.prod:nth-of-type(even) {
  background-color: #f7f6ee;
}
td.prodbild {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
}
td.prodtext {
  width: 65%;
  text-align: left;
  vertical-align: top;
  padding: 0px;
}
td.prodtext p {
  margin-left: 0.5em;
}
td.prodpreis {
  width: 15%;
  text-align: right;
  vertical-align: top;
  padding: 0 1em 0 0;
}

.wrapper {
  display: flex;  
  flex-flow: row wrap;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
  top:0px;
  left:0px;
  right:0px;
  background-color: #17202a;
  border-bottom: 2px solid black;
}

.navigation {
  list-style: none;
  margin: 0; 
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 12pt;
}
  
.navigation a {
  text-decoration: none;
  display: block;
  padding: 1em;
  font-family: VollkornSC,Georgia,Serif;
  font-family: VollkornSC,Georgia,Serif;
  min-width: 100px;
}

.navigation a:link {
  font-family: VollkornSC,Georgia,Serif;
}

.footer {
  background: lightgreen;
}

.main {
  text-align: left;
  background: rgba(255,255,255,0.9);
  max-width: 1000px;
  min-height: 400px;
}

.aside-1 {
  /* background: gold; */
}

.aside-2 {
  /* background: hotpink; */
}

@media all and (min-width: 600px) {
  .header {
    position: -webkit-sticky;
    position: sticky;
  }
  .aside { flex: 1 auto; }
  .navigation {
    justify-content: space-around;
    flex-direction: row;
  }
  .main {
    min-width: 600px;
  }
  .header {
    font-size: 14pt;
  }
  .sprungmarke {
    height: 8em;
    margin-top: -8em;
  }
}

@media all and (min-width: 1000px) {
  .main    { flex: 3 0px; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .navigation {
    justify-content: center;
    flex-basis: 5em;
  }
  .sprungmarke {
    height: 8em;
    margin-top: -8em;
  }
}

/* vollkorn-regular - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-500 - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-500.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-600 - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-600.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-700 - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-700.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-800 - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-800.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-900 - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-900.svg#Vollkorn') format('svg'); /* Legacy iOS */
}


/* vollkorn-italic - latin-ext_latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/vollkorn-v12-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/vollkorn-v12-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-v12-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-v12-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-v12-latin-ext_latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-sc-regular - latin-ext_latin */
@font-face {
  font-family: 'VollkornSC';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('VollkornSC Regular'), local('VollkornSC-Regular'),
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-regular.svg#VollkornSC') format('svg'); /* Legacy iOS */
}

/* vollkorn-sc-600 - latin-ext_latin */
@font-face {
  font-family: 'VollkornSC';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('VollkornSC SemiBold'), local('VollkornSC-SemiBold'),
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-600.svg#VollkornSC') format('svg'); /* Legacy iOS */
}

/* vollkorn-sc-700 - latin-ext_latin */
@font-face {
  font-family: 'VollkornSC';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('VollkornSC Bold'), local('VollkornSC-Bold'),
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-700.svg#VollkornSC') format('svg'); /* Legacy iOS */
}

/* vollkorn-sc-900 - latin-ext_latin */
@font-face {
  font-family: 'VollkornSC';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local('VollkornSC Black'), local('VollkornSC-Black'),
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/vollkorn-sc-v4-latin-ext_latin-900.svg#VollkornSC') format('svg'); /* Legacy iOS */
}