:root {

    --sidebar-width:                    25rem;
    --border-radius:                    1rem;
    --inner-content-padding:            2rem;
    --outer-content-padding:            5rem;
    --hover-shadow-width:               .2rem;

    /* theme-default */
    --background-color:                 #e7e8e9;
    --foreground-color:                 #7b7b9d;

    --card-background:                  #F8F8F8;
    --card-background-alt:              #F0F0F0;
    --card-title-background:            #f0f0f0;
    --card-border-color:                rgba(255, 255, 255, 0.7);
    --card-divider-color:               #e2e2ee;

    --title-color:                      #1c1d55;
    --control-border-color:             #e2e2ee;
    --control-button-color:             #c5c5cd;
    --control-background-color:         #FFFFFF;
    --active-background:                #8181a1;
    --active-foreground:                #FFFFFF;
    --hover-background:                 #8181a1;
    --hover-foreground:                 #FFFFFF;
    --hover-color:                      #cfcfe7;
    --button-background:                #1c1d55;
    --button-foreground:                #ffffff;
    --button-active-background:         #F8F8F8;
    --button-secondary-background:      #ffffff;
    --button-secondary-foreground:      #1c1d55;
    --code-color:                       #006600;
    --code-background: #e3f1e3;

    --toolbar-divider-color:            rgba(0,0,0,0.1);

    --alert-background:                 #D4D4D4;
    --alert-foreground:                 #FFFFFF;

    --primary-foreground:               #FFFFFF;
    --primary-background:               #1c1d55;
    --primary-hover-background: #4d4e62;

    --copyright-color:                  #666669;
    --tooltip-background:               #FF0000;

    /* HAUPTMENÜ */
    --main-menu-background:                 #35363b;
    --main-menu-foreground:                 #f0f3f4;
    --main-menu-active-background:          #4b4c4e;
    --main-menu-active-foreground:          #f0f3f4;

    --main-menubar-background:              #4d4f53;
    --main-menubar-active-background:       #35363b;
    --main-menubar-active-foreground:       #f0f3f4;
    --main-menubar-divider-color:           #5d5f62;

    --left-menubar-width:                   25rem;
    --left-menubar-background:              #3d3f43;
    --left-menubar-active-background:       #6e7177;
    --left-menubar-active-foreground:       #f0f3f4;

    --main-menu-active-button-background:   #e4e5e9;
    --main-menu-active-button-foreground:   #7c7d82;
    --main-menu-button-background:          #7c7d82;
    --main-menu-hover-color:                #585a5e;
    --main-menu-button-hover-color:         #9b9da4;
    --main-menu-height:                     6rem;       /* ... if menu-position-top */
    --main-menu-width:                      25rem;      /* ... if menu-position-left */
    --menu-icon-background-color:           rgba(0,0,0,0);

    --top-tabbar-border-color:              #ccc;
    --top-tabbar-header-background:         #f0f0f0;

    /* -- ab hier ungeprüft -- */

    --selected-background:      #e5e5ee;
    --light-color:              #a7a8b1;
    --badge-background:         #777777;

    --success-color:            #34A949;
    --danger-color:             #ff0000;
    --info-color:               #77bbdf;
    --warning-color:            #e09f30;
    --rating-color:             #fffea1;

    --success-color-active:     #349345;
    --danger-color-active:      #954c3b;
    --info-color-active:        #5a90b4;
    --warning-color-active:     #ad6d2f;
    --rating-color-active:      #b4b36c;

    --danger-background-color: rgba(215, 73, 22, 0.2);
    --absolute-left-margin:    3rem;
    --main-content-bottom-margin: 8rem;
    --toolbar-height:           6rem;
    --header-pagetitle-height: 7rem;
    --header-navbar-height: 5rem;
    --header-tabbar-height: 4rem;
    --header-topbar-height: 4rem;
}

