/* Font TODO */
@import url("https://use.typekit.net/bzy6wfd.css");

:root {
    /* Neutral (Grey) */
    --color-grey-1000: #ffffff;
    --color-grey-950: #f5f5f5;
    --color-grey-900: #ebebeb;
    --color-grey-850: #e0e0e0;
    --color-grey-800: #d6d6d6;
    --color-grey-750: #cccccc;
    --color-grey-700: #c2c2c2;
    --color-grey-650: #b8b8b8;
    --color-grey-600: #adadad;
    --color-grey-550: #a3a3a3;    
    --color-grey-500: #b1b1b1;
    --color-grey-450: #8a8a8a;
    --color-grey-400: #7a7a7a;
    --color-grey-350: #6b6b6b;
    --color-grey-300: #5c5c5c;
    --color-grey-250: #4d4d4d;
    --color-grey-200: #141414;
    --color-grey-150: #2e2e2e;
    --color-grey-100: #1f1f1f;
    --color-grey-050: #0f0f0f;
    --color-grey-000: #000000;


    --color-primary: #EF7D00;
    --color-primary-hover: #f8933d;
    --color-primary-pressed:  #fea864;  


    --button-hot-color: var(--text-color);
    --button-hot-background-color: var(--color-primary);
    --button-hot-background-color-hover: var(--color-primary-hover);
    --button-hot-background-color-pressed: var(--color-primary-pressed);

    --button-color: var(--text-color);
    --button-background-color: var(--color-grey-1000);
    --button-background-color-hover: var(--color-grey-900);
    --button-background-color-pressed: var(--color-grey-800);

    --text-color: var(--color-grey-000);

    --background-color: var(--color-grey-1000);
    --background-color-footer: var(--color-grey-1000);
    --border-color: var(--color-grey-600);
    --border-color-800: var(--color-grey-800);
    --border-color-000: var(--color-grey-000);

    --header-background-color: var(--color-grey-1000);
    /* --background-color-variant: #f4f4f2;
    --background-color-inverse-variant: rgba(250, 250, 250, 0.8);
    --background-color-login: rgba(0,0,0,0.2); */

    --nav-size: 1;


}

h1 {
    font-family: "aptos-display", sans-serif;
    font-size: 4rem;
    color: var(--text-color);
    font-weight: normal;
}

h2 {
    font-family: "aptos-display", sans-serif;
    font-size: 3rem;
    color: var(--text-color);
    font-weight: normal;
}

h3 {
    font-family: "aptos-display", sans-serif;
    color: var(--text-color);
    font-weight: normal;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: "aptos-display", sans-serif;
    padding-left: 7rem;
    padding-right: 7rem;
}

a, .t-Button--link, body .ui-widget-content a {
    color: var(--text-color);
    font-weight: bold;
}

a {
    text-underline-offset: 0.2rem;
    text-decoration-line: underline;
    text-decoration-color: var(--color-primary);
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
    font-weight: bold;
}

.t-Footer-body {
    margin-right: auto !important;
    margin: 0 auto;
    max-width: var(--body-max-width);
}

.t-Region-body {
    color: var(--text-color);
}

.t-Header {
    background-color: var(--header-background-color);
    padding: calc(4rem * var(--nav-size, 1)) 7rem calc(2rem * var(--nav-size, 1));
}

.t-Header-branding {
    background-color: var(--header-background-color);
    height: auto;
}

.t-Header-logo-link img  {
    height: 2.7rem;
}

.t-Header-logo-link:hover {
    background-color: transparent;
    box-shadow: none;
}

.t-Login-region {
    background-color: var(--background-color);
    border-radius: var(--border-radius);
}

.t-Login-title {
    color: var(--text-color);
    text-align: left;
}

.apex-icons-fontapex .t-Login-logo {
    color: var(--text-color);
}

.t-Body-content {
    /* 4rem and 2rem padding from header */
    min-height: calc(100vh - 48px - 4rem - 2rem);
}

.t-Body-mainContent .t-Login-region  {
    box-shadow: none;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.t-Button.t-Button--header:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-primary);
}

.t-Button.t-Button--header:active:focus:before, .t-Button.t-Button--header:focus:before {
    box-shadow: none !important;
}

.t-Header .t-Button--header, .t-Header .t-Button--header.is-active {
    color: var(--text-color);
}

.t-Header-navBar .t-Button--header.is-active {
    color: var(--color-primary);
    background-color: transparent;
}

.t-Button.t-Button--header:focus:active {
    background-color: transparent;
} 

.t-Header-navBar {
    margin-top: 1.6rem;
    display: flex;
    align-items: flex-end;
}

.t-Button--navBar {
    border: none;
}

.t-Button--navBar .t-Icon.a-Icon, .t-Button--navBar .t-Icon.fa {
    margin-right: 0px;
}

.t-Button--navBar .t-Button-label {
    margin-left: 4px;
}  

