:root {
  --text-dkl:#000;
  --text-hll:#fff;
  --box-bg-dkl:#003b80;     /* kps dunkelblau */
  --box-bg-hll:#ddd;
  --tbl-head-bg:#003b80;    /* kps dunkelblau */
  --tbl-head-txt:#fff;
  --tbl-row-hov-bg:#eeab00; /* kps orange */
  --tbl-row-hov-txt:#000;
  --nav-bg:#65a549;         /* kps grün */
  --nav-bg-act:#003b80;     /* kps dunkelblau */
  --nav-bg-dis:#ddd;
  --nav-txt-dkl:#000;
  --nav-txt-hll:#fff;
  --btn-suc:#65a549;        /* kps grün */
  --btn-suc-hov:#eeab00;    /* kps orange */
  --col-ok:#65a549;         /* kps grün */
  --col-no:#da0a13;         /* kps rot */
  --col-warn:#eeab00;       /* kps orange */
  --pag-bg-hov:#edaa00;     /* kps orange */
  --link: #EB7F25;
}

/* Suchfilter "Bereich"  /
#department, label[for="department"] {
  display: none;
}

*/

.color-ok,
.list-table .fa.fa-check-circle {
  color: var(--col-ok);
}
.color-critical {color: var(--col-no);}
.color-warning  {color: var(--col-warn); border: 1px solid var(--text-drk);}
tr:hover .color-warning  {
  filter: drop-shadow(0px 0px 1px var(--text-dkl));
}

.alert-warning {background: var(--col-warn); color: var(--text-dkl);}

img {height: auto}

a, a:hover, a:focus {color: var(--link);}


.box {
  hyphens: auto;

  h1 {font-size: 2.5em; color: #003b80;}
  h2 {font-size: 1.6em;}
  h3 {font-size: 1.3em;}
  p, li {font-size: 1.1em;}
}
box.navbar {hyphens: none;}

.packery .box h1 {font-size: 2.1em; font-weight: 600;}

 
.box.plain { /* Kursbeschreibung inkl. Bild*/
  img {border-radius: 4px;}
}

.box.tinted { /* Veranstaltungsort */
  background: var(--box-bg-hll);
  color: var(--text-dkl);  
  .title-text {color: var(--text-dkl);}
  label {color: var(--text-dkl);}
}

.list-table {
  hyphens: auto;

  > thead > tr > th {background: var(--tbl-head-bg); color: var(--tbl-head-txt);}
  > thead > tr > th a {color: var(--tbl-head-txt);} 
  > tbody > tr:not(.inactive):hover > td {background: var(--tbl-row-hov-bg); color: var(--tbl-row-hov-txt);}
  
}


.nav-breadcrumb a,
.nav-breadcrumb a::after {
  color: var(--nav-txt-dkl);
  background: var(--nav-bg);
}
.nav-breadcrumb a.disabled,
.nav-breadcrumb a.disabled::after {
  color: var(--nav-txt-dkl);
  background: var(--nav-bg-dis);
}
.nav-breadcrumb a.active.disabled,
.nav-breadcrumb a.active.disabled::after {
  color: var(--nav-txt-hll);
  background: var(--nav-bg-act);
}

.postal-address legend {
    font-size: 17px;
    position: absolute;
    top: -12px;
    left: 10px;
    background-color: var(--box-bg-dkl)!important;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff!important;
}

.btn-primary {border: 1px solid var(--box-bg-dkl)}

.btn-success {
  color: var(--text-hll);
  background-color: var(--btn-suc);
}
.btn-success:hover,
.btn-primary:hover {
  color: var(--text-dkl);
  background-color: var(--btn-suc-hov);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--text-dkl);
  background-color: var(--pag-bg-hov);
}