@charset "utf-8";

/* Musterdatei kann bei Bedarf gefüllt werden. + */

/* S24-Anpassungen individuell */
main .headerclaim .claim > div.container .claim-content p.claim-head {
    font-size: 250% !important;
}

@media only screen and (max-width: 991px) {
    .claim-content {
        display: none !important;
    }
}

/* Korrekturen */

/* Padding in der Haeder-Infobox */
main .headerclaim .claim > div.container .claim-content {
    padding: 0 20px;
    color: white;
}

/* Breadcrumb. Für Sicherstellung, dass fokusierte Element korekt dargestellt werden.  */
nav#target-breadcrumb {
    display: flow-root;
}


/* Rücksetzen der globalen Einstellung des Fokus-Rahmens bei DevXpress-Formularen. */
.forman input:focus,
.forman .dx-button:focus,
.forman .dx-toolbar .dx-button:focus,
.forman [tabindex] div span:focus,
.forman input:focus,
.forman select:focus,
.forman td:focus,
.forman textarea:focus,
[tabindex]:not(.dx-overlay-content):not(.vfm__content):not(ul.accessible-tablist li):focus {
    outline: unset !important;
}

/* Überschreiben der globalen Einstellung des Abstandes des Fokusrahmens zum Element bei normalen Formularen. */
.app a.button:focus,
.app a.button:focus:hover,
.app a:focus,
a:focus,
a[role="tab"]:focus,
button:focus,
input:focus,
select:focus,
td.document-icon-margin a:focus span.fa-icon,
td.document-icon-margin a:focus span.fa-icon::before,
td.document-icon-margin a:focus span:not(.fa-icon),
td.document-icon-margin span.fa-icon:focus::before,
textarea:focus:not(.trumbowyg-textarea),
ul.accessible-tablist li:focus {
    outline-offset: 2px !important;
}

/* Überschreiben der globalen Einstellung der Farbe des Formularrahmens (nur bei allgemeinen Formularen). */
input,
select,
textarea,
input[type="checkbox"],
input[type="radio"],
.check input[type="checkbox"],
.check input[type="radio"],
.form-checkbox-radio input[type="checkbox"],
.form-checkbox-radio input[type="radio"],
[id$="filter"] input[type="checkbox"],
.trumbowyg-box,
input:hover,
select:hover,
textarea:hover {
    border: 1px solid #949494 !important;
}

/* Überschreiben der globalen Einstellung der Farbe des Formularrahmens (nur bei DevXpress-Formularen). */
.forman input[type="date"],
.forman input[type="email"],
.forman input[type="password"],
.forman input[type="tel"],
.forman input[type="text"],
.forman select,
.forman textarea,
.dx-radiobutton-icon,
.dx-checkbox-icon,
.forman .dx-htmleditor {
    border-color: #949494 !important;
}

/* Überschreiben der globalen Einstellung der Farbe des Formularrahmens (bei Editierfeldern [normale Formulare und DevXpress-Formulare]). */
.trumbowyg-button-pane,
.forman .dx-htmleditor .dx-htmleditor-toolbar-wrapper {
    border-bottom: 1px solid #949494;
}

/* Anpassend des Cursor für Hover der (i)-Symbole */
a#startseite-info:hover,
i.pointer-recherche:hover,
span.einstellungen-container:hover {
    cursor: pointer;
}

/* Entfernen der globalen Margin-Einstellung bei DevXpress-Formularen. */
.forman input[type="date"],
.forman input[type="email"],
.forman input[type="password"],
.forman input[type="tel"],
.forman input[type="text"],
.forman select,
.forman textarea {
    margin: 0 !important;
}

/* Überschreiben der globalen Einstellung des Fokus-Rahmens bei fokusierten DevXpress-Formularen. */
.dx-state-focused,
.forman .dx-widget.dx-button:focus {
    outline-offset: -2px !important;
    outline: 2px var(--Focus_Outline_Style) var(--Focus_Outline_Color_HEX) !important;
}

