body{
  font-family: "Montserrat", sans-serif;
 
}
a{
    text-decoration: none;
}
.mt--10 {
    margin-top: -10px
}

.mt--20 {
    margin-top: -20px
}

.mt--30 {
    margin-top: -30px
}

.mt--50 {
    margin-top: -50px
}

.mt--100 {
    margin-top: -100px
}

.mb--27 {
    margin-bottom: -25px
}

.mr--5 {
    margin-right: -5px
}

.ml--5 {
    margin-left: -5px
}

.mr--7 {
    margin-right: -7px
}

.ml--7 {
    margin-left: -7px
}

.mr--10 {
    margin-right: -10px
}

.ml--10 {
    margin-left: -10px
}

@media (min-width: 826px) {
    .hidden_1 {
        display: none
    }
}

@media (min-width: 993px) {
    .plans_mobil {
        display: none
    }
}

@media (max-width: 992px) {
    .plans_pc {
        display: none
    }
}

@media (min-width: 588px) {
    .dp-none-588 {
        display: none
    }
    .ml-5-588 {
        margin-left: 5rem; 
    }
    
}

@media (max-width: 587px) {
    .dp-none-587 {
        display: none
    }
   
}

.m-0 {
    margin: 0
}

.m-5 {
    margin: 5px
}

.m-10 {
    margin: 10px
}

.m-15 {
    margin: 15px
}

.m-20 {
    margin: 20px
}

.m-25 {
    margin: 25px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-100 {
    margin-top: 100px
}

.mt-150 {
    margin-top: 150px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb--30 {
    margin-bottom: -30px
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.p-50 {
    padding: 50px
}

.pl-0 {
    padding-left: 0
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pr-0 {
    padding-right: 0
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pb-0 {
    padding-bottom: 0
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.logo-color{
    color:#b5e941!important;
}
.logo-color-hard{
 color:#326916!important;
}

.logo-bg-color-hard{
    background-color: #326916!important;
}
.logo-bg-color{
    background-color: #b5e941!important;
}
.ilan-ver-btn{
    background-color: #b5e941!important;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 14px;
}
.border-radius-20{
    border-radius: 25px;
}
@media (min-width: 992px) {
  .col-lg-15 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
footer ul li a {
    color: rgb(29, 29, 29);
}

footer ul li a:hover {
    color: rgb(104, 104, 104);
}
footer h5 {
  font-weight: 600;
}
.box-shadow-menu {
box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.75);
}
.hero-section {
      background-color: #f8f9fa;
      padding: 80px 0;
    }
    .job-card {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 24px;
      transition: all 0.2s;
    }
    .job-card:hover {
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    #careersPage {
        background-image: url('https://themen.kleinanzeigen.de/thumbnails/145802796b9073e32fc35631a6ec8eda8c87cf6e/stage_career_desktop.jpg');
    background-size: cover;
    background-position:top center;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    border-radius: 20px;
    }

    .all-logo-button{
        background-color: #b5e941;
        padding:10px 25px;
        color: #326916;
        border-radius: 20px;
    }
    .mobileApssArea {
        background-color: white;
        border: 1px solid gray;
        border-radius: 20px;
        padding: 20px 30px;
         
        margin: 5px;
    }
    .mobileApssArea h3{
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    
    .mobileApssArea p{
        font-size: 14px;
    }
    
    .mobileApssArea a{
      background-color: #fff;
      color: #326916;
      border-radius: 25px;
      padding: 10px 30px;
      border: 1px solid #326916;
      font-weight: 600;
    }
    .bg-e0d1ff{
        background-color: #e0d1ff;
    }
    .border-radius-left{
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
    }
    
    .border-radius-right{
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
    }

    .bg-F4F2EF {
        background-color: #F4F2EF;
    }

    .hero {
    height: 182px;
    border-radius: 16px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #D3F08D;
    background-size: contain;
}
.hero {
    background-image: url('/img/hero.svg');
    background-position: left bottom;
    background-size: cover;
    height: 200px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.hero h1 {
    font-size:25px;
    margin-top: 55px;
}
.need-job{
    background-color: #e6d6ff; border-radius: 4px;
    margin-top: 30px;
        margin-bottom: 30px;
}
.helpDetails{
    border: 1px solid gray;
    border-radius: 10px;
    text-align: center;
    padding: 25px ;
    color: #33322E;
      box-sizing: border-box;
      min-height: 250px;
}
.helpDetails img{
    margin-bottom: 20px;

}


.helpDetails-col a{
   text-decoration: none!important;
       color: #33322E;

}
.helpDetails h3{
  font-size: 20px;
}

.helpDetails p{
  font-size: 14px;
}
.helpDetails:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.35);
    transition: 0.3s ease;
}

.bg-D3F08D {
    background-color: #D3F08D;
}

.fs-13{
    font-size:13px
}
.list-categories ul {
  list-style-type: none; 
}

.list-categories a {
 text-decoration: none!important;
 color: black;
}

.list-categories ul li{
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.informationDetailList h4{
font-size: 20px;
font-weight: 600;
}

 
.informationDetailList  a{
 color:#326916!important;
 font-weight: 500;
}
.list-categories .active {
     color:#326916!important;
    
}
.searchPage h5{
      color:#326916!important;
      font-size: 18px;
}

.searchPage p{
      color:black!important;
      font-size: 14px;
}

.searchPage a{
      text-decoration: none!important;
}