.job-userbox {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 8px;
    font-size: 10px;
    height: 100px;
    overflow: auto;
    padding-right: 10px;
}

.jobliste_titel_2 {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: left;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 15px;
    text-transform: uppercase;
    height: 60px;
  display: flex; 
  flex-direction: column; 
  justify-content:center;
}


.job-userbox{}

.jobliste_descr2 {
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 5px;
    margin: 2.5px;
}


.jobliste_descr {
    height: 100px;
    text-align: justify;
    overflow: auto;
    padding: 5px;
    padding-right: 10px;
    margin: 5px;
    font-size: 10px;
    line-height: 1.3;
}

.sort-jobs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

#job-sections{
    display: grid;
    grid-template-columns: 270px 1fr;
    margin: 15px;

}

#jobtabmenu{    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;}

#jobtabmenu .jobbutton {
    cursor: pointer;
    margin: 5px;
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
}

.jobtab {
    margin: 5px;
    width: 100%;
	display: none;
}

/* AKTIVE BUTTONS && TABS GROSS*/
.jobtab.jobactivetab{display: block ;}
#jobtabmenu .jobbutton.jobactivebutton{ 
	background: var(--font1);
color: var(--border);}



.jobliste-frame{
	background: var(--border);
    border: solid 1px var(--secondcontent);
	margin: 5px;
	border-radius: 10px;
	padding: 10px;
}
.jobliste_titel_gastro {
	 background: url(../../../images/gastronomy.png);	
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
    background-size: cover;
}
.jobliste_titel_bildung {
	 background: url(../../../images/Bildung.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	    background-size: cover;
	

}
.jobliste_titel_dienstleistungen {
	background-position: center;
	 background: url(../../../images/Dienstleistungen.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
	text-transform: uppercase;
    font-size: 20px;
}
.jobliste_titel_einzelhandel {
	background: url(../../../images/Einzelhandel.png);	
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	  background-position: center;
}
.jobliste_titel_gesundheit {
	background: url(../../../images/Gesundheit.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	   background-position: center;
}
.jobliste_titel_industrie {
	background: url(../../../images/Industrie.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	    background-position: center;
}

.jobliste_titel_recht {
	background: url(../../../images/Law.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	background-position: center;
}
.jobliste_titel_tourismus {
	background: url(../../../images/Tourismus.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
background-position: center;
}
.jobliste_titel_sonstiges {
	background: url(../../../images/Sonstiges.png);
	border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
	text-transform: uppercase;
	background-position: center;
}