/* ==========================================================
   VORMELO – FINANZEN & BUCHHALTUNG
========================================================== */

.accounting-hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(37,99,235,.10),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
}

.accounting-hero-copy h1{
  max-width:650px;
}

.accounting-hero-visual,
.accounting-visual{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid rgba(205,219,238,.95);
  border-radius:28px;
  background:
    radial-gradient(circle at 74% 20%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#f9fcff 0%,#edf5ff 100%);
  box-shadow:
    0 22px 58px rgba(20,57,108,.10),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.accounting-hero-visual{
  width:100%;
  min-height:470px;
  padding:0;
}

.accounting-hero-visual img,
.accounting-visual img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:inherit;
}

.accounting-hero-visual img{
  min-height:470px;
  filter:none;
}

.accounting-centered-section .section-heading,
.accounting-platform .section-heading,
.accounting-workplaces .section-heading{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}

.accounting-visual-block{
  width:100%;
}

.accounting-visual{
  width:100%;
  min-height:430px;
  padding:0;
}

.accounting-visual img{
  min-height:430px;
}

.accounting-image-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.accounting-image-features-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.accounting-image-features article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
  padding:15px 14px;
  border:1px solid #dfe7f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 9px 24px rgba(20,57,108,.06);
}

.accounting-image-features strong{
  color:#0b1930;
  font-size:.82rem;
}

.accounting-image-features span{
  color:#687991;
  font-size:.72rem;
  line-height:1.45;
}

/* Plattform */

.accounting-platform{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(37,99,235,.08),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

.accounting-platform-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.accounting-platform-card{
  position:relative;
  display:flex;
  min-height:190px;
  flex-direction:column;
  justify-content:flex-end;
  padding:25px;
  overflow:hidden;
  border:1px solid #dfe7f2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(20,57,108,.07);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.accounting-platform-card:hover{
  transform:translateY(-5px);
  border-color:rgba(37,99,235,.28);
  box-shadow:0 22px 46px rgba(37,99,235,.11);
}

.accounting-platform-card.is-active{
  border-color:rgba(37,99,235,.42);
  background:
    radial-gradient(circle at 85% 15%,rgba(37,99,235,.14),transparent 30%),
    linear-gradient(145deg,#ffffff,#edf5ff);
}

.accounting-platform-icon{
  position:absolute;
  top:18px;
  right:20px;
  color:rgba(37,99,235,.22);
  font-size:2.2rem;
  font-weight:900;
}

.accounting-platform-card strong{
  margin-bottom:8px;
  color:#0b1930;
  font-size:1.02rem;
}

.accounting-platform-card > span:last-child{
  color:#667890;
  font-size:.84rem;
  line-height:1.6;
}

/* Arbeitsplätze */

.accounting-workplaces{
  background:#fff;
}

.accounting-workplace-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.accounting-workplace-grid article{
  display:flex;
  min-height:145px;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  border:1px solid #dfe7f2;
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 12%,rgba(37,99,235,.10),transparent 30%),
    linear-gradient(145deg,#ffffff,#f6faff);
  box-shadow:0 12px 30px rgba(20,57,108,.06);
}

.accounting-workplace-grid strong{
  margin-bottom:7px;
  color:#0b1930;
  font-size:1rem;
}

.accounting-workplace-grid span{
  color:#667890;
  font-size:.84rem;
  line-height:1.55;
}

@media(max-width:1100px){
  .accounting-platform-grid,
  .accounting-workplace-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .accounting-image-features-four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .accounting-centered-section .section-heading,
  .accounting-platform .section-heading,
  .accounting-workplaces .section-heading{
    text-align:left;
  }

  .accounting-hero-visual{
    min-height:280px;
    padding:0;
    border-radius:22px;
  }

  .accounting-visual{
    min-height:260px;
    padding:0;
    border-radius:22px;
  }

  .accounting-hero-visual img{
    min-height:280px;
  }

  .accounting-visual img{
    min-height:260px;
  }

  .accounting-image-features,
  .accounting-image-features-four,
  .accounting-platform-grid,
  .accounting-workplace-grid{
    grid-template-columns:1fr;
  }

  .accounting-platform-card,
  .accounting-workplace-grid article{
    min-height:140px;
  }
}