/*
 * -----------------------------------------------------------------------------
 * Lucom Interaction Platform
 * (C) Lucom GmbH, Erkrath. All rights reserved.
 *
 * $$
 * -----------------------------------------------------------------------------
 */

/*
 * Add your custom CSS code to this file. This file will be included as last CSS
 * file in the form and main view. The file may also include theme macros.
 */

@font-face {
    font-family: "BundesSans Web";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/ozg/BundesSansWeb-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSans Web Bold";
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/ozg/BundesSansWeb-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSans Web Italic";
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/ozg/BundesSansWeb-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSans Web Bold Italic";
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/ozg/BundesSansWeb-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSerif Web";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/ozg/BundesSerifWeb-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSerif Web Bold";
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/ozg/BundesSerifWeb-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSerif Web Italic";
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/ozg/BundesSerifWeb-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "BundesSerif Web Bold Italic";
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/ozg/BundesSerifWeb-BoldItalic.ttf") format("truetype");
}

body {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
}

main .content {
    padding: 0 10px;
}

@media (min-width: 768px) {
    main .content {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 105px;
    }

    #Seite8_adminPublish, #Seite8_adminNotPublish, #Seite9_SaveAndClose {
        margin-left: 5px !important;
    }

    #Seite2_previous10, #Seite1_close9 {
        min-width: 135px !important;
    }

}

a {
    color: #0077B6;
}

a:hover,
a:focus,
a:active {
    color: #00659B;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

#lip_formBean .form div.InputField.componentWrapper .formControl {
    padding: 0 20px;
}

/* FMSOZG-1304 - Adding TextLink-Focus-Style (nicht über external-Stylesheet stylbar) */
.textLink:focus {
    border: 1px solid #0077B6;
    outline: none;
}

.textLink:hover {
    color: #111314;
    cursor: pointer;
}

.textLink > img {
    padding-right: 5px;
}

/* Wird für die RKP-Startseite benötigt */
.header > div[id*="header:Banner"] > div.flex-container,
.header > div[id*="header:RKP_Funktionen"] > div.flex-container,
.footer > div[id*="footer:ServiceInfoFooter"] > div.flex-container {
    max-width: 936px;
    margin: 0 auto;
    box-sizing: border-box;
}

.header div[id*="header:Banner"] {
    background-image: url("../images/banner.png");
    background-size: 100% 331px;
    background-repeat: no-repeat;
}

.form ul[data-group-name="Fehlerliste"] {
    flex-direction: column;
    list-style-type: disc;
    margin-left: 27px;
    font-size: 13px;
    display: flex;
}

.form ul[data-group-name="Fehlerliste"] li {
    color: #004B76;
}

/* Menü Suche entfernen */
.globalSearch {
    display: none !important;
}

/****** Dropdown modifications *************** */

.selectize-dropdown.plugin-lip_select {
    border: 0;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 26%);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.selectize-dropdown.plugin-lip_select .active {
    border-left: 2px solid #0077B6;
}

.selectize-dropdown [data-selectable] {
    padding: 14px 20px;
}

.selectize-dropdown [data-selectable] + div {
    border-top: 1px solid #eff0f1;
}

.selectize-control.single .selectize-input:after,
.selectize-control.plugin-lip_select.multi .selectize-input:after {
    content: url("../images/svg/chevron-down.svg");
    cursor: pointer;
    border: 0;  
    width: 20px;
    height: 20px;
    margin: -13px 0 0 0;
    transition: transform 0.2s ease;
}

