/* Hans-Böckler-Realschule   organigramms   orgaGr.css

 * Stand alone css for simple page (orga.html e.g.)
 * or additional to hansiBo.css
 * (c) 2021 Albrecht Weinert a-weinert.de

 * $Revision: 132 $ ($Date: 2021-09-14 09:13:57 +0200 (Di, 14 Sep 2021) $)
 * R. 133 14.09.2021: new extra organigramm
 * R. 181 15.09.2022: w3c 1 error (removed)
 * R. 241 16.05.2023: !important (almost) removed by deleting .bildu+ol
 */

#middle {  max-width: none; }
#footer2 {  max-width: none; }
#header {  max-width: none; }

.manag { background: SandyBrown;}
.manag+ol * .orgEntBox { background: SandyBrown;}

.bildu  { background: #92d14F;}
/* .bilduBg  { background: #92d14F !important;} w/o .bildu+ol no xxxBg classes  */
/* .bildu+ol * .orgEntBox { background: #92d14F;}  w/o no xxxBg classes  */

.erzib  { background: #b3a1c7 }
.erzib+ol * .orgEntBox { background: #b3a1c7;}

.prjGr  { background: #03ae4e }
.prjGr+ol * .orgEntBox { background: #03ae4e;}

.fachk  { background: #7cfc73 }
.fachkBg  { background: #7cfc73 !important;} /* see Bildung Fachk. Hauptf. */
.fachk+ol * .orgEntBox { background: #7cfc73;}

.fkoHf  { background: #98cf04 }
.fkoHf+ol * .orgEntBox { background: #98cf04;}

.fkoNf  { background: #c3d59b }
.fkoNf+ol * .orgEntBox { background: #c3d59b;}

.indFg  { background: #00ce00 }
.indFg+ol * .orgEntBox { background: #00ce00;}

.schlb  { background: #ff3a05 }
.schlb+ol * .orgEntBox { background: #ff3a05;}

.projk  { background: #fdff04 }
.projk+ol * .orgEntBox { background: #fdff04;}

.commBg  { background: none; border-style: none !important;
 padding: 0 !important; } /* comment backg */

.servi  { background: #00d5ef }
.servi+ol * .orgEntBox { background: #00d5ef;}

.sicherh { background: #F7D358;}
.sicherh+ol * .orgEntBox { background: #F7D358;}
          
.beauf  { background: #dc008c }
.beauf+ol * .orgEntBox { background: #dc008c;}

.organigramm { font-family: "Inter", sans-serif; padding: 0 10px;
  margin: 0 auto; display: flex; flex-wrap: wrap;}
.organigramm  * { padding: 0; margin: 0; box-sizing: border-box; }
.organigramm  *  a {text-decoration: none; }
div.organigramm ol {overflow: visible !important;}

.orgColBox {
  position: relative;
  padding: 10px 20px;
  border-color: black;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;}

.orgEntBox {
  position: relative;
  padding: 6px 5px 6px 10px;
  border-color: black;
  border-width: 3px;
  border-style: solid;
  font-weight: normal;}
.talSp {border-color: blue; border-width: 4px;}

.orgColWrp { list-style: none; position: relative; display: grid;
  margin: 8px 1px 8px 3px;
  max-width: min-content; /* that's the trick  */ }
  
ol.orgColWrp * h5 { display: block; font-size: 1.17em; color:black;
 font-family: "Inter", sans-serif; font-weight: bold;
 margin-bottom: 20px; text-transform: none;}

.orgEntWrp {  position: relative; width: 80%; margin-left: auto;
  list-style: none;}
  
ol.orgEntWrp * h6 { display: block;  font-size: 1em; text-transform: none;
 color:black;  font-family: "Inter", sans-serif; font-weight: normal;}

.orgEntWrp::before { /* vertical line from left h5 edge */
  content: "";
  position: absolute;
  top: -20px; left: -20px;
  width: 3px;
  height: calc(100% + 20px);
  background: black;}

.orgEntWrp li + li { margin-top: 10px;}

.orgEntBox::before { /* horizontal line into middle h6 (from left) */
  content: "";
  position: absolute;
  top: 50%; left: 0%;
  transform: translate(-100%, -50%);
  width: 20px; height: 2px; background: black;}
  
 .talSp::before { /* horizontal line into middle h6 (from left) */
  content: "";
  position: absolute;
  top: 50%; left: 0%;
  transform: translate(-100%, -50%);
  width: 23px; height: 2px; background: blue;}