.forman .dx-focused {
    outline: none !important;
}

/* Weißer Rahmen und Hintergrund für fokussierte Elemente beim Hover */
ul.agenda-list li:hover a:focus,
ul.agenda-list li[class*='selected'] a:focus,
ul.entity-list li:hover a:focus,
ul.entity-list li[class*='selected'] a:focus,
ul.group-list li:hover a:focus,
ul.group-list li[class*='selected'] a:focus {
    outline: 3px var(--Focus_Outline_Style) #fff !important;
    outline-offset: 0px !important;
    background-color: #fff !important;
    color: #000 !important;
}

/* Korrektur für Icon-Abstände, damit der Hintergrund/Rahmen des Datei-Upload-Symbols mittig bleibt */
.app li[class*="level-"].file > div > a i.fa-sst-share-alt::before,
ul[class*='list'] li a i::before {
    padding-right: 0.125em !important;
    padding-left: 0.025em !important;
}

.app a[role='button']:focus,
.app a.button:focus {
    outline: 2px var(--Focus_Outline_Style) var(--Focus_Outline_Color_HEX) !important;
}

ul[class*='list']:not(.folder-list) li:hover a:focus i::before {
    color: var(--Body_Font_Color_HEX) !important;
    background-color: #fff !important;
}

ul.agenda-list li[class*='selected'] a:focus i::before,
ul.entity-list li[class*='selected'] a:focus i::before,
ul.group-list li[class*='selected'] a:focus i::before {
    outline: unset !important;
    outline-offset: 0px !important;
    background-color: #fff !important;
    color: #000 !important;
    padding-left: 0 !important;
}

/* Korrektur der globalen Einstellung bei Elementen im Bereich "apps". */
.app .agenda-list,
.app .entity-list,
.app .group-list {
    padding-top: 4px;
    padding-bottom: 2px;
}

.folder-list i.fa-sst-cloud-upload {
    width: fit-content !important;
}

/* Akte (Ordnerbaum): auf hellen Zeilen nur der grüne Fokusrahmen, ohne Hintergrund. */
ul.folder-list a:focus-visible {
    outline: 2px var(--Focus_Outline_Style) var(--Focus_Outline_Color_HEX) !important;
    outline-offset: 2px !important;
}

/* Fokussierter Link bleibt schwarz, auch wenn eine übergeordnete Zeile überfahren wird
   (Host: .app li.level-0:hover li.level-1 a setzt sonst die normale Linkfarbe). */
.app ul.folder-list li:hover div a:focus {
    color: #000 !important;
}

/* Verschachtelte Ordner (Ebene 2 und tiefer) wie Ebene 1 einfärben: Der Host färbt nur bis Ebene 1,
   tiefere Ordnerzeilen blieben beim Überfahren hell. :not(.level-0) gilt für jede Tiefe. */
.app .folder-list li.folder:not(.level-0):hover > div.bottom-line {
    background-color: var(--App_Row_Hover_Color_Secondary_HEX) !important;
    color: var(--App_Link_Hover_Color_HEX) !important;
}

.app .folder-list li.folder:not(.level-0):hover > div.bottom-line a {
    color: var(--App_Link_Hover_Color_HEX) !important;
}

.app .folder-list li.folder:not(.level-0):hover > div.bottom-line div.folder > i {
    font-weight: 900 !important;
}

/* Zeilen, die beim Überfahren eingefärbt werden (blau, im Kontrastmodus schwarz; Host: li.level-0:hover,
   li.folder.level-1:hover > .bottom-line, li.file:hover; tiefere Ordner siehe unten). Ein fokussierter Link darin wird invertiert:
   weißes Feld mit weißem statt grünem Rahmen. */
.app .folder-list :is(li.level-0:hover > div.bottom-line, li.folder:not(.level-0):hover > div.bottom-line, li[class*="level-"].file:hover) a:focus {
    background-color: #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    color: #000 !important;
}

