/*==============================================BOOTSTRAP AUGMENTATIONS=========================================*/
@media (min-width: 576px){
    /* override so modal fills whole screen*/
    .modal-dialog {
        max-width: inherit;
        margin: 1.75rem;
    }
}
@media (min-width: 1200px){
    .modal-xl {
        max-width: 1140px;
        margin: 1.75rem auto;
    }
}
.shadow{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*===============================================CUSTOM CSS================================================================*/

html, body {
  background-color: #fff;
  color: #414749;
  font-family: 'Nunito', sans-serif;
  font-weight: 200;
  height: 100vh;
  margin: 0;
}

.blue-headline {
  width: 100%;
  background: #004a96;
  color: #fff;
  height: 60px;
}


/*kachel stuff*/
.kachel-top{
  color: #464c4a;
  font-family: MetaProBook;
  font-size: 20px;
  height: 50px;
}
.kachel-bild {
  height: 180px;
  width: 463px;
}
.kachel-bot{
  height: 60px;
  text-align: center;
}


/*table stuff*/
.left-header-column{
    font-weight:bold;
    background-color:white;
    border-right-width:2px !important;
}
.table-highlight{
    background-color:rgba(0,0,0,0.1);
}
/*if a header column is below a table highlight, it should be hightlighted rather than being header*/
.table-highlight .left-header-column{
  background-color:unset;
}


.height-100px{
  height:100px;
}