body {
    background-color: #DDDDDD;
    font-family: "klavika-light";
    color: #000000;
}
h1 {
    margin-top: 50px;
    font-size: xx-large;
}
h2 {
    margin-bottom: 30px;
    font-size: x-large;
}
.text-secondary b a, .text-secondary strong a {
    font-family: "klavika-bold";
    font-style: normal;
    font-weight: normal;
    color: #9B9B9B;
}
header {
    background-color: #009EE3;
    height: 70px;
    
}
.font-size-large {
    font-size: large;
}
/* Navigation */
.nav .nav-item {
    background-color: #F6F6F6;
    color: black;
}
#nav-tab .nav-item:active, #nav-tab.nav-item .active {
    background-color: white;
}
#nav-neue-revision-tab:active {
    color: #009EE3;
}/* 
#nav-neue-revision-tab.active::before {
    content: "";
} */
#nav-neue-revision-tab::before {
    content: url("./images/button_plus_blue.svg");
    margin-right: 10px;
}
#nav-neue-revision-tab {
    background-color: #009EE3;
    color: white;
}
#nav-tab #nav-neue-revision-tab:active {
    background-color: #009EE3;
    color: white;
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.4);
}
@media (min-width: 1200px) {
    .max-width-80 {
        max-width: 80%;
        margin-left: 10vw;
    }
    .max-width-100 {
        max-width: 100%;
        margin: 0;
    }
}
.row {
    padding-top: 20px;
}
.container-fluid.alternative img {
    margin-top: 15px;
    margin-right: 10px;
    max-width: 100%;
}
.container .row .col {
    padding-right: 0;
    padding-left: 0;
}
div.container.max-width-100.bg-white {
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Download links */
.download::before {
    content: url("./images/download.svg");
}
.print::before {
    content: url("./images/print.svg");
}
.csv::before {
    content: url("./images/csv.svg");
}
/* Accordion */
#accordion button.btn-link{
    color: black;
}
#accordion button.btn-link:focus {
    box-shadow: none;
}
.accordion button::after {
    content: url("./images/button_minus.svg");
    position: absolute;
    right: 10px;
}
.accordion button.collapsed::after{
    content: url("./images/button_plus.svg");
    position: absolute;
    right: 10px;
}
#accordion .row .col-sm-4 {
    color: #9B9B9B;
    padding-left: 0;
    padding-right: 0;
}
.accordion .row, .accordion .row p{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    line-height: normal;
}
.accordion .card-header {
    padding: 0;
}
.accordion h5.mb-0 {
    background-color: #E4E4E4;
}
/* Topbar */
#topbar.row {
    height: inherit;
    width: 80%;
    margin: auto;
    padding: 0;
    justify-content: center;
    align-items: center;
}
#topbar #homebutton{
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    height: 35%;
    display: block;
}
#topbar .col {
    border-left: solid 1px;
    height: inherit;
    text-transform: uppercase;
    color: white
}
#topbar .col-lg-1 {
    padding-left: 0;
    padding-right: 0;
}
/* Right menu bar */
#right-menu-bar .navbar-toggler {
    padding-right: 0;
}
#hamburgerMenu.collapse.show {
    position: absolute;
    z-index: 1;
}
#hamburgerMenu.collapsing {
    position: absolute;
    z-index: 1;
}
/* gallery images */
#gallery {
    min-height: 70vh; /* this is made so the web page dosn't bounce around when image size differs */
}
#gallery img#mainimage {
    width: 100%;
}
@media (min-width: 1000px) {
    #gallery .alternative img {
        height: 10vh;
    }
}




@font-face {
    font-family: klavika-light;
    src: url(./fonts/klavika-light.otf);
}
@font-face {
    font-family: klavika-bold;
    src: url(./fonts/klavika-bold.otf);
}