/* boKensnews.css 2024.10.22*/ 

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";
;
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%; 
 background-color : CornflowerBlue;}}

  -webkit-box-sizing: border-box;
box-sizing: border-box; 



body {
 /*font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));*/
font-size: 14	px;

background-color : DodgerBlue ;
background-color : LightSteelBlue ;
background-color : CornflowerBlue;

 margin-bottom: 0rem; 
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%; 
/* normal ist 300 - Lothar hat es aber gerne etwas dünner, deshalb nimmt er nur 100 */
font-weight: 200; 
color: white; 

 /* width= device-width;*/
width:device-width;
max-width: 800px;

font-size:18px;
line-height: 28px;
justify-content: center;
 background-color : CornflowerBlue;
}



/*  das gesamte raster*/ 

/*gridcontainer*/

div.grid-container{
margin: auto;

background-color : CornflowerBlue;
color: white;

padding: 5px;

justify-content: center;
font-size:16px;
line-height: 28px;
width:device-width;
max-width: 800px;
}


.grid-item {
padding: 20px;
color: :white;
}


.liRa {
grid-column: 1;
grid-row: 1 / span 4;
 background-color: ;
}

.reRa {
grid-column: 3;
grid-row: 1 / span 4;
 background-color: ;
}


.menu {
grid-column: 2;
grid-row: 1;
text-align: center;
background-color: ;
font-size: 1em;
}


div.seitentitel {
grid-column: 2;
grid-row: 2;
color: white;
text-align: center;


background-color : ;
color: white;

}

div.inhalt {
grid-column: 2;
grid-row: 3

background-color : CornflowerBlue;
color: white;

text-align: center;
vertical-align: top;
padding: 20px;
justify-content: center;
font-size:16px;
line-height: 28px;
width:device-width;
max-width: 800px;
}

div.fuss {
grid-column: 2;
grid-row: 3;
color: white;
background-color: ;

}
/* ende gridcontainer elemente*/



/* links */ 

/*
.link {
background-color: ;
color: blue;
text-align: middle;
font-size: 11pt:;
font weight: bold;
}
*/
a:link {
text-decoration: none;
font-style: normal;
 color: blue;
}


 a:visited {
text-decoration: none;<<
font-style: normal;
color:hotpink;
}

a:hover {
text-decoration: none;
font-style: italic;
 color: yellow;
}


/* stil-elemente */

.altjahr {
font-size: 1.3rem;
 text-align: center;
 color: orangered;
}


 .autor {
color: white;
vertical-align: top;
text-align: middle
font-weight: normal;
}
 
 
.datum {
font-size: 16pt;
 text-align: center;
 color: yellow;
 font-weight: ;
}


 .fett {
font-size-adjust: 10pt;
font-weight: 600;
font-style: normal;
 }


 .grau {
background: #F0F0F0;
 }

 .gross {
font-size: 16pt; font-weight:normal;
 }

 .grossfett {
font-size: 16pt; font-weight:600;
 }


 h1 {
font-size: 22pt;
font-weight: 600;
font-style: normal;
font-stretch: normal;
}


 h2 {
font-size: 19pt;
font-weight: 600;
font-style: normal;
font-stretch: normal;
}


 h3 {
font-size: 17pt;
font-weight: 600;
font-style: normal;
font-stretch: normal;
}


 h4 {
font-size: 15pt;
font-weight: 600;
font-style: normal;
font-stretch: normal;
}


 h5 {
font-size: 13pt;
font-weight: 700;
font-style: normal;
font-stretch: normal;
}


 h6 {
font-size: 10pt;
font-weight: 600;
font-style: normal;
font-stretch: normal;
}


.inset {
 background: white;
}


.jahr {
font-size: 2em;
text-align: center;
font-style: italic;
font-weight:450;
color: yellow;
}


.medium {
 font-size: 0.8em;
 font-weight: normal;
}


.news1 {
font-size: 16pt
}


 .pt10 {
font-size: 10pt;
 }

 .pt12 {
font-size: 12pt;
 }

 .pt8 {
font-size: 8pt;
}

 .pt14 {
font-size: 14pt;
 }

 .pt16 {
font-size: 16pt; font-weight:bold;
 }


.pubjahr {
font-size: .6em;
color: yellow;
} 
 

.rahmen {
 background:;
}


 .rotfett {
font-weight: 500;
text-decoration: none;
color: #CC0044;
}


.stern {
background-color: ;
color: ;
text-align: center;
 font-size: 2em;
 }


.text {
background-color: ;
color: white;
text-align: center;
vertical-align: top;
text-align: justify
}


.titel {
 font-size: 1.8em;
 font-weight: bold;
 color: LightCyan;
}


.was {
 font-size: 1.2rem;
 font-weight: normal;
 font-style: normal;
 color: white;
}


.waswannwo{
font-size: 1rem;
 color: white;
}


.werk{
 font-size: 1.2em;
 font-weight: 450;
 color: rot;
 font-style: ;
}


.wogezeigt {
 font-size: 1rem; 
 font-weight: normal; 
 color: darkorange;
}