h1, h2, h3, h4{
    color: #65483D;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

h1, h2, h3, h4 {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Добавим небольшую задержку для красивого каскада */
h2 {
  font-size:25px;
  animation-delay: 0.2s;
}

h3 {
  font-size:22px;
  animation-delay: 0.4s;
}

h4 {
  animation-delay: 0.6s;
}

@media(max-width:680px){
  .h5{
    font-size:18px;
  }
  h2{
    font-size: 22px;
  } 
  p{
    font-size:18px;
  }
  
}
  /* 1) Глобально отключаем горизонтальный скролл */
html { overflow-x: clip; }               /* современные браузеры */
body { overflow-x: hidden; width: 100%; } /* фолбэк */

/* ===== BilanzSchnell Hero (Bootstrap 5) ===== */
:root {
  --bsz-deep: #564C55;   /* основной фон */
  --bsz-accent: #BC2041; /* акцент */
  --bsz-warm: #9E8279;   /* теплый тон для текста/подчеркиваний */
  --bsz-brown: #65483D;  /* градиент/тени */
}

/* Фон секции + общий тон */
.hero-bs {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(158,130,121,0.25), transparent 60%),
              linear-gradient(135deg, var(--bsz-deep) 0%, var(--bsz-brown) 100%);
  color: #fff;
}

/* Коррекция вертикальных отступов для крупных экранов */
@media (min-width: 992px) {
  .py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
}

/* Заголовок */
.hero-title {
  line-height: 1.1;
  letter-spacing: 0.2px;
  text-wrap: balance;
  position: relative;
}

/* Подзаголовок */
.hero-subtitle {
  color: rgba(255,255,255,0.92);
}

/* Пилюля над заголовком (использует Bootstrap .badge) */
.text-bg-accent {
  background-color: var(--bsz-accent);
  color: #fff;
  box-shadow: 0 6px 20px rgba(188,32,65,0.35);
}

/* Кнопка-акцент */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bsz-accent);
  --bs-btn-border-color: var(--bsz-accent);
  --bs-btn-hover-bg: #a61b37;
  --bs-btn-hover-border-color: #a61b37;
  --bs-btn-focus-shadow-rgb: 188,32,65;
  --bs-btn-active-bg: #8e172f;
  --bs-btn-active-border-color: #8e172f;
  border-width: 2px;
}

/* Светлая обводка для вторичной кнопки */
.btn-outline-light {
  border-width: 2px;
}

/* Декоративный элемент справа снизу */
.hero-deco {
  position: absolute;
  right: -6rem;
  bottom: -6rem;
  width: 26rem;
  height: 26rem;
  background:
    radial-gradient(closest-side, rgba(188,32,65,0.35), transparent 70%),
    conic-gradient(from 220deg at 50% 50%, rgba(255,255,255,0.15), rgba(255,255,255,0) 60%);
  filter: blur(2px);
  border-radius: 50%;
  pointer-events: none;
}

/* Деликатные разделители/подчеркивания (если понадобится) */
.hr-soft,
.hero-underline {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(158,130,121,0.6), transparent);
}

/* Улучшения типографики на мобильных */
@media (max-width: 575.98px) {
  .hero-title { font-size: 2rem; }
  .hero-subtitle { font-size: 1.05rem; }
}

.leistungen-bs {
  background-color: #f9f7f8;
}

/* Заголовок секции */
.leistungen-title {
  color: var(--bsz-deep);
  position: relative;
  display: inline-block;
}

/* Подчеркивание */
.hr-soft {
  border: none;
  height: 2px;
  width: 100px;
  background: linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity: 0.8;
}

/* Карточки */
.leistung-card {
  border: none;
  border-radius: 1rem;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.leistung-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(86, 76, 85, 0.15);
}

/* Заголовки в карточках */
.leistung-card .card-title {
  color: var(--bsz-deep);
}

.text-accent {
  color: var(--bsz-accent) !important;
}

/* Текст */
.leistung-card .card-text {
  color: #4c4048;
  line-height: 1.6;
}

