@charset "utf-8";

:root {
  color-scheme: light dark; /* folgt der Browser-Präferenz */

  --text:       light-dark(rgb(60, 25, 15),   rgb(255, 236, 215));
  --background: light-dark(rgb(255, 229, 201), rgb(159, 63, 45));
  --primary:    light-dark(rgb(159, 63, 45),  rgb(0, 0, 0));
  --secondary:  light-dark(rgb(60, 25, 15),   rgb(255, 229, 201));
  --accent:     light-dark(rgb(189, 68, 45),  rgb(189, 68, 45));
  --outline:	light-dark(rgb(187, 140, 131), rgb(125, 50, 36));
}

/* Manueller Override */
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }


@font-face {
    font-family: 'Roboto';
	src: url('/css/RobotoSerif.ttf');
    font-weight: normal;
    font-style: normal;
}

/* -------------------- RESET --------------------- */

html{ color: var(--text); }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figcaption,figure,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,figcaption,figure,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup, sub {vertical-align: baseline;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
figure { position:relative; }

HTML {	font-size: 16px; height:100%; width:100%; text-rendering: optimizeLegibility; font-kerning: normal; }

BODY { 
    BACKGROUND: var(--background);
    FONT-FAMILY: Roboto;
	padding: 1rem;
}










STRONG { font-weight: bold; }

.fullwidth, .w100 { width:100% !important; height:auto; }
.mw100 { max-width:100% !important; }
.w99 { width: 99% !important; }
.w75 { width: 75% !important; }
.w50 { width: 50% !important; }
.w12 { width: 12% !important; }
.m0 { margin:0 !important; }
.m0t { margin-top:0 !important; }
.m0l{ margin-left:0 !important; }
.m0r { margin-right:0 !important; }
.m0b { margin-bottom:0 !important; }
.p0, .p0 TD, .p0 TH { padding:0 !important; }
.p0l, .p0l TD, .p0l TH { padding-left:0 !important; }
.p0r, .p0r TD, .p0r TH { padding-right:0 !important; }
.p05, .p05 TD, .p05 TH { padding:.5em !important; }
.p1, .p1 TD, .p1 TH { padding:1em !important; }
.p1t, .p1t TD, .p1t TH { padding-top:1em !important; }
.p1l, .p1l TD, .p1l TH { padding-left:1em !important; }
.p1r, .p1r TD, .p1r TH { padding-right:1em !important; }
.p1b, .p1b TD, .p1b TH { padding-bottom:1em !important; }
.p2, .p2 TD, .p2 TH { padding:2em !important; }
.m2 { margin:2em !important; }
.m2t { margin-top:2em !important; }
.m2b { margin-bottom:2em !important; }
.m1 { margin:1em !important; }
.m1l { margin-left:1em !important; }
.m1t { margin-top:1em !important; }
.m1b { margin-bottom:1em !important; }
.m05 { margin:.5em !important; }
.m05t { margin-top:.5em !important; }
.m05r { margin-right:.5em !important; }
.m05l { margin-left:.5em !important; }
.m05b { margin-bottom:.5em !important; }

.alRight,  .alRight TH,  .alRight TD,  TABLE.alRight TD  { text-align: right !important; }
.alLeft,   .alLeft TH,   .alLeft TD,   TABLE.alLeft TD   { text-align: left !important; }
.alCenter, .alCenter TH, .alCenter TD, TABLE.alCenter TD { text-align: center !important; }
.alTop,    .alTop TH,    .alTop TD,    TABLE.alTop TD    { vertical-align: top !important; }
.alMiddle, .alMiddle TH, .alMiddle TD, TABLE.alMiddle TD { vertical-align: middle !important; }
.alBottom, .alBottom TH, .alBottom TD, TABLE.alBottom TD { vertical-align: bottom !important; }

.jCenter { margin-left: auto; margin-right: auto; }


.authName { }


.cls TD, .cls TH
{    
    padding: 8px;	
	vertical-align: top;
	/* border: 1px solid red; */
}
.cls2 TD, .cls2 TH
{    
    padding: 4px;	
	vertical-align: top;
	/* border: 1px solid red; */
}

I { font-style:italic; }

H1, H2, H3, H4, H5, .CD { font-family: Roboto;  }
H1 { FONT-SIZE: 2rem; font-variation-settings: 'wght' 650, 'wdth' 60; }
H2 { FONT-SIZE: 1.5rem; font-variation-settings: 'wght' 450, 'wdth' 70; }
H3 { FONT-SIZE: 1.3rem; margin-bottom: 3px; font-variation-settings: 'wght' 650, 'wdth' 40, 'opsz' 20;   }
H4 { FONT-SIZE: 1.15rem; margin-bottom: 3px; }
H5 { FONT-SIZE: .85rem; margin-bottom: 3px; }

H1+H4 { margin-top: 8px;}
H2:last-child { margin-bottom: 0; }

HEADER.art { margin-bottom: 2rem; }
HEADER.art H1 {  }
HEADER.art H4 { font-variation-settings: 'wght' 550, 'wdth' 100, 'opsz' 40; }

	
.flex_container {
	display: flex;
	width: 100%;
	max-width: 800px;
}
@media screen and (max-width: 600px) {
	.flex_container_S {   
		flex-direction: column;
	}
}

.flex_item_left, .flex_item_left_s {
  width: 100px;  
  padding-right: 10px;
  
  color: var(--primary);
}
.flex_item_left_s { width: 90px; }
.flex_item_right {
  flex: 1;  
  padding-left: 8px;
}


.fMain {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
}

.fItem {
	flex: 1 0 calc(15% - 20px);
	/*border: solid 1px #ffa040;
	background: #fff0aa; */
	margin-bottom: .5em;
	padding: .5em;
	min-width: 200px;
	max-width: 200px;
	margin-left: 20px;
	border-radius: 2px;			
}
.fItem IMG { box-shadow: 1px 1px 2px 0 #999; }




.mLogo IMG { width:200px; max-width:100%; margin-bottom: 2rem;  }



ARTICLE {	
	font-size: 1.1rem;
	margin-bottom: 2em;
}
ARTICLE P { font-variation-settings: 'wght' 300, 'wdth' 90, 'opsz' 40; }

.szSmaller { font-size: .75em; }

LI { margin-bottom: 4px; }
.list LI { list-style:circle;  margin-left: 2rem;   }
.archList LI {  }



.mwidth { 
	width: 100%; 
	display: flex;
	gap: 1em;
	align-items: flex-start;
	justify-content: space-between; 
}

A, A:active, A:visited, A:link
{
    COLOR: var(--text);	
}

P
{
	margin-bottom: 1rem;
	line-height: 1.3em;
	text-align: justify;
	/* text-justify: inter-character; */
	hyphens: auto;
}

ARTICLE P
{
		text-indent: 2em;
}

IMG { object-fit: contain; }

.noImg { padding:10px;color:#900;background:#ccc;text-align:center;font-size:2rem; margin-bottom: 5px; }

.scSeries { border-top:5px solid var(--outline);font-size:.85rem; text-align: right; }

.scHeader {
	border-top:5px solid var(--outline);
	padding:0 !important;
}
.scHeader > DIV , .archList LI { margin-bottom:8px;padding:4px 8px 3px 8px; }
.archList LI { box-shadow: 4px 0px 0px 0px #ffa040; }

.scName { 
	font-size:.8rem; 
	color: var(--primary);
	font-variation-settings: 'wght' 500, 'wdth' 90, 'opsz' 40; 
}

.bkLevel { margin-bottom: 12px; }
.bkRoot  { display: inline-block; }

.bkShuf { opacity: .5; }

INPUT[type=submit]  {
	background: #ffa040;
	padding: 2px 5px 0px 5px;
	border: 2px solid #ddd;
	color: #900;
}