body {
    background-image: url('../img/fischerbg.jpg');
    color: #555;
    font-family: 'Roboto Thin','Roboto','sans-serif';
    font-weight: 300;
}

a, a:active, a:visited {
    color: #555;
    text-decoration: underline;
}
a:hover {
    color: #ccc;
}

#header {
    padding: 2rem 0 0;
    border-bottom: 3px solid #004D9b;
    flex-direction: column;
}
#main {
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #fff;
}

#mh-content {
    box-shadow: 0 0 25px black;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: white;
}

#header, #footer {
    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem);
}
#navbar a.nav-link {
    margin-right: 1rem;
    text-transform: uppercase;
    text-decoration: none;
}

#navbar a.nav-link.active {
    position: relative;
}

#navbar a.nav-link.active, #navbar a.nav-link:hover {
    color: #004D9B;
}

#navbar a.nav-link.active:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -0.75rem;
    top: 0.75rem;
    height: 1rem;
    width: .69rem;
    background-size: cover;
    background-image: url(../img/bullet.jpg);
}

@media screen and (min-width: 992px) {
    #navbar a.nav-link.active:before {
        left: -.25rem;
    }
}

.navbar-light .navbar-toggler {
    float: right;
}

.navbar-brand, .navbar-brand > img {
    height: 46px;
    width: 199px;
}

.container {
    /*padding-left: 2rem;*/
    /*padding-right: 2rem;*/
}

@media screen and (min-width: 1200px){
    .container {
        max-width: 1024px;
    }
}

.row {
    width: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

#footer {
    background-color: #004D9B;
    padding-top: 2rem;
    color: white !important;
}

#footer .menu .menu-item a.nav-link {
    color: white;
}

@media screen and (max-width: 575px){
    #footer .menu.nav {
        flex-direction: column;
        text-align: center;
    }
}

#footer .menu .menu-item a.nav-link {
    text-decoration: none;
}

#footer .menu .menu-item a.nav-link:hover, #footer .menu .menu-item a.nav-link.active {
    color: #ccc;
}

.js-accordion-item > h2 {
    background-color: #3f83bf;
    font-size: 1.2rem;
    color: white;
    padding: .75rem 1rem;
}
.js-accordion-item > h2:after {
    color: white;
    right: .5rem;
}
.js-accordion-item.is-open > h2, .js-accordion-item > h2:hover {
    background-color: #004D9B;
}
.wpcf7-form {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.wpcf7-form label, .wpcf7-form-control-wrap, .wpcf7-form-control:not([type="submit"]) {
    width: 100%;
}

.wpcf7-submit {
    padding: .2rem .7rem;
    margin-top: 2rem;
}

h2.highlight {
    padding: .5rem 1rem;
    background-color: #004D9B;
    color: white;
}

hr.wp-block-separator {
    margin: 2rem auto;
    width: initial !important;
    border: none;
}

.wp-block-columns {
    margin-bottom: 0;
}

.thumbnail-hero {
    margin-top: -2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem);
    padding: 0;
}

.thumbnail-hero img {
    height: auto;
}

h1 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: 1.7rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.2rem;
}

.berater-image {
    margin-top: -3.5rem;
}