.warum-bs {
  background:
    radial-gradient(800px 400px at 90% -10%, rgba(188,32,65,0.06), transparent 60%),
    linear-gradient(0deg, #fff, #fff);
}

.warum-title {
  color: var(--bsz-deep);
}

.hr-soft {
  border: none;
  height: 2px;
  width: 110px;
  background: linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity: 0.9;
}

.warum-intro {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* Карточки преимуществ */
.feature-card {
  display: flex;
  gap: 1rem;
  border: none;
  border-radius: 1rem;
  background: #ffffff;
  padding: 1.25rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(86, 76, 85, 0.15);
}

/* Иконка слева */
.feature-icon-wrap {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border-radius: 0.875rem;
  background: linear-gradient(135deg, var(--bsz-accent) 0%, #a61b37 100%);
  display: grid;
  place-items: center;
  box-shadow: 0 8px 20px rgba(188, 32, 65, 0.25);
}

.feature-icon {
  font-size: 1.25rem; /* Bootstrap Icons размер */
  color: #fff;
  line-height: 1;
}

/* Текстовая часть */
.feature-body p {
  color: #4c4048;
  line-height: 1.6;
  margin-bottom: 0;
}

.text-deep {
  color: var(--bsz-deep) !important;
}

/* Адаптив */
@media (min-width: 992px) {
  .warum-bs { padding-top: 4rem !important; padding-bottom: 4rem !important; }
}
@media (max-width: 575.98px) {
  .feature-card { padding: 1rem; }
}
/* Фон секции: светлый с мягким акцентом */
.intro-bs {
  background:
    radial-gradient(900px 420px at -10% 10%, rgba(158,130,121,0.08), transparent 60%),
    linear-gradient(0deg, #fff, #fff);
}

/* Заголовок и текст */
.intro-title {
  color: var(--bsz-deep);
  letter-spacing: .2px;
}
.intro-text {
  color: #4c4048;
  line-height: 1.65;
}

/* Бейдж над заголовком */
.text-bg-accent {
  background-color: var(--bsz-accent);
  color: #fff;
  box-shadow: 0 6px 18px rgba(188,32,65,0.25);
}

/* Акцентная кнопка */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bsz-accent);
  --bs-btn-border-color: var(--bsz-accent);
  --bs-btn-hover-bg: #a61b37;
  --bs-btn-hover-border-color: #a61b37;
  --bs-btn-focus-shadow-rgb: 188,32,65;
  --bs-btn-active-bg: #8e172f;
  --bs-btn-active-border-color: #8e172f;
  border-width: 2px;
}

/* Кнопка-обводка тёмная, сочетается с палитрой */
.btn-outline-dark {
  --bs-btn-color: var(--bsz-deep);
  --bs-btn-border-color: var(--bsz-deep);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bsz-deep);
  --bs-btn-hover-border-color: var(--bsz-deep);
  border-width: 2px;
}

/* Изображение */
.intro-figure { position: relative; }
.intro-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Опциональная декоративная маска/рамка */
.intro-image.rounded-4 {
  border: 6px solid rgba(158,130,121,0.2); /* --bsz-warm с прозрачностью */
}

/* Мобильные улучшения */
@media (max-width: 575.98px) {
  .intro-title { font-size: 1.75rem; }
  .intro-text { font-size: 1.05rem; }
}

/* Вариант разворота (если нужно поменять порядок колонок на десктопе)
   Добавьте класс .intro-reverse к секции */
.intro-reverse .row > .col-lg-6:first-child { order: 2; }
.intro-reverse .row > .col-lg-6:last-child { order: 1; }

.testimonials-bs {
  background:
    radial-gradient(900px 400px at 100% 0, rgba(188,32,65,0.05), transparent 60%),
    #f9f7f8;
}

.testimonials-title {
  color: var(--bsz-deep);
}

.hr-soft {
  border: none;
  height: 2px;
  width: 110px;
  background: linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity: 0.9;
}

/* Карточки отзывов */
.testimonial-card {
  border: none;
  border-radius: 1rem;
  background: #ffffff;
  padding: 2rem 1.75rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.testimonial-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(86, 76, 85, 0.15);
}

.testimonial-text {
  font-size: 1.05rem;
  color: #4c4048;
  font-style: italic;
  line-height: 1.7;
  position: relative;
}

.testimonial-text::before {
  content: "“";
  font-size: 3rem;
  line-height: 1;
  color: var(--bsz-accent);
  opacity: 0.3;
  position: absolute;
  top: -20px;
  left: -10px;
}

/* Аватары */
.testimonial-avatar {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border: 3px solid rgba(188,32,65,0.25);
}

.text-deep {
  color: var(--bsz-deep) !important;
}

/* Мобильные улучшения */
@media (max-width: 575.98px) {
  .testimonial-card { padding: 1.5rem 1.25rem; }
  .testimonial-text { font-size: 1rem; }
}

/* -------- Hero -------- */
.about-hero-bs{
  background:
    radial-gradient(900px 420px at -10% 10%, rgba(158,130,121,.08), transparent 60%),
    #fff;
}
.about-title{ color:var(--bsz-deep); letter-spacing:.2px; }
.about-text{ color:#4c4048; line-height:1.65; }

.text-bg-accent{
  background-color:var(--bsz-accent);
  color:#fff;
  box-shadow:0 6px 18px rgba(188,32,65,.25);
}
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--bsz-accent);
  --bs-btn-border-color:var(--bsz-accent);
  --bs-btn-hover-bg:#a61b37;
  --bs-btn-hover-border-color:#a61b37;
  --bs-btn-focus-shadow-rgb:188,32,65;
  --bs-btn-active-bg:#8e172f;
  --bs-btn-active-border-color:#8e172f;
  border-width:2px;
}
.btn-outline-dark{
  --bs-btn-color:var(--bsz-deep);
  --bs-btn-border-color:var(--bsz-deep);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--bsz-deep);
  --bs-btn-hover-border-color:var(--bsz-deep);
  border-width:2px;
}
.about-image{
  width:100%; height:auto; object-fit:cover;
  border:6px solid rgba(158,130,121,.2);
}

