html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #7EA1BF;
}

/* base colors 
Primary: #035AA6;
Secondary: #035AA6;
Action: #025949;



*/

.card-style{
    height: 100%;
    padding:20px;
    margin-bottom:48px;
}

.container-data {
    background-color: #9BD8F0;
}

.container-background {
    background-color: #7EA1BF;
}

@media (min-width: 768px) {
    .card-style {
        height: 100%;
    }
}

/*  a Farbe ändern */
.card-body > p{
    color: #666666 !important;
    margin-bottom:4px;
    font-size: 0.8rem;
}

.card-body > h5 {
    color: #000000;
}

/*  SVG Changes */
.svg-black {
    filter: invert(0%) sepia(0%) saturate(2828%) hue-rotate(206deg) brightness(96%) contrast(101%);
}

.svg-green {
    filter: invert(28%) sepia(12%) saturate(4637%) hue-rotate(129deg) brightness(88%) contrast(102%);
}

.svg-blue {
    filter: invert(19%) sepia(59%) saturate(4352%) hue-rotate(196deg) brightness(87%) contrast(98%);
}

.iso-active   {
    color: #e66d6d;
}