:root {
  --rahmenfarbe: #000;
  --tabColor: yellow;
  --tabLColor: #ffff99;
  --tabBackCol: maroon;
  --rahmenbreite: 2px;
  font-size: 16px;
  font-family: ADLaM Display ;
}

 [class=art_hl] {
 font-size: 1.5em;
 font-weight: normal;
 color: maroon;
}

 [class=art_shl] {
 font-size: 1.125rem;
 font-weight: normal;
 color: black;
}

 [class=art_tex] {
 font-size: 1rem;
 font-weight: normal;
 color: darkgrey;
}

[class=tab_2sp] {
 border-style:solid;
 border-width:var(--rahmenbreite);
 border-color:var(--rahmenfarbe);
 border-spacing: 2em;
 margin-left: auto;
 margin-right: auto;

table {
	caption-side: top;
}
 
 td {padding-top: 1em;
 padding-bottom: 1em;
 padding-left: 1em;
 padding-right: 1em;
 }
 
td:nth-of-type(1) {
  text-align: center;
  color: var(--tabBackCol);
  background-color: var(--tabLColor);
}

 th { 
   text-align: center;
   color:var(--tabColor);
   background-color: var(--tabBackCol);
   padding-top: .5em;
   padding-bottom: .5em;
   padding-left: .5em;
   padding-right: .5em;
 }

caption {
	background-color: #fdfcf3;
	border: thin solid #e7c157;
	padding-top: 1em;
	margin-top: 1em;
}

}   

[class=td_full] {
 border: solid var(--rahmenbreite) var(--rahmenfarbe);
}

[class=3erContainer] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px; 
    padding: 10px;
        
}

[class=aktionBox] {
    display: grid;
    grid-template-columns: 150px 300px;
    grid-gap: 5px; 
    padding: 5px;
    } 

[class=parent] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 6px;
}

[class=box] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 6px;
}