/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* ----------------------------------------------------------------------
>>> TABLE OF CONTENTS
    01. BASICS
    02. JOB OFFERS
        02.01. SHORTCODE
        02.02. SINGLE JOB OFFER
        02.03. JOB OFFER ARCHIVE
    03. CONTACT FORM 7
    04. POST PAGINATION
    05. SONSTIGES

---------------------------------------------------------------------- */
 


/* ----------------------------------------------------------------------
01. BASICS
---------------------------------------------------------------------- */
body{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: var(--e-global-typography-primary-font-family);
}


/* ----------------------------------------------------------------------
02. JOB OFFERS
---------------------------------------------------------------------- */

/* -> 02.01. SHORTCODE */
.fsjobo-grid{

}
.fsjobo-grid .jobo-offers-wrap{
    margin-bottom: 2rem;
}
.fsjobo-grid .jobo-offers-wrap .row{
    margin:0;
}
.fsjobo-grid .jobo-more-wrap .row{
    margin: 0;
}
.fsjobo-grid .jobo-more-wrap .jo-offers-link-wrap{
    text-align: center;
}
.fsjobo-grid .fsjobo-col{
    margin-bottom: 1.5rem;
}
.fsjobo-grid .fsjobo-card{
    border-radius: 0;
    /* border-width: 0;*/
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all 0.25s;
    flex: 1 auto;
}
.fsjobo-grid .fsjobo-card:hover{
    -webkit-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.10); 
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.10);
    transition: all 0.25s;
}
.fsjobo-grid .fsjobo-card .fsjobo-image{
    padding-bottom: calc( ( 3 / 4 ) * 100% );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.fsjobo-grid .fsjobo-card .fsjobo-image.fsjobo-no-image{
    background-color: #F6F6F6;
}
 .fsjobo-grid .fsjobo-card .card-body{
    position: relative;
}

.fsjobo-grid .fsjobo-card .fsjobo-meta-wrap{
    position: absolute;
    top: -6rem;
    left:0;

}
.fsjobo-grid .fsjobo-card .fsjobo-job-type{
    /* background-color: #f2f2f2;*/
    margin-bottom:3px;
}
.fsjobo-grid .fsjobo-card .fsjobo-job-type span{
    display: inline-block;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    font-style: italic;
    background-color: var(--e-global-color-primary);
    color: var(--scale-color-8);
    padding: 5px 15px 5px 25px;
    font-size: 20px;

}
 
.fsjobo-grid .fsjobo-card .fsjobo-date{
     /* background-color: #f2f2f2;*/
}
 
.fsjobo-grid .fsjobo-card .fsjobo-date span{
    display: inline-block;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    font-style: italic;
    background-color: #FFF;
    color: var( --e-global-color-text );
    padding: 5px 15px 5px 25px;
    font-size: 20px;
     
}
.fsjobo-grid .fsjobo-card .fsjobo-job-title-wrap{
    margin-bottom: 7.5rem;
}
.fsjobo-grid .fsjobo-card .fsjobo-job-title{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    font-size: 24px;
    color: var( --e-global-color-primary );
}

.fsjobo-grid .fsjobo-card .fsjobo-job-title a{
    color: var( --e-global-color-primary );
}

.fsjobo-grid .fsjobo-card .fsjobo-btn-wrap{
    position: absolute;
    bottom: 40px;
}
.fsjobo-grid .fsjobo-card .fsjobo-btn{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    background-color: var(--scale-color-7);
    color: var( --e-global-color-text );
    border-radius: 5px;
    border:0;
    text-decoration: none;
    font-size: 16px;
}
.fsjobo-grid .fsjobo-card .fsjobo-btn:hover{
    background-color: var(--e-global-color-primary );
    color: #FFF;
}



/* -> 02.02. SINGLE JOB OFFER */

.jobo-more-wrap{
    margin-bottom:3rem;
}
.jobo-more-wrap .jo-offers-link{
    padding: 10px 25px 10px 25px;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    background-color: var(--scale-color-8);
    color: var( --e-global-color-text );
    border-radius: 5px;
    border:2px solid var(--e-global-color-primary);
    text-decoration: none;
    font-size: 16px;
}
.jobo-more-wrap .jo-offers-link:hover{
    background-color: var(--e-global-color-primary);
    color: #FFF;
    text-decoration: none;
}

.jobo-post{
    -webkit-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.10); 
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.10);
}

