@import url(fonts.css);

:root {
    /* globale Farbeinstellungen */
    --text-color: rgb(33, 57, 20);
    --primary: rgb(0, 60, 140);
    --secondary: rgb(255, 200, 50);
    --grey: rgb(160, 160, 160);
    --grey-20: rgb(236, 236, 236);
    /* Header height und Logo Anpassungen - fuer quadratische oder hochkantige Logos, f.e. --header-height: 100px // --logo-height: 80% */
    --header-height: 70px;
    --logo-height: 50%;
    /* weitere Einstellungen */
    --font: "Fira Sans", sans-serif;
    --border-color: rgb(160, 160, 160);
    --box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --border-radius: 0.5rem;
    --error: rgb(204, 41, 54);
    --success: rgb(38, 113, 1);
}



body {
    background: #fff url(../img/bg_global.webp) center / cover no-repeat fixed !important;
    font-family: var(--font) !important;
    font-weight: 400 !important;
    color: var(--text-color) !important;

}

.navbar-inverse {
    height: var(--header-height) !important;
    background-color: #fff !important;
}

.navbar-header .navbar-brand {
    background: url(../img/logo/logo_desktop.png) 20px 50% / auto var(--logo-height) no-repeat !important;
    height: var(--header-height) !important;
    width: 400px !important;

}

.navbar-header .navbar-brand img {
    display: none !important;

}

header.navbar {
    background-color: #fff !important;
    box-shadow: var(--box-shadow) !important;
}

.navbar-header #title {
    color: transparent !important;
    text-align: center !important;
}

/* überschreibt die Positionierung des Suchfeldes & den nachfolgenden listheader in der Projektraumansicht in Abhaengigkeit von der Header-Hoehe */
.is-listing .ListFolders-content {
    top:  calc(var(--header-height)) !important;
 }



 div[style*="position: sticky"] {
    top:  calc(var(--header-height) + 97px) !important;
 }
 .CompositeFormItemContainer-requiredIcon,
 .CompositeFormItemContainer-requiredText,
 .accordion__button {
    color: var(--text-color) !important;
  }

h1,
h2,
h3,
h4 {
    font-weight: 600 !important;
    letter-spacing: .02rem;
}


.FolderContainer-contentTitle {
    z-index: 4;
    position: relative !important;
    top: 0 !important
}

.is-folder .Content .SidebarLeft .NavigateBack {
    background-color: var(--primary) !important;
    position: sticky !important;
    width: 3rem !important;
    border-radius: .5rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.is-folder .Content .SidebarLeft .NavigateBack i {

    color: #fff !important;
}

.is-folder .Content .SidebarLeft .NavigateBack:hover {
    background-color: var(--secondary) !important;

}

.is-folder .Content .SidebarLeft .NavigateBack:hover i {

    color: var(--text-color) !important;
}

.Folder-title,
.is-folder .Content .SidebarLeft {
    background: transparent !important;
}

.modal-body:has(#iframe-formular) {
    padding: 0 !important;
}

.ScrollToBottom-buttonIcon {
    color: var(--success) !important;
  }

  .ScrollToBottom-button {
    background-color: var(--grey-20) !important;
  }


.is-listing .listheader .well {
	font-weight: 600 !important;
	background: var(--primary) !important;
    color: #fff !important;
  }

.listitem:hover {
    background: var(--grey-20) !important;
    transition: all 0.3s ease-in;
}

.listitem {
    background: #fff !important;
    box-shadow: none;
    margin-bottom: 0;
    transition: all 0.3s ease-in;
}

header.navbar .container-fluid {
    align-items: stretch;
}

.navbar-header {
    display: flex;
    align-items: flex-end;
}


#UserInfo {
    position: relative;
    right: auto;
    top: 25%;
    padding: 5px 12px;
    margin-right: -18px;
}


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

#UserInfo .btn-link {
    color: var(--text-color) !important;
}

.navbar-inverse .navbar-text {
    color: var(--text-color) !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 24px;
}



.FolderTitle-subject {
    white-space: nowrap;
    font-weight: 600 !important;
    line-height: 4.5rem;
}

