/*
Blue:  #014c69
Grey:  #d4d5dc
White: #e0e0de

*/

:root {
    --main-bg-color: #8faab5;
}

html {
    overflow-x: hidden;
    scroll-margin-top: 100px;
    scroll-padding-top: 100px;
}

body {
    /*Checkerboard pattern background*/
    background-image:
            linear-gradient(45deg, var(--main-bg-color) 25%, transparent 25%),
            linear-gradient(-45deg, var(--main-bg-color) 25%, transparent 25%),
            linear-gradient(45deg, transparent 75%, var(--main-bg-color) 75%),
            linear-gradient(-45deg, transparent 75%, var(--main-bg-color) 75%);
    background-size: 150px 150px;
    background-position: 0 0, 0 75px, 75px -75px, -75px 0;
    background-color: #e0e0de;
    overflow-x: hidden;
    scroll-margin-top: 100px;
    scroll-padding-top: 100px;
}

.bg-header {
    /* Color for the nav-bar   */
    --bs-bg-opacity: 1;
    /*background-color: rgba(#014c69, var(--bs-bg-opacity)) !important;*/
    background-color: #014c69;
}

.text-above-applet {
    text-align: center;
    margin-bottom: 10px;
}

.text-above-image {
    text-align: center;
    margin-bottom: 5px;
}

.text-below-applet {
    text-align: center;
    margin-top: 10px;
}

.bg-footer {
    /* Color for the nav-bar   */
    --bs-bg-opacity: 1;
    /*background-color: rgba(#014c69, var(--bs-bg-opacity)) !important;*/
    background-color: #014c69;
}

.kvd-logo-index {
    border-color:#014c69;
    border-width: 2px;
    border-style: solid;
    max-width: 400px
}

@media (max-width: 500px) {
    .kvd-logo-index {
        max-width: 100%;
    }
}

@media (max-width: 1200px) {
    .media-margin-top {
        margin-top: 10px;
    }
}

.fotogalerie {
    margin-bottom: 0;
}

.kvd-applet {
    min-width: fit-content;
    /*max-width: fit-content;*/
}

.kvd-table {
    vertical-align: middle;
}

@media (min-width: 600px){
    .kvd-applet {
        max-width: fit-content;
    }
}

.kvd-footer {
    color: rgba(255, 255, 255, 0.55)
}

.navbar-button {
    background-color: inherit;
    border: none;
}
.navbar-button-menu {
    flex-direction: column !important
}

.navbar-button-div {
    margin-top: 4px;
    margin-left: -4px;
    background-color: rgba(0, 97, 133, 1)
}

.navbar-dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.dropdown-item {
    width: initial;
}
@media(max-width: 500px) {
    .dropdown-item {
        padding-left: 5px !important
    }
}

/*@media(max-width: 600px) {*/
/*    .kvd-row {*/
/*        justify-content: center !important;*/
/*    }*/
/*}*/
/*@media(max-width: 600px) {*/
/*    .col-img{*/
/*        width: unset;*/
/*    }*/
/*}*/

.dropdown-item.active {
    background-color: initial;
}

.footer-size {
    width: 100%
}

@media(max-width: 540px){
    .footer-size {
        max-width: 300px;
    }
}

.kvd-footer-text {
    color: rgba(255, 255, 255, 0.55)
}
.kvd-footer-text:hover {
    color: rgba(255, 255, 255, 0.85)
}

.navbar-toggler-active {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}

.kvd-box-size {
    min-height: 529px
}

.kvd-box-heading {
    font-size: 1.5rem;
}

.retrograde-upper {
    text-align: center;
    margin-bottom: -15px;
}

.retrograde-lower {
    margin-top: 15px;
}

.img-header {
    height: auto;
    width: auto;
    max-height: 40px;
}

.box-sizing,
.box-sizing::before,
.box-sizing::after {
    box-sizing: border-box;
}

.ignore-css
{
    all:unset !important;
}

@media (min-width: 1400px) {
    .title-header {
        display: initial;
        margin-left: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    .title-header {
        display: none;
    }
}

@media (max-width:  767px) {
    .title-header {
        display: none;
    }
}

hr {
    width: 100%;
    height: 2px;
    color: #014c69;
}

.table {
    border-color: #014c69;
}

.hr-2p {
    width: 100%;
    height: 2px;
    color: #014c69;
}