html.theme-dark {
    --background-color:                 #222222;
    --foreground-color:                 #FFFFFF;
    --title-color:                      var(--foreground-color);

    --card-background:                  #333335;
    --card-background-alt:              #2b2b2b;
    --card-title-background:            #444446;
    --card-border-color:                rgba(255, 255, 255, 0.2);

    --control-border-color:             #666666;
    --control-button-color:             var(--control-border-color);
    --active-background:                var(--foreground-color);
    --active-foreground:                #333333;
    --hover-color:                      #555555;
    --hover-background:                 #555555;
    --hover-foreground:                 var(--foreground-color);
    --button-background:                #CCCCCC;
    --button-foreground:                #000000;
    --button-active-background:         #F8F8F8;

    --primary-foreground:               #333333;
    --primary-background:               #FFFFFF;

    --control-background-color:         #444444;
    --toolbar-divider-color:            rgba(255,255,255,0.2);

    /* HAUPTMENÜ */
    --main-menu-background:             var(--card-background);
    --main-menu-foreground:             #f0f3f4;
    --main-menu-active-background:      #4b4c4e; /* #7c7d82, #cecfd6 */
    --main-menu-active-foreground:      #FFFFFF; /* #fcfeff; */
    --main-menu-hover-color:            #585a5e;
    --main-menu-button-hover-color:     #9b9da4;
}

@media (max-width: 1024px) {
    :root {
        --outer-content-padding:    2rem;
        --sidebar-width:            20rem;
    }
}

:focus {
    outline: none;
}

body {

    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    overflow: hidden;
    overscroll-behavior: none;
    background: var(--main-menu-background);
    color: var(--foreground-color);
}
html.font-size-8 {
    font-size: 8px;
}
html.font-size-10 {
    font-size: 10px;
}
html.font-size-11 {
    font-size: 11px;
}
html.font-size-12 {
    font-size: 12px;
}
html.font-size-13 {
    font-size: 13px;
}
html.font-size-14 {
    font-size: 14px;
}
html.font-size-15 {
    font-size: 15px;
}
html.font-size-16 {
    font-size: 16px;
}



ul, ol {
    list-style: none;
}

.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right, .no-right-padding {
    padding-right: 0 !important;
}
.no-padding-top, .no-top-pading {
    padding-top: 0 !important;
}
.no-padding-bottom, .no-bottom-padding {
    padding-bottom: 0 !important;
}
.no-top-margin {
    margin-top: 0 !important;
}
.no-left-margin {
    margin-left: 0 !important;
}
.no-right-margin {
    margin-right: 0 !important;
}
.no-bottom-margin {
    margin-bottom: 0 !important;
}

.ml-0 { margin-left: 0 !important }
.ml-1 { margin-left: 1rem !important }
.ml-2 { margin-left: 2rem !important }
.ml-3 { margin-left: 3rem !important }
.ml-4 { margin-left: 4rem !important }
.ml-5 { margin-left: 5rem !important }
.ml-auto { margin-left: auto !important }
.mr-0 { margin-right: 0 !important }
.mr-1 { margin-right: 1rem !important }
.mr-2 { margin-right: 2rem !important }
.mr-3 { margin-right: 3rem !important }
.mr-4 { margin-right: 4rem !important }
.mr-5 { margin-right: 5rem !important }
.mr-auto { margin-right: auto !important }
.mt-0 { margin-top: 0 !important }
.mt-1 { margin-top: 1rem !important }
.mt-2 { margin-top: 2rem !important }
.mt-3 { margin-top: 3rem !important }
.mt-4 { margin-top: 4rem !important }
.mt-5 { margin-top: 5rem !important }
.mt-auto { margin-top: auto !important }
.mb-0 { margin-bottom: 0 !important }
.mb-1 { margin-bottom: 1rem !important }
.mb-2 { margin-bottom: 2rem !important }
.mb-3 { margin-bottom: 3rem !important }
.mb-4 { margin-bottom: 4rem !important }
.mb-5 { margin-bottom: 5rem !important }
.mb-auto { margin-bottom: auto !important }
.m-0 { margin: 0 !important }
.m-1 { margin: 1rem !important }
.m-2 { margin: 2rem !important }
.m-3 { margin: 3rem !important }
.m-4 { margin: 4rem !important }
.m-5 { margin: 5rem !important }
.m-auto { margin: auto !important }
.mx-0 { margin-left: 0 !important; margin-right: 0 !important }
.mx-1 { margin-left: 1rem !important; margin-right: 1rem !important }
.mx-2 { margin-left: 2rem !important; margin-right: 2rem !important }
.mx-3 { margin-left: 3rem !important; margin-right: 3rem !important }
.mx-4 { margin-left: 4rem !important; margin-right: 4rem !important }
.mx-5 { margin-left: 5rem !important; margin-right: 5rem !important }
.mx-auto { margin: 0 auto !important }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important }
.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important }
.my-2 { margin-top: 2rem !important; margin-bottom: 2rem !important }
.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important }
.my-4 { margin-top: 4rem !important; margin-bottom: 4rem !important }
.my-5 { margin-top: 5rem !important; margin-bottom: 5rem !important }
.my-auto { margin: auto 0 !important }

