.elementor-4846 .elementor-element.elementor-element-028feb6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}/* Start custom CSS *//* =========================================================
   HOME-BUTLER.CH – So funktioniert es (Ablauf) – gekapselt
   ========================================================= */

.hb-ablauf .hb-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 18px;
}

.hb-ablauf-section{
  padding:22px 0;
}

.hb-ablauf .hb-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:8px 0 18px;
  flex-wrap:wrap;
}

.hb-ablauf .hb-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.hb-ablauf .hb-icon{
  font-size:22px;
}

.hb-ablauf .hb-grid{
  display:grid;
  gap:22px;
}

.hb-ablauf .hb-grid.hb-two{
  grid-template-columns:repeat(2, minmax(0,1fr));
}

@media (max-width:900px){
  .hb-ablauf .hb-grid.hb-two{
    grid-template-columns:1fr;
  }
}

.hb-ablauf .hb-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.hb-ablauf .hb-pad{
  padding:22px;
}

.hb-ablauf .hb-h2{
  margin:0 0 12px;
  font-size:18px;
}

/* Schritte */
.hb-ablauf .hb-steps{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hb-ablauf .hb-step{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.hb-ablauf .hb-nr{
  width:34px;
  height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  background:#111;
  color:#fff;
  flex:0 0 34px;
}

.hb-ablauf .hb-step h3{
  margin:0 0 4px;
  font-size:16px;
}

.hb-ablauf .hb-step p{
  margin:0;
  opacity:.85;
  line-height:1.55;
}

/* Notes */
.hb-ablauf .hb-notes{
  display:grid;
  gap:10px;
}

.hb-ablauf .hb-note{
  display:flex;
  gap:12px;
  background:#f3f4f6;
  padding:14px 16px;
  border-radius:12px;
  font-size:14px;
  line-height:1.45;
}

.hb-ablauf .hb-note b{
  color:#111;
}

.hb-ablauf .hb-nicon{
  font-size:18px;
  flex:0 0 auto;
}

.hb-ablauf .hb-note-warn{
  background:#fff7ed;
  border:1px solid rgba(0,0,0,.08);
}

/* Button */
.hb-ablauf .hb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(0,0,0,.12);
  background:#000;
  color:#fff;
}

.hb-ablauf .hb-btn:hover{
  opacity:.92;
}

.hb-ablauf .hb-btn-small{
  padding:10px 14px;
  border-radius:12px;
}/* End custom CSS */