.t-Header-nav .t-Button.t-Button--header {
    transition: all 0.3s ease-out;
}

.t-Header .t-Header-nav {
    width: auto;
}

.t-Header-nav .t-Header-nav-list {
    display: flex;
    gap: 1.6rem;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: var(--background-color);
    padding-right: 3.2rem;
}

.a-MenuBar ul {
    display: flex;
    gap: 3.2rem;
}

.t-Header-nav .a-MenuBar-item {
    border: none;
}

.t-Header-nav .t-Header .t-Button--header {
    padding-left: 0;
    padding-right: 0;
}

.t-Header-nav .a-MenuBar-label {
    padding: 0;
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: normal;
    font-family: "aptos-display", sans-serif;
    margin-left: 0px;
}

.t-Header-nav .a-MenuBar-item.is-focused {
    background-color: var(--header-background-color);
    box-shadow: none;
}

.t-Header-nav .a-MenuBar-item.a-Menu--current .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-expanded .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.is-expanded .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.is-focused .a-MenuBar-label, .t-Header-nav .a-MenuBar-label {
    color: var(--text-color);
}

.t-Header-nav .a-MenuBar-label:hover {
    background-color: var(--color-primary);
    box-shadow: -0.4em 0 0 0 var(--color-primary), 0.4rem 0 0 0 var(--color-primary);
}

.a-Menu .a-Menu-item.is-expanded, .a-Menu .a-Menu-item.is-focused, .a-Menu .a-Menu-item.is-expanded .fa,.a-Menu .a-Menu-item.is-focused .fa {
    background-color: var(--button-background-color-pressed);
    color: var(--text-color);
}

.t-Form-checkboxLabel, .t-Form-inputContainer .checkbox_group label, .t-Form-inputContainer .radio_group label, .t-Form-label, .t-Form-radioLabel, .u-Form-label {
    color: var(--text-color);
}

.apex-item-multi, .apex-item-select, .apex-item-text, .apex-item-textarea, select.listmanager {
    color: var(--text-color);
    background-color: var(--background-color);
    border-color: var(--border-color);
}

.apex-item-multi:focus, .apex-item-select:focus, .apex-item-text:focus, .apex-item-textarea:focus, select.listmanager:focus {
    border-color: var(--color-primary) !important;
}

.apex-item-has-icon:focus+.apex-item-icon, .apex-item-multi.is-focused+.apex-item-icon, .t-Form-fieldContainer--radioButtonGroup .checkbox_group input:checked+label:after, .t-Form-fieldContainer--radioButtonGroup .checkbox_group input:focus:checked+label:after {
    color: var(--color-primary);
}

.t-Form-fieldContainer.is-required .t-Form-label:after, .t-Form-fieldContainer.is-required .t-Form-label:before {
    color: var(--text-color);
}

.t-Login-title {
    font-size: 4rem;
    font-weight: normal;
}

.a-Button, .a-Button.a-Button--popupLOV, .a-IG-button.a-IG-button--controls, .apex-button-group input+label, .t-Button:not(.t-Button--simple):not(.t-Button--header), .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label, .ui-button {
    color: var(--text-color);
    border: var(--border-color-800);
    background-color: var(--button-background-color);
    box-shadow: 0 0 0 2px var(--border-color-000) inset;
}

.a-Button.a-Button--popupLOV:hover, .a-Button:hover, .a-IG-button.a-IG-button--controls:hover, .apex-button-group input+label:hover, .t-Button:not(.t-Button--simple):not(.t-Button--header):hover, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label:hover, .ui-button:hover {
    color: var(--text-color);
    background-color: var(--button-background-color-hover);
    /* box-shadow: none; */
}

.t-Button:not(.t-Button--link):not(.t-Button--header).is-active, .t-Button:not(.t-Button--link):not(.t-Button--header):active {
    color: var(--text-color);
    background-color: var(--button-background-color-hover); 
}

.a-Button--hot, .t-Button--hot:not(.t-Button--simple):not(.t-Button--header), body .ui-button.ui-button--hot, body .ui-state-default.ui-priority-primary {
    color: var(--text-color);
    background-color: var(--color-primary);
    color: var(--text-color);
    box-shadow: none;
}

.a-Button--hot:hover, .a-Button--hot:not(:active):focus, .t-Button--hot:not(.t-Button--simple):not(.t-Button--header):hover, .t-Button--hot:not(.t-Button--simple):not(.t-Button--header):not(:active):focus, body .ui-button.ui-button--hot:hover, body .ui-button.ui-button--hot:not(:active):focus, body .ui-state-default.ui-priority-primary:hover, body .ui-state-default.ui-priority-primary:not(:active):focus {
    background-color: var(--color-primary-hover);
    color: var(--text-color);
    box-shadow: none;
}