/* -------- Mission & Werte -------- */
.mission-bs{
  background:
    radial-gradient(800px 380px at 100% 0, rgba(188,32,65,.05), transparent 60%),
    #f9f7f8;
}
.text-deep{ color:var(--bsz-deep)!important; }
.hr-soft{
  border:none; height:2px; width:110px;
  background:linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity:.9;
}
.value-card{
  border:none; border-radius:1rem; background:#fff;
  padding:1.25rem;
  transition:transform .25s ease, box-shadow .25s ease;
}
.value-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(86,76,85,.15);
}
.value-icon-wrap{
  width:3rem; height:3rem; border-radius:.875rem;
  background:linear-gradient(135deg, var(--bsz-accent) 0%, #a61b37 100%);
  display:grid; place-items:center;
  box-shadow:0 8px 20px rgba(188,32,65,.25);
  margin-bottom:.75rem;
}
.value-icon{ color:#fff; font-size:1.25rem; line-height:1; }
.stat-box{
  background:#fff; border:1px solid rgba(86,76,85,.08);
}
.stat-value{ color:var(--bsz-deep); }
.stat-label{ font-size:.9rem; }

/* -------- Team -------- */
.team-bs{
  background:
    radial-gradient(900px 420px at -10% 100%, rgba(158,130,121,.07), transparent 60%),
    #fff;
}
.team-card{
  border:none; border-radius:1rem; background:#fff;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.team-card:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(86,76,85,.15); }
.team-photo{
  width:100%; height:260px; object-fit:cover; display:block;
  background:#eee;
}

/* -------- Responsive tweaks -------- */
@media (max-width: 575.98px){
  .about-title{ font-size:1.9rem; }
  .about-text{ font-size:1.05rem; }
  .team-photo{ height:220px; }
}

.bm-bs{
  background:
    radial-gradient(900px 420px at 110% -10%, rgba(188,32,65,.06), transparent 60%),
    #fff;
}

.bm-title{ color:var(--bsz-deep); }
.bm-intro{ max-width:720px; margin:0 auto; }

/* Общий акцентный разделитель */
.hr-soft{
  border:none; height:2px; width:120px;
  background:linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity:.95;
}

/* --- Карточки столпов --- */
.bm-card{
  border:none; border-radius:1rem; background:#fff;
  padding:1.25rem 1.25rem 1.1rem;
  transition:transform .25s ease, box-shadow .25s ease;
}
.bm-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(86,76,85,.15);
}
.bm-icon-wrap{
  width:3rem; height:3rem; border-radius:.875rem;
  background:linear-gradient(135deg, var(--bsz-accent) 0%, #a61b37 100%);
  display:grid; place-items:center;
  box-shadow:0 8px 20px rgba(188,32,65,.25);
  margin-bottom:.75rem;
}
.bm-icon{ color:#fff; font-size:1.25rem; line-height:1; }

.text-deep{ color:var(--bsz-deep)!important; }

/* --- Линейка шагов --- */
.bm-steps{
  position: relative;
}
.bm-steps::before{
  content:"";
  position:absolute; left:0; right:0; top:calc(50% - 1px);
  height:2px;
  background:linear-gradient(90deg, rgba(158,130,121,.35), rgba(158,130,121,.1));
  z-index:0;
  display:none;
}
@media (min-width:992px){
  .bm-steps::before{ display:block; }
}

.bm-step{
  position:relative;
  background:#f9f7f8;
  border:1px solid rgba(86,76,85,.08);
  border-radius:1rem;
  padding:1rem 1.1rem;
  z-index:1;
  transition:transform .25s ease, box-shadow .25s ease;
}
.bm-step:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(86,76,85,.12);
}

/* Номер шага (маркер) */
.bm-step-num{
  width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center;
  font-weight:700;
  background:var(--bsz-accent);
  color:#fff;
  margin-bottom:.5rem;
  box-shadow:0 10px 20px rgba(188,32,65,.25);
}

/* Кнопка-акцент */
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--bsz-accent);
  --bs-btn-border-color:var(--bsz-accent);
  --bs-btn-hover-bg:#a61b37;
  --bs-btn-hover-border-color:#a61b37;
  --bs-btn-focus-shadow-rgb:188,32,65;
  --bs-btn-active-bg:#8e172f;
  --bs-btn-active-border-color:#8e172f;
  border-width:2px;
}

/* Адаптивные правки */
@media (max-width:575.98px){
  .bm-title{ font-size:1.9rem; }
  .bm-card{ padding:1rem; }
  .bm-step{ padding:.9rem; }
}

.pricing-bs{
  background:
    radial-gradient(950px 420px at 110% -10%, rgba(188,32,65,.06), transparent 60%),
    #fff;
}

.pricing-title{ color:var(--bsz-deep); }

/* Разделитель под заголовком */
.hr-soft{
  border:none; height:2px; width:120px;
  background:linear-gradient(90deg, var(--bsz-accent), var(--bsz-warm));
  opacity:.95;
}

/* --- Карточки тарифов --- */
.price-card{
  border:none; border-radius:1rem; background:#fff;
  padding:1.5rem 1.25rem;
  transition:transform .25s ease, box-shadow .25s ease;
}
.price-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(86,76,85,.16);
}
.price-card.recommended{
  outline:2px solid rgba(188,32,65,.25);
}

