/* boKens 0_calendar.css */

 {
  -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";
  
	background-color : #ffb9b3; /* darker lightsalmon;*/
	background-color : LightSteelBlue ; /* darker lightsalmon;*/
	background-color : DodgerBlue ;
		background-color : CornflowerBlue;
	
	text-rendering : optimizeLegibility;
	font-kerning : normal;
	text-size-adjust : 100%;
	}
	
body {
 /*	font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));    */
  font-size: 18px;
  
	background-color : #ffb9b3; /* darker lightsalmon;*/
	background-color : LightSteelBlue ; /* darker lightsalmon;*/
	background-color : DodgerBlue ;
		background-color : CornflowerBlue;
	
 	color:white;
 	
 	margin-bottom: 0rem; 
  	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%; 
    font-weight: 300;   
	
body {
 /*	font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));    */

}
}
/* normal ist 300 - Lothar hat es aber gerne etwas dünner, deshalb nimmt er nur 100 */

:root, table {
  width: 100%;
  
	background-color : #ffb9b3; /* darker lightsalmon;*/
	background-color : LightSteelBlue ; /* darker lightsalmon;*/
	background-color : DodgerBlue ;
		background-color : CornflowerBlue;
	
  display: grid;
  text-align: center;
  color: white;
  font-size:16px;
  line-height: 28px;
}

.grid-container {
  display: grid;
  
	background-color : #ffb9b3; /* darker lightsalmon;*/
	background-color : LightSteelBlue ; /* darker lightsalmon;*/
	background-color : DodgerBlue ;
		background-color : CornflowerBlue;
			background-color:  ;

	
    background-color: ; 
        color: ;
    font-size: 16px ;
    font-weight: bold;

    font-family: sans-serif;

    padding: 2px;

    wrap-before:initial; 
    width: device-width;
    max-width: 500px;

}


 /*  Rand-li */ 
div.Rand-li {
	grid-area: span 5/ 1;
	color: white;
	background-color:  ;
}

 /*  Rand-re */ 
div.Rand-re {
	grid-area: span 5/ 3;
	color: white;
	background-color:  ;
}

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

 /*  titel */ 
div.seitentitel {
	grid-area: 2 / 2;
	color: white;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
	font-weight: normal;
	 line-height: 80%;
}

div.inhalt {
	grid-area: 3 / 2;
	background: ;  
	color: white;
	text-align: center;
	font-size: calc(16px + 6 * ((100vw - 320px) / 1280));
/*    font-size: 20px;*/
	vertical-align: top;
}

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

/*  ende grid                                    */

/*  links                                           */
a:link {text-decoration: none;
    color:rgb(248,188,0);
    font-size: 110%;
    }
    
 a:vidited {
 	text-decoration: none;
   color:rgb(248,188,0);
   font-size: 110%;
   }   
   
a:active {
 	text-decoration: none;
   color:rgb(248,188,0);
   font-size: 110%;
   }   

a:hover {
	 font-style: italic;
	 color: white;
  }
    

.autor {
	 font-size: 1.2rem;
	 font-weight: normal;
}

.abteilung {
	 font-size: 2rem;
	 font-weight: normal;
	 font-style: italic; 
	 color: PaleTurquoise;
}

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

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


.gross {font-size: 150%;} 
      
picture {
  width: auto; 
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
}

.titel {
	 font-size: 1.8em;
	 font-weight: bold;
	 color: LightCyan;
	line-height: normal;
}
.titel2 {
	 font-size: 1.2em;
	 font-weight: bold;
	 color: white;
	line-height: normal;
}

.titel3 {
	 font-size: 1.0em;
	 font-weight: bold;
	 color: white;
	line-height: normal;
}

.titel4 {
	 font-size: 0.7em;
	 font-weight: ;
	 color: white;
	line-height: 80%;
}

.jahr {
    font-size: 7vw;
	 color: lightsalmon;
	 font-weight: normal;
	 font-style: italic;
}
.jahrklein {
    font-size: 4vw;
	 color: lightsalmon;
	 font-weight: normal;
	 font-style: italic; 
}
.pubjahr {
    font-size: .8rem;
	 color: yellow;
}


.medium {
	 font-size: 1rem;
	 font-weight: normal;
}

.was {
	 font-size: .8em;
	 font-weight: normal;
}
.waswannwo {
	 font-size: .8em;
	 font-weight: normal;
}
.auflage {
	 font-size: .8em;
	 font-weight: normal;
}

.hinweis {
	 font-size: .6em;
	 	 font-style: italic; 
	 font-weight: normal;
}


.sprung {
	 font-size: .8em;
	 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: 0px solid black;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); 
  }

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