.a-Button--hot.is-active, .a-Button--hot:active, .t-Button--hot:not(.t-Button--simple):not(.t-Button--header).is-active, .t-Button--hot:not(.t-Button--simple):not(.t-Button--header):active, body .ui-button.ui-button--hot.is-active, body .ui-button.ui-button--hot:active, body .ui-state-default.ui-priority-primary.is-active, body .ui-state-default.ui-priority-primary:active {
    background-color: var(--color-primary-pressed);
    color: var(--text-color);
    box-shadow: none;
}

.a-Button:after, .t-Button:after, .ui-button:after {
    box-shadow: none;
}

.t-Region, .t-IRR-region {
    border: none;
    box-shadow: none;
}

.t-Region-header {
    border: none;
    color: var(--text-color);
    font-size: 3rem;
    font-weight: bolder;
}

.t-BreadcrumbRegion {
    padding-left: 0;
    padding-right: 0;
}

.t-Breadcrumb-item, .t-Breadcrumb-item a {
    color: var(--text-color);
    font-size: 1.2rem;
    text-decoration: none;
}

.t-Breadcrumb-item a:focus, .t-Breadcrumb-item a:hover {
    background-color: var(--color-primary);
    color: var(--text-color);
    text-decoration: inherit;
}

.t-Breadcrumb-item:after {
    color: var(--text-color);
    opacity: 1;
    content: '>';
}

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item.is-active, .t-BreadcrumbRegion-titleText {
    color: var(--text-color);
    text-underline-offset: 0.3rem;
    text-decoration-line: underline;
    text-decoration-color: var(--color-primary);
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
    font-weight: bold;
}

.t-Report--rowHighlight .t-Report-report tr:hover .t-Report-cell, .t-Report--rowHighlight .t-Report-report tr:nth-child(odd):hover .t-Report-cell {
    background-color: var(--color-grey-900) !important;
}

.t-Report-cell, .t-Report-colHead, 
.t-Report-report tr:last-child .t-Report-cell {
    border-color: var(--border-color-800);
}

.t-Report-report tr .t-Report-cell:last-child, .t-Report-report tr .t-Report-colHead:last-child {
    border-right-color: var(--border-color-800);
}

.t-Report-colHead a {
    text-decoration: none;
}

.t-Report-cell a {
    text-decoration: none;
}

.t-Report-cell a:hover {
    text-decoration: none;
    background-color: var(--color-primary);
}

.apex-item-group--rc input+label:before {
    background-color: var(--background-color);
    box-shadow: inset var(--border-color) 0 0 0 1px;
}

.checkbox_group input:checked+label:before, .radio_group input:checked+label:before {
    background-color: var(--color-primary);
}

.checkbox_group input:checked+label:hover:before, .radio_group input:checked+label:hover:before {
    background-color: var(--color-primary-hover);
}

.apex-item-group--rc input+label:after {
    color: var(--text-color);
    font-weight: bold !important;
}

.t-Footer {
    border: none;
    background-color: var(--background-color-footer);
}

.t-Footer .a-RegionMedia-graphic {
    display: flex;
    align-content: center;
    gap: 2rem;
}

.t-Footer .a-RegionMedia-graphic img {
    height: 1.7rem;
}

.t-Footer .a-RegionMedia-graphic::before {
    content: "©";
    font-size: 1.6rem;
}

.t-Footer .t-LinksList {
    display: flex;
    gap: 0.6rem 3.2rem;
    justify-content: flex-end;
}

.t-Footer .t-LinksList-item {
    border: none;
}

.t-Footer .t-LinksList-label {
    padding: 0;
}

.t-Footer .footer-colors .row {
    display: flex;
    height: 4.8rem;
}

.t-Footer .footer-colors-color:nth-child(1) {
    background: linear-gradient(90deg, #CAE0F5, #EF7D00);
    width: 18.9%;
}

.t-Footer .footer-colors-color:nth-child(2) {
    background: linear-gradient(90deg, #48B070, #CAE0F5);
    width: 21.25%;
}

.t-Footer .footer-colors-color:nth-child(3) {
    background: #EF7D00;
    width: 15.5%;
}

.t-Footer .footer-colors-color:nth-child(4) {
    background: linear-gradient(90deg, #48B070, #CAE0F5);
    width: 14.75%;
}

.t-Footer .footer-colors-color:nth-child(5) {
    background: #63C2D0;
    width: 11.1%;
}

.t-Footer .footer-colors-color:nth-child(6) {
    background: linear-gradient(90deg, #CAE0F5, #EF7D00);
    width: 18.5%;
}

/* ---------------------------------------------------------------- */
.ausschuss-link-list a:hover {
    background-color: var(--color-primary);
    text-decoration: none !important;
}

.rep_documents .t-Report-report tr a:hover {
    background-color: inherit;
}

.rep_documents .t-Report-report tr .t-Report-cell:first-child a:hover {
    background-color: var(--color-primary);
}