:root {
    --type-ramp-base-font-size: 13px !important; /* Standard ist 16px */
    --body-font: 'Open Sans', sans-serif !Important;
    --accent-fill-rest: #2b6777 !important;
    --accent-fill-hover: #c8d8e4 !important;
    --accent-fill-active: #c8d8e4 !important;
    --accent-fill-focus: #466bb8;
}

html, body {
    height: 100%;
    --sb-track-color: #232E33;
    --sb-thumb-color: #a5a5a5;
    --background-new: rgba(234, 163, 0, .02);
}

.layout {
    margin: 0 !important;
    overflow: hidden;
}

.header .header-gutters {
    margin: .5em !important;
}

.headerContainer {
    display: flex;
    align-items: center;
}

    .headerContainer img {
        width: 40px;
        margin-right: .5em;
    }

.mainContent {
    overflow: hidden;
    height: calc(100% - 20px) !important;
}

.pageContent {
    margin: 1em;
}

.footer {
    height: 20px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}

.fluent-splitter {
    height: 100%;
    /*border-right: solid 6px #d3d3d3;*/
}

.fluent-splitter::slot(1) {
    overflow: hidden;
}

fluent-card.chatEntry {
    padding: .5em !important;
    margin-bottom: .5em;
    height: auto;
}

/*grid*/
.empty-content-cell {
    font-weight: 400 !important;
}

article {
    max-width: 1024px;
}

split-panels::part(median) {
    background: #f2f2f2 !important;
}

/* Accordion */
.accordionEntries.expanded::part(heading) {
    background: #c8d8e4;
}

.accordionEntries::part(heading) {
    background-color: var(--neutral-fill-secondary-rest);
}

.accordionEntries::part(button) {
    margin: 0;
}

.accordionEntries div[slot=heading] .headline {
    font-weight: bold;
}

.accordionEntries div[slot=heading] .subline {
    font-weight: normal;
    text-decoration: italic;
}

/*Listbox*/
.collapsible::part(listbox) {
    max-height: 350px;
}
/* Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border: 0px none #ffffff;
    border-radius: 0px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #bfbfbf;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #000000;
    }

::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 0px;
}

    ::-webkit-scrollbar-track:hover {
        background: #ffffff;
    }

    ::-webkit-scrollbar-track:active {
        background: #ffffff;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

/* Ticker */
.tv-ticker-item-tape {
    height: 36px !important;
}

/*.iconAndCount {

    position: relative;
    right: -8px;
    margin-right: 0;
    margin-left: auto;
}

.newEntries .iconAndCount {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    position: relative;
    right: -8px;
    top: -5px;
    left: auto;
    width: 21px;
    height: 40px;
    margin-right: 0;
    margin-left: auto;
}*/

.newEntries .count {
    text-align: center;
    font-size: .8em;
    position: relative;
    top: -5px;
}

.newItem, .newItem .card {
    background: #fffbf5;
}

fluent-menu .fluent-datepicker-popup {
    transform: translate(-26px, 0px) !important;
}

.blogContainer h6, .mobile h6 {
    font-size: 1rem;
    padding: .5em;
    padding-left: .5em;
    margin: 0;
    /*background-color: var(--bs-gray-200);*/
    font-weight: 600;
}

.panelContainer:not(.right) h6 {
    margin-left: -.5em;
    margin-right: -.5em;
}

.panelContainer .right h6 {
    padding-left: .5em;
}


#tinymce ::deep img, .mce-content-body img {
    max-width: 200px !important;
}

.chatEntryHeader a, .chatEntryHeader span {
    display: block;
}

/* Dialoge */
fluent-dialog {
    max-width: 80%;
}
fluent-dialog img {
    width: 100%;
}

fluent-dialog::part(control) {
    padding: .5em !important;
}

/* Wizard */
.fluent-wizard-icon-number {
    margin-top: -23px !important;
}

fluent-radio-group {
    align-items: center;
}

fluent-card.premium, fluent-card.newsletter, .fluent-wizard-content {
    display: flex;
    justify-content: center;
}


/* Editor */
.ql-editor {
    min-height: 150px;
    resize: vertical;
    overflow: auto; /* notwendig für resize */
    max-height: 800px; /* optional */
}



    /* Gilt für iOS Safari und WebView */
body.is-ios fluent-anchored-region {
    z-index: 9999 !important;
    position: fixed !important;
    height: unset;
    max-height: 500px !important;
    overflow: auto !important;
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor gray gray;
    border-image: none;
    border-radius: 10px;
    width: unset;
    top: 40px;
    right: .5em;
}

    body.is-ios fluent-anchored-region div {
        max-height: 500px !important;
        overflow: auto !important;
    }

body.is-ios #chatFileInput {
    opacity: 0 !important;
    position: relative !important;
    width: 50%;
    top: -28px;
    z-index: 100;
}

body.is-ios #tradingview_chart_container {
    height: 100% !important;
}