/*Klassenselektoren für Abschnitte (div, article, section), buttons und Ränder*/
/*leicht: mit Grauton oder Hintergrund fast weiß und Schrift helles Blau*/
.kasten-leicht {background-color: #F2F2F2; margin: 5px; padding: 5px; width:90%;}
.kasten-leicht-100 {background-color: #F2F2F2; margin: 5px; padding: 5px; width:100%;}

.rand-leicht {background-color: transparent; border: solid 3px  #F2F2F2;}
.rand-stark {background-color: transparent; border: solid 3px  #a9a9a9;}
.notiz-seite {background-color: antiquewhite; color: grey; font-size: 11pt; line-height: 1.2;}

.text-betonen {background-color: antiquewhite; color: grey; font-size: 11pt; line-height: 1.2;}

/*Tags für Überschriften anpassen                                     */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt; margin: 5px;}
h4 {font-size: 12pt; font-weight: lighter;}
h5 {font-size: 10pt; font-weight: bold;}
h6 {font-size: 8pt}

/*knopf und am-button     */
.knopf-leicht {border: none; background-color: #fffff0; width: 5em; height: 12pt; font-size: 8pt; color: #4169e1;}

/* Schaltfläche/ button                                    */
.am-button {
  border: 2px solid #000; /* Schwarzer Rand mit 3px Breite */
  border-radius: 10px; /* Runde Kanten */
  width: auto; /* Automatische Breite */
  height: auto; /* Automatische Höhe */
  text-align: center; /* Zentrierter Inhalt */
  border-color: #ffcc00; /* tangerine yellow */
  background-color: #ffff; /* white */
  font-family: 'courier new';
  font-size: 10pt;
  text-decoration: none; /*damit auch in <a ...> nutzbar */
        }
.am-button-close {background-color: #f1f1f1;}

/*Zusatzklassen für Kasten (box)                                   */
.bk-kein-rand {border: none;}
.bk-kein-padding {padding: 0px;}
/* Zusatzklassen für Zeilen, Höhen, Breiten, Rand                  */
.bz-flex-row {display: flex; flexdirection: row; min-height: 2em; gap: 1%;}
.bz-flex-col {display: flex; flexdirection: column;}
.bz-full-height {height: 100%;}
.bz-width-32 {width: 31%;}
.bz-width-67 {width: 66%;}
.bz-width-48 {width: 48%;}
.bz-width-90 {width: 90%;}
.bz-full-width {width: 100%;}


/*Ein unterstrichener Link stört meist. Im Modul UIKIT 3 Gallery - Text stört er wirklich. Er kann nicht
  lokal beseitigt werden.*/
a:link {text-decoration-line: none;}

/* uk Änderungen */

.uk-lightbox-overlay {
    background-color: rgba(128, 128, 128, 0.5); /* Grau mit Transparenz */
    width: 80%; /* Verkleinere das Overlay */
    height: 80%; /* Verkleinere das Overlay */
    margin: auto; /* Zentriere das Overlay */
    position: fixed;
    top: 10%;
    left: 10%;
}

/*  Test ob user.css aktiv */

.t-kasten-leicht {background-color: red; margin: 5px; padding: 5px; width:50%;}