/* =========================================================
   EK4Y – GEBÄUDETECHNIK / LEISTUNGEN
   Version: 2025-11
========================================================= */

.leistungen-card {
    border: none;
    border-radius: .75rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
  }
  
  .leistungen-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
  }
  
  .leistungen-card .card-body {
    padding: 1.5rem;
    flex: 1;
  }
  
  .leistungen-card h5 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: #0a5c3e;
  }
  
  .leistungen-card p {
    color: #555;
    font-size: 1rem;
    line-height: 1.6;
  }
  
  .leistungen-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
  }
  .vorteil-box {
    cursor: pointer;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 16px;
      transition: all 0.3s ease;
      background-color: #fff;
    }
    
    .vorteil-box h3 i {
      font-size: 2rem;
      color: #17d68f;
      /* EK4Y Mint */
    }
    
    .vorteil-box .vorteil-title {
      font-weight: 600;
      color: #000;
      margin: 1rem 0 0.5rem;
    }
    
    .vorteil-box p {
      color: #555;
      font-size: 0.95rem;
      margin-bottom: 0;
    }
    
    /* Hover-Effekt */
    .vorteil-box:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
      border-color: #17d68f;
    }
    
    /* Icon beim Hover einfärben */
    .vorteil-box:hover i {
      color: #13b97c;
    }
    
    /* Mobile Anpassung */
    @media (max-width: 767px) {
      .vorteil-box {
          padding: 1.5rem;
      }
    
      .vorteil-box h3 i {
          font-size: 1.8rem;
      }
    
      .vorteil-box .vorteil-title {
          font-size: 1rem;
      }
    }
  /* Abschnitte */
  #komfort,#energie,#sicherheit,#smarte-technik { padding:4rem 0; color:#333!important; }
  #komfort .headline-category,#energie .headline-category,#sicherheit .headline-category,#smarte-technik .headline-category {
    font-size:clamp(1.8rem,3vw,2.5rem); font-weight:700; color:#0a5c3e; margin-bottom:1.5rem;
  }
  #komfort img,#energie img,#sicherheit img {
    border-radius:1rem; box-shadow:0 10px 25px rgba(0,0,0,.1);
    transition:transform .4s ease, box-shadow .4s ease;
  }
  #komfort img:hover,#energie img:hover,#sicherheit img:hover {
    transform:scale(1.03); box-shadow:0 15px 35px rgba(0,0,0,.2);
  }
  
  /* Icon-Box */
  .icon-box { background:#fff; border:1px solid #eaeaea; transition:transform .3s, box-shadow .3s; cursor:pointer; }
  .icon-box:hover { transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,.12); }
  .icon-box i { color:#17d68f; transition:transform .3s; }
  .icon-box:hover i { transform:scale(1.15); }
  .icon-box h5 { color:#000; font-weight:600; margin-top:1rem; }
  .icon-box:hover h5 { color:#17d68f; }
  
  /* Responsive */
  @media (max-width:991.98px){
    #komfort,#energie,#sicherheit { text-align:center; }
    #komfort img,#energie img,#sicherheit img { margin-top:2rem; }
  }