@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

p{
  font-size:17px;
}

.top-5 {
    top: 5px;
}

@media (max-width:991px) {
  .image-box{
    height:250px;
  }
  p{
    font-size:16px;
  }
  h5{
  font-size:17px;
}
}

/* Визуально скрыто, но доступно для ассистивных технологий */
.visually-hidden-important {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Для заданного вами формата чекбокса */
.form-group.checkbox-group {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  }
.form-group.checkbox-group input[type="checkbox"] {
  margin-top: .3rem;
}

h1{
  font-size: 30px;
  color: #636149;
}
h2{
  font-size: 25px;
  color: #636149;
}
h3{
  font-size: 20px;
  color: #636149;
}

/* 1) Глобально отключаем горизонтальный скролл */
html { overflow-x: clip; }               /* современные браузеры */
body { overflow-x: hidden; width: 100%; } /* фолбэк */

/* SteuerIQPro Hero — Custom Bootstrap Overrides */
:root {
  --accent: #ffc400;   /* насыщенный жёлтый */
  --dark: #1e1e1f;     /* тёмно-серый */
  --dark-2: #111113;
  --accent-contrast: #0e0e0f; /* для текста на желтом */
}

.hero-steueriqpro {
  background: radial-gradient(1200px 600px at 85% -20%, rgba(255,196,0,0.25), rgba(255,196,0,0) 60%),
              linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);
}

.hero-steueriqpro .text-light-emphasis {
  color: rgba(255,255,255,0.85) !important;
}

.bg-accent {
  background-color: var(--accent) !important;
}

.text-accent {
  color: var(--accent) !important;
}

/* Accent Button */
.btn-accent {
  --bs-btn-color: var(--accent-contrast);
  --bs-btn-bg: var(--accent);
  --bs-btn-border-color: var(--accent);
  --bs-btn-hover-color: var(--accent-contrast);
  --bs-btn-hover-bg: #ffcf33;
  --bs-btn-hover-border-color: #ffcf33;
  --bs-btn-focus-shadow-rgb: 255,196,0;
  --bs-btn-active-bg: #ffb700;
  --bs-btn-active-border-color: #ffb700;
  --bs-btn-disabled-bg: #ffe17a;
  --bs-btn-disabled-border-color: #ffe17a;
}

/* Outline Light for dark background */
.btn-outline-light {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: rgba(255,255,255,0.7);
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255,255,255;
}

/* Card inside hero */
.hero-card.card {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 1rem;
}

/* Accent decorative shape */
.hero-accent-shape {
  position: absolute;
  inset: auto -12rem -12rem auto;
  width: 28rem;
  height: 28rem;
  background: radial-gradient(circle at 30% 30%, var(--accent) 0%, rgba(255,196,0,0.6) 40%, rgba(255,196,0,0) 70%);
  filter: blur(18px);
  opacity: 0.25;
  pointer-events: none;
}

.badge.bg-accent {
  color: var(--accent-contrast) !important;
  border: 1px solid rgba(0,0,0,0.12);
}

/* Form tweaks for readability on dark bg */
.hero-steueriqpro .form-label {
  color: rgba(255,255,255,0.9);
}
.hero-steueriqpro .form-control,
.hero-steueriqpro .form-select {
  background-color: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
}
.hero-steueriqpro .form-control::placeholder {
  color: rgba(255,255,255,0.7);
}
.hero-steueriqpro .form-control:focus,
.hero-steueriqpro .form-select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 0.25rem rgba(255,196,0,0.25);
}

/* Small trust rating stars */
.rating-stars {
  letter-spacing: 2px;
  font-size: 0.95rem;
  line-height: 1;
}

/* Spacing utilities (Bootstrap already provides py-5 etc.; добавим чуть больше на lg+) */
@media (min-width: 992px) {
  .py-lg-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
}

/* Адаптация и доступность */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* Warum SteuerIQPro — тема под Bootstrap */
:root{
  --accent: #ffc400;   /* насыщенный жёлтый */
  --dark:   #1e1e1f;   /* тёмно-серый фон */
  --dark-2: #121213;
}