/* Icons im invertierten Feld in der normalen Icon-Farbe statt weiß. */
.app .folder-list :is(li.level-0:hover > div.bottom-line, li.folder:not(.level-0):hover > div.bottom-line, li[class*="level-"].file:hover) a:focus i,
.app .folder-list :is(li.level-0:hover > div.bottom-line, li.folder:not(.level-0):hover > div.bottom-line, li[class*="level-"].file:hover) a:focus i::before {
    background-color: transparent !important;
    color: var(--Icon_Color_HEX) !important;
}

/* Favoriten-Icon: Grün am ::before wie beim Freigabe-Icon, damit Host-Regeln für das <i>
   (z. B. li.level-0:hover li.level-1 i) es beim Überfahren der Umgebung nicht überschreiben. */
.app .folder-list .actions a.sst-icon-highlighted i.far-sst-icon::before {
    color: var(--Hint_Background_Color_HEX) !important;
}

/* In der eigenen, blau überfahrenen Zeile weiß, wie das Freigabe-Icon. */
.app li[class*="level-"].file:hover > div > a.sst-icon-highlighted i.far-sst-icon::before {
    color: var(--App_Link_Hover_Color_HEX) !important;
}

/* Aktive Freigaben (Link ohne .option-onhover) und Favoriten bleiben auch im Fokus grün. */
.app .folder-list :is(li.level-0:hover > div.bottom-line, li.folder:not(.level-0):hover > div.bottom-line, li[class*="level-"].file:hover) a:focus:not(.option-onhover) i.fa-sst-share-alt::before,
.app .folder-list :is(li.level-0:hover > div.bottom-line, li.folder:not(.level-0):hover > div.bottom-line, li[class*="level-"].file:hover) a:focus.sst-icon-highlighted i.far-sst-icon::before {
    color: var(--Hint_Background_Color_HEX) !important;
}

/* Abstand zum nächsten Icon außerhalb des Links, damit das Fokusfeld rundum gleichmäßig ist. */
ul.folder-list .actions a i[class^="fa"] {
    padding-right: 0 !important;
}

ul.folder-list .actions a {
    margin-right: 0.4em;
}

*:focus-visible {
    outline-color: var(--Focus_Outline_Color_HEX) !important;
}

/* Fokus-Verhalten auf editierbarem Formular im Bereich Akte-Frakte */
#akte-app .app form.name-form input:focus {
    background: #fff !important;
    color: #000 !important;
    outline: unset !important;
    margin: .266em 0 .5em 0 !important;
}

/* Korrektur der Platzierung des links platzierten Buttons im Bereich Fraktionsarbeit */
#rimcontent .app a.button.left {
    margin-left: 0 !important;
}

/* Korrektur des Fokusrahmens des Bearbeiten-Symbols (Admin-Panel). 
Ursache left: 1.3em Regel in icons.css + width: 1.25em in general.css und font-size: 60% */
span.einstellungen-rim-link {
    margin-right: 0;
    text-align: left;
    width: 1.55em;
}

a:has(> .einstellungen-rim-link) {
    margin-right: .3em;
}

/* Korrektur der Checker-Häkchen-Position */
span.einstellungen-rim-individuell-link i.fa-bottom {
    left: calc(1.3em + 3px) !important;
}

/* Korrektur der Transparenz bei Fokus beim Bearbeiten-Symbol (Admin-Panel > Einstellungen > Stift-Icon) */
a:focus span.fa-icon {
    opacity: var(--Hover_Opacity);
}

/* Korrektur des Abstandes der Fokus-Outline-Abstandes beim Bearbeiten-Symbol (Admin-Panel > Einstellungen > Stift-Icon) */
a:has(> .einstellungen-rim-link):focus {
    padding-top: 2px;
}

/* Korrektur des Abstandes der Fokus-Outline bei TAB-Flächen */
[tabindex]:not(.dx-overlay-content):not(.vfm__content):focus,
ul.accessible-tablist li:focus {
    outline-offset: 2px !important;
}