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

/* CKEditor 5: selve skrivefladen */
.ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__editable_inline,
.ck-content {
    background: #9DA4AB !important;
}

/* CKEditor 5 – toolbar */
.ck.ck-toolbar {
    background-color: #858D94 !important;
    border: none;
}

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

.incident-bruger-tak {
    background-color: #6F8F7C;
}

.text-justify-wide {
    text-align: justify;
    text-justify: inter-word;
    font-size: 16px;
}

/* Sørg for at divider-LI ikke tager normal menuhøjde/padding */
.menu_container .dropdown-divider-menu{
    list-style: none;
    padding: 0 !important;
    margin: 6px 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative;
}

/* Selve stregen tegnes som pseudo-element */
.menu_container .dropdown-divider-menu::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #ffffff55; /* hvid nuance til mørk baggrund */
}

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

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

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

.DKJ-nowrap {
    white-space: nowrap;
}

.DKJ-white {
    background-color: #ffffff;
}

.DKJ-font-reed {
    color: #ff2a2b;
    font-weight: 500;
}

.DKJ-font-light-green {
    color: #8CC152;
    font-weight: 600;
}

.DKJ-font-green {
    color: #32aa27;
    font-weight: 600;
}

.DKJ-font-bold-green {
    color: #32aa27;
    font-weight: bold;
}

.DKJ-lightgray {
    background-color: #eef1ef;
}

.DKJ-footer-gray {
    color: #595959;
    background-color: #eef1ef;
}

.DKJ-logo {
    font-size: 1.2rem;
    font-weight: 900;
    color: #162415;
}

.DKJ-noter {
    font-size: 0.7rem;
    font-weight: 500;
}

.DKJ-byline {
    font-size: 0.9rem;
    font-weight: 700;
}

.DKJ-byline-light {
    font-size: 0.8rem;
    font-weight: 500;
}

.DKJ-note-green-center {
    font-size: 1.0rem;
    color: #32aa27;
    text-align: center;
    font-weight: 800;
}

.text-underline-hover {
    color: #8CC152;
    font-weight: 500;
    text-decoration: none;
}

.text-underline-hover:hover {
    color: #32aa27;
    font-weight: 400;
    text-decoration: underline;
}

.full-width-input {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    box-sizing: border-box;
}

.full-width-input-select {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    box-sizing: border-box;
}

.full-width-input-textarea {
    width: 100%;
    height: 150px;
    padding: 0 12px;
    box-sizing: border-box;
}

.button-green {
    width: 200px;
    height: 46px;
    background-color: #8CC152;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

.button-red {
    width: 200px;
    height: 46px;
    background-color: #C15252;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

.button-green-M {
    width: 150px;
    height: 46px;
    background-color: #8CC152;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

.button-red-M {
    width: 150px;
    height: 46px;
    background-color: #C15252;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

.button-green-XS {
    width: 100px;
    height: 46px;
    background-color: #8CC152;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

.button-red-XS {
    width: 100px;
    height: 46px;
    background-color: #C15252;
    color: #ffffff;
    border: none;
    border-radius: 0; /* skarpe hjørner */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 46px; /* lodret centrering */
    cursor: pointer;
    box-sizing: border-box;
}

table.row-lines {
    border-collapse: collapse;
    width: 100%;
}

.row-lines th,
.row-lines td {
    padding: 8px 12px;
    text-align: left;
    font-size: 16px;
}

.row-lines thead th {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background-color: #42494F;
}

.row-lines tbody tr {
    border-bottom: 1px solid #cccccc;
}

/* Success (grøn – OK / gennemført) */
.table-success {
    background-color: #d1e7dd;
    color: #0f5132;
}

.table-success td,
.table-success th {
    border-color: #badbcc;
}

/* Warning (gul – opmærksomhed) */
.table-warning {
    background-color: #fff3cd;
    color: #664d03;
}

.table-warning td,
.table-warning th {
    border-color: #ffecb5;
}

/* Danger (rød – fejl / kritisk) */
.table-danger {
    background-color: #f8d7da;
    color: #842029;
}

.table-danger td,
.table-danger th {
    border-color: #f5c2c7;
}

/* Hover-effekt (valgfri – som Bootstrap) */
.table-success:hover,
.table-warning:hover,
.table-danger:hover {
    filter: brightness(0.96);
}

/* wrapper så input + knap hænger sammen */
.file-upload {
    display: flex;
    width: 100%;
}

/* tekstfelt */
.file-name {
    flex: 1;
    border-right: none;
}

/* skjul ægte file input */
.file-hidden {
    display: none;
}

/* din eksisterende stil + små rettelser */
.file-btn {
    width: 200px;
    height: 46px;
    background-color: #8CC152;
    color: #ffffff;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.button-row {
    display: flex;
    gap: 16px; /* lige afstand mellem knapper */
    justify-content: space-between;
    width: 100%;
}

.button-row form {
    flex: 1; /* alle får samme bredde */
}

.button-row .button-green .button-red {
    width: 100%; /* fyld hele formens bredde */
}

.DKJ_img {
    width: 100%;
    height: auto;
    display: block;
    image-rendering: crisp-edges;
}

.d-flex {
    display: flex !important;
}

div.b_gallery {
    background-color: #1e1e25;
    margin: 5px;
    border: 1px solid #ccc;
    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%;
}

.justify-content-around {
    justify-content: space-around;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex {
    display: flex;
}

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

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

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

.text-justify-wide ul {
    margin: 0 0 16px 0;
    padding-left: 4em; /* pæn indrykning */
}

.text-justify-wide ul li {
    margin: 8px 0; /* luft mellem punkter */
    line-height: 1;
}

.text-justify-wide ul li::marker {
    padding: 1em 0;
    color: #D7DCE0;
    content: "• "; /* kan skiftes til "–", "▪", "»" osv. */
    font-size: 1.1em; /* lidt skarpere bullet */
    font-weight: 700; /* gør bullet tydelig */
}

.DKJ-category {
    color: #8CC152;
    font-weight: 400;
}

.DKJ-date {
    color: #FFFFFF;
    font-weight: 400;
}

.text-justify-wide strong,
.text-justify-wide b {
    color: #FFFFFF;
}

.img-box {
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;    /* lodret centrering */
    justify-content: center;/* vandret centrering */
    overflow: hidden;
}

.img-box img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

.header-logo-text
{
    font-size: 96px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    color: #8CC152 !important;
    letter-spacing: -0.01em;
    line-height: 1;
}