@font-face {
font-family: Work Sans;
src: url("../../../themes/fonts/WorkSans-Variable.ttf");
}
@font-face {
font-family: Work Sans;
font-weight: bold;
src: url("../../../themes/fonts/WorkSans-Bold.ttf");
}

/*Variablen*/
:root {
--body-container-radius: 16px;
--border-radius-pill: 12px;
--color-box-shadow-rgb: 228, 128, 133;
--color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.2);
--color-primary-light: #FFD892;
--color-primary-element: #4CD5A4;
--color-primary-element-light: #FFD892;
--color-primary-element-light-text: #725B8F;
--color-main-background: #F9F5F4;
--color-background-hover: #F2E7E4;
--color-background-plain: #E5CFC9;
--color-background-plain-text: white;
--color-main-background-rgb: 249,245,244;
--color-main-background-blur: rgba(var(--color-main-background-rgb), .8);
--color-primary-text: #fff/*#433258*/;
--color-main-text: #433258;
--color-text-lighter: #725B8F;
--color-text-maxcontrast: #725B8F;
--font-face: 'Work Sans', 'Teko', sans-serif;
--default-font-size: .9rem;
--default-clickable-area: 40px;
--border-radius: 8px;
--image-background: url(../../themes/bgimgs/light/bg02-light.svg);
--background-image-invert-if-bright: white;
}

@media (prefers-color-scheme: dark) {
:root {
--color-main-background: #28173D;
--color-main-background-rgb: 40,23,61;
--color-main-background-blur: rgba(var(--color-main-background-rgb), .8);
--color-main-text: #F9F5F4;
--color-primary-text: #F9F5F4;
--color-primary-light: #725B8F;
--color-background-hover: #433258;
--color-text-maxcontrast: #E5CFC9;
--color-border-maxcontrast: #E5CFC9;
--color-text-light: #E5CFC9;
--color-background-dark: #28173D !important;
--color-background-plain: #433258;
--color-border-dark: #433258;
--color-text-maxcontrast: #725B8F;
--color-text-lighter: #FFB530;
--color-text-maxcontrast-background-blur: #E5CFC9;
--image-background: url("../../themes/bgimgs/dark/bg02-dark.svg");
}
}

/*@media (prefers-color-scheme: light) {
:root {
--color-main-background: #F9F5F4;
--color-main-background-rgb: 249,245,244;
--color-main-background-blur: rgba(var(--color-main-background-rgb), .8);
}
}*/

.modal-header__name[data-v-cc9100bb] {
padding-left: 80px;
text-align: center;
}

/*Login Screen*/
body {
font-family: Work Sans, sans-serif !important;
}
label {
font-size: 0.85rem !important;
}
.login-box {
width:calc(100vw - 40px) !important;
max-width:420px;
}
.guest-box, .body-login-container {
background: var(--color-main-background-blur);
padding: 40px;
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
}


/*#app-navigation:not(.vue) {
--border-radius-pill: 12px;
}
#app-settings-header .settings-button {
    border-radius: var(--border-radius-pill);
}
.list-item[data-v-e11e15ca] {
border-radius: var(--border-radius-pill) !important;
}
#header .header-right > div > .menu:not(.popovermenu) .bubble.open, .app-navigation-entry-menu.open, .popovermenu.open .header-menu__content {
padding:8px;
}
.button-vue {
border-radius: var(--border-radius-pill);
}

[data-theme-light] {
}
[data-theme-light] {
}*/

.app-navigation-entry.active[data-v-54906a49] {
background-color: var(--color-primary-light) !important;
}

::-webkit-scrollbar-track-piece {
    margin: 8px 0 8px 0;
}

/* Files-Darstellung */
input[type="checkbox"].checkbox+label:before, input[type="radio"].checkbox+label:before {
    border-radius: 8px;
}
table td {
border-bottom:0;
}
/* Abgerundete Zeilen */
.files-filestable {
padding:8px;
}
.files-fileList td:first-child,
.files-fileList th:first-child {
border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
}

.files-fileList td:last-child,
.files-fileList th:last-child {
border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
}
@media only screen and (max-width: 688px) {
.files-fileList td:nth-child(2),
.files-fileList th:nth-child(2) {
border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
}
}
.files-fileList td a a.action.action-menu {
padding-left: 8px;
padding-right: 16px;
}
.files-fileList td a a.action.action-share {
padding: 17px 0;
}
body .icon-menu, body .icon-menu-dark {
margin-top: 8px;
}
.datepicker-button-section, .today-button-section, .view-button-section, .new-event-today-view-section {
gap: 8px;
padding-bottom: 8px;
}
.list-item[data-v-65f2f7ad] {
border-radius: var(--border-radius-pill) !important;
}
#body-public footer {
display:none;
}
input[type='submit'], input[type='submit'].icon-confirm, input[type='button'], button, a.button, .button, select, .button-vue {
border-radius: var(--border-radius-pill) !important;
}
#content-vue.remove-gap {
width: calc(100% - var(--body-container-margin) * 2) !important;
}
/*.no-snapper {
border-radius: var(--body-container-radius) !important;
}*/
.modified, .filesize {
color: var(--color-main-text) !important;
}
.button-vue--vue-secondary[data-v-61417734] {
background-color:transparent !important;
}
div.crumb span.icon-shared, div.crumb span.icon-public {
margin-right: 12px !important;
top: 2px;
}
.oc-dialog {
padding: 32px !important;
}
/*.modal-wrapper .modal-container {
padding: 16px !important;
}*/
input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):not([type=image]) {
height: 44px;
}
.files-controls {
padding-left: 12px;
}
#view-toggle {
right: calc(var(--default-grid-baseline) * 5);
}

/*Navigation mit Custom Menu App aktiviert*/
.app-menu {
width:63% !important;
flex-wrap: nowrap !important;
}
.app-menu-main[data-v-8ee6d380] {
flex-wrap: nowrap !important;
gap:8px;
}
.app-menu-main .app-menu-entry img {
filter:none !important;
}
.app-menu-main .app-menu-entry .app-menu-entry--label {
font-size:12px !important;
}
.app-menu-main:not(.app-menu-main__hidden-label):hover .app-menu-entry--label[data-v-8ee6d380], .app-menu-main:not(.app-menu-main__hidden-label):focus-within .app-menu-entry--label {
opacity: .4 !important;
}
.app-menu-main .app-menu-entry:not(.app-menu-entry__hidden-label):hover .app-menu-entry--label {
font-size:13px !important;
opacity: 1 !important;
}


/*Photos App*/
.face-cover__crop-container {
height: 144px !important;
width: 144px !important;
--photos-face-width: 144px !important;
}
.face-cover__details {
width: 144px !important;
margin-top: 8px !important;
}
.face-cover__details__name {
font-size: 16px !important;
}
.face-cover__details__second-line {
margin-top: 0 !important;
}

/*Contacts App*/
.property__row {
gap: 8px;
}
.property__title {
padding: 8px;
}
section.contact-details[data-v-5f84a6b8] .property-masonry {
padding: 0 16px 0 16px;
}
.contacts-list__header {
margin-bottom: 24px;
}

/*Text*/
.modal-header .modal-title {
text-align:center;
padding:0 96px 0 24px !important;
}
.text-editor__main, .editor {
padding: 0 16px 0 16px !important;
}

/*Sidebar*/
.app-sidebar {
background-color: var(--color-main-background-blur) !important;
backdrop-filter: var(--filter-background-blur);
-webkit-backdrop-filter: var(--filter-background-blur);
}