/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset + Font Face
/*-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend{vertical-align:baseline; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; border:0}
*{scroll-behavior: smooth;}

:focus{outline:0}
em:empty, body:not(.vacancies-page) td:empty, p:empty{display: none;}
input[type=submit]{   -webkit-appearance:none}

html{text-rendering: optimizeLegibility;max-width:  100%; overflow-x:hidden; overflow-y: auto;}

body{max-width:  100%; background:white; color:#000; position:relative; display: flex;flex-flow: column nowrap;  -webkit-overflow-scrolling: touch;}

ul:empty{display: none}

.breadcrumbs ol,
ul{list-style:none}

input[type=text]::-ms-clear{    display:none}

sup{font-size:10px; vertical-align:super}

sub{font-size:10px; vertical-align:sub}

/*p:empty{display:none}*/
a{text-decoration: none;cursor: pointer;}
picture, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

#content ul li{list-style: disc}
#content ul ol{list-style: decimal}

em u,
em{
    font-style: italic;
}



@font-face {
    font-family: 'DINPro-Cond';
    src:    url('fonts/DINPro/FontFont-DINPro-Cond_0.woff'),
            url('fonts/DINPro/FontFont - DINPro-Cond_0.otf');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src:    url('fonts/DINPro/FontFont-DINPro_0.woff'),
            url('fonts/DINPro/FontFont - DINPro_0.otf');
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src:    url('fonts/DINPro/FontFont-DINPro-Medium_0.woff'),
            url('fonts/DINPro/FontFont - DINPro-Medium_0.otf');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}



body{
    color: #3C3C3B;
	font-family: Arial, Helvetica, sans-serif;
}
body.editable{
	padding: 46px 0 0;
}
strong {
    font-weight: 700;
}

.edit__page{
	position: fixed;
    top: 0;
    z-index: 9999;
    width: calc(100vw - 20%);
    background-color: #23282d;
    padding: 12px 10%;
	color: #fff;
}

.xlsx_archive img,
.edit__page img{
	height: 22px;
	margin: 0 8px;
	filter: invert(1);
}

.edit__page a{
	display: flex;
	align-items: center;
	text-align: right;
	color: #fff;
	opacity: 1;
	transition: opacity .4s;
    word-break: unset;
}
.edit__page .dashboard {
    grid-column: 1 / 2;
}

.edit__page .xlsx_archive {
    grid-column: 2 / 3;
}

.edit__page .edit {
    grid-column: 3 / 5;
}

.edit__page .logout {
    grid-column: 12 / 13;
}

.edit__page a:hover{
	opacity: .7;
    color: var(--white) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height: 1.3;
    
}


h4,
h3,
h2,
h1{
    font-family: 'DINPro-Cond', sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0 10px;
    letter-spacing: 1px;
}

h1{
    font-size: 72px;
    font-weight: bold;
    margin: 0;
}

body:not(.home) h1{
    font-size: 42px;
}

h3 { font-size: 24px; }
h4{ font-size: 18px; }

.page ol,
.page ul{
    padding-inline-start: 40px;
    margin: 0 0 10px;
}
.page ol li,
.page ul li{
    margin: 0 0 8px;
}

.breadcrumbs ol{padding: 0; margin: 0; display: block;}
.breadcrumbs ol li{display: inline;}








#content ul.pagination {margin: 32px 0; padding: 0;}
#content ul.pagination li{list-style: none}
#content ul.pagination li a{text-decoration: none}

#content ul.pagination li a span{
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: var(--white);
    border: 1px solid var(--grey);
    border-radius: 5px;
    padding: 0 12px;
}
#content ul.pagination li a{
    margin: 0 8px;
    display: block;
}

#content ul.pagination li a span:hover{
    background-color: var(--lightgrey);
}

#content ul.pagination li.MarkupPagerNavPrevious a span,
#content ul.pagination li.MarkupPagerNavNext a span{
    padding: 0 24px 0 12px;
    position: relative;
}
#content ul.pagination li.MarkupPagerNavPrevious a span{
    padding: 0 12px 0 24px;
}

#content ul.pagination li.MarkupPagerNavPrevious a span:before,
#content ul.pagination li.MarkupPagerNavNext a span:before{
    content: '';
    border: 1px solid var(--black);
    border-left: unset;
    border-bottom: unset;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    position: absolute;
    right: 6px;
    top: 50%;
}
#content ul.pagination li.MarkupPagerNavPrevious a span:before{
    right: unset;
    left: 6px;
    transform: translate(50%, -50%) rotate(-135deg);
}

#content ul.pagination li[aria-current="true"] a span{
    border-color: var(--yellow);
    background-color: var(--yellow);
}


@media screen and (max-width: 1000px){
    .page ol,
    .page ul{
        padding-inline-start: 20px;
    }
    .edit__page img {
        height: 12px;
    }
    .edit__page a {
        font-size: 10px;
    }
    .edit__page .dashboard {
        grid-column: 1 / 2;
    }
    .edit__page .edit{
        grid-column: 2 / 8;
    }
    .edit__page .logout {
        grid-column: 9 / 13;
    }
    .edit__page {
        width: calc(100vw - 32px);
        padding: 12px 16px;
    }
}