.collapsible {
    background-color: #eef1ef;
    color: #32aa27;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
    background-color: #dcedc8;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

div.b_gallery {
    background-color: #1e1e25;
    margin: 5px;
    border: 1px solid #ccc;
    padding-bottom: 100px;
    position: relative;
    height: 500px;
    width: 350px;
    /* width: 339px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

div.b_gallery:hover {
    border: 1px solid #777;
}

.b_images {
    height: auto;
    display: block;
}

div.b_gallery img {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

div.b_desc {
    padding: 4px;
    position: absolute;
    bottom: 0;
    color: white;
    text-align: left;
    width: 90%;
}

@media screen and (min-width: 1301px) {
    .borderexample {
        border: 1px;
        border-style: solid;
        border-color: #e3e6e9;
        padding: 20px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1300px) {
    .borderexample {
    }
}

.text-underline-hover {
    color: #4545F3;
    text-decoration: none;
}

.text-underline-hover:hover {
    color: #5DADE2;
    text-decoration: underline;
}

.place-center {
    text-align: center;
    border: 3px solid green;
}

.incident-bruger {
    background-color: #D6EAF8;
}

.incident-bruger-tak {
    background-color: #58D68D;
}

.text-justify-wide {
    text-align: justify;
    text-justify: inter-word;
}

.dropdown-divider-menu {
    height: 1;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.Radio {
    display: inline-flex;
    align-items: center;
}

.Radio--large {
    font-size: 2em;
}

.Radio-Input {
    margin: 1.3em 1.0em 0;
}

.DKJ-page-progress-bar {
    height: 8px;
    width: 0%;
    background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}

.DKJ-page-progress-bar.DKJ-page-progress-gradient {
    background-color: #007990;
    background-image: linear-gradient(90deg, #808B96 0%, #D5D8DC 100%);
}

.DKJ-nowrap {
    white-space: nowrap;
}
.DKJ-white {
    background-color: #ffffff !important;
}
.DKJ-font-reed {
    color: #ff2a2b !important;
    font-weight: 500 !important;
}
.DKJ-font-green {
    color: #32aa27 !important;
    font-weight: 600 !important;
}
.DKJ-font-bold-green {
    color: #32aa27 !important;
    font-weight: bold !important;
}
.DKJ-lightgray {
    background-color: #eef1ef !important;
}

.DKJ-footer-gray {
    color: #595959 !important;
    background-color: #eef1ef !important;
}
.DKJ-logo {
    font-size: 1.2rem !important;
    font-weight: 900;
    color: #162415 !important;
}
.DKJ-noter {
    font-size: 0.7rem;
    font-weight: 500;
}
.DKJ-byline {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
}
.DKJ-byline-light {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}
.DKJ-note-green-center {
    font-size: 1.0rem;
    color: #32aa27;
    text-align: center;
    font-weight: 800;
}

.h1, h1 {
    font-size: 1.6rem !important;
    color: #32aa27 !important;
    text-align: left !important;
    font-weight: 600;
}

.h2, h2 {
    font-size: 1.3rem !important;
    color: #32aa27 !important;
    text-align: left !important;
    font-weight: 600;
}

.h3, h3 {
    font-size: 1.1rem !important;
    color: #32aa27 !important;
    text-align: left !important;
    font-weight: 600;
}

.h4, h4 {
    font-size: 1.0rem !important;
    color: #32aa27 !important;
    text-align: left !important;
    font-weight: 600;
}

.h5, h5 {
    font-size: 0.9rem !important;
    color: #32aa27 !important;
    text-align: left !important;
    font-weight: 600;
}

@media screen and (min-width: 1301px) {
.container-width {
    position: absolute;
    width: 80%;
    left: 10%;
}
}
@media screen and (max-width: 1300px) {
.container-width {
    position: absolute;
    width: 94%;
    left: 3%;
}
}

/* ============ MONO START ============ */
.DKJ-font-small {
    font-size: 0.9em;
    line-height: 1.7;
}
.DKJ-uppercase {
    letter-spacing: 1px;
    text-transform: uppercase;
}
.DKJ-text-center {
    text-align: center !important;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.section, .section-md {
    padding: 100px 0;
}

.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}

.border-bottom {
    border-bottom-width: 1px;
}
.border-all, .border-top, .border-right, .border-bottom, .border-left {
    border-width: 0;
    border-style: solid;
    border-color: rgba(18, 21, 24, 0.1) !important;
}
.pb-2 {
    padding-bottom: .5rem !important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.DKJ-img-container {
    position: relative;
    text-align: center;
    color: white;
}

.DKJ-img-front {
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s;
    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
    border-radius: 0;
    border: 0;
    margin-bottom: 1.5em;
}
.DKJ-img-front:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.DKJ-img-front-textbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 1.3rem !important;
    color: #32aa27 !important;
    font-weight: 600;
    background-color: #ffffff;
    padding: 3px 9px;;
}
/* ============ MONO SLUT ============ */


/* ============ desktop view START ============ */
@media all and (min-width: 993px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.header .header-menu .nav .nav-item .nav-dropdown-toggle.active {
    color: #000000 !important;
    background: transparent !important;
}

/* ============ desktop view END ============ */