html {
  scroll-behavior: smooth;
}
body{
  font-family: "Montserrat", sans-serif;

  padding-top: 70px;
}
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-95 {
    margin-top: 95px;
    border-top:0.5px  solid gray;
}

.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;
    }


 

    
.ip-uclari-cols{
    border: 1px solid gray;
    border-radius: 10px; 
    padding: 25px ;
    color: #33322E;
      box-sizing: border-box;
      min-height: 480px;
}
.ip-uclari-cols img{
    margin-bottom: 20px;
}


.ip-uclari-cols-col a{
   text-decoration: none!important;
       color: #33322E;
}
.ip-uclari-cols h3{
  font-size: 20px;
}

.ip-uclari-cols p{
  font-size: 14px;
}
.ip-uclari-cols:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.35);
    transition: 0.3s ease;
}
.ip-uclari-cols ul li a{
   text-decoration: none!important;
       color: #326916;
}

.ip-uclari-cols ul li::marker {
  color:#326916;
}
.logo-btn{
    background-color: #b5e941!important;
    padding: 10px 20px;
    border-radius: 20px;
    color: #326916;
    font-weight: 600;
    text-decoration: none;
}

.logo-btn:hover{
    background-color: #b6f62c!important;
     color: #326916;
    
}
.bullet-color ul li::marker {
  color:#326916;
}
 
.border-color{
    border-radius: 20px;
    border: 1px solid #326916;;
}
.firstBullet ol li::marker {
  color:#326916;
  font-weight: 600;
}
 
.firstBullet ol li a{
  color:#727272;
}
 
.bg-b5e941 {
    background-color: #b5e941;
}


  .accordion-toggle {
    flex: 1;
    margin: 0 5px;
    font-weight: 600;
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
    padding: 12px 20px; 
    color: #333;
    transition: background-color 0.3s, color 0.3s;
    
  }

  .accordion-toggle.active { 
 color:#326916!important;
     font-weight: 600;
       border-bottom: 2px solid #326916;
 
  }
  
  .accordion-toggle { 
 color:#326916!important;
font-weight:400;
  }

  .accordion-toggle:focus,
.accordion-toggle:active,
.accordion-toggle.show,
.accordion-toggle.collapsed:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid #326916;
  background-color: transparent;
}


  .accordion-content { 
    border-top: none;
    padding: 20px;
    background: #fff;
    margin-top: 10px;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-image: none;
    width: 30px;
    height: 30px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
  }

  .carousel-control-prev-icon {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 10px;
  }

  .carousel-control-next-icon {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 10px;
  }

  .carousel-indicators {
    position: relative;
    bottom: auto;
    margin-top: 20px;
    justify-content: center;
  }

  .carousel-indicators li {
    background-color: black;
    opacity: 0.5;
  }

  .carousel-indicators .active {
    opacity: 1;
  }

  .custom-controls {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
  }

 .logo-marker li::marker {
  color: #326916; 
  font-weight: bold; 
}
 .logo-marker li a {
  color: gray; 
}
 .first-line {
      color: rgba(0, 0, 0, 0.3);
    }

      .partial-text {
      color: rgba(0, 0, 0, 0.4); /* Soluk renk */
      transition: color 0.3s ease;
    }
    .full-paragraph {
      color: #000; /* Normal siyah */
    }

    .hidden-text {
      display: none;
    }

    .toggle-btn {
      border: 1px solid #ccc;
      border-radius: 30px;
      padding: 8px 20px;
      font-weight: 600;
      background-color: #fff;
      color: #326916;
    }

    .toggle-btn:focus {
      outline: none;
      box-shadow: none;
    }

    .hidden-text {
     max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: all 0.4s ease;
      display: block;
    }

    .hidden-text.show {
      max-height: 5%; /* yeterli büyük ver, içeriğe göre */
      opacity: 1;
    }

       .intro-paragraph {
      color: #000;
    }

    .partial-intro {
      color: rgba(0, 0, 0, 0.4); /* Soluk renk */
    }

    #privacyPolicy {
    font-family: inherit; /* Site genel fontunu kullan */
}

/* UL dışındaki başlıklar (direkt çocuk olmayan text veya başlıklar) */
#privacyPolicy > *:not(ul) {
    font-weight: 600; /* Bold 600 */
}

 
#privacyPolicy ul {
    list-style-type: disc;
    padding-left: 20px;
}

#privacyPolicy ul li {
    color: inherit; /* Yazı rengini koru */
    position: relative;
    font-weight: 400!important;
    margin-top: 15px; /* Üstte 15px boşluk */
}

#privacyPolicy p {

    font-weight: 400!important;

}

/* Marker rengini koyu yeşil yap */
#privacyPolicy ul li::marker {
    color: #006400; /* Koyu yeşil */
}

.custom-scroll {
    overflow-x: auto;
    -ms-overflow-style: none;  /* IE ve Edge */
    scrollbar-width: none;     /* Firefox */
}
.custom-scroll::-webkit-scrollbar {
    display: none;             /* Chrome, Safari */
}

