@font-face {
    font-family: 'mainFont';
    src: url("/fonts/DLRG_univers_55roman.TTF") format('truetype');
}

@font-face {
    font-family: 'italicFont';
    src: url("/fonts/DLRG_univers_55roman_italic.TTF") format('truetype');
}

@font-face {
    font-family: 'boldFont';
    src: url("/fonts/DLRG_univers_55roman_bold.TTF") format('truetype');
}

/* make that tables get a horizontal scrollbar if needed */
table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* If an issue is taken about cells not filling the entire table */
/* table tbody {
    display: table;
    width: 100%;
} */

:root {
    --BackGroundColor: rgb(250, 250, 250);   

    --DLRG_red: #e30613;
    --DLRG_yellow: #ffed00;
}

body {
    font-family: 'mainFont';
}

/* //TODO Fonts */

.mainFont {
    font-family: 'mianFont';
}

.italicFont {
    font-family: 'italicFont';
}

.boldFont {
    font-family: 'boldFont';
}

.tableHeaderFont {
    font-family: 'boldFont';
    font-size: 1rem;
}

.tableContentFont {
    font-family: 'mainFont';
    font-size: .9rem;
}

/* //TODO Partials */

.DLRG_logo {
    background-color: var(--DLRG_red);
    color: var(--DLRG_yellow);
}

.DLRG_logo_font {
    font-family: 'boldFont';
}

.DLRG_navbar_element_none_active {
    border-style: hidden none solid none;
    border-width: .15rem;
    font-weight: bold;
    border-color: var(--DLRG_yellow);
}

.DLRG_navbar_element_active {
    border-style: hidden none solid none;
    border-width: .15rem;
    font-weight: bold;
    border-color: var(--DLRG_red);
}

.DLRG_system_admin_element_none_active {
    border-style: hidden none solid none;
    border-width: .15rem;
    font-weight: bold;
    border-color: var(--DLRG_red);
}

.DLRG_system_admin_element_active {
    border-style: hidden none solid none;
    border-width: .15rem;
    font-weight: bold;
    border-color: var(--DLRG_yellow);
}

.footerLike {
    background-color: var(--DLRG_red);
    color: var(--DLRG_yellow);
    text-align: center;
}

/* //TODO Buttons */

.DLRG_button_add {
    background-color: rgb(7, 160, 7);
    color: white;
}

.DLRG_button_show {
    background-color: #08b5ea;
    color: white;

    padding: 0;
    height: 2.2rem;
    width: 2.2rem;
    font-size: 1rem;
    vertical-align: middle;
    text-align: center;
    line-height: 2.2rem; 
}

.DLRG_button_edit {
    background-color: #ffae00;
    color: white;

    padding: 0;
    height: 2.2rem;
    width: 2.2rem;
    font-size: 1rem;
    vertical-align: middle;
    text-align: center;
    line-height: 2.2rem; 
}

.DLRG_button_delete {
    background-color: var(--DLRG_red);
    color: white;

    padding: 0;
    height: 2.2rem;
    width: 2.2rem;
    font-size: 1rem;
    vertical-align: middle;
    text-align: center;
    line-height: 2.2rem; 
}

.DLRG_serch {
    background-color: white;
    border: 2px solid rgb(137, 137, 137);
}

.headerLoginUserButton {
    background-color: transparent;
    border: none;
    color: var(--DLRG_yellow);
}

.headerLoginUserButton:hover {
    color: black;
}

.DLRG_error_page_headline {
    color: var(--DLRG_red);
    font-size: 5rem;
    font-family: 'boldFont';
}

.DLRG_error_page_text {
    /* color: var(--DLRG_red); */
    font-size: 1.2rem;
}