.selectize-control.single.plugin-lip_customization.plugin-lip_select.plugin-accessibility[data-styleclass^="LanguageDropDown"] {
    flex: none !important;
    margin: 5px -10px 7px 2px !important;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.ffw_focussed,
.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items {
    display: inline-block;
    padding-left: 10px;
    margin: 0 26px 0 0;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.ffw_focussed.dropdown-active {
    display: inline-block;
    padding-left: 10px;
    margin: 2px 26px 0 0;
}

.selectize-control[data-styleclass^="LanguageDropDown"] {
    padding-top: 2px;
    width: 135px !important;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.input-active.ffw_focussed {
    margin: 0 10px 0 0 !important;
    width: 135px !important;
}

.selectize-control.plugin-lip_select .selectize-input.LanguageDropDown [data-value] {
    padding-right: 16px;
    padding-left: 6px;
}

.selectize-control.single .selectize-input.dropdown-active:after,
.selectize-control.plugin-lip_select.multi .selectize-input.dropdown-active:after {
    cursor: pointer;
    border: 0;
    width: 20px;
    height: 20px;
    margin: -7px 0 0 0;
    transform: rotateX(180deg);
}

/* Inhalte für Dropdown des Feldes KI_SYSTEM_RISIKO_EINSTUFUNG umbrechen */
.selectize-dropdown.single.plugin-lip_customization.plugin-lip_select.plugin-accessibility[data-control^="TBL_KI_SYSTEM_RISIKO_EINSTUFUNG"] > div > div {
    white-space: normal;
}

/****** Formhelp/Formnavigation modifications *************** */

.formBody .form-main aside.left,
.formBody .form-main aside.right .sticky-content {
    box-shadow: none !important;
}

.formBody .form-main aside.right {
    width: 310px !important;
    padding: 0 0 0 48px;
    box-shadow: none;
    border-left: 1px solid #e5e8e9;
}

.formBody .form-main aside.right .sticky-content {
    width: 310px !important;
}

.formBody .form-main aside.left {
    background-color: #f5f8fa;
    width: 348px;
}

.formBody .form-main aside.left .sticky-content {
    background-color: #f5f8fa;
    height: 100%;
    padding-left: 48px;
}

.formBody .form-main aside.left .sticky-content,
.formBody .form-main aside.left,
.formBody .form-main aside.widescreen.left .sticky-content {
    overflow: hidden;
}

/* left-align formNav closing button */
.formBody .form-main .sidebar-visibility-switch {
    top: 20px !important;
    left: 48px !important;
}

.formBody .form-main .sidebar-visibility-switch button[title~="schließen"] {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Wenn FormNav eingeklappt, soll sich der Öffnen-Button etwas vom Formular abheben */
.formBody .form-main .sidebar-visibility-switch button[title~="öffnen"] {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* Standard-Animation entfernt, macht keinen Sinn mehr, bei linksbündigem Button (sieht auch nicht gut aus) */
.formBody .form-main aside.left.opening ~ .sidebar-visibility-switch,
.formBody .form-main aside.left.closing ~ .sidebar-visibility-switch {
    animation-name: none;
}

.formBody .form-main .sidebar-visibility-switch button:hover,
.formBody .form-main .sidebar-visibility-switch button:active {
    background-color: #00659B;
}

.formBody .form-main .sidebar-visibility-switch svg {
    fill: #00659B !important;
}

.formBody .form-main .sidebar-visibility-switch svg circle {
    stroke: #e5e8e9;
    stroke-width: 1px;
}

.formBody .form-main .sidebar-visibility-switch button:hover svg circle,
.formBody .form-main .sidebar-visibility-switch button:active svg circle {
    stroke: rgba(0, 75, 118, 41%);
}

.formBody .form-main .sidebar-visibility-switch button:focus svg circle {
    stroke: #004b76;
}

.formBody .form-main .sidebar-visibility-switch button,
.formBody .form-main aside.left.hidden ~ .sidebar-visibility-switch button {
    transform: none;
}

@media (max-width: 1119px) {
    .formBody .form-main aside.left {
        width: 252px;
        position: absolute;
        height: 100%;
        border-right: 1px solid rgb(217, 227, 234);
    }

    .formBody .form-main aside.left .sticky-content {
        padding-left: 16px;
    }

    .formBody .form-main aside.right {
        padding: 0 0 0 24px;
    }

    /* left-align formNav closing button */
    .formBody .form-main .sidebar-visibility-switch {
        left: 16px !important;
    }
}

/****** Placeholder modifications *************** */

::placeholder {
    font-style: italic;
    font-size: 16px;
}

/****** Viewembedding Error modifications *************** */

/* TODO: Check, was über Theme stylbar ist */

ul.ffw_errorLabel > li:before {
    content: url("../images/svg/ozg/alert-circle-alert.svg");
    margin-right: 5px;
}

ul.ffw_errorLabelMin > li:before {
    content: url("../images/svg/ozg/alert-circle-alert.svg");
    margin-right: 5px;
}

.viewEmbeddings {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.viewEmbeddings .headline {
    margin-top: 10px;
    font-size: 12pt;
}

.viewEmbeddings .error {
    margin-top: 64px;
    padding-bottom: 30px;
    background-color: #faf0f3;
}

.viewEmbeddings .error .content {
    padding: 0;
}

.viewEmbeddings .error .icon {
    background-image: url("../images/svg/ozg/alert-circle-white.svg");
    background-size: 60%;
}

.viewEmbeddings .ok {
    margin-top: 64px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.viewEmbeddings .ok .content {
    padding: 0;
}

.viewEmbeddings .ok .icon {
    background-color: #f0f7f4;
    background-image: url("../images/svg/ozg/ok-outline.svg");
    padding-right: 3px;
}

.viewEmbeddings .error .errorLink a {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    background-position: -10px center;
    background-color: #faf0f3;
    padding-left: 15px;
    margin: 0;
    background-image: url("../images/svg/menu-right.svg");
}

/****** Checkbox/Radiobutton modifications *************** */

/* Styling des Hakens / der angeklickten Box (nicht möglich über external-Stylesheet) */
.browseDataWizard input.checkbox {   
    cursor: pointer;
    height: 20px;
    width: 20px;
}

input.checkbox:focus,
.browseDataWizard input.checkbox:focus {
    border: none;
    outline: 1px solid #000000;
}

input.checkbox:checked:hover {
    border: none;
    outline: 2px solid #000000;
}

.lip_checkbox input[type="radio"]:checked ~ div > .after:before,
.lip_checkbox div[data-type="radio"][data-checked="checked"] ~ div > .after:before {
    background-color: #0077B6;
    transform: scale(0.6);
}

.lip_checkbox input[type="checkbox"]:checked ~ div > .after:before,
.lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .after:before {
    background-color: #0077B6 !important;
    color: #ffffff;
}

/* ----------------------------------------- <Anpassungen für Datepicker> --------------------------------------- */

/*.browseDataWizard .filter td span + input {
    background: url("../images/svg/ozg/calendar-month.svg") no-repeat calc(100% - 16px) center;
}

.browseDataWizard .filter td span + input:hover,
.browseDataWizard .filter td span + input:focus {
    border-color: #0077b6;
}

.browseDataWizard .filter td span + input:focus {
    border-width: 2px;
    box-shadow: unset;
}*/

.datepicker.dropdown-menu {
    padding-bottom: 0;
}

.datepicker .smallgrid table,
.datepicker table {
    font-size: 16px;
    line-height: 30px;
    border-collapse: separate;
    padding-left: 18px;
    padding-right: 18px;
}

.datepicker .smallgrid .datepicker-switch {
    width: unset;
}

.datepicker .datepicker-days > table > tbody:before,
.datepicker .datepicker-months > table > tbody:before,
.datepicker .datepicker-years > table > tbody:before,
.datepicker .datepicker-days > table > tbody:after,
.datepicker .datepicker-months > table > tbody:after,
.datepicker .datepicker-years > table > tbody:after {
    content: "";
    display: block;
    position: inherit;
    width: 800%;
    margin-left: -18px;
    line-height: 1px;
    border-top: 1px solid #e5e8e9;
}

.datepicker .datepicker-days > table > tbody:before,
.datepicker .datepicker-months > table > tbody:before,
.datepicker .datepicker-years > table > tbody:before {
    margin-bottom: 7px;
}

.datepicker table tr th,
.datepicker table tr td {
    width: 35px;
    height: 35px;
}

.datepicker table thead:after {
    content: "";
    display: block;
    height: 2px;
}

.datepicker table tr td.focused.today.active.day,
.datepicker table tr td.month.focused.active,
.datepicker table tr td.month.focused,
.datepicker table tr td.active:active,
.datepicker table tr td.focused,
.datepicker table tr td.year.active,
.datepicker table tr td.today.day,
.datepicker table tr td.today {
    border-radius: 50% !important;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active.active {
    border-radius: 50%;
}

.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    border-width: 2px;
}

.datepicker table tr td.century:hover,
.datepicker table tr td.decade:hover,
.datepicker table tr td.century.focused:hover,
.datepicker table tr td.decade.focused:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.year.focused,
.datepicker table tr td.month.focused,
.datepicker table tr td.focused.day,
.datepicker table tr td.century.focused,
.datepicker table tr td.decade.focused,
.datepicker table thead tr th.prev:focus,
.datepicker table thead tr th.next:focus {
    border-radius: 50% !important;
    border: 1px solid #0077B6;
}

.datepicker table tr td.year.focused,
.datepicker table tr td.month.focused,
.datepicker table tr td.focused.day,
.datepicker table tr td.century.focused,
.datepicker table tr td.decade.focused,
.datepicker table thead tr th.prev:focus,
.datepicker table thead tr th.next:focus {
    border-width: 2px;
}

.datepicker table tr th {
    color: #004B76;
}

.datepicker table tr td {
    border: 1px transparent solid;
}

.datepicker table tr th.datepicker-1-days-switch,
.datepicker table tr th.datepicker-1-months-switch,
.datepicker table tr th.datepicker-switch {
    color: #111314;
}

.datepicker table thead tr th.datepicker-switch:focus {
    text-decoration: underline;
}

.datepicker table tr th.dow {
    border-radius: 0;
}

.datepicker table tfoot tr th.today {
    font-weight: 400;
    color: #0077B6;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    border: solid 2px transparent;
    height: 50px;
    line-height: 46px;
    margin-left: -18px;
}

.datepicker .table-condensed > thead > tr > th,
.datepicker .table-condensed > tbody > tr > th,
.datepicker .table-condensed > tfoot > tr > th,
.datepicker .table-condensed > thead > tr > td,
.datepicker .table-condensed > tbody > tr > td,
.datepicker .table-condensed > tfoot > tr > td {
    padding: 0;
}

.datepicker table tfoot tr th.clear {
    display: block !important;
    font-size: 0;
    height: 50px;
}

.datepicker table tfoot tr th.today:hover {
    border: 1px solid #0077B6;
    border-radius: 2px;
    background-color: #ffffff;
}

.datepicker table tfoot tr th.today:focus {
    text-decoration: underline;
    border: 2px solid #0077B6;
    border-radius: 2px;
}

.datepicker table th.next,
.datepicker table th.prev {
    position: absolute;
}

.datepicker table th.prev {
    margin-left: -13px;
}

.datepicker table th.next {
    margin-left: 13px;
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    border-radius: 50%;
}

.datepicker table th.prev:after,
.datepicker table th.next:after {
    font-size: 20px;
    color: #0077B6;
    margin-left: -8px;
    content: " ";
    display: inline-block;
    width: 8px;
    height: 14px;
    background-color: #0077b6;
    -webkit-mask-image: url("../images/svg/ozg/arrow.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/arrow.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    color: #0077b6;
    margin-top: 10.5px;
}

.datepicker table th.next:after {
    transform: rotate(180deg);
}

.datepicker .prev:hover,
.datepicker .next:hover {
    background-color: unset;
    border: 1px solid #0077b6;
}

.datepicker table tr td.year:hover,
.datepicker table tr td.month:hover {
    border-radius: 50%;
    border: 1px solid #0077B6;
}

.datepicker .smallgrid table tr td {
    height: 49px;
    width: 49px;
    line-height: 49px;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.active.focused,
.datepicker table tr td.active.highlighted.active.focused {
    color: #ffffff;
    background-color: #0077b6;
    text-shadow: unset;
}

input[type="text" i] {
    padding-inline: 16px;
}

/******** DatePicker-Icon *********/
.datePickerOpener {
    color: #0077B6 !important;
    font-size: 24px !important;
    border: none !important;
}

.datePickerOpener.ffw_focussed {
    border: 2px solid #0077B6 !important;
}

/* ----------------------------------------- </Anpassungen für Datepicker> --------------------------------------- */

/* Uploadcontrol modifications *************** */

/* TODO:   Mit kommender LIP-Version ist die Konfigurierbarkeit des SVG-Icons gegeben.
           Somit muss hier nicht mehr per CSS getrickst werden. Dann kann das hier raus. */
.UploadDialog {
    min-height: unset !important;
}

.resumable {
    min-height: unset;
}

.resumable .drop-icon svg {
    display: none;
}

.resumable .drop-icon:before {
    content: "";
    display: inline-block;
    height: 44px;
    width: 44px;
    margin-bottom: 20.5px;
    margin-top: 14.5px;
    background: url("../images/svg/ozg/upload.svg") no-repeat center / contain;
}

.resumable .flex-container {
    justify-content: normal;
}

#lip_formBean .resumable .flex-container .Label.UploadDialogLabel {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    color: #798183;
    margin-bottom: 13px;
}

#lip_formBean .resumable .flex-container .Label.UploadDialogRestriction {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px;
}

.resumable .dragover {
    box-shadow: none;
}

.resumable .flex-container.drop {
    padding: 20px;
}

/* Datenbrowser-Anpassungen */
.browseDataWizard,
.toolbar {
    max-width: 1484px;
}

form[action="/dataBrowser/controller.do"] .viewEmbeddings .message h1 {
    padding: 0;
    line-height: 20px;
}

form[action="/dataBrowser/controller.do"] .viewEmbeddings .message {
    max-width: 854px;
    border-color: #f7bb3d !important;
    background-color: #faf4e7;
}

.browseDataWizard th.caption,
.browseDataWizard span.caption,
.browseDataWizard td.caption {
    font-weight: bold;
    font-size: 18px !important;
}

.browseDataWizard td.caption,
.browseDataWizard th.caption {
    border-bottom: 1px solid #dddddd;
}

.browseDataWizard table {
    font-size: 15px !important;
    line-height: 20px;
    border-spacing: 0;
    border: 0;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 6%);
}

.browseDataWizard .rowOver td {
    background-color: #f6f9fa !important;
}

.browseDataWizard tr,
.browseDataWizard td {
    padding: 5px 10px 5px 10px;
    border-left: 1px solid #e5e8e9;
    border-bottom: 1px solid #e5e8e9;
    background-color: #ffffff;
}

.browseDataWizard tr.rowOver td:nth-child(1),
.browseDataWizard tr.row0 td:nth-child(3):hover {
    border-left: 3px solid #0077b6;
}

.browseDataWizard th {
    padding: 20px 40px 8px 30px;
}

.browseDataWizard thead {
    line-height: 26px;
}

.browseDataWizard span.caption {
    padding: 0;
}

.browseDataWizard a:hover {
    text-decoration: none;
    color: #0077b6;
}

/*#bdw_applyFilter {
    display: none;
}

#bdw_clearFilter {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-color: #ffffff;
    color: #0077b6;
    border: 1px solid rgb(0, 119, 182);
}

#bdw_clearFilter:hover {
    border: 1px solid rgb(0, 119, 182);
    text-decoration: underline;
    cursor: pointer;
}*/
.browseDataWizard .filter td select,
.browseDataWizard .filter td select:focus,
.browseDataWizard .filter td input,
.browseDataWizard .filter td input:focus {
    border-width: 1px;
    border-radius: 2px;
    border-color: black;
}

.browseDataWizard .filter td > input {
    width: fit-content;  
}

.browseDataWizard .filter td {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.browseDataWizard .filter td select,
.browseDataWizard .filter td input {
    height: 30px;
}

.browseDataWizard .filter td select{
    margin-bottom: 3px;
}

/*.browseDataWizard .filter td br {
    display: none;
}

.browseDataWizard input.slim {
    width: auto;
}

.browseDataWizard .filter td span {
    display: none;
}

.browseDataWizard .filter td span:last-of-type {
    display: inline;
    visibility: hidden;
    padding-right: 0;
    padding-left: 4px;
}

.browseDataWizard .filter td span:last-of-type:before {
    content: "-";
    visibility: visible;
}

#bdw_sortButton_unsort {
    display: none;
}

.browseDataWizard input.checkbox {
    transform: scale(1.7);
}

.browseDataWizard input.checkbox:focus {
    box-shadow: none !important;
}*/

/* Seitennavigation */

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
ul.toolbar ul.pageBrowser li input[value="<<"],
ul.toolbar ul.pageBrowser li input[value=">>"],
ul.toolbar ul.pageBrowser li input[value=">|"],
ul.toolbar ul.pageBrowser li input[value="|<"] {
    font-size: 11px !important;
    font-weight: normal;
}

ul.toolbar input[id^="bdw_pageBrowserButton"] {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    height: auto !important;
    border-radius: 0;
    border: 0;
    border-left: 1px solid #dddfe0;
}

ul.toolbar input[id^="bdw_pageBrowserButton"]:first-child {
    font-weight: bold;
    border: none;
}

ul.toolbar input[id^="bdw_pageBrowserButton"]:active,
ul.toolbar input[id^="bdw_pageBrowserButton"]:focus,
ul.toolbar input[id^="bdw_pageBrowserButton"].current {
    color: #0077b6;
    font-weight: bold;
}

.pageBrowser input:focus {
    box-shadow: none;
}

/* Lookup-List modifications *************** */

/* Lookup-Liste */

/* TODO: Check, was über Theme stylbar ist */

/* .lookupOpener {
    background-image: url("../images/svg/chevron-down.svg") !important;
} */

.lookupWindow .dialog .header h2 {
    font-size: 24px;
    line-height: 32px;
    color: #004B76;
    font-weight: bold;
    padding-left: 17px;
}

.lookupWindow .dialog {
    min-width: 596px;
}

.lookupWindow .dialog .header {
    padding-top: 48px;
    padding-right: 54px;
    box-shadow: none;
    border-bottom: 0;
    height: auto;
}

.lookupWindow .dialog .description {
    font-size: 16px;
    line-height: 24px;
    color: #111314;
    padding-top: 0;
}

.lookupWindow .dialog .content {
    padding: 8px 48px 0;
}

.lookupWindow .dialog .matchcode {
    padding-top: 16px;
    padding-bottom: 32px;
}

.lookupWindow .dialog .matchcode div {
    padding-right: 0;
}

.lookupWindow .dialog .content .matchcode input {
    height: 46px;
    border-radius: 2px;
    max-width: 94.9%;
    margin: 0;
}

.lookupWindow .dialog .content .matchcode input[type="text"] {
    margin-right: 12px;
    padding: 0 0 0 16px !important;
    background: white url("../images/svg/ozg/search.svg") no-repeat right / contain;
    background-position-x: 98%;
    background-size: 18px;
}

.lookupWindow .dialog .content .matchcode input[type="text"]:hover {
    box-shadow: none;
    border: 1px solid #0077B6;
}

.lookupWindow .dialog .content .matchcode input[type="text"]:focus {
    border: 2px solid #0077B6;
    box-shadow: none;
    max-width: 94.42%;
    height: 44px;
}

.lookupWindow .dialog .content .matchcode .button input[type="submit"],
.lookupWindow .dialog .content .matchcode .button {
    border-radius: 4px;
    margin: 0;
}

.lookupWindow .dialog .content .matchcode .button input[type="submit"]:focus,
.lookupWindow .dialog .content .matchcode .button input[type="submit"]:hover {
    text-decoration: underline;
    background-color: #004B76;
}

.lookupWindow .dialog .content .matchcode .button input {
    height: 48px;
    width: 93px;
    border-radius: 2px;
    border-color: #0077B6;
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    background-color: #0077B6;
}

.lookupWindow .dialog .content .pages {
    float: right;
    margin-top: -10px;
}

.lookupWindow .dialog .content .pages input {
    font-size: 14px;
    border: none;
    border-radius: 0;
    height: auto;
    min-height: 30px;
    min-width: 30px;
    margin-right: 0;
    font-weight: bold;
}

.lookupWindow .dialog .content .pages input:focus {
    box-shadow: none;
}

.lookupWindow .dialog .content .pages input.current:active {
    border-color: transparent !important;
}

.lookupWindow .dialog .content .pages input[value^="<<"] {
    margin-right: 13px;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.lookupWindow .dialog .content .pages input[value^=">>"] {
    margin-left: 13px;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.lookupWindow .dialog .content .pages input[value^=">>"],
.lookupWindow .dialog .content .pages input[value^=">|"] {
    font-size: 10px;
    border-left: 1px #e5e8e9 solid;
}

.lookupWindow .dialog .content .pages input[value^="<<"],
.lookupWindow .dialog .content .pages input[value^="|<"] {
    font-size: 10px;
    border-right: 1px #e5e8e9 solid;
}

.lookupWindow .dialog .content [role^="status"] {
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
}

.lookupWindow .dialog .content .list {
    border: none !important;
    overflow: visible !important;
}

.lookupWindow .dialog .content .list .table {
    border-spacing: 0 !important;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 5%);
}

.lookupWindow .dialog .content .list .table .tHeader .tCell {
    font-weight: bold !important;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.lookupWindow .dialog .content .list .table .tBody .tCell {
    border-top: 1px #e5e8e9 solid;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.lookupWindow .dialog .content .list .table .tBody .tCell a,
.lookupWindow .dialog .content .list .table .tHeader .tCell span {
    padding-left: 28px;
    padding-right: 42px;
}

.lookupWindow .dialog .content .list .table .tBody .tRow {
    font-size: 14px;
    line-height: 24px;
}

.lookupWindow .dialog .footer {
    border-top: 0;
    height: 36px !important;
}

.lookupWindow .dialog .footer .button {
    display: none;
}

.lookupWindow .dialog div.content .list .table .tBody .tRow:hover {
    background: url("../images/svg/ozg/hover-bar.svg") no-repeat left / contain;
}

/* Eigentlich über color:lookupWindow.tr.rowHover.color stylbar. Aktuell aber durch einen LIP-Bug (FFWS-12263) nicht funktionsfähig, daher über custom.css */
.lookupWindow .dialog div.content .list .table .tBody .tRow:hover .tCell a {
    color: #004B76 !important;
}

.lookupWindow .dialog .content .error {
    background: url("../images/svg/ozg/alert-circle-alert.svg") no-repeat left / contain;
    background-size: 16px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 0;
}

.lookupWindow .dialog .header button {
    position: absolute;
    top: 0;
    right: 6px;
}

.lookupWindow .dialog .header .cross-box {
    position: absolute;
    top: 16px;
    right: 0;
}

.lookupWindow .dialog .header .cross-inner,
.lookupWindow .dialog .header .cross-inner:after {
    width: 16px;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
}

.lookupWindow .dialog .header button:hover,
.lookupWindow .dialog .header button:focus {
    border: 2px solid transparent;
    box-shadow: none;
}

/* Login/Anmeldeseite umstylen */
.contentPanel.loginContent {
    height: auto;
}

.contentPanel.loginContent .login {
    width: auto;
}

.contentPanel.loginContent .login > div {
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 6%);
    padding: 56px 56px calc(56px + 9px + 1em) 56px;
    margin: 56px 0;
    max-width: 456px;
}

.contentPanel.loginContent .login .rightCol input,
.contentPanel.loginContent .login .rightCol select {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #798183;
    border-radius: 2px;
    font-size: 14px;
    height: 48px;
}

.contentPanel.loginContent .login .rightCol input:hover,
.contentPanel.loginContent .login .rightCol select:hover {
    border: 1px solid #0077b6;
    border-radius: 2px;
}

.contentPanel.loginContent .login .rightCol input:focus,
.contentPanel.loginContent .login .rightCol select:focus {
    border: 2px solid #0077b6;
    border-radius: 2px;
}

.contentPanel.loginContent .login .flexContainer {
    flex-direction: column;
}

.contentPanel.loginContent .login .flexContainer .rightCol {
    width: 100%;
}

.contentPanel.loginContent .login .row label.leftCol {
    padding: 8px 0;
    font-weight: bold;
    color: #111314;
    font-size: 16px;
    line-height: 18px;
}

.contentPanel.loginContent .login .row .leftCol {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent !important;
    text-align: left !important;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    font-size: 14px;
}

.contentPanel.loginContent .login h2 {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #004b76;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    line-height: 48px;
}

.contentPanel.loginContent .login .row .floatRight.buttons input {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 34px;
    width: 100%;
    height: 56px;
}

.contentPanel.loginContent .login .row .floatRight.buttons input:hover,
.contentPanel.loginContent .login .row .floatRight.buttons input:focus {
    color: #ffffff;
    border: 1px solid #00659b;
}

.contentPanel.loginContent .login .row .floatRight.buttons input:hover {
    background-color: #00659b;
}

.contentPanel.loginContent .login .row,
.contentPanel.loginContent .login .message {
    padding: 0;
}

.contentPanel.loginContent .login .message .icon {
    display: none;
}

.contentPanel.loginContent .login .message.info {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 0;
    color: #111314;
    line-height: 20px;
}

.contentPanel.loginContent .login .message.info .output {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}

.contentPanel.loginContent .login .message.error {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    border: 0;
    color: rgb(225, 37, 34);
}

.contentPanel.loginContent .row.floating {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
}

.contentPanel.loginContent #output {
    padding: 8px 0 16px !important;
}

.contentPanel.loginContent #output2 {
    padding: 2px 0 10px !important;
}

.contentPanel.loginContent #output3 {
    padding: 2px 0 0 !important;
}

.contentPanel.loginContent #output2,
.contentPanel.loginContent #output3 {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}

.contentPanel.loginContent .login .message .content #output {
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
}

.contentPanel.loginContent .login .button {
    border-radius: 2px;
}

.contentPanel.loginContent .login .row .leftCol.link a {
    position: absolute;
    top: 95px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    color: #0077b6;
    font-size: 16px;
    line-height: 24px;
}

/* Contentpanel-Anpassungen */
.contentPanel h1 {
    font-family: "BundesSans Web Bold", Calibri, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 32px;
    line-height: 48px;
    padding: 56px 0 20px;
    margin: 0;
}

.contentPanel a {
    font-size: 16px;
}

/* Excel Export styles */

ul.toolbar {
    margin-top: -8px;
}

ul.toolbar .button {
    border: none;
    margin-right: 0;
}

ul.toolbar .button:focus {
    border: none;
    box-shadow: none;
}

ul.toolbar li:first-child {
    margin-left: -10px;
}

ul.toolbar li:nth-child(n + 2) {
    margin-right: 16px;
}

/* Entfernt weil  - Abstand der Schaltfläche zu groß FMSBEKI-252 Benutzerexport */
/* ul.toolbar li:nth-last-child(3) {
    margin-right: 32px;
} */

ul.toolbar li:nth-last-child(2) {
    margin-right: 0;
}

ul.toolbar li:nth-last-child(1) {
    margin: auto 0 10px auto;
}

body:not(#lipFormBody) div.contentPanel > h1,
form[action="/dataBrowser/controller.do"] {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
}

form[action="/dataBrowser/controller.do"] .viewEmbeddings .message .icon {
    background-image: url("../images/action/message_info.png");
    background-color: #f7bb3d !important;
}

#selectedRowsCount {
    margin-bottom: 35px !important;
    font-size: 16px;
    line-height: 24px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a:before {
    content: url("../images/svg/ozg/external-link.svg");
    margin-right: 8px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a {
    text-decoration: underline;
}

form[action="/dataBrowser/controller.do"] div.content.closable {
    margin-bottom: 16px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > p:nth-child(3) {
    margin-bottom: -16px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a,
form[action="/dataBrowser/controller.do"] div.content.closable {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #0077b6;
}

form[action="/dataBrowser/controller.do"] div.content.closable > p,
div.content.closable > h2 {
    color: black;
}

.viewEmbeddings .info,
.DialogError,
.DialogInfo,
.DialogQuestion {
    max-width: 551px !important;
    position: relative;
    padding: 22px 14px 21px 67px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 5%);
}

.viewEmbeddings .info {
    min-width: 200px;
}

.viewEmbeddings .close {
    background-image: url("../images/svg/ozg/cancel.svg") !important;
    background-position: center;
    background-color: transparent !important;
}

.viewEmbeddings .close:hover {
    background-image: url("../images/svg/ozg/cancel_hover.svg") !important;
}

.viewEmbeddings .close:focus-visible {
    border: none !important;
}

.viewEmbeddings .content.closable {
    padding-right: 0;
}

.viewEmbeddings .content.closable .text {
    display: block;
    margin-right: 10px;
}

.viewEmbeddings .info .headline,
.DialogError .headline,
.DialogInfo .headline,
.DialogQuestion .headline {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #111314;
    margin-bottom: 16px;
}

.viewEmbeddings .info .buttons,
.DialogError .content .buttons,
.DialogInfo .content .buttons,
.DialogQuestion .content .buttons {
    padding-top: 24px;
    display: flex;
    justify-content: end;
}

.DialogError .content .text,
.DialogInfo .content .text,
.viewEmbeddings .info .content .text,
.DialogQuestion .content .text {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

/* Primärer View-Embedding-Button */
.viewEmbeddings .info .buttons input,
.viewEmbeddings .buttons input[data-event-click-params*='"close"'],
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"'],
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"'],
.DialogError .content .buttons input[data-event-click-params*='"confirm"'] {
    border-radius: 2px;
    flex-basis: auto !important;
    min-height: auto !important;
    cursor: pointer;
    font-size: 14px;
    padding: 0 16px;
    height: 32px;
    font-weight: 700;
    border: 1px solid #0077B6;
    background-color: #0077B6;
    color: #ffffff;
}

/* Primärer View-Embedding-Button */
.viewEmbeddings .info .buttons input:focus,
.viewEmbeddings .info .buttons input:hover,
.viewEmbeddings .buttons input[data-event-click-params*='"close"']:focus,
.viewEmbeddings .buttons input[data-event-click-params*='"close"']:hover,
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"']:hover,
.DialogError .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogError .content .buttons input[data-event-click-params*='"confirm"']:hover {
    border: 1px solid #004B76;
    background-color: #004B76;
    text-decoration: underline;
    box-shadow: none;
}

/* Sekundärer View-Embedding-Button */
.DialogError .content .buttons input[data-event-click-params*='"cancel"'],
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"'],
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"'] {
    border-radius: 2px;
    flex-basis: auto !important;
    min-height: auto !important;
    cursor: pointer;
    font-size: 14px;
    padding: 0 16px;
    height: 32px;
    background-color: #ffffff;
    font-weight: 700;
    color: #0077B6;
    border: 1px solid #0077B6;
}

/* Sekundärer View-Embedding-Button */
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"']:hover,
.DialogError .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogError .content .buttons input[data-event-click-params*='"cancel"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"']:hover {
    text-decoration: underline;
    background-color: transparent;
    border: 2px solid #0077B6;
    box-shadow: none;
}

.DialogQuestion .icon {
    background-color: #fefaeb;
    background-image: url("../images/svg/ozg/help-circle-yellow.svg");
    padding-right: 3px;
}

.DialogError .icon,
.DialogInfo .icon {
    background-size: 24px;
    padding-right: 3px;
}

.viewEmbeddings .info .icon,
.DialogInfo .icon {
    background-color: rgba(0, 118, 182, 23%);
    background-image: url("../images/svg/ozg/alert-circle-info.svg");
}

.DialogError .icon {
    background-color: #faf0f3;
    background-image: url("../images/svg/ozg/alert-circle-error.svg");
}

.viewEmbeddings .buttons input {
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
}

/* Startseiten Accordion
   Startseite FAQ-Frage h3 inline, damit marker (Pfeil) und Frage auf einer Höhe */

details {
    margin-left: 24px;
}

details summary {
    background-color: #ffffff;
    color: #0077B6;
    border-radius: 4px;
    cursor: pointer;
    padding: 18px 26px 12px;
    margin-bottom: 8px;
    margin-left: -24px;
    text-align: left;
    outline: none;
    border: 1px solid #e5e8e9;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    justify-content: space-between !important;
}

details summary:hover h3 {
    text-decoration: underline;
}

details summary:hover {
    border: 1px solid #0077B6;
}

details summary h3 {
    display: inline;
    background-color: #ffffff;
    color: #0077B6;
    cursor: pointer;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    justify-content: space-between !important;
    padding-left: 18px;
}

details summary::marker {
    content: url("../images/svg/ozg/dropdown_bottom.svg");
}

details p:last-child {
    padding-bottom: 36px;
}

.responsive-min .flex-container {
    padding: 4px 16px 0;
}

.responsive-min .flex-container > .formControl {
    margin: 8px 0 0;
}

.responsive-min .flex-container > .flex-container:not(:last-child) {
    padding-bottom: 4px;
}

.Status .eingegangen,
.Status .zugestellt,
.Status .beschieden,
.Status .beendet,
.Status .ausgesetzt,
.Status .Bearbeitung,
.Status .zurückgezogen,
.Status .widersprochen,
.StatusType .Eingegangen,
.StatusType .Zugestellt,
.StatusType .Beschieden,
.StatusType .Beendet,
.StatusType .Ausgesetzt,
.StatusType .Bearbeitung,
.StatusType .Zurückgezogen,
.StatusType .Widersprochen {
    line-height: 13px;
    padding: 3px 10px;
    border-radius: 4px;
    height: 14px;
    font-size: 12px;
}

.Status .eingegangen,
.Status .beschieden,
.Status .zugestellt,
.StatusType .Eingegangen,
.StatusType .Beschieden,
.StatusType .Zugestellt {
    background-color: #597c39;
    color: #ffffff;
}

.Status .beendet,
.Status .ausgesetzt,
.StatusType .Beendet,
.StatusType .Ausgesetzt {
    background-color: #5f316e;
    color: #ffffff;
}

.Status .Bearbeitung,
.Status .zurückgezogen,
.Status .widersprochen,
.StatusType .Bearbeitung,
.StatusType .Zurückgezogen,
.StatusType .Widersprochen {
    background-color: #f7bb3d;
    color: #000000;
}

.LabelBoldBig {
    color: #111314;
    font-family: "BundesSans Web", Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}

.DeliveryLabel {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 13px;
    height: 14px;
    background-color: #576164;
    color: #ffffff;
    border-radius: 4px;
}

.FieldsetNavigationButtons .formControl:first-child {
    margin-left: auto !important;
}

.responsive-min .FieldsetContentFooter .flex-container {
    flex-wrap: wrap-reverse;
}

.responsive-min .FieldsetContentFooterButtons .flex-container {
    padding-left: 0;
    padding-right: 0;
}

.responsive-min .FieldsetNavigationButtons .formControl {
    margin-left: 10px !important;
}

.responsive-min .FieldsetNavigationButtons .formControl:first-child {
    margin-left: initial !important;
}

.responsive-min .FieldsetNavigationButtons .formControl:focus {
    margin: 8px 0 0;
}

.responsive-min .FieldsetNavigationButtons .flex-container {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
}

[id*="NachrichtenInhalt"]:hover {
    background-color: #f6f9fa !important;
}

[id*="NachrichtenInhalt"]:hover fieldset {
    background-color: #ffffff !important;
}

.KontaktFormular ul {
    margin-block-end: 0;
}

.Accordion .lip_icon svg {
    width: unset;
    height: unset;
    padding-left: 13px;
    padding-top: 5px;
}

ul li::marker {
    font-size: 16px;
    line-height: 24px;
}

.TextSectionList > div.TextSectionList {
    flex: unset !important;
    width: unset !important;
    margin-right: 6px !important;
}

.ffw_segmentGroup {
    background-color: #ffffff;
}


.tooltip.error {
    border-color: #0077b6;
}

.tooltip.error .icon {
    border-color: #0077b6;
    background-color: #0077b6;
}

.ffw_removeSegmentInstanceButton {
    background-color: white !important; 
    border: 1px solid white !important; 

}

/* Company Logo im Header skaliert für Anmeldeseite + Formularcenter */
.headerPanel .companyLogo a {
    height: auto;
}

.headerPanel .logo {
    width: auto;
}

#header {
    height: 135px;
}

/* Header Text neben BMI-Logo vertikal zentrieren */
.orgname {
    padding-top: 55px;
}

.footer-main-main {
    width: 100%;
    height: auto;
    padding-top: 40px;
    margin-left: 0;
    margin-right: 48px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: white;
    border-top: 1px solid rgb(229, 232, 233);
}

.footer-main-main p {
    color: rgb(87, 97, 100);
    font-size: 16px;
}

.footer-company-name-main p {
    margin-left: 40px;
}

.footer-links-main {
    display: flex;
    margin-left: auto;
}

.footer-links-main ul {
    padding: 0;
    margin-right: 40px;
}

.footer-links-main ul li {
    list-style: none;
    float: left;
}

.footer-links-main a {
    color: rgb(87, 97, 100);
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.footer-links-main a:hover {
    color: rgb(87, 97, 100);
    text-decoration: underline;
}

.footer-links-main a:focus {
    color: rgb(87, 97, 100);
    outline: 1px solid rgb(87, 97, 100);
}

.footer-contact-main,
.footer-imprint-main,
.footer-dataprivacy-main,
.footer-accessibility-main {
    margin-left: 24px;
}

.footer-version-main {
    width: 100%;
    display: flex;
    margin-top: 24px;
}

.footer-version-main button {
    height: 22px;
    margin-left: auto;
    padding-right: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
}

.footer-version-main button p {
    margin-top: 0;
}

.footer-version-svg-main {
    margin-right: 10px;
}

/* min-width für Speicher-Button auf Seite 9, da sonst der Text den Altdaten abgeschnitten wird*/
#Seite9_SaveAndClose {
    min-width: 240px;
}

/* MEDIA-QUERIES */

@media (width <= 1120px) {
    .footer-links-main {
        width: 100%;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
    }

    .footer-links-main ul {
        display: flex;
        width: 100%;
    }

    .footer-links-main ul li {
        float: left;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-contact-main,
    .footer-imprint-main,
    .footer-dataprivacy-main,
    .footer-accessibility-main {
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .footer-version-main {
        width: auto;
        margin-left: auto;
        margin-top: 0;
    }
}

@media (width <= 768px) {
    .footer-main-main {
        margin-left: 24px;
        margin-right: 24px;
        padding-top: 24px;
    }

    .footer-links-main {
        flex-wrap: wrap;
    }

    .footer-links-main ul {
        display: block;
    }

    .footer-links-main ul li {
        float: none;
    }

    .footer-contact-main,
    .footer-imprint-main,
    .footer-dataprivacy-main,
    .footer-accessibility-main {
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
    }

    .footer-version-main {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .footer-company-name-main {
        width: 100%;
    }

    .footer-company-name-main p {
        text-align: center;
        margin-bottom: 24px;
    }

    .footer-version-main button {
        margin-left: 0;
    }
}

/* --------------------------------------------------  for dynamic hide and show  --------------------------------------------------------- */

.showFooterBlock {
    display: block;
}

.showFooterFlex {
    display: flex;
}

.showFooterNone {
    display: none;
}


.formBody .form-main .sidebar-visibility-switch button[title~="öffnen"] {
    background-color: transparent !important;
}


.external.FormNavigation .action:focus,
.external.FormNavigation .action:hover,
.external.FormNavigation .action:active {
    border: 0 transparent;
    border-radius: 0;
    text-decoration: underline !important;
    cursor: pointer;
    color: #004b76; 
}

.external.FormNavigation .action:focus {
    color: #004b76; 
}


.lookupWindow .dialog .content .pages input:focus {
    box-shadow: none;
    text-decoration: underline; 
}

#organisationseinheitSonstigeHinweis {
    color: #C0003C;
}

@media screen and (min-width: 768px) {
  .menuCollapser:not(.collapsed) {
    display: none;
  }
}