:root
{
--h3: 2.6rem;
--h3-text-color:#08305a;
--h3-margin-bottom: 2rem;
--card-width: 100%;
--card-grid: 3fr 1fr;
--card-border: 0px solid #f2f2f2;
--card-border-radius: 2px;
--card-padding: 1.8rem;
--card-margin: 2.5rem 0rem;
--card-bg: #f2f2f2;

--card-text-size: 1.7rem;
--card-p-text-color: #08305a;
--card-link-color: #08305a;
--card-link-color--hover: #08305a;
--card-link-font-size: clamp(0.8rem, 0.191vw + 0.739rem, 1rem);
--card-link-bg-color: #cfd93f;
--card-link-bg-color--hover: #b4c929;
--card-link-padding: 1.5rem 2.5rem;
--card-link-margin:  1rem ;
--card-link-border-radius: 0rem ;
--card-li-margin: 1rem;
--card-li-margin: 1.5rem;

}

.act-job-card{
    width: var(--card-width);
}
.act-single-job{
  background-color: var(--card-bg);
  border: var(--card-border); 
  border-radius: var(--card-border-radius); 
  padding: var(--card-padding);
  margin: var(--card-margin);
  
  display:grid;
  grid-template-columns: var(--card-grid);

 @media(max-width: 767px){
    grid-template-columns: 1fr;
 }
}
.act-single-job  h3{
    font-size: var(--h3);
    margin-bottom: var(--h3-margin-bottom) ;
    color: var(--h3-text-color);
    @media(max-width: 767px){
font-size: calc(var(--h3)/ 1.5);
    }
}
.act-single-text{
    font-size: var(--card-text-size) !important;
    color: var(--card-p-text-color) !important;
}
.col2
{
    position: relative;
}

 .act-btn, .act-btn-full{
color: var(--card-link-color);
font-size: var(--stellenanzeigen_button_text);
padding: var(--card-link-padding);

background-color: var(--card-link-bg-color) ;
border-radius: var(--card-link-border-radius);
display:inline-block;
text-decoration: none !important;
text-align: center;


@media(max-width: 767px){
    display:block;
    position: unset;
    max-width: 100%;
    margin:var(--card-link-margin);
 }
}
.act-btn-full{
margin: 1.5rem 2.5rem;

}
.act-btn-pos{
    position: absolute;
   right: 0;
    margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    
    @media(max-width: 767px){
        display:block;
        position: unset;
        top: unset;
         -ms-transform:  unset;
  transform:  unset;
        max-width: 100%;
        margin:var(--card-link-margin);
     }
}
.act-btn:hover, .act-btn-full:hover{
    color: var(--card-link-color--hover);
    background-color: var(--card-link-bg-color--hover) ;
}
.col1  ul > li, .act-job-single-ul> li{
display: inline-block;
margin-right: var(--card-li-margin);
margin-bottom: var(--card-li-margin);
}
.col1  ul, .act-job-single-ul{
   padding: 0;
}


.col2
{
    
     position: relative;
}