.pl-0 { padding-left: 0 !important }
.pl-1 { padding-left: 1rem !important }
.pl-2 { padding-left: 2rem !important }
.pl-3 { padding-left: 3rem !important }
.pl-4 { padding-left: 4rem !important }
.pl-5 { padding-left: 5rem !important }
.pr-0 { padding-right: 0 !important }
.pr-1 { padding-right: 1rem !important }
.pr-2 { padding-right: 2rem !important }
.pr-3 { padding-right: 3rem !important }
.pr-4 { padding-right: 4rem !important }
.pr-5 { padding-right: 5rem !important }
.pt-0 { padding-top: 0 !important }
.pt-1 { padding-top: 1rem !important }
.pt-2 { padding-top: 2rem !important }
.pt-3 { padding-top: 3rem !important }
.pt-4 { padding-top: 4rem !important }
.pt-5 { padding-top: 5rem !important }
.pb-0 { padding-bottom: 0 !important }
.pb-1 { padding-bottom: 1rem !important }
.pb-2 { padding-bottom: 2rem !important }
.pb-3 { padding-bottom: 3rem !important }
.pb-4 { padding-bottom: 4rem !important }
.pb-5 { padding-bottom: 5rem !important }
.p-0 { padding: 0 !important }
.p-1 { padding: 1rem !important }
.p-2 { padding: 2rem !important }
.p-3 { padding: 3rem !important }
.p-4 { padding: 4rem !important }
.p-5 { padding: 5rem !important }
.px-0 { padding-left: 0 !important; padding-right: 0 !important }
.px-1 { padding-left: 1rem !important; padding-right: 1rem !important }
.px-2 { padding-left: 2rem !important; padding-right: 2rem !important }
.px-3 { padding-left: 3rem !important; padding-right: 3rem !important }
.px-4 { padding-left: 4rem !important; padding-right: 4rem !important }
.px-5 { padding-left: 5rem !important; padding-right: 5rem !important }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important }
.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important }
.py-2 { padding-top: 2rem !important; padding-bottom: 2rem !important }
.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important }
.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important }
.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important }

.o-100 { opacity: 1 }
.o-90 { opacity: 0.9 }
.o-80 { opacity: 0.8 }
.o-70 { opacity: 0.7 }
.o-60 { opacity: 0.6 }
.o-50 { opacity: 0.5 }
.o-40 { opacity: 0.4 }
.o-30 { opacity: 0.3 }
.o-20 { opacity: 0.2 }
.o-10 { opacity: 0.1 }

.mw-5 { min-width: 5rem }
.mw-10 { min-width: 10rem }
.mw-20 { min-width: 20rem }
.mw-30 { min-width: 30rem }
.mw-40 { min-width: 40rem }
.mw-50 { min-width: 50rem }
.mw-60 { min-width: 60rem }
.mw-70 { min-width: 70rem }
.mw-80 { min-width: 80rem }
.mw-90 { min-width: 90rem }
.mw-100 { min-width: 100rem }

