/* 
 * ####################################################################
 * 
 * Message Boxen auf der Startseite
 * 
 * ####################################################################
 */



.mess-box-wrapper {
    background: var(--1st-level-bg);
    padding: 6px;
    margin: 0 0 6px 0;
    /* margin: 0 0 26px 0; */
    backdrop-filter: blur(0.15rem);
    -webkit-backdrop-filter: blur(0.15rem);
}

.mess-box-wrapper.newsfeed-vorschau {
    margin-left: 26px;
}

.mess-box-header {
    background: none;
    padding: 0 0 0 20px;
}

.mess-box-header-title {
    display: inline-block;
    /* color: var(--gelb); */
    font-size: calc(0.8rem + .9vw);
    font-weight: 500;
    transform: translate(0, 14px);
    height: 70px;
}

.mess-btn-write {
    background: none;
    backdrop-filter: none;
}

.mess-btn-write svg {
    stroke: var(--gelb);
}

.mess-box {
    background: var(--2st-level-bg);
    padding: 12px;
    margin: 0px 0px 12px 0px;
}

#chat-vorschau .mess-box {
    padding-top: 15px;
}

.mess-box:last-child {
    margin: 0px 0px 0px 0px !important;
}

.mess-box .avatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 3px;
}

.mess-box .mess-content {
    display: inline-block;
    padding: 0 0px 0 0;
    transform: translate(7px, 1px);
}


.do-new {
    width: auto;
    padding: 3px 10px;
    border: 1.5px var(--gelb) solid;
    margin-right: 20px;
    height: auto;
    transform: translate(-12px, 15px);
}

.do-new span {
    font-size: 18px;
    transform: translateY(0px);
}

@media (min-width: 768px) {
    .do-new span {
        display: inline-block;
    }

}

.t-box {
    background: #004775;
    /* aspect-ratio: 1/1; */
    margin: 0 6px 6px 0;
}

[data-theme="dark"] .mess-box-header .rnd-btn {
    background: rgba(56, 38, 28, 0);

}

/* 
 * ####################################################################
 * 
 * In der Mobil ansicht kleinern sich die Boxen
 * 
 * ####################################################################
 */

@media (max-width: 575.98px) {

    .desktop-only {
        display: none;
    }

    .mess-box-wrapper.newsfeed-vorschau {
        margin-left: 0;
    }

    .mess-box {
        /* background: var(--1st-level-bg); */
        /* padding: 6px 6px 0 6px;
        margin: 0 6px 6px 0; */
    }

    .mess-box-header-title {
        font-size: calc(1rem + .9vw);
    }

    .mess-box .avatar {
        /* width: 48px;
        height: 48px;
        margin: 0px; */
    }

    .mess-box .mess-content {
        /* display: inline-block;
        padding: 0 0px 0 0;
        transform: translate(1px, -5px); */
    }
}

@media (max-width: 1080px) {

    .desktop-only {
        display: none;
    }
}

#Nutzer_edit,
#Nutzergruppen_edit,
#Standorte_edit {
    margin-bottom: 12px !important;
}

#admin-navigation-right hr {
    height: 1.5px !important;
    margin: 1rem -12px;
    background: rgba(255, 255, 255, .6);
}

[data-theme='dark'] #admin-navigation-right hr {
    background: rgba(0, 10, 20, .6);
}