.jobo-post .fsjobo-data-header{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.jobo-post .fsjobo-data-header .fs-col-2{
    text-align: right;
}
@media all and (max-width:991px){
    .jobo-post .fsjobo-data-header .fs-col-2{
        text-align: left;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
}
.jobo-post.jobo-post-single{
    margin-bottom: 1.5rem;
    border: 1px solid #DADADA;
}
.jobo-post.jobo-post-single .fsjobo-meta-wrap{
    display: inline-block;
    padding: 8px 15px 8px 2rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--scale-color-7);
    font-size: 16px;
    margin-top: 0.25rem;
    margin-bottom: 1.75rem;
}
.jobo-post .fsjobo-image{
    padding-bottom: calc( ( 4 / 16 ) * 100% );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.jobo-post .fsjobo-image.fsjobo-image-size-1{
    padding-bottom: calc( ( 3 / 4 ) * 100% );
}
.jobo-post .fsjobo-image.fsjobo-image-size-2{
    padding-bottom: calc( ( 7 / 16 ) * 100% );
}
.jobo-post .fsjobo-section-title{
    font-size: 20px;
}
.jobo-post .container.is-odd{
    background-color: var(--scale-color-7);
}

.jobo-post .fsjobo-content-col{
    font-size: 16px;
}

.jobo-post .fsjobo-date span{
    display: inline-block;
    padding: 10px 15px 10px 2rem;
    background-color: var(--e-global-color-primary);
    color: var(--scale-color-8);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media all and (max-width:991px){
    .jobo-post .fsjobo-date span{
        padding-left:15px;
    }
}
.jobo-post .fsjobo-download-wrap{
    padding-right: 5rem;
}
.jobo-post .fsjobo-download-wrap a{
    color: var(--e-global-color-primary);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
.jobo-post .fsjobo-download-wrap a:hover{
    color: var(--e-global-color-text);
    text-decoration: underline;
}
@media all and (max-width:991px){
    
    .jobo-post .fsjobo-download-wrap{        
        padding-right: 15px;
        padding-left: 15px;        
    }
    
}


.jobo-post .fsjobo-title{
    font-size: 24px;
    font-style: italic;
    padding-left: 2rem;
    margin-top:0;
    margin-bottom:0;
}
.jobo-post .fsjobo-section-title{
    display: inline-block;
    padding: 10px 15px 10px 2rem;
    color: var(--e-global-color-primary);
    background-color: var(--scale-color-8);     
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 16px;
}
.jobo-post .jobo-post-content .is-even .fsjobo-section-title{
    background-color: var(--scale-color-7);
}
.jobo-post .jobo-post-content .container{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.jobo-post .jobo-post-content .row .fsjobo-title-col,
.jobo-post .jobo-post-content .row .fsjobo-content-col{
    padding:0;
}
.jobo-post .fsjobo-content-col .col-inner{
    padding-right: 5rem;
}
@media all and (max-width: 767px){
    .jobo-post .fsjobo-content-col .col-inner{
        padding-right: 1rem;
    }
}
.jobo-post .fsjobo-content-col ul{
    list-style: square;
}
.jobo-post .fsjobo-content-col ul ul{
    list-style: none;
    margin: 0;
    padding:0;
    /* margin-left: 0.5rem;*/
}
.jobo-post .fsjobo-content-col ul li{
    margin-bottom: 0.8rem;
}
.jobo-post .fsjobo-content-col ul li ul li{
    margin-bottom: 0.25rem;
}
.jobo-post .fsjobo-content-col ul ul li:before{
    content: '-';
    padding-right: 5px;
    margin-left:  -10px;
}
.jobo-post .fsjobo-content-col ul ul li{
    margin-left: 10px;
}

.jobo-post .fsjobo-form-container{
    background-color: var(--scale-color-7);
    border-top: 4px solid var(--scale-color-8);
}
.jobo-post .fsjobo-form-container .main-col-inner{    
    padding: 0 3rem;
}
@media all and (max-width:767px)
{
    .jobo-post .fsjobo-form-container .main-col-inner{
        padding: 0 15px;
    }
}
.jobo-post .fsjobo-form-container .fsjobo-form-title-wrap{
    text-align: center;
    margin-bottom: 1rem;
}
.jobo-post .fsjobo-form-container .fsjobo-form-title{
    display:inline-block;
    font-size: 25px;
    background-color: var(--e-global-color-primary);
    color: var(--scale-color-8);
    padding: 10px 4rem 10px 4rem;
    border-radius: 5px;
}

.jobo-post .fsjobo-form-wrap{
    width: 100%;
    max-width:800px;
    margin: 0 auto;
}

.jobo-post .fsjobo-form-container .fs-ul-center{
    list-style: square;
    max-width: 230px;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.jobo-post .jobo-post-content .row{
    /* margin: 0;*/
}
.jobo-post .jobo-post-content .col-12{
    /* padding:0;*/
}


/* -> 02.03. JOB OFFER ARCHIVE */

.fsjobo-archive{
    margin-bottom:1rem;
    margin-top: 3rem;
}

.fsjobo-archive .row{
    margin:0;
}
@media all and (min-width:1183px){
    .fsjobo-archive .fsjobo-archive-post{
        padding: 0;
    }
}
.fsjobo-archive .fsjobo-meta-wrap{
    font-size: 16px;
}


.fsjobo-archive-post article{
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--scale-color-6);
}
.jobo-archive-post .fsjobo-post-title{
    font-size:24px;
    font-style: italic;
}
.jobo-archive-post .fsjobo-post-title a{
    text-decoration: none;
    color: var(--e-global-color-primary)
}
.jobo-archive-post .fsjobo-post-title a:hover{
    text-decoration: underline;
}


.jobo-archive-post .w2-read-more .btn.btn-primary{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    background-color: var(--scale-color-7);
    color: var( --e-global-color-text );
    border-radius: 5px;
    border:0;
    text-decoration: none;
    font-size: 16px;
}
.jobo-archive-post .w2-read-more .btn.btn-primary:hover{
    background-color: var(--e-global-color-primary);
    color: #FFF;
}
/* ----------------------------------------------------------------------
03. CONTACT FORM 7
---------------------------------------------------------------------- */

.wpcf7 .col-inner{
    padding-bottom: 1rem;
}
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{
    box-shadow: none;
    border-color: var(--e-global-color-primary);
}
.wpcf7 .form-control{
    border-radius: 0;
    border-color: var(--scale-color-3);
}
.wpcf7 .form-select{
    border-radius: 0;
    border-color: var(--scale-color-3);
}
.wpcf7 .jobo-headline{
    font-size: 20px;
    text-align: center;
}
.wpcf7 .jobo-offer-title{
    text-align: center;
}
.wpcf7 .wpcf7-jobotitle{
    display: none;
}

.wpcf7 .wpcf7-submit{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
    background-color: var(--scale-color-8);
    color: var( --e-global-color-primary );
    border-radius: 5px;
    border:2px solid var(--e-global-color-primary);
    text-decoration: none;
    font-size: 16px;
    padding: 5px 25px 5px 25px;
    transition: all 0.25s;
    
}
.wpcf7 .wpcf7-submit:disabled{
    opacity: 0.6;
    border:2px solid var(--scale-color-3);
    color: var(--scale-color-3);
}
.wpcf7 .wpcf7-submit:hover{
    background-color: var(--e-global-color-primary );
    color: #FFF;
    transition: all 0.25s;
}
.wpcf7 label{
    padding-left: 0.8rem;
    font-size: 16px;
    font-weight: 600;
}
@media all and (max-width:767px){
    .wpcf7 .container{
        padding-left:0;
        padding-right: 0;
    }
}

/* ----------------------------------------------------------------------
04. POST PAGINATION
---------------------------------------------------------------------- */
.pagination-wrap{
    margin-bottom: 3rem;
}
@media all and (max-width:1182px){
    .pagination-wrap{
        padding-left:15px;
        padding-right: 15px;
    }
}
.pagination-wrap .page-numbers{
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    border: 1px solid var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}
.pagination-wrap .page-numbers.current{
    border-color: var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
    color: var(--scale-color-8);
}
.pagination-wrap a.page-numbers{
    text-decoration: none;
}
.pagination-wrap a.page-numbers:hover{
    background-color: var(--e-global-color-primary);
    color: var(--scale-color-8);
}

/* ----------------------------------------------------------------------
05. SONSTIGES
---------------------------------------------------------------------- */
.elementor-widget.elementor-align-left .elementor-icon-list-item,
.elementor-widget.elementor-align-left .elementor-icon-list-item a{
   align-items: flex-start;
}
.elementor-widget .elementor-icon-list-icon{
    padding-top: calc((1em / 100) * 36);
}