.mh-1 { min-height: 1rem }
.mh-2 { min-height: 2rem }
.mh-3 { min-height: 3rem }
.mh-4 { min-height: 4rem }
.mh-5 { min-height: 5rem }
.mh-10 { min-height: 10rem }
.mh-15 { min-height: 15rem }
.mh-20 { min-height: 20rem }
.mh-25 { min-height: 25rem }
.mh-30 { min-height: 30rem }
.mh-35 { min-height: 35rem }

.w-5 { width: 5rem !important; overflow-y: auto }
.w-10 { width: 10rem !important; overflow-y: auto }
.w-20 { width: 20rem !important; overflow-y: auto }
.w-30 { width: 30rem !important; overflow-y: auto }
.w-40 { width: 40rem !important; overflow-y: auto }

.min-w-10 { min-width: 10rem !important; overflow-y: auto }
.min-w-20 { min-width: 20rem !important; overflow-y: auto }
.min-w-30 { min-width: 30rem !important; overflow-y: auto }
.min-w-40 { min-width: 40rem !important; overflow-y: auto }

.max-w-10 { max-width: 10rem !important; overflow-y: hidden }
.max-w-20 { max-width: 20rem !important; overflow-y: hidden }
.max-w-30 { max-width: 30rem !important; overflow-y: hidden }
.max-w-40 { max-width: 40rem !important; overflow-y: hidden }

.min-h-10 { min-height: 10rem !important; overflow-y: auto }
.min-h-20 { min-height: 20rem !important; overflow-y: auto }
.min-h-25 { min-height: 25rem !important; overflow-y: auto }
.min-h-30 { min-height: 30rem !important; overflow-y: auto }
.min-h-40 { min-height: 40rem !important; overflow-y: auto }

.max-h-10 { max-height: 10rem !important; overflow-y: auto }
.max-h-20 { max-height: 20rem !important; overflow-y: auto }
.max-h-25 { max-height: 25rem !important; overflow-y: auto }
.max-h-30 { max-height: 30rem !important; overflow-y: auto }
.max-h-40 { max-height: 40rem !important; overflow-y: auto }

.fh-10 { min-height: 10rem; max-height: 10rem; height: 10rem; }
.fh-12 { min-height: 12rem; max-height: 12rem; height: 12rem; }
.fh-14 { min-height: 14rem; max-height: 14rem; height: 14rem; }
.fh-16 { min-height: 16rem; max-height: 16rem; height: 16rem; }
.fh-20 { min-height: 20rem; max-height: 20rem; height: 20rem; }
.fh-30 { min-height: 30rem; max-height: 30rem; height: 30rem; }

.h-25 { height: 25% !important }
.h-50 { height: 50% !important }
.h-75 { height: 75% !important }
.h-100 { height: 100% !important }

.fade-1 { opacity: 0.1 }
.fade-3 { opacity: 0.3 }
.fade-5 { opacity: 0.5 }
.fade-7 { opacity: 0.7 }
.fade-9 { opacity: 0.9 }

.text-muted {
    opacity: 0.5;
}
.text-bold {
    font-weight: bold !important;
}

.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-left-bottom {
    bottom: 0;
    left: 0;
}
.position-right-bottom {
    bottom: 0;
    right: 0;
}
.position-left-top {
    top: 0;
    left: 0;
}
.position-right-top {
    top: 0;
    right: 0;
}

.space {
    margin: 1rem 0;
}
.no-background {
    background: none !important;
}
.no-wrap {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hide-overflow {
    overflow: hidden;
}

.border {
    border: .1rem solid var(--control-border-color) !important;
}
.ui-v3-headerbar .border,
.ui-v3-toolbar .border {
    border: .1rem solid var(--foreground-color) !important;
}

.valign-top {
    vertical-align: top !important;
}
.valign-middle {
    vertical-align: middle !important;
}
.valign-bottom {
    vertical-align: bottom !important;
}

.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}

.full-width {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.no-overflow {
    overflow: hidden !important;
}
.overflow-y {
    overflow-y: auto !important;
}
.force-overflow {
    overflow: visible !important;
}

.btn {
    background: none;
}

.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}

