/* --------------flexBox-Container und Absatzformate fuer Seite 'wissen': --------------- */
/* ====================================================================================== */

  div.flex_lib { display:flex;
                 flex-direction:row;
                 flex-wrap: wrap;
                 width: 100%;
                 max-width: 80em;
                 margin: 30px auto 0 auto;  padding: 0 0 0 0; 
                 border-collapse:separate; border-spacing:0; 
                 border-style:solid; border-width:thin; border-color:#cccccc;
               }


  div.lib-logo { display:inline-block;    /* item von 'flex-lib' -------------- */
                 justify-content:flex-start;
                 
                 margin:10px 10px 10px 10px;  padding: 0;
               }
  img.lib-logo { width:100%; height:auto;
                 max-width:100px;
               }

  div.lib-text { display:inline-block;   /* item von 'flex-lib' -------------- */
                 flex-direction:column;
                 width: 100%;
               }
                 
  div.lib-name { order:1;                /* item von 'lib-text' -------------- */
                 display:block;
                 padding:15px;
                 background-color:rgb(240, 240, 221);     /* hellgrau  */ 
/*                 background-color:hsl(44, 25%, 80%);       bis 13.11.2021   helles braun  */
               }

  div.lib-spez { order:2;                /* item von 'lib-text' -------------- */
                 display:block;
                 padding:15px;
                 justify-content:flex-end;
                      -ms-flex-pack:end;
                 text-align:right;
                 background-color:hsl(0, 0%, 97%);               /*  helles graublau  */
               }
/* Abweichungen auf Medien >900px */
@media only screen and (min-width:900px)   {
  div.flex_lib { flex-direction:row;
                 flex-wrap: nowrap;
               }
}  /* Ende @media  */


/* ============================= Zu Klappmenues ==================================== */

/* ------------- Bestandteile von 'check_mehr' und 'mehr' ----------------------------------- */

/* Voreinstellung: verstecken:                                               */
/* alle Standard-checkbox-Symbole                                            */
  input[type="checkbox"] { display:none; } 

/* alle mehr-Texte                                                           */
               span.mehr { display: none; }

        label.check_mehr { display: block;
                           margin: 3px 0 5px 0;              /* Pikto fuer 'mehr' oben und unten frei stellen */
                           padding: 0;
                           font-family: Arial, Helvetica, sans-serif;
                           font-size: 1.8em;
                           color:#999999;                     /* grau */
                         }
label.check_mehr::before { content:'+'; }                 
                          
input.check_mehr:checked ~ span.mehr { display:block; }
input.check_mehr:checked ~ label.check_mehr::before
                         { content:'\2212'; }                 /* Minus-Zeichen  */
                          

/* -------------------- Absatzformate fuer Seite 'wissen': --------------------------- */             
     p.Lwissen { margin:0; padding:0;  
                 text-align:left; 
                 font-size:12pt; line-height:14pt; }
     p.Rwissen { margin:0; padding:0 0 5px 0;
                 text-align:right;
                 font-size:12pt; line-height:14pt; }

   p.li_Zu-TOP { margin:0; padding:0; 
                 text-align:left; 
                 font-size:6pt; line-height:6pt; }
p.EA_Schriften { text-align:right; 
                 font-size:11pt; line-height:12pt; color:#333333; padding-left:10px; margin-top:6px;}





/* ------------------- Absatzformate in Box 'Kulturen der Vorgeschichte' ------------------ */
/* ======================================================================================== */
     p.box-text { margin-top:6px; 
                  font-size:11pt; line-height:13pt; }
  p.box-text_mE { padding-left:5px; 
                  font-size:11pt; line-height:13pt; }
/* ------------- Bestandteile von 'box_more' und 'more' ----------------------------------- */

/* Voreinstellung: verstecken:                                               */
/* alle Standard-checkbox-Symbole                                            */
  input[type="checkbox"] { display:none; } 

/* alle more-Texte                                                           */
               span.more { display: none;
                           margin: 0 0 30px 0;
                           padding: 0 0 0 0;               /* Abstand danach */
                         }

        label.check_more { display: block;
                           margin: 5px 0 5px 0;              /* Pikto fuer 'more' oben und unten frei stellen */
                           padding: 0 10px 0 0;
                           text-align:right;
                           font-size: 1.8em;
                           color:black;                     /* war vorher grau #999999  */
                           background-color:#eeeeee;
                         }
label.check_more::after { content:'+'; }                     
                          
input.check_more:checked ~ span.more { display:block; }
input.check_more:checked ~ label.check_more::after
                         { content:'\2212'; }                 /* Minus-Zeichen  */