.why-steueriqpro{
  background:
    radial-gradient(800px 400px at 90% 10%, rgba(255,196,0,0.12), rgba(255,196,0,0) 60%),
    linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);
}

.text-accent{ color: var(--accent) !important; }
.bg-accent{ background-color: var(--accent) !important; }

/* Карточки преимуществ */
.why-card{
  background: rgba(255,255,255,0.05);
  border-radius: 1rem;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  position: relative;
  overflow: hidden;
}
.why-card::after{
  /* тонкий акцентный бордер как свечения */
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, rgba(255,196,0,0.35), rgba(255,196,0,0.05));
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events: none;
}
.why-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* Иконки */
.why-icon{
  width: 3rem; height: 3rem;
  display: inline-grid; place-items: center;
  border-radius: .75rem;
  background: linear-gradient(180deg, var(--accent), #ffcf33);
  color: #0d0d0e;
  box-shadow: 0 6px 18px rgba(255,196,0,0.25);
  font-size: 1.35rem;
}

/* CTA карточка */
.why-cta{
  background: linear-gradient(180deg, rgba(255,196,0,0.12), rgba(255,196,0,0.04));
  border-radius: 1rem;
  outline: 1px dashed rgba(255,196,0,0.35);
}

/* Кнопка-акцент (совместима с Bootstrap variables API) */
.btn-accent{
  --bs-btn-color: #0f0f10;
  --bs-btn-bg: var(--accent);
  --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg: #ffd24d;
  --bs-btn-hover-border-color: #ffd24d;
  --bs-btn-active-bg: #ffb700;
  --bs-btn-active-border-color: #ffb700;
  --bs-btn-focus-shadow-rgb: 255,196,0;
}

/* Текст на тёмном фоне */
.why-steueriqpro .text-light-emphasis{
  color: rgba(255,255,255,0.86) !important;
}

/* Декоративное свечение в углу секции */
.why-glow{
  position:absolute;
  right:-12rem; bottom:-10rem;
  width:28rem; height:28rem;
  background: radial-gradient(circle at 30% 30%, var(--accent) 0%, rgba(255,196,0,0.6) 38%, rgba(255,196,0,0) 70%);
  filter: blur(18px);
  opacity:.25;
  pointer-events:none;
}

/* Доп. отступы */
@media (min-width: 992px){
  .py-lg-6{ padding-top:5rem !important; padding-bottom:5rem !important; }
}

/* Доступность: без анимаций при reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}

.services-steueriqpro{
  background:
    radial-gradient(900px 450px at 10% -10%, rgba(255,196,0,0.12), rgba(255,196,0,0) 60%),
    linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);
}

.text-accent{ color: var(--accent) !important; }
.bg-accent{ background-color: var(--accent) !important; }

.services-steueriqpro .text-light-emphasis{
  color: rgba(255,255,255,0.86) !important;
}

/* Карточки услуг */
.service-card{
  background: rgba(255,255,255,0.05);
  border-radius: 1rem;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  overflow: hidden;
  position: relative;
}
.service-card::after{
  /* тонкий акцентный кант */
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, rgba(255,196,0,0.35), rgba(255,196,0,0.05));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}
.service-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 12px 28px rgba(0,0,0,0.28);
}

/* Заголовок карточки: эмодзи + h3 */
.service-emoji{
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  font-size: 1.35rem;
  line-height: 1;
  border-radius: .75rem;
  background: linear-gradient(180deg, var(--accent), #ffcf33);
  color: #0d0d0e;
  box-shadow: 0 8px 22px rgba(255,196,0,0.25);
}

/* Декоративное свечение секции */
.services-glow{
  position: absolute;
  left: -10rem; bottom: -10rem;
  width: 28rem; height: 28rem;
  background: radial-gradient(circle at 30% 30%, var(--accent) 0%, rgba(255,196,0,0.6) 38%, rgba(255,196,0,0) 70%);
  filter: blur(18px);
  opacity: .22;
  pointer-events: none;
}

/* Доп. утилиты отступов */
@media (min-width: 992px){
  .py-lg-6{ padding-top:5rem !important; padding-bottom:5rem !important; }
}

/* Доступность: выключить анимации при reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}

/* Zahlen/Fakten — брендовая тема SteuerIQPro */
:root{
  --accent: #ffc400;  /* насыщенный жёлтый */
  --dark:   #1e1e1f;  /* тёмно-серый */
  --dark-2: #121213;
}

.facts-steueriqpro{
  background:
    radial-gradient(900px 450px at 85% 10%, rgba(255,196,0,0.12), rgba(255,196,0,0) 60%),
    linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);
}