.no-border {
    border: none !important;
}
table.no-border tr,
table.no-border td,
table.no-border th {
    border: none !important;
}
.no-top-border {
    border-top: none !important;
}
.no-bottom-border {
    border-bottom: none !important;
}
.no-left-border {
    border-left: none !important;
}
.no-right-border {
    border-right: none !important;
}

.no-top-margin {
    margin-top: 0 !important;
}
.no-left-margin {
    margin-left: 0 !important;
}
.no-bottom-margin {
    margin-bottom: 0 !important;
}
.no-right-margin {
    margin-right: 0 !important;
}


.no-top-padding {
    padding: 0 !important;
}
.no-left-padding {
    padding: 0 !important;
}
.no-bottom-padding {
    padding: 0 !important;
}
.no-right-padding {
    padding: 0 !important;
}


.no-list-style {
    list-style: none !important;
}

.relative {
    position: relative;
}

.no-user-select {
    user-select: none;
}

.full-height-container {
    position: relative;
}

.full-height {
    height: 100%;
}

.menubar-logo {
    height: 4rem;
    max-height: 4rem;
}
.menubar-logo svg {
    height: 100%;
    max-height: 100%;
}
.menubar-logo > svg > g,
.menubar-logo > svg > path,
.menubar-logo > svg > polygon {
    fill: var(--foreground-color);
}

.row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: .1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 1rem .5rem;
    vertical-align: top;
    border-top: .1rem solid var(--control-border-color);
    border-bottom: .1rem solid var(--control-border-color);
}

.has-table .table tr:last-child > td,
.has-table .table tr:last-child > th {
    border-bottom: none;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}

.flex {
    display: flex;
}
.flex-grow {
    flex-grow: 1 !important;
}
.flex-no-grow {
    flex-grow: 0 !important;
}

.flex-shrink {
    flex-shrink: 1 !important;
}
.flex-no-shrink {
    flex-shrink: 0 !important;
}

.flex-column {
    flex-direction: column !important;
}
.flex-row {
    flex-direction: row !important;
}

.margin-left-auto {
    margin-left: auto;
}
.margin-right-auto {
    margin-right: auto;
}

.collapsed {
    display: none;
}
.expanded {
    display: block;
}

/* .selectable {
    user-select: all !important;
} */

.caret {
    display: inline-block;
    padding-left: .5rem;
    /*
    position: relative;
    top: -.3rem;
    */
}
.caret:after {
    content: " ";
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: block;
    margin-top: 1.2rem;
    width: 0.5rem;
}
.dropdown-submenu > a > .caret {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    margin-top: -2px;
    right: 8px;
    top: 50%;
}

/* .btn {
    background: var(--button-background);
    color: var(--button-foreground);
} */

.btn:hover {
    box-shadow: 0 0 0 var(--hover-shadow-width) var(--hover-color);
}
.btn:active,.btn.active {
    background: var(--button-active-background);
}

.br-0 {
    border-radius: 0 !important;
}

h4 {
    font-weight: bold;
    font-size: 1em;
    user-select: none;
    margin: .5rem 0;
}


