.overviewButton{
    white-space: nowrap;
    display: inline-block;   
    padding: 2%;
}
.overviewList {
    width: 100%;
}
.overviewHeader {
    display: flex;
}
.headerColumn {
    padding: 8px;
}
.jobRow {
    display: flex;
}
.jobBodyColumn{
    padding-left: 0;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.buttonColumn{
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 8px;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%
}
.icon-margin {
    margin-right: 8px;
}
.flex-container {
    display: flex;
}
.titleColumn {
    flex: 0 0 41.67%;
    max-width: 41.67%;
}
.typeColumn,
.dateColumn,
.actionColumn {
    flex: 0 0 16.67%;
    max-width: 16.67%;
}
.jobOfferLink:hover{
    cursor: pointer;
}
.jobLocationAdressHead, .jobTypeHead, .jobStartHead{
    display: flex;
    align-items: center; 
    justify-content: flex-start; 
    position: relative;
}
.iconMargin{
    width: 1.5rem;
    margin-right: 0.5rem;
}
.jobLocation {
    display: flex;
}
.searchArea, .filterArea {
    display: flex;
    flex-direction: column;
}
button, select{
    cursor:pointer;
}