{
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
body {
 	font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));    
 	
 		background: #e6e2d3;  

 	margin-bottom: 0rem; /* WAR: 3rem; */
  	min-height: 100vh;
  	text-rendering: optimizeLegibility;
  	-webkit-font-kerning: normal;
    font-kerning: normal;
  	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%; 
	 line-height: 28px;
	
}

 /*  fusszeile */ 
.fuss {
	grid-area: 4 / 2;
	color: white;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
	font-weight: normal;
	 line-height: 36px;
}


h1 {
  color: #b9936c;

  
  margin: 0;
  padding: .25em; 
  line-height: 1.1em; 
  text-align: center;
  
  }
h3 {color: #b9936c;}


.text { color: #dac292;}


p, div {
  color: #b9936c;
  margin: 0;
  padding:.25em; 
	 line-height: ;
  text-align: center;}

a {text-decoration: none;color:red;}
a:active,
a:hover {
  color: blue;}
    
.gross {font-size: 150%;} 
      
picture {
  width: auto; 
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
}
.jahr {
    font-size: 7vw;
	 color: lightsalmon;
	 font-weight: normal;
	 font-style: italic;
}
.jahrklein {
    font-size: 4vw;
	 color: lightsalmon;
	 font-weight: normal;
	 font-style: italic; 
}

.picsub {font-size: .8rem;}

.copy {
    font-size: .8rem;
    color: hsl(30, 100%, 40%);
}

.autor {
	 font-size: 1.3rem;
	 font-weight: normal;
	 color: #b9936c;
}
.preis {
	 font-size: 2rem;
	 font-weight: normal;
	 color: orange;
}
.titel {
	 font-size: 1.2rem;
	 font-weight: bold;
	 color: #b9936c;
}
.kleintitel {
	 font-size: .7rem;
	 font-weight: bold;
	 color: #b9936c;
	 }
	 
.abteilung {
	 font-size: 1rem;
	 font-weight: normal;
	 font-style: italic; 
	 color: gray;
}
.medium {
	 font-size: 1rem;
	 font-weight: normal;
}
img {
/*  width: auto; 		/* war: 100%; */
/*  max-width: 100%; 	/* 100vw; */
/*  height: auto; 	/* 100vh; */
/*  max-height: 100vh; /* war: 80vh */
  vertical-align: middle;
  /*display: block;*/
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border: 1px solid black;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);  
  }

.keinschatten {
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.0) ; 
  }

.ruler50 {
    width: 50%;
    height: 2;
    color: gray;
}
.ruler75 {
    width: 75%;
    height: 2;
}