.fill-space {
    overflow-y: auto;
    flex-grow: 1;
    flex-shrink: 1;
    /* min-height: 100%;
    max-height: 100%; */
}
@media (max-width: 767px) {
    .fill-space {
        overflow-y: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

.relative {
    position: relative;
}

.height-100 {
    height: 100%;
}


.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 1;
    background: var(--background-color);
    color: var(--control-border-color);
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
    color: var(--control-border-color);
}

.badge {
    display: inline-block;
    min-width: 1rem;
    padding: .3rem 1rem;
    font-size: .85em;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: var(--badge-background);
    border-radius: 2rem;
}
.nav-pills > li > a > .badge {
    margin-left: 1rem;
    max-height: 2rem;
    line-height: 1rem;
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    flex-shrink: 0;
}
.nav-pills > li.active > a > .badge {
    color: var(--active-background) !important;
    background: var(--active-foreground) !important;
}
.badges {
    margin-bottom: -.5rem;
}
.badges > .badge {
    margin-bottom: .5rem;
}

.limited-height-100 {
    max-height: 10rem !important;
    overflow-y: auto !important;
}
.limited-height-200 {
    max-height: 20rem !important;
    overflow-y: auto !important;
}
.limited-height-300 {
    max-height: 30rem !important;
    overflow-y: auto !important;
}


.nowrap {
    white-space: nowrap;
}

.has-danger {
    background: var(--danger-color) !important;
    color: #fff !important;
}
.has-success {
    background: var(--success-color) !important;
    color: #fff !important;
}
.has-info {
    background: var(--info-color) !important;
    color: #fff !important;
}
.has-warning {
    background: var(--warning-color) !important;
    color: #fff !important;
}

.btn-primary {
    background: var(--primary-background) !important;
    color: var(--primary-foreground) !important;
}

.ui-v3-mainmenu .logo {
    height: 100%;
    position: relative;
}
.ui-v3-mainmenu .logo > img {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ui-v3-left-menubar .logo {
    height: 5rem;
    position: relative;
    padding: 0 2rem;
    opacity: 0.5;
}
.ui-v3-left-menubar .logo > img {
    display: none;
    max-width: 10rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.ui-v3-left-menubar .logo > img.light {
    display: block;
}
html.theme-dark .ui-v3-left-menubar .logo > img.dark {
    display: block;
}


html.theme-dark .ui-v3-mainmenu .logo > img.dark {
    display: block;
}
html .ui-v3-mainmenu .logo > img.light,
html.theme-light .ui-v3-mainmenu .logo > img.light,
html.theme-dark .ui-v3-mainmenu .logo > img.dark {
    display: block;
}
html.theme-light .ui-v3-mainmenu .logo > img.dark,
html.theme-dark .logo > img.light {
    display: none;
}

.ensure-shadow {
    padding: 2rem;
    margin: -2rem;
}
.no-shadow {
    box-shadow: none !important;
}

.has-pointer {
    cursor: pointer;
}

/* Genrendertes HTML, z.B. durch markdown usw. */

.rendered-html {
    max-width: 80rem;
    font-size: 1.1em;
}

.rendered-html p, .rendered-html pre, .rendered-html ul, .rendered-html ol, .rendered-html aside, .rendered-html blockquote {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.6;
}
.rendered-html ul li {
    list-style: square;
}
.rendered-html ol li {
    list-style: decimal;
}
.rendered-html a {
    text-decoration: underline;
}
.rendered-html h1 {
    margin: 3rem 0;
    border-bottom: .1rem solid var(--control-border-color);
}
.rendered-html h2 {
    margin: 3rem 0;
    font-size: 1.5em;
    font-weight: normal;
    border-bottom: .1rem solid var(--control-border-color);
}
.rendered-html h3 {
    font-size: 1.2em;
    font-weight: normal;
}
.rendered-html h4 {
    font-size: 1.0em;
    font-weight: normal;
}

.rendered-html table {
    border-collapse: collapse;
}
.rendered-html table td {
    border: 1px solid #eee;
    padding: 5px;
    font-size: 14px;
    vertical-align: top;
}
.rendered-html table td > p {
    margin: 10px;
}

.rendered-html pre {
    padding: 1rem;
    border: none;
    border-radius: 0;
    background: var(--code-background);
    white-space: pre;
    color: var(--code-color);
}

.rendered-html blockquote {
    border-left-color: #ff6600;
    background-color: rgba(255,128,0,0.2);
    background: var(--card-background-alt);
    padding: 1rem;
}
.rendered-html blockquote:first-child {
    margin-top: -20px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.rendered-html blockquote p {
    font-size: 14px;
}
.rendered-html blockquote h1,
.rendered-html blockquote h2,
.rendered-html blockquote h3,
.rendered-html blockquote h4,
.rendered-html blockquote h5,
.rendered-html blockquote h6 {
    color: #ff6600;
    font-weight: bold;
}

.rendered-html img {
    max-width: 100%;
}

small, .small {
    font-size: 85%;
}
small a, .small a {
    text-decoration: underline !important;
}