.poweredBy {
    display: none!important;
}
.login.fullscreen {
    background: url('/kkhcustom/bg.jpg')!important;
    background-size: cover!important;
}
.login.fullscreen .fullscreen-body > p {
    display: none!important;
}
.login .hero-unit {
    background-color: #ffffffdd;
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    border: 2px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 12px #1919194f;
}
#app > .login #login, #app .flex .formkit-form#signin {
    display: none!important;
}
#app > .login .hero-unit > .separator {
    display: none!important;
}
#app .flex footer.flex.w-full {
    display: none!important;
}
#new-mslogin-btn-container {
    margin-left: auto;
    margin-right: auto;
}
#new-mslogin-btn-icon {
    background-image: url('/kkhcustom/loginimg.png');
    height: 32px;
    width: 32px;
    background-size: cover;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #ddd;
}
.auth-provider.auth-provider--microsoft {
    background: #eeeeee;
    color: #333 !important;
    border: 2px solid #fff;
    box-shadow: 0px 0px 12px 3px #00000055;
    text-transform: uppercase;
    font-weight: 600;
    font-family: sans-serif;
}
#login.js-form::before {
    content: "Bitte melden Sie sich mit Ihrem Netzwerkkonto an.";
    font-size: 16px;
}
#login.js-form > .form-group .formGroup-label > label[for="username"] {
    margin-top: 24px!important;
}
#login.js-form > .form-group > input {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #00000055;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background-color: #ffffffbb;
}
#login.js-form > .form-controls > .btn {
    border-radius: 8px;
    border: 2px solid #fff;
    margin-top: 18px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: system-ui, Sans-Serif;
}
#login.js-form > .form-group .formGroup-label > label {
    color: #666666;
}
#login.js-form > .form-group > label > input[name="remember_me"] {
    display: none;
}
#login.js-form > .form-group > label > input[name="remember_me"] ~ span.label-text {
    display: none;
}
#login.js-form > .form-group > label > input[name="remember_me"] ~ svg {
    display: none;
}
.login.fullscreen .js-footer > p {
    color: transparent!important;
    user-select:none!important;
    margin: 0px!important;
}
.login.fullscreen .js-footer > hr {
    display: none!important;
}
.login.fullscreen .js-footer > p > a {
    color: #333333!important;
    background-color: #ffffffcc;
    padding: 10px 20px;
    border-radius: 8px;
    border: 2px solid #ffffff;
    white-space: nowrap;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0px 0px 10px #66666666;
    backdrop-filter: blur(5px);
    --webkit-backdrop-filter: blur(5px);
    font-size: 12px;
    font-family: system-ui, Sans-Serif;
    cursor: alias;
}
.logo > .icon.icon-logo {
    background: url('/kkhcustom/servicesystem_icon.png');
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1) brightness(0.75);
}
.logo > .icon.icon-logo > use {
    display:none!important;
}
.activity-entry .avatar > .icon.icon-logo {
    background: url('/kkhcustom/servicesystem_icon.png');
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}
.activity-entry .avatar > .icon.icon-logo > use {
    display:none!important;
}
body > .splash > .icon.icon-logo {
    background: url('/kkhcustom/servicesystem_icon.png');
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}
body > .splash > .icon.icon-logo > use {
    display:none!important;
}
.stat-widget > .stat-graphic .icon.icon-web {
    background: url('/kkhcustom/servicesystem_icon.png');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(0) invert(1) brightness(0.5);
}
.stat-widget > .stat-graphic .icon.icon-web > use {
    display:none!important;
}
.js-avatar > .avatar > .icon.icon-logo {
    background: url('/kkhcustom/servicesystem_icon.png');
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(0) invert(1) brightness(0.5);
}
.js-avatar > .avatar > .icon.icon-logo > use {
    display:none!important;
}
:root {
    --button-primary-background: #890043!important;
    --button-primary-background-active: #5f002e!important;
    --text-link: #890043;
    --text-nav: #890043;
}
html[data-theme="dark"]:root {
    --text-link: #ffffff!important;
    --text-nav: #ffffff!important;
}
[data-theme='dark'] {
    --highlight: #5f002e!important;
}
.dashboard .tabs .tab[data-area="first-steps-widgets"] {
    display: none!important;
}
.dashboard .tabs .tab {
    border-radius: 8px!important;
}
.textBubble {
    border-radius: 8px!important;
    box-shadow: 0px 0px 16px #00000030!important;
    border: 2px solid #ddd!important;
}
.article-meta.top {
    border-radius: 10px 10px 0px 0px;
}

.article-meta.bottom {
    border-radius: 0px 0px 10px 10px;
}
.remote-content-message:hover {
    background-color: #efd481!important;
}
.remote-content-message {
    background-color: #ffe187;
    border-radius: 0px 0px 8px 8px;
    transition: .2s ease-in;
}