.price-header .text-bg-accent{
  background-color:var(--bsz-accent)!important; color:#fff;
  box-shadow:0 6px 18px rgba(188,32,65,.25);
}
.text-bg-muted{ background:#f0eef0; color:var(--bsz-deep); }

/* Цена */
.price-value{
  display:flex; align-items:baseline; gap:.35rem;
  margin:1rem 0 1.25rem;
  color:var(--bsz-deep);
}
.price-value .currency{ font-weight:700; letter-spacing:.5px; }
.price-value .amount{ font-size:2.25rem; font-weight:800; }
.price-value .period{ font-size:.95rem; color:#6c6a6d; }

/* Список фич */
.price-features li{
  display:flex; gap:.5rem; align-items:flex-start;
  margin-bottom:.5rem; color:#4c4048;
}
.price-features i{ margin-top:.2rem; color:var(--bsz-accent); font-size:1rem; }
.price-features .muted{ color:#9b8f97; }
.price-features .muted i{ color:#c9c1c6; }

/* Кнопки */
.btn-accent{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--bsz-accent);
  --bs-btn-border-color:var(--bsz-accent);
  --bs-btn-hover-bg:#a61b37;
  --bs-btn-hover-border-color:#a61b37;
  --bs-btn-focus-shadow-rgb:188,32,65;
  --bs-btn-active-bg:#8e172f;
  --bs-btn-active-border-color:#8e172f;
  border-width:2px;
}
.btn-outline-dark{
  --bs-btn-color:var(--bsz-deep);
  --bs-btn-border-color:var(--bsz-deep);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--bsz-deep);
  --bs-btn-hover-border-color:var(--bsz-deep);
  border-width:2px;
}

/* Блок Add-ons */
.addons-card{
  background:#fff; border:1px solid rgba(86,76,85,.08);
}
.addon-item .addon-icon{ color:var(--bsz-accent); font-size:1.1rem; margin-top:.2rem; }

/* Блок примечаний */
.notes-card{
  background:#f9f7f8; border:1px solid rgba(86,76,85,.08);
}
.notes-list li{ margin-bottom:.35rem; }

/* Адаптив */
@media (max-width:575.98px){
  .price-value .amount{ font-size:1.9rem; }
}