.text-accent{ color: var(--accent) !important; }
.bg-accent{ background-color: var(--accent) !important; }

.facts-steueriqpro .text-light-emphasis{
  color: rgba(255,255,255,0.86) !important;
}

/* KPI карточки */
.kpi-card{
  background: rgba(255,255,255,0.05);
  border-radius: 1rem;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  position: relative; overflow: hidden;
}
.kpi-card::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, rgba(255,196,0,0.35), rgba(255,196,0,0.05));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}
.kpi-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* Иконка-эмодзи */
.kpi-emoji{
  width: 2.75rem; height: 2.75rem;
  display: grid; place-items: center;
  border-radius: .75rem;
  background: linear-gradient(180deg, var(--accent), #ffcf33);
  color: #0d0d0e;
  box-shadow: 0 8px 22px rgba(255,196,0,0.25);
  font-size: 1.35rem;
  margin: 0 auto 0.75rem;
}

/* Значения и подписи */
.kpi-value{
  letter-spacing: 0.5px;
}
.kpi-label{
  font-size: .975rem;
}

/* Декоративное свечение */
.facts-glow{
  position:absolute;
  left:-12rem; bottom:-10rem;
  width:28rem; height:28rem;
  background: radial-gradient(circle at 30% 30%, var(--accent) 0%, rgba(255,196,0,0.6) 38%, rgba(255,196,0,0) 70%);
  filter: blur(18px);
  opacity:.22;
  pointer-events:none;
}

/* Доп. вертикальные отступы */
@media (min-width: 992px){
  .py-lg-6{ padding-top:5rem !important; padding-bottom:5rem !important; }
}

/* Доступность: отключить движения при reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}

.pricing-steueriqpro{
  background:
    radial-gradient(1000px 500px at 15% -15%, rgba(255,196,0,0.12), rgba(255,196,0,0) 60%),
    linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);
}

.text-accent{ color: var(--accent) !important; }
.bg-accent{ background-color: var(--accent) !important; }

.pricing-steueriqpro .text-light-emphasis{
  color: rgba(255,255,255,0.86) !important;
}

/* Карточки */
.price-card{
  background: rgba(255,255,255,0.05);
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.price-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 14px 32px rgba(0,0,0,0.28);
}
.price-card::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, rgba(255,196,0,0.35), rgba(255,196,0,0.05));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}

/* Избранная карточка (середина) */
.price-card-featured{
  background: linear-gradient(180deg, rgba(255,196,0,0.10), rgba(255,196,0,0.04));
  box-shadow: 0 18px 36px rgba(0,0,0,0.32);
}
.price-card-featured::after{
  background: linear-gradient(90deg, rgba(255,196,0,0.55), rgba(255,196,0,0.10));
}

/* Лента "Beliebt" */
.card-ribbon{
  position: absolute;
  top: 1rem; right: -3.25rem;
  transform: rotate(45deg);
  padding: .35rem 3.75rem;
  font-size: .875rem;
  box-shadow: 0 8px 22px rgba(255,196,0,0.25);
}

/* Цена */
.price-tag .display-5{
  letter-spacing: 0.2px;
}

/* Декоративное свечение */
.pricing-glow{
  position:absolute;
  right:-12rem; bottom:-10rem;
  width:28rem; height:28rem;
  background: radial-gradient(circle at 30% 30%, var(--accent) 0%, rgba(255,196,0,0.6) 38%, rgba(255,196,0,0) 70%);
  filter: blur(18px);
  opacity:.22;
  pointer-events:none;
}

/* Отступы на больших экранах */
@media (min-width: 992px){
  .py-lg-6{ padding-top:5rem !important; padding-bottom:5rem !important; }
}

/* Доступность: без анимаций при reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}