.ico-fc-form::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f015" !important; /* Haus-Icon für Formularübersicht */
}

.fa-envelope::before {
    content: "\f07c"; /* Ordner-Icon für meine Vorgänge */
}

:root {
    --primary-color: #000000;
    --body-background-color: #ebecf0;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-300.woff2') format('woff2'),
        url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-300.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-regular.woff2') format('woff2'),
        url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-regular.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-500.woff2') format('woff2'),
        url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-500.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-700.woff2') format('woff2'),
        url('https://fs.egov.sachsen.de/formcycle/form/includes/ressource?mid=3455&name=open-sans-v34-latin-700.woff') format('woff');
}

*,
body .ui-widget {
    font-family: "Open Sans", Arial, sans-serif;
}

a.ui-link:hover {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-color: #ec660c;
    text-decoration-color: #ec660c;
}

@media (min-width: 1301px) {
    .index-content-wrapper__left {
        width: 33%;
    }
}

.index-content__portal-image img {
    left: 0%;
    height: 100vh;
    top: 0;
    transform: none;
    width: 100vw;
}

.content__welcome-image {
    -webkit-clip-path: polygon(33% 100%, calc(33% + 100vh) 0, 100% 0, 100% 100%);
    clip-path: polygon(33% 100%, calc(33% + 100vh) 0, 100% 0, 100% 100%);
}

.index-header {
    border: none;
    box-shadow: 0 0 10px #00000030;
}

.portal-button {
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    transition: background-color .3s;
}

.portal-button__primary, .welcome-page-button {
    color: #ffffff !important;
    background-color: #ec660c !important;
    border-color: #ec660c !important;
}

.portal-button__primary:hover, .welcome-page-button:hover {
    color: #fff !important;
    border-color: #000 !important;
    background-color: #bb510a !important;
}

.portal-button.welcome-page-button.ui-linkbutton {
    width: 100%;
}

.form-card__description-wrapper {
    padding: 1rem 0 0 0 !important;
}

.form-card,
.form-records__empty {
    background: #fff;
    box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.15);
    border: none !important;
    border-radius: 0;
    padding: 1rem !important;
}

.forms-cards .ui-dataview-row {
    grid-template-columns: repeat(5, minmax(1rem, 1fr));
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

@media (max-width: 1140px) {
    .forms-cards .ui-dataview-row {
        grid-template-columns: repeat(4, minmax(1rem, 1fr));
    }
}

@media (max-width: 960px) {
    .forms-cards .ui-dataview-row {
        grid-template-columns: repeat(3, minmax(1rem, 1fr));
    }
}

@media (max-width: 720px) {
    .forms-cards .ui-dataview-row {
        grid-template-columns: repeat(2, minmax(1rem, 1fr));
    }
}

@media (max-width: 400px) {
    .forms-cards .ui-dataview-row {
        grid-template-columns: repeat(1, minmax(1rem, 1fr));
    }
}

.form-card__image {
    padding: 2rem !important;
}

.form-card__image img {
    mix-blend-mode: multiply;
    object-fit: contain;
}

.portal-filter__select-wrapper .portal-filter__select.ui-selectcheckboxmenu {
    border-radius: 0px;
    border-color: #000;
}

body .ui-selectcheckboxmenu-panel {
    border-radius: 0px;
    border: 1px solid #bdc1d0;
}

.portal-searchbar {
    border-radius: 0px;
    border: 1px solid #000;
    height: 45px;
}

.form-list-item {
    border-radius: 0px;
    padding: 1rem;
    box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.15);
    border: none !important;
}

.navigation-menu {
    background: #ebecf0;
    border-radius: 0px;
    border: none !important;
    padding: 0px;
}

.navigation-menu .navigation-menu__button {
    background: #ebecf0;
    border-radius: 0px;
    border: none !important;
    padding: 10px;
}

.navigation-menu .navigation-menu__button:hover {
    background: #bdc1d0;
}

.portal-navigation__buttons {
    gap: 10px;
}

.user-menu {
    border-radius: 0px;
    border: none;
    background: #fff
}

.ui-widget.user-menu__user-image {
    border: 2px solid #ec660c;
}

.overlay-panel .ui-overlaypanel-content {
    border-radius: 0px;
    border: 1px solid #bdc1d0;
}

.overlay-panel .ui-overlaypanel-content::after {
    display: none;
}

body .ui-button.ui-state-focus {
    box-shadow: 0 0 0 .2em #ec660c87;
}

.index-header__portal-logo img {
    max-width: 400px;
    max-height: 100px;
}

@media (max-width: 576px) {
    .index-header__portal-logo img {
        max-width: 90vw;
        max-height: 100px;
    }
}

@media (max-width: 768px) {
    .index-header__portal-logo img {
        max-width: 400px;
        max-height: 100px;
    }
}

@media (max-width: 1300px) {
    .index-header__portal-logo img {
        max-width: 400px;
        max-height: 100px;
    }
}