.FolderTitle-stateBadge {
    border-radius: var(--border-radius) !important;
    font-weight: 400 !important;
    color: var(--text-color) !important;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    background-color: var(--grey-20) !important;
}

.FolderTitle-stateBadge.state-FORMELL_BEANSTANDET {
    background-color: var(--secondary) !important;
}

.FoldersContainer-content:not(:nth-of-type(1)),
.FolderDetails,
.FolderDates,
.brick {
    background-color: #fff !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    padding: 1rem 2rem ;

}

.alert.bg-info {

    padding-left: 2rem !important;
}

.brick.forms .form .Forms-formNameTextStart::before {
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 300 !important;
    content: "\f15c" !important;
}

.ListFolders-filter,
.bg-info,
.FolderListStream.brick {
    background-color: #fff !important;
}

.FolderListStream .FolderListDrafts-item,
.brick.FolderListDrafts.FolderListDraftsReact,
.brick.FolderPrimaryActions {
    background-color: transparent !important;
    box-shadow: none !important;

}

.FolderListStream .FolderListDrafts-item {
    background-color: var(--grey-20) !important;
    padding: 1rem 1rem 0 1rem;

  }

  .FolderListStream ul.list-inline li {
    border-right: 1px solid var(--primary) !important;
  }

  .FolderListStream ul.list-inline li:last-of-type {
    border-right: 0 !important;
  }

  .FolderListStream-attachment-bestaetigungHTML .FolderListStream-attachments-attachmentInlineLink {
border: 2px solid var(--success) !important;
padding: .3rem .5rem !important;
border-radius: var(--border-radius) !important;
  }

  .FolderListStream-attachment-bestaetigungHTML .FolderListStream-attachments-attachmentInlineLink::before {
    font-family: "FontAwesome" !important;
    content: "\f06e" !important;
    color: var(--success) !important;
    padding-right: .5rem !important;
  }



.brick.FolderPrimaryActions {
    padding: 0 !important;
}

.brick button,
.brick .btn,
.modal .btn,
.FolderDetails .btn,
.brick input,
.brick textarea,
.brick select,
.modal input,
.modal textarea,
.modal select,
.FolderDetails input,
.FolderDetails textarea,
.FolderDetails select {
    border-radius: var(--border-radius) !important;
}


/***  Projektraum / Folder  ***/

.CompositeFormItemContainer-section {
    box-shadow: var(--box-shadow) !important;
}

.CompositeFormItemDraft {
    padding: 0;
    /* margin-bottom: 6rem; */
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}


.CompositeFormItemDraft h2 {
    background-color: var(--primary) !important;
    color: #fff !important;

    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    margin-bottom: 1rem;
    padding: 1rem 2rem;

}