.custom-scroll a {
    white-space: nowrap; 
    text-decoration: none;
    font-weight: 500;
}
.custom-scroll a:hover {
    text-decoration: underline;
}
.green-box {
    position: absolute;
    bottom: 20px;        /* Üstten boşluk */
    left: 20px;       /* Soldan boşluk */
    background-color: #a7f321; /* Yeşil ton */
    border-radius: 15px;       /* Köşeler yuvarlak */
    max-width: 500px;          /* Kutunun genişliği */
}

.border-none-right {
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    border-radius: 20px;
}

.border-none-left {
    border-right:1px solid gray;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    border-radius: 20px;
}
.popProTable table  thead th{
border:none;
}

.popProTable  .table td, .table th{
border:none;
    padding: 1.3rem;
}

.popProTableTop table  thead th{
border:none;
}

.popProTableTop  .table td, .table th{
border:none;
    padding: 1.3rem;
}



.logoBorderBtn {
    border: 1px solid #2d6a2d;
    color: #2d6a2d;
    background-color: transparent;
    border-radius: 50px;
    padding: 8px 30px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover efekti */
.logoBorderBtn:hover {
    background-color: #2d6a2d;
    color: #fff;
}

/* JS ile eklenecek aktif class */
.logoBorderBtn.active {
    background-color: #1f4a1f;
    color: #fff;
    border-color: #1f4a1f;
}

.hideAllTables {
  transition: all 0.3s ease; 
  display: none;
}
.cardV2 {
    border: 1px solid gray;
    border-radius: 20px;
    padding-bottom: 30px;
}
.cardV2 img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.immobilienprofisLeft {
    border-left:1px solid grey;
    border-bottom:1px solid grey;
    border-top:1px solid grey;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; 
}

.immobilienprofisRight img{
    border-right:1px solid grey;
    border-bottom:1px solid grey;
    border-top:1px solid grey;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; 
}

.immobilienprofisLeft img{
    border-right:1px solid grey;
    border-bottom:1px solid grey;
    border-top:1px solid grey;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; 
}



.immobilienprofisRight {
    border-right:1px solid grey;
    border-bottom:1px solid grey;
    border-top:1px solid grey;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; 
}

.immobilienprofisAccord  .card-header{
    border-bottom: none!important;
    background-color: transparent!important;
    color: black;
}

.immobilienprofisAccord  .btn-link{
    color: black;
}
.immobilienprofisAccord  .card{
    border-left: none!important;
    border-right: none!important;
    border-radius:0px!important;
}
.immobilienprofisAccord .btn-link:focus {
  outline: none!important;       
  font-weight: 700;    
  text-decoration: none;  
  box-shadow: 0 0 0 white!important;
}
.immobilienprofisAccord p a {
    color: #326916;
}

.immobilienprofisAccord ul li::marker {
  color:#326916;
}

.youtube-wrapper {
  position: relative;
  width: 100%;
  max-width: 900px; /* isteğe göre */
  margin: 0 auto;
  aspect-ratio: 16/9; /* modern; fallback ile alt satırda */
  background: #000;
  overflow: hidden;
}
.youtube-wrapper::before { /* fallback aspect ratio */
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}
.youtube-wrapper > * {
  position: absolute;
  inset: 0;
}

/* poster / thumbnail */
.yt-poster {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #000;
}
.yt-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6);
}

/* play button */
.play-btn{
  position: absolute;
  width: 86px;
  height: 86px;
  border-radius: 999px;
  background: #18a748; /* canlı yeşil */
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  transition: transform .18s ease, box-shadow .18s ease;
  z-index: 3;
}
.yt-poster:hover .play-btn,
.yt-poster:focus .play-btn {
  transform: scale(1.06);
  box-shadow: 0 12px 28px rgba(0,0,0,0.45);
}

/* iframe görünümü */
.youtube-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

 
.yt-poster:focus { outline: none; }

.border-logo{
    border:2px solid #b5e941;
    border-radius: 20px;
}

  .badge-round {
    display: inline-block;
    background-color: purple; 
    color: white;            
    border-radius: 50%;      
    width: 30px;
    height: 30px;
    line-height: 30px;        
    text-align: center;
    font-weight: bold;
  }
  .img-border-20 img {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }

    /* Başlık altındaki p'ler gizli */
  .accordion-title p {
    display: none;
  }

  /* Aktif başlıkta p'ler görünsün */
  .accordion-title.active p {
    display: block;
  }

  /* Sağdaki içerikler gizli */
  .content-pane {
    display: none;
  }

  /* Sadece aktif olan içerik görünsün */
  .content-pane.active {
    display: block;
  }

  #customAccordion .active .titleArea{
    background-color: #f4f4f4!important;
    padding:20px 20px 10px 20px
  }
  
  #customAccordion .active .titleArea h5{
    color: #326916;

  }

    #customAccordion .titleArea h5{ 
        margin:10px 5px 

  }
  
  
  #customAccordion .active .titleArea a{
    color: #326916;
  }