/* Printer styles */
@font-face { font-family: 'Libertine';
             src: url('LinLibertine_R.otf')  format('otf'),
                  url('LinLibertine_R.woff')  format('woff'),
                  url('LinLibertine_Rah.ttf')  format('ttf'); }
@font-face { font-family: 'Libertine';
             src: url('LinLibertine_RI.otf')  format('otf'),
                  url('LinLibertine_RI.woff')  format('woff'),
                  url('LinLibertine_RIah.ttf')  format('ttf'); 
                  font-style: italic;}
@font-face { font-family: 'Libertine';
             src: url('LinLibertine_RB.otf')  format('otf'),
                  url('LinLibertine_RB.woff')  format('woff'),
                  url('LinLibertine_RBah.ttf')  format('ttf'); 
                  font-weight: bold;}
@font-face { font-family: 'Libertine';
             src: url('LinLibertine_RBI.otf')  format('otf'),
                  url('LinLibertine_RBI.woff')  format('woff'),
                  url('LinLibertine_RBIah.ttf')  format('ttf'); 
                  font-weight: bold;
                  font-style: italic;}
@font-face { font-family: 'freesans'; src: url('fonts/FreeSans.otf' ) format('opentype'), 
 url('fonts/FreeSans.ttf') format('truetype'),
 url('fonts/FreeSans.woff') format('woff'), 
 url('fonts/FreeSans.woff2') format('woff2') ;} 
@font-face { font-family: 'freesans'; src: url('fonts/FreeSansBold.otf' ) format('opentype'), 
 url('fonts/FreeSansBold.ttf') format('truetype'),
 url('fonts/FreeSansBold.woff') format('woff'),
 url('fonts/FreeSansBold.woff2') format('woff2'); font-weight:bold; }
@font-face { font-family: 'freesans'; src: url('fonts/FreeSansBoldOblique.otf' ) format('opentype'), 
 url('fonts/FreeSansBoldOblique.ttf') format('truetype'),
 url('fonts/FreeSansBoldOblique.woff') format('woff'),
 url('fonts/FreeSansBoldOblique.woff2') format('woff2'); font-weight:bold; font-style: italic;}
@font-face { font-family: 'freesans'; src: url('fonts/FreeSansOblique.otf' ) format('opentype'), 
 url('fonts/FreeSansOblique.ttf') format('truetype'),
 url('fonts/FreeSansOblique.woff') format('woff'),
 url('fonts/FreeSansOblique.woff2') format('woff2'); font-style: italic;}
 

                               
 .noprint {display:none;}      
 .print {display:block;}                        

/* @page {size: portrait; }*/

body{
 /* display: flex;
  flex-flow: row wrap;  */
  font-family: freesans,serif, sans-serif;
  font-size: 12pt;
  width:100%;
    
}

h1 {font-size:14pt;} 
h2 {font-size:13pt;}
h3,h4,h5 {font-size:12pt;}




	   .left    { text-align: left; }
      .right   { text-align: right; }
      .center  { text-align: center; }
      .justify { text-align: justify; }
      .start   { text-align: start; }
      .end     { text-align: end; }
      .kleiner {font-size: 0.9em;}
      .groesser {font-size: 1.4em;}
      .mittig {vertical-align: middle;}
      
.hellgelb {background-color: transparent; }      
      
/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */  

header, nav, main, article, aside, footer {
  /* flex: 1 100%; */
  overflow:visible; 
}

html * {overflow: visible; }

     header { order: 1; }
     main { order:2; margin-bottom:1em; }

article {
/*   flex: 3 1 0%;
  margin: 0em 0.8em;
*/ 
order:3;
}



aside {
    order: 4;
	width:100%;
	margin-bottom:1em;
	display:inline; 
    page-break-before:always;
    margin-bottom:1em;
        }

header {text-align:center; }
header > img {width: 8em; height: auto; margin: 0 auto; text-align: center;}

nav {display:none; visibility:hidden;}
 
footer {
border-top: 4px double #FF9933;
padding-top:1.5em;
text-align: center;
/*display: flex; 
flex-flow:row wrap; */
display:inline-block;
width:98%;
order:99;
}
footer > p {flex: 1 1 100%;}
footer > p.xy {flex: 1 1 auto;}



div.prod {

 /*display: flex;
  flex-flow:row wrap; 
  */
   border:2px groove #F96; /* #69A;*/ 
   border-radius: 0.6em;
   
  /* flex: 1 1 50%;	 */
  display:block;
      
   padding: 0.3em;
   /* overflow:visible;*/	  
   height:170px;
   margin-bottom:0.5em;
   page-break-inside:avoid;
   width:90%;
  }


div.prod > img {
	/*flex: 0 1 40%;   */
	 display:inline; 
	width: 160px; height:auto; 
	vertical-align:middle;
	/* border:1px solid blue; */
	float:left;
	}


div.prod table {margin-left:180px; margin-top:20px;  
		vertical-align:middle; 
		font-size:14pt;
		/* border:1px solid gray; border-collapse:collapse; */
}
div.prod table th {text-align:right; width:8em; padding:0.2em;}