.CompositeFormItemDraft-draft {
    padding: 1rem 2rem;
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.CompositeFormItemContainer-section .entries {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.CompositeFormItemContainer-buttonsButtonBack,
.CompositeFormItemContainer-formActionsStart.button,
.FolderListStream .FolderListDrafts-compositeItemContinue.btn,
.CompositeFormItemDraft-continue {
    background-color: var(--primary) !important;
    color: #fff !important;
    border: 1px solid var(--primary) !important;
    border-radius: var(--border-radius) !important;
    border-bottom: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.CompositeFormItemContainer-buttonsButtonBack {
    margin-bottom: 0;
}

.CompositeFormItemContainer-buttonsButtonBack:hover,
.FolderListStream .FolderListDrafts-compositeItemContinue.btn:hover,
.CompositeFormItemDraft-continue:hover {
    background-color: var(--secondary) !important;
    color: #000 !important;
    border: 1px solid var(--secondary) !important;
    border-bottom: none;

}

.brick.Forms {
    background-color: #fff;
    padding: 0;
    box-shadow: none;
    /* margin-bottom: 6rem; */
    background-color: #fff;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    font-weight: 400 !important;
}


.brick.Forms h2 {
    background-color: #eee;
    padding: 6px 12px;

    background-color: var(--primary) !important;
    color: #fff !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    margin-bottom: 0;
    padding: 1rem 2rem;
}

.FolderListStream .page-header {
    background-color: var(--primary) !important;

    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;

}

.brick.Forms .Forms-form {
    padding: 1rem 2rem;
    background-color: #fff;
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.brick.forms .form .Forms-formName {
    padding: 0 !important;
}

.accordion__button:hover,
.accordion__button:focus,
.accordion__button[aria-expanded="true"],
.brick.forms .form:hover {
    background-color: var(--grey-20) !important;

}

.brick.forms .form:hover button {}

.is-folder .divider {
    color: var(--text-color) !important;

    margin-bottom: 0 !important;

  }

.divider .divider_label h3,
.divider .divider_label .h3 {

    font-weight: 400 !important;
    line-height: 1rem;
    font-size: 1.4rem !important;
    background: var(--grey-20) !important;
    padding: .8rem 1rem !important;
}

.divider hr {
    border-top: 1px solid #000 !important;
    right: 1rem% !important;
    left: 1rem% !important;
    top: 1.75rem !important;

}

/* LINKS */

a.CompositeFormItemContainer-formActionsStart,
.btn-secondary {
    color: var(--primary) !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--grey-20) !important;
}

a,
a:before,
.CompositeFormItemContainer-formActionsDelete,
.FolderAttachments-attachmentActionsDownload,
.FolderAttachments-attachmentActionsEdit,
.FolderAttachments-attachmentActionsDelete,
.FolderTaskItemsAttachments-attachmentActionsDownload,
.FolderTaskItemsAttachments-attachmentActionsEdit,
.FolderTaskItemsAttachments-attachmentActionsDelete,
.FolderTitle-actions button,
.ListFolders-actions button,
.Folder-title .fa {
    color: var(--primary) !important;
}

a:hover,
.btn-secondary:hover,
.CompositeFormItemContainer-formActionsDelete:hover,
.FolderAttachments-attachmentActionsDownload:hover,
.FolderAttachments-attachmentActionsEdit:hover,
.FolderAttachments-attachmentActionsDelete:hover,
.FolderTaskItemsAttachments-attachmentActionsDownload:hover,
.FolderTaskItemsAttachments-attachmentActionsEdit:hover,
.FolderTaskItemsAttachments-attachmentActionsDelete:hover,
.FolderTitle-actions button:hover,
.ListFolders-actions button:hover,
.Folder-title .fa:hover {
    color: var(--text-color) !important;


}



/*.FolderDetails {display: none;}*/

.FolderTitle-starred {
    display: none
}

.FolderTitle-checked {
    display: none;
}

.brick.involved .assignee {
    display: none;
}

/*Ausblenden des Widerrufen-Buttons bei den Profildaten ab b628*/
.TermsOfUseContainer-buttonReject {
    display: none;
}

/*Ausblenden des Ablehnen-Buttons bei Zustimmung zu den Nutzungsbedingungen*/
.FolderTermsOfUse-revokeButton {
    display: none;
}

/***  formset  ***/



.sec_Antragstellung .accordion__button,
.sec_Antragstellung .accordion__button[aria-expanded=true],
.sec_Bauvorlagen .accordion__button,
.sec_Bauvorlagen .accordion__button[aria-expanded=true],
.sec_bautechnische_nachweise .accordion__button,
.sec_bautechnische_nachweise .accordion__button[aria-expanded=true] {
    background-color: var(--primary) !important;
    color: #fff !important;

    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}

.CompositeFormItemContainer .entry .state.presence-saved.freshness-fresh {
    color: var(--success) !important;
}

.optional {
    display: none;
}

li[class*="FolderListStream-attachment-inhaltlichePruefungHTML"] {
    display: none;
}

li[class*="FolderListStream-attachment-formellePruefungHTML"] {
    display: none;
}

li[class*="FolderListStream-attachment-bescheidHTML"] {
    display: none;
}

li[class*="FolderListStream-attachment-anhoerungHTML"] {
    display: none;
}

li[class*="FolderListStream-attachment-gebuehrenbescheidHTML"] {
    display: none;
}

button[class*="FolderAttachments-attachmentActionsPay"] {
    display: none;
}

.FolderContainer-footer footer {
    box-shadow: none !important;
    position: relative !important;
    bottom: 0 !important;
  left:auto !important;
  right: auto !important;
}

.footercontent {

    background: none !important;
    text-align: center !important;
}