body {
    background-color: white;
    background-image: url(../images/background-top.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

h1 {
    padding-top: 0.4em;
    font-size: 1.75em !important;
}

h2 {
    font-size: 1.5em !important;
}

h3 {
    font-size: 1.25em !important;
}

h4 {
    font-size: 1.15em !important;
}

.accordion-head {
    border: 1px solid #888;
    background-color: hsla(100, 40%, 67%, 0.85);
    padding: 4px;
    border-radius: 4px;
}

.accordion-head:hover {
    cursor: pointer;
}

.baseline {
    vertical-align: baseline;
}

.button-de-image:before {
    content: "";
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
    background-image: url('../images/DE.png');
}

.button-en-image:before {
    content: "";
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
    background-image: url('../images/EN.png');
}

.content-boxed {
    margin-top: 35vh;
    margin-bottom: 15vh;
    border-radius: 5px;
    background-color: hsla(100, 25%, 90%, 0.85);
}

.copyright {
    font-size: 80%;
}

.creator {
    font-size: 80%;
    color: black;
}

.creator a,
.creator a:focus,
.creator a:hover {
    color: black !important;
}

.footer {
    padding: 2em 0 2em 0;
    background-color: hsla(100, 40%, 67%, 0.85);
    border-top: 1px solid hsla(100, 40%, 33%, 0.50);
    font-size: 90%;
}

.footer a {
    color: hsl(100, 40%, 25%);
}

.footer a:hover {
    color: hsl(100, 40%, 40%);
    text-decoration: none;
}

.img-shadow {
    border: 1px solid gray;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 3px gray);
}

.indented {
    padding-left: 1.27em;
}

.navbar {
    background-color: hsla(100, 40%, 67%, 0.85);
    border-bottom: 1px solid hsla(100, 40%, 33%, 0.50);
}

.navbar-light a {
    color: black !important;
    font-weight: bold;
}

.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item:focus .nav-link,
.navbar-light .nav-item:hover .nav-link {
    color: rgb(64, 64, 64) !important;
    font-weight: bold;
}

.galleria-theme-classic {
    border: 1px solid gray;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 3px gray);
}

.galleria-image > img {
    border-radius: 5px;
}

#galleria {
    min-height: 600px;
}