/* ===========================================================
   ОБЩИЕ СТИЛИ САЙТА
   Меняйте цвета бренда в блоке :root — они применятся везде.
   =========================================================== */
.root-placeholder{}
:root{
  --brand:#5B72E8;          /* основной синий */
  --brand-dark:#1B2A6B;     /* тёмно-синий: заголовки, hover */
  --brand-soft:#E7EBFB;     /* светлая заливка */
  --accent:#E0A83A;         /* золотой: звёзды рейтинга */
  --wa:#25D366;             /* зелёный WhatsApp */
  --ink:#16204A;
  --muted:#5C678F;
  --line:#DDE3F7;
  --bg:#FFFFFF;
  --bg-alt:#EEF1FC;
  --radius:6px;
  --shadow:0 1px 2px rgba(27,42,107,.06), 0 10px 30px rgba(27,42,107,.07);
  --maxw:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
h1,h2,h3,h4{color:var(--brand-dark);font-family:"Source Serif 4",Georgia,serif;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(30px,4.6vw,46px);font-weight:700}
h2{font-size:clamp(25px,3.4vw,34px);font-weight:600;margin-bottom:12px}
h3{font-size:19px;font-weight:600}
p{margin-bottom:14px}
a{color:var(--brand);text-decoration:none}
section{padding:64px 0}
.section-alt{background:var(--bg-alt)}
.lead{font-size:18px;color:var(--muted);max-width:65ch}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.mb0{margin-bottom:0}

/* ---------- кнопки ---------- */
.btn{
  display:inline-block;background:var(--brand);color:#fff;
  padding:15px 30px;border-radius:4px;font-weight:600;font-size:15px;
  border:none;cursor:pointer;letter-spacing:.02em;transition:background .18s, transform .18s;
  text-align:center;
}
.btn:hover{background:var(--brand-dark);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.btn-ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
.btn-ghost:hover{background:var(--brand-soft)}
.btn-lg{padding:17px 38px;font-size:16px}
.btn-block{display:block;width:100%}

/* ---------- шапка ---------- */
header{position:sticky;top:0;z-index:50;background:#F7F8FE;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px;gap:20px}
.logo{font-family:"Source Serif 4",serif;font-size:23px;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:9px}
.logo span{width:32px;height:32px;background:var(--brand);color:#fff;border-radius:7px;display:grid;place-items:center;font-size:16px}
.nav-links{display:flex;gap:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:"Source Serif 4",Georgia,serif}
.nav-links a{color:var(--ink)}
.nav-links a:hover{color:var(--brand)}
.nav-links a:hover{color:var(--brand)}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-phone{font-weight:600;font-size:15px;white-space:nowrap}
.burger{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--ink)}

/* ---------- герой ---------- */
.hero{background:linear-gradient(180deg,var(--brand-soft) 0%, #fff 100%);padding:66px 0 54px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{margin-bottom:18px}
.hero .sub{font-size:19px;color:var(--muted);margin-bottom:26px;max-width:52ch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.hero-trust b{color:var(--ink)}
.stars{color:var(--accent);letter-spacing:2px}

/* ---------- 4 обещания ---------- */
.promises{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-30px;position:relative;z-index:2}
.promise{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-align:center}
.promise .ico{font-size:26px;display:block;margin-bottom:8px}
.promise b{display:block;font-size:15px;margin-bottom:2px}
.promise small{color:var(--muted);font-size:13px;line-height:1.4;display:block}

/* ---------- калькулятор ---------- */
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.calc-grid{display:grid;grid-template-columns:1.35fr .65fr}
.calc-form{padding:30px}
.calc-result{background:var(--brand);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center}
.field{margin-bottom:18px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:.02em}
.field select,.field input,.field textarea{
  width:100%;padding:12px 13px;border:1.5px solid var(--line);border-radius:8px;
  font-family:inherit;font-size:15px;background:#fff;color:var(--ink);
}
.field select:focus,.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-price{font-family:"Source Serif 4",serif;font-size:44px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.calc-per{opacity:.85;font-size:14px;margin:8px 0 20px}
.calc-note{font-size:12.5px;opacity:.8;margin-top:16px;line-height:1.5}
.calc-result .btn{background:#fff;color:var(--brand)}
.calc-result .btn:hover{background:var(--brand-soft)}

/* ---------- карточки ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards-2{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.card .ico{font-size:24px;margin-bottom:10px;display:block}
.card p{color:var(--muted);font-size:15px;margin:0}
.card ul{list-style:none;font-size:15px}
.card li{padding-left:22px;position:relative;margin-bottom:9px}
.card li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}

/* ---------- 4 шага ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{position:relative;padding-top:44px}
.step::before{
  counter-increment:s;content:counter(s);
  position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;
  background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;
}
.step p{color:var(--muted);font-size:15px;margin:6px 0 0}

/* ---------- тарифы ---------- */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}
.plan{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:26px 22px;position:relative}
.plan.featured{border-color:var(--brand);box-shadow:var(--shadow)}
.plan .tag{position:absolute;top:-11px;left:22px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.plan h3{margin-bottom:4px}
.plan .price{font-family:"Source Serif 4",serif;font-size:34px;font-weight:700;color:var(--brand)}
.plan .price small{font-size:14px;font-weight:400;color:var(--muted);font-family:Inter,sans-serif}
.plan .who{font-size:13.5px;color:var(--muted);margin:8px 0 16px;min-height:38px}
.plan ul{list-style:none;font-size:14.5px;margin-bottom:20px}
.plan li{padding-left:22px;position:relative;margin-bottom:8px}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}

/* ---------- авторы ---------- */
.authors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.author{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center}
.author .ava{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin:0 auto 12px;font-weight:700;font-size:20px;font-family:"Source Serif 4",serif}
.author b{display:block;font-size:15px}
.author small{color:var(--muted);font-size:13px;display:block;line-height:1.45}

/* ---------- теги специальностей ---------- */
.subjects{display:flex;flex-wrap:wrap;gap:9px}
.subjects span,.subjects a{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 16px;font-size:14px;color:var(--ink)}

/* ---------- отзывы ---------- */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.review .stars{margin-bottom:10px;display:block}
.review p{font-size:15px;margin-bottom:14px}
.review .who{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.review .who b{color:var(--ink)}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{
  width:100%;background:none;border:none;text-align:left;cursor:pointer;
  padding:20px 40px 20px 0;font-size:17px;font-weight:600;font-family:inherit;color:var(--ink);
  position:relative;line-height:1.4;
}
.faq-q::after{content:"+";position:absolute;right:6px;top:17px;font-size:24px;font-weight:400;color:var(--brand);transition:transform .2s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-a p{padding-bottom:20px;color:var(--muted);margin:0}

/* ---------- текстовые страницы и статьи ---------- */
.prose{max-width:72ch}
.prose h2{margin:38px 0 12px}
.prose h3{margin:28px 0 8px}
.prose ul,.prose ol{margin:0 0 16px 22px}
.prose li{margin-bottom:8px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
.prose th,.prose td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--bg-alt);font-family:Inter,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}
.tablewrap table{margin:0}
.inline-cta{background:var(--brand-soft);border-radius:var(--radius);padding:24px;margin:28px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.inline-cta p{margin:0;font-weight:600;font-size:17px;font-family:"Source Serif 4",serif}
.breadcrumb{font-size:13.5px;color:var(--muted);padding:16px 0 0}
.breadcrumb a{color:var(--muted)}
.page-head{padding:40px 0 10px}

/* ---------- блог ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:block;color:var(--ink)}
.post:hover{box-shadow:var(--shadow)}
.post h3{margin-bottom:8px}
.post p{color:var(--muted);font-size:15px;margin:0}
.post .date{font-size:12.5px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;display:block}

/* ---------- форма заказа ---------- */
.order{background:var(--brand);color:#fff}
.order h2{color:#fff}
.order .lead{color:rgba(255,255,255,.85)}
.order-box{background:#fff;color:var(--ink);border-radius:16px;padding:34px;max-width:780px;margin:28px auto 0;box-shadow:var(--shadow)}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.checkbox input{width:auto;margin-top:3px;flex-shrink:0}
.form-note{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}
.form-ok{display:none;background:var(--brand-soft);border-radius:8px;padding:18px;text-align:center;font-weight:600;color:var(--brand)}

/* ---------- оплата + подвал ---------- */
.pay{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.pay span{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--muted)}
footer{background:var(--ink);color:#B9C4C2;padding:52px 0 26px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
footer h4{color:#fff;font-size:15px;margin-bottom:12px;font-weight:600;font-family:Inter,sans-serif}
footer a{color:#B9C4C2;display:block;margin-bottom:8px}
footer a:hover{color:#fff}
.foot-bottom{border-top:1px solid #2A3533;padding-top:20px;font-size:13px;color:#8A9997;line-height:1.6}
.disclaimer{background:#0E1615;padding:18px 0;font-size:12.5px;color:#8A9997;line-height:1.6}

/* ---------- WhatsApp ---------- */
.wa{position:fixed;right:20px;bottom:20px;z-index:60;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;box-shadow:0 6px 20px rgba(0,0,0,.2)}

/* ---------- адаптив ---------- */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .calc-grid{grid-template-columns:1fr}
  .promises{grid-template-columns:repeat(2,1fr);margin-top:24px}
  .cards,.steps,.plans,.authors,.reviews,.posts{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .burger{display:block}
}
@media (max-width:620px){
  section{padding:48px 0}
  .cards,.cards-2,.steps,.plans,.authors,.reviews,.promises,.posts{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .nav-phone{display:none}
  .order-box{padding:22px}
  .inline-cta{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===========================================================
   БЛОКИ ВТОРОЙ ВЕРСИИ — структура 1:1 с референсом
   =========================================================== */

/* ---------- верхняя синяя полоса ---------- */
.topbar{background:var(--brand);color:#fff;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:46px;gap:16px}
.topbar a{color:#fff}
.topbar a:hover{opacity:.85}
.topbar-left{display:flex;gap:28px;flex-wrap:wrap}
.topbar-right{display:flex;gap:26px;align-items:center;white-space:nowrap}
.topbar-right .ico{opacity:.9;margin-right:6px}

/* ---------- выпадающее меню ---------- */
.has-drop{position:relative}
.has-drop > a::after{content:"▾";font-size:11px;margin-left:5px;color:var(--muted)}
.drop{
  position:absolute;top:100%;left:-16px;min-width:290px;background:#fff;
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:10px;display:none;z-index:60;
}
.has-drop:hover .drop,.has-drop.open .drop{display:block}
.drop a{display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:8px;font-size:14.5px;color:var(--ink)}
.drop a:hover{background:var(--brand-soft)}
.drop a span{color:var(--brand);font-weight:600;white-space:nowrap}
.drop-2col{min-width:440px;columns:2;column-gap:6px}
.drop-2col a{break-inside:avoid}

/* ---------- рейтинговые бейджи (полоса как на референсе) ---------- */
.badges{
  display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:24px;
  background:var(--brand-soft);border-radius:12px;padding:10px 4px;
}
.badge{
  display:flex;align-items:center;gap:8px;padding:6px 18px;position:relative;
}
.badge + .badge::before{
  content:"";position:absolute;left:0;top:12%;height:76%;width:1px;background:rgba(20,32,31,.14);
}
.badge-ico{
  width:30px;height:30px;border-radius:6px;background:#fff;color:var(--brand);
  display:grid;place-items:center;font-size:15px;flex-shrink:0;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.badge b{font-size:19px;font-family:"Source Serif 4",serif;color:var(--ink);font-variant-numeric:tabular-nums}
.badge-star{color:var(--accent);font-size:17px}
.badge small{color:var(--muted);font-size:11px;letter-spacing:.02em}

/* ---------- калькулятор: доп. поля ---------- */
.phone-row{display:grid;grid-template-columns:110px 1fr;gap:10px}
.hint{font-size:12.5px;color:var(--brand);font-weight:600;margin-top:6px}
.calc-checks{margin-top:6px}
.calc-checks .checkbox{margin-bottom:10px}

/* ---------- секция «Ihre Vorteile»: двойной CTA ---------- */
.dual-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1DB255}

/* ---------- шаги с номерами 01–04 ---------- */
.steps-num{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}
.step-card .num{
  font-family:"Source Serif 4",serif;font-size:40px;font-weight:700;
  color:var(--brand-soft);line-height:1;margin-bottom:6px;
}
.step-card h3{margin-bottom:8px}
.step-card p{color:var(--muted);font-size:15px;margin-bottom:14px}

/* ---------- тарифы: две цены + бейдж ---------- */
.plan .price-2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.plan .price-old{font-size:20px;color:var(--muted);text-decoration:line-through;font-family:"Source Serif 4",serif}
.plan .badge-top{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:5px 12px;border-radius:20px;
}
.plan-note{font-size:12px;color:var(--muted);margin-top:-10px;margin-bottom:14px}

/* ---------- способы оплаты ---------- */
.paygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.paycard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.paycard b{display:block;font-size:15px;margin-bottom:4px}
.paycard small{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}

/* ---------- эксперты ---------- */
.expert-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.expert-point{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.expert-point span{color:var(--brand);font-size:20px;line-height:1}
.experts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.expert{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.expert .ava{width:60px;height:60px;border-radius:50%;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin:0 auto 10px;font-weight:700;font-size:18px;font-family:"Source Serif 4",serif}
.expert b{display:block;font-size:14.5px}
.expert small{color:var(--muted);font-size:12.5px;display:block;line-height:1.4;margin-bottom:10px}
.expert .btn{padding:9px 14px;font-size:13px;width:100%}
.rating-line{text-align:center;margin-top:26px;font-size:15px;color:var(--muted)}
.rating-line b{color:var(--ink)}

/* ---------- инструменты проверки ---------- */
.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tool{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center}
.tool b{display:block;font-size:15px;margin-bottom:6px}
.tool small{color:var(--muted);font-size:12.5px;line-height:1.45;display:block}

/* ---------- сетка специальностей ---------- */
.specgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.spec{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:14px;display:flex;gap:10px;align-items:center}
.spec i{font-style:normal;font-size:17px}

/* ---------- отбор авторов ---------- */
.select-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.select-step{border-left:3px solid var(--brand);padding-left:16px}
.select-step h3{margin-bottom:6px}
.select-step p{color:var(--muted);font-size:15px;margin:0}

/* ---------- SEO-текст ---------- */
.seo-block{max-width:78ch;margin:0 auto}
.seo-block h2{margin-top:36px}
.seo-block p{color:var(--muted)}

/* ---------- форма: загрузка файлов ---------- */
.dropzone{
  border:2px dashed var(--line);border-radius:12px;padding:28px;text-align:center;
  color:var(--muted);font-size:14.5px;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:16px;
}
.dropzone.drag{border-color:var(--brand);background:var(--brand-soft)}
.dropzone b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.filelist{font-size:13.5px;color:var(--brand);margin-bottom:14px}
.filelist div{padding:4px 0}

/* ---------- попапы ---------- */
.modal{
  position:fixed;inset:0;background:rgba(10,20,19,.55);z-index:100;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.modal.show{display:flex}
.modal-box{
  background:#fff;border-radius:16px;padding:34px;max-width:440px;width:100%;
  text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)
}
.modal-box h3{font-size:26px;margin-bottom:10px}
.modal-box p{color:var(--muted);margin-bottom:20px}
.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:26px;color:var(--muted);cursor:pointer;line-height:1}
.promo-code{
  font-family:"Source Serif 4",serif;font-size:26px;font-weight:700;color:var(--brand);
  background:var(--brand-soft);border-radius:10px;padding:12px;margin-bottom:18px;letter-spacing:.08em
}
.modal-discount{font-family:"Source Serif 4",serif;font-size:52px;font-weight:700;color:var(--brand);line-height:1}

/* ---------- футер: страны и соцсети ---------- */
.countries{display:flex;gap:10px;margin:14px 0}
.countries a,.countries span{
  border:1px solid #2A3533;border-radius:8px;padding:6px 12px;font-size:13px;color:#B9C4C2
}
.countries .active{background:#2A3533;color:#fff}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.socials a{
  width:36px;height:36px;border:1px solid #2A3533;border-radius:8px;
  display:grid;place-items:center;margin:0;font-size:14px
}
.socials a:hover{background:#2A3533}
.foot-contact{font-size:14px;line-height:1.9;margin-top:10px}
.foot-disclaimer{color:#8A9997;font-size:12.5px;line-height:1.6;margin-top:16px;max-width:min(60ch,100%)}

@media (max-width:1100px){
  .experts,.tools,.paygrid,.specgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .steps-num,.select-steps,.expert-points{grid-template-columns:repeat(2,1fr)}
  .topbar .container{height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:8px}
  .drop{position:static;display:none;box-shadow:none;border:none;padding:6px 0;min-width:auto;columns:1}
  .has-drop.open .drop{display:block}
  .has-drop:hover .drop{display:none}
  .has-drop.open .drop{display:block}
}
@media (max-width:620px){
  .experts,.tools,.paygrid,.specgrid,.steps-num,.select-steps,.expert-points{grid-template-columns:1fr}
  .phone-row{grid-template-columns:96px 1fr}
  .badges{gap:8px}
}

/* ---------- фикс переполнения в подвале на узких экранах ---------- */
.foot-grid > div{min-width:0}
footer a,footer h4,footer p{overflow-wrap:anywhere}
@media (max-width:760px){
  .foot-grid{grid-template-columns:1fr}
}

/* ---------- анкета в первом экране ---------- */
.hero-calc{padding:44px 0 54px}
.hero-calc .hero-grid{grid-template-columns:1fr 1.05fr;gap:36px;align-items:start}
.hero-list{list-style:none;margin:0 0 22px;padding:0;font-size:15.5px}
.hero-list li{padding-left:24px;position:relative;margin-bottom:9px}
.hero-list li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}
.calc-hero .calc-grid{grid-template-columns:1fr}
.calc-hero .calc-form{padding:22px 24px 18px}
.calc-hero .calc-title{
  background:var(--brand);color:#fff;padding:14px 24px;font-family:"Source Serif 4",serif;
  font-size:19px;font-weight:600;letter-spacing:-.01em
}
.calc-hero .calc-result{
  padding:20px 24px;display:flex;flex-direction:row;align-items:center;
  justify-content:space-between;gap:22px;flex-wrap:wrap
}
.calc-hero .calc-price{font-size:36px}
.calc-hero .calc-per{margin:4px 0 0;font-size:13px}
.calc-hero .calc-note{margin-top:8px;font-size:11.5px;max-width:34ch}
.calc-result-price{min-width:0}
.calc-result-cta{flex:1;min-width:220px}
.calc-rabatt{font-size:12.5px;opacity:.9;margin-top:6px}
.calc-hero .field{margin-bottom:14px}
.calc-hero .field label{font-size:12.5px}
.calc-hero .field select,.calc-hero .field input{padding:10px 12px;font-size:14.5px}
.calc-hero .checkbox{font-size:12.5px;margin-bottom:8px}
@media (max-width:980px){
  .hero-calc .hero-grid{grid-template-columns:1fr}
  .calc-hero .calc-result{flex-direction:column;align-items:stretch}
  .calc-result-cta{width:100%}
  .calc-hero .calc-note{max-width:none}
}

/* ===========================================================
   ВЕРСИЯ 3: визуал под референс
   =========================================================== */

/* ---------- группа кнопок в шапке: @ | телефон | CTA ---------- */
.nav-buttons{display:flex;align-items:stretch;border-radius:4px;overflow:hidden}
.nav-buttons a{
  background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;
  padding:0 22px;height:52px;font-size:14px;font-weight:600;letter-spacing:.06em;
  border-right:1px solid rgba(255,255,255,.28);white-space:nowrap;
}
.nav-buttons a:last-child{border-right:none;text-transform:uppercase}
.nav-buttons a:hover{background:var(--brand-dark)}
.nav-buttons .icon-btn{padding:0 16px;font-size:18px}

/* ---------- синяя полоса-призыв с WhatsApp ---------- */
.wa-band{background:var(--brand);color:#fff;padding:56px 0;text-align:center}
.wa-band h2{color:#fff;margin-bottom:10px}
.wa-band p{color:rgba(255,255,255,.88);font-size:17px;margin-bottom:26px}
.wa-band .wa-cta{
  display:inline-flex;align-items:center;gap:0;background:var(--brand-dark);
  border-radius:4px;padding:0 26px 0 0;box-shadow:0 6px 18px rgba(0,0,0,.18)
}
.wa-band .wa-cta .circle{
  width:62px;height:62px;border-radius:50%;background:var(--wa);color:#fff;
  display:grid;place-items:center;font-size:30px;margin:-6px 18px -6px -14px;
  border:4px solid #fff;flex-shrink:0
}
.wa-band .wa-cta span{color:#fff;font-size:17px;font-weight:600;padding:18px 0}
.wa-band .wa-cta:hover{background:#132057}

/* ---------- способы оплаты: логотип слева, текст справа ---------- */
.paygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.paycard{
  background:#fff;border:none;border-radius:0;padding:22px 20px;text-align:left;
  display:flex;gap:16px;align-items:flex-start;box-shadow:0 1px 3px rgba(27,42,107,.08)
}
.paycard .logo-chip{
  min-width:64px;height:34px;border-radius:4px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:-.02em;
  color:var(--brand-dark);flex-shrink:0;padding:0 6px;text-align:center;line-height:1.1
}
.paycard b{
  display:block;font-size:15px;margin-bottom:4px;color:var(--brand);
  text-transform:uppercase;letter-spacing:.06em;font-weight:600
}
.paycard small{color:var(--ink);font-size:14px;line-height:1.45;display:block}

/* ---------- WhatsApp-кнопка в блоке преимуществ ---------- */
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#1DB255}

@media (max-width:1100px){
  .paygrid{grid-template-columns:repeat(2,1fr)}
  .nav-buttons a{padding:0 14px;font-size:13px;height:46px}
}
@media (max-width:980px){
  .topbar .container{height:auto;padding-top:8px;padding-bottom:8px}
  .topbar-left{display:none}
  .nav-buttons a:not(:last-child){display:none}
}
@media (max-width:620px){
  .paygrid{grid-template-columns:1fr}
  .wa-band .wa-cta{padding-right:18px}
  .wa-band .wa-cta span{font-size:15px}
}

/* ---------- надзаголовок и крупный заголовок секции ---------- */
.eyebrow{
  color:var(--brand);font-size:13px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:14px;font-family:Inter,sans-serif
}
.h2-gross{font-size:clamp(28px,4vw,44px);max-width:18ch;margin-left:auto;margin-right:auto}
.lead-blau{color:var(--brand);max-width:86ch}

/* ---------- карточки инструментов проверки ---------- */
.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tool{
  background:#fff;border:none;border-radius:0;padding:24px 18px;text-align:center;
  box-shadow:0 1px 3px rgba(27,42,107,.08)
}
.tool .logo-chip{
  display:grid;place-items:center;min-height:42px;margin:0 auto 14px;border:none;
  font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em
}
.tool b{
  display:block;font-size:14px;margin-bottom:8px;color:var(--brand);
  text-transform:uppercase;letter-spacing:.08em;font-weight:600
}
.tool small{color:var(--ink);font-size:14px;line-height:1.45;display:block}

/* ---------- адаптив для новых блоков (идёт последним, поэтому побеждает) ---------- */
@media (max-width:1100px){
  .tools{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .nav-buttons a{padding:0 12px;font-size:12.5px;height:42px}
}
@media (max-width:700px){
  .tools{grid-template-columns:repeat(2,1fr)}
  .nav-buttons{display:none}
}
@media (max-width:520px){
  .tools{grid-template-columns:1fr}
}

/* меню занимает середину, как в референсе */
@media (min-width:981px){
  .nav-links{flex:1;justify-content:center}
}
.h2-gross{max-width:26ch}

/* ===========================================================
   ВЕРСИЯ 4: шапка в стиле wirschreiben, видео, бейджи наград
   =========================================================== */

/* ---------- верхняя полоса ---------- */
.topbar{background:#EAF0FD;color:var(--ink);font-size:15px;border-bottom:1px solid #DCE5FA}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:52px;gap:20px}
.topbar a{color:var(--ink)}
.topbar a:hover{color:var(--brand)}
.topbar-left{display:flex;gap:30px;flex-wrap:wrap}
.topbar-right{display:flex;gap:14px;align-items:center;white-space:nowrap}
.topbar-zeit{color:var(--ink);font-size:15px}
.ico-round{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-size:13px;color:#fff;flex-shrink:0
}
.ico-tel{background:var(--brand)}
.ico-wa{background:var(--wa)}
.land{display:flex;align-items:center;gap:6px;font-size:15px}
.land .globe{opacity:.6}

/* ---------- основной ряд: белый, шрифт без засечек ---------- */
header{background:#fff;border-bottom:1px solid var(--line)}
.nav{height:88px}
.nav-links{
  font-family:Inter,-apple-system,sans-serif;text-transform:none;letter-spacing:0;
  font-size:17px;font-weight:500;gap:34px;align-items:center
}
.nav-links a{color:var(--brand-dark)}
.has-drop > a::after{content:"⌄";font-size:15px;margin-left:6px;color:var(--brand-dark);opacity:.7;position:relative;top:-3px}
.logo{font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:var(--brand-dark)}

/* кнопка-контур как на референсе */
.btn-outline{
  display:inline-block;border:2px solid var(--brand);color:var(--brand);background:#fff;
  padding:14px 26px;border-radius:4px;font-weight:700;font-size:14px;
  letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background .18s,color .18s
}
.btn-outline:hover{background:var(--brand);color:#fff}

/* ---------- видео + чек-лист ---------- */
.video-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.video-facade{
  position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;
  background:linear-gradient(180deg,#8A8A8A 0%,#D9D9D9 45%,#F2F2F2 100%);
  box-shadow:0 10px 30px rgba(27,42,107,.14);display:flex;flex-direction:column
}
.video-facade:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.video-kopf{display:flex;gap:12px;align-items:center;padding:16px 18px;color:#fff}
.video-avatar{
  width:40px;height:40px;border-radius:50%;background:#fff;color:var(--brand);
  display:grid;place-items:center;font-weight:700;flex-shrink:0
}
.video-kopf b{display:block;font-size:17px;line-height:1.25}
.video-kopf small{opacity:.85;font-size:13px}
.video-mitte{flex:1;display:grid;place-items:center}
.video-facade .play{
  width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--brand-dark);
  display:grid;place-items:center;font-size:30px;padding-left:5px;
  box-shadow:0 6px 22px rgba(0,0,0,.25);transition:transform .18s
}
.video-facade:hover .play{transform:scale(1.07)}
.video-hinweis{
  background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:8px 14px;text-align:center
}
.video-frame{width:100%;aspect-ratio:16/9;border:none;border-radius:8px}
.btn-rot{background:#E8453C;margin-top:22px;padding:13px 40px}
.btn-rot:hover{background:#C7362E}

.check-liste{list-style:none;margin:0;padding:0;font-size:17px}
.check-liste li{position:relative;padding-left:38px;margin-bottom:18px;line-height:1.45}
.check-liste li::before{
  content:"✔";position:absolute;left:0;top:-1px;color:#E8453C;font-size:20px;font-weight:700
}

/* ---------- наградные бейджи ---------- */
.siegel{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;align-items:flex-start}
.siegel-dunkel{
  background:#4A4A4A;color:#fff;padding:18px;width:250px;border:6px solid #4A4A4A;
  outline:2px solid #fff;outline-offset:-12px
}
.siegel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.siegel-check{
  width:38px;height:38px;border-radius:50%;background:#E86A1C;color:#fff;
  display:grid;place-items:center;font-size:18px;border:2px solid #fff
}
.siegel-sterne{color:#fff;letter-spacing:2px;font-size:17px}
.siegel-titel{font-size:24px;line-height:1.1;font-family:Inter,sans-serif}
.siegel-titel b{font-weight:400;font-size:22px}
.siegel-fuss{font-size:11px;opacity:.7;margin-top:12px}

.siegel-orange{background:#F07C1E;color:#fff;width:230px;text-align:center;padding:12px 0 0}
.siegel-marke{font-weight:700;font-size:15px;padding-bottom:10px}
.siegel-note{background:#fff;color:var(--ink);font-weight:800;font-size:20px;padding:12px 0 6px}
.siegel-sterne-gross{background:#fff;color:#F07C1E;font-size:24px;letter-spacing:3px}
.siegel-zahl{background:#fff;color:var(--ink);font-weight:700;font-size:19px;padding-top:6px}
.siegel-quellen{background:#fff;color:var(--muted);font-size:12px;padding-bottom:10px}
.siegel-anzahl{background:#EAF0FD;color:var(--ink);font-size:13px;padding:8px 6px}

.siegel-hell{background:#fff;width:230px;text-align:center;border:1px solid var(--line)}
.siegel-top-hell{padding:10px;font-size:13px;color:var(--muted)}
.siegel-teal{background:linear-gradient(180deg,#3C9C9C,#2E7D7D);color:#fff;padding:18px 10px;font-size:15px;font-weight:700;line-height:1.35}
.siegel-teal b{display:block;font-size:26px}
.siegel-fuss-hell{padding:10px;font-size:13px;font-weight:600}

/* ---------- плавающий виджет наград справа ---------- */
.pe-widget{
  position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:55;width:150px;
  display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 24px rgba(27,42,107,.18)
}
.pe-close{
  position:absolute;left:-26px;top:0;width:22px;height:22px;border:none;border-radius:4px 0 0 4px;
  background:rgba(27,42,107,.75);color:#fff;font-size:15px;cursor:pointer;line-height:1
}
.pe-card{background:#fff;text-align:center;font-size:11px;overflow:hidden}
.pe-head{padding:6px 4px;color:var(--muted);font-size:10.5px;line-height:1.25}
.pe-body{color:#fff;padding:12px 6px;font-weight:700;font-size:12px;line-height:1.3}
.pe-body b{display:block;font-size:20px;margin-top:2px}
.pe-body span{display:block;font-weight:400;font-size:10px;opacity:.9;margin-top:4px}
.pe-teal{background:linear-gradient(180deg,#3C9C9C,#2E7D7D)}
.pe-gold{background:linear-gradient(180deg,#B79A3E,#96792A)}
.pe-foot{padding:6px 4px;font-weight:600;color:var(--ink);font-size:10.5px}

@media (max-width:1400px){ .pe-widget{display:none} }
@media (max-width:980px){
  .video-grid{grid-template-columns:1fr;gap:30px}
  .topbar-left{display:none}
  .nav-links{font-size:16px;gap:20px}
}
@media (max-width:620px){
  .siegel{gap:18px}
  .btn-rot{width:100%}
}

/* контурная кнопка не влезает на узких экранах — прячем её вместе с меню */
@media (max-width:700px){
  .btn-outline{display:none}
}

/* ---------- подзаголовок героя: мельче и плотнее ---------- */
.hero .sub{font-size:16.5px;line-height:1.45;max-width:48ch;margin-bottom:22px}
.hero-list{font-size:15px}
.hero-list li{margin-bottom:7px}
.lead{font-size:17px;line-height:1.5}

/* ---------- верхняя полоса: иконки как на wirschreiben ---------- */
.topbar{background:#EAF0FD;border-bottom:none}
.topbar .container{height:56px}
.topbar-zeit{font-size:16px;color:var(--ink);margin-right:4px}
.topbar-right{gap:16px}
.ico-tel{color:var(--brand);display:grid;place-items:center;background:none;width:auto;height:auto}
.ico-tel:hover{color:var(--brand-dark)}
.ico-wa{display:grid;place-items:center;background:none;width:auto;height:auto}
.land{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--ink);margin-left:6px}
.flagge{display:inline-flex;flex-direction:column;width:24px;height:16px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.flagge i{flex:1}
.flagge i:nth-child(1){background:#000}
.flagge i:nth-child(2){background:#DD0000}
.flagge i:nth-child(3){background:#FFCE00}
.topbar-left a{font-size:16px}

/* ---------- всплывающая подсказка «7% Rabatt» ---------- */
.feld-tipp{position:relative}
.feld-tipp .tipp{
  position:absolute;right:0;top:-14px;z-index:3;max-width:230px;
  background:linear-gradient(100deg,#F0762E,#E8453C);color:#fff;
  font-size:12.5px;line-height:1.3;font-weight:500;text-align:center;
  padding:9px 14px;border-radius:10px;box-shadow:0 6px 18px rgba(232,69,60,.32)
}
.feld-tipp .tipp::after{
  content:"";position:absolute;left:22px;bottom:-7px;width:14px;height:14px;
  background:#E8453C;transform:rotate(45deg);border-radius:2px
}

/* ---------- крупная финальная кнопка формы ---------- */
#calcCta,.order-box button[type=submit]{
  text-transform:uppercase;letter-spacing:.06em;font-size:17px;padding:18px 26px;border-radius:6px
}
.order-box{border-radius:14px}
.field input::placeholder,.field textarea::placeholder{color:#9AA3C0}

@media (max-width:620px){
  .feld-tipp .tipp{position:static;display:block;margin:6px 0 8px;max-width:none}
  .feld-tipp .tipp::after{display:none}
}

/* ---------- иконки в синих кругах ---------- */
.ico-kreis{
  width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;margin:0 auto 14px
}
.ico-kreis.gross{width:74px;height:74px;margin-bottom:18px}
.promise .ico-kreis{width:48px;height:48px}
.card-zentriert{text-align:center;padding:34px 26px}
.card-zentriert h3{font-family:Inter,sans-serif;font-weight:700;font-size:21px;margin-bottom:12px;color:var(--ink)}
.card-zentriert p{color:var(--muted);font-size:15.5px;line-height:1.55}
.cards{gap:24px}

/* ---------- блок «о нас»: видео слева, текст справа ---------- */
.ueber-text h2{margin-bottom:16px}
.ueber-text p{color:var(--muted);font-size:16px;line-height:1.6}
.ueber-text .check-liste{font-size:15.5px;margin-top:20px}
.ueber-text .check-liste li{padding-left:30px;margin-bottom:11px}
.ueber-text .check-liste li::before{font-size:17px}
.video-grid{align-items:center;gap:46px}

/* ---------- WhatsApp: настоящий логотип ---------- */
.wa-band .wa-cta .circle{background:var(--wa);color:#fff}
.wa-band .wa-cta .circle svg{display:block}
.wa{background:var(--wa);color:#fff;display:grid;place-items:center}
.wa svg{display:block}
.ico-wa svg{display:block}

/* ---------- заголовок без засечек (стиль wirschreiben) ---------- */
.h2-sans{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.02em;color:#0F1B3D}

/* ---------- сетка специальностей: карточки с иконкой ---------- */
.fachgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fach-karte{
  background:#fff;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;
  font-size:16px;color:var(--ink);box-shadow:0 2px 10px rgba(27,42,107,.06);transition:transform .16s,box-shadow .16s
}
.fach-karte:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(27,42,107,.12)}
.fach-ico{
  width:44px;height:44px;border-radius:10px;background:var(--brand);color:#fff;
  display:grid;place-items:center;flex-shrink:0
}

/* ---------- блок «Datenschutz»: текст слева, авторы справа ---------- */
.ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ds-grid .lead{font-size:17px}
.ds-panel{
  background:linear-gradient(160deg,#DCE3F3,#C9D3EA);border-radius:20px;padding:22px;
  display:grid;grid-template-columns:1fr 1fr;gap:18px
}
.ds-karte{background:#EEF2FC;border-radius:14px;padding:22px 16px;text-align:center}
.ds-ava{
  width:76px;height:76px;border-radius:50%;background:#fff;color:var(--brand);
  display:grid;place-items:center;margin:0 auto 12px;font-weight:700;font-size:20px;
  box-shadow:0 2px 8px rgba(27,42,107,.12)
}
.ds-karte b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.ds-karte small{color:var(--muted);font-size:13.5px}

@media (max-width:1100px){ .fachgrid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:980px){
  .fachgrid{grid-template-columns:repeat(2,1fr)}
  .ds-grid{grid-template-columns:1fr;gap:30px}
  .topbar-zeit{display:none}
}
@media (max-width:620px){
  .fachgrid{grid-template-columns:1fr}
  .ds-panel{grid-template-columns:1fr}
  .land{display:none}
}

/* ---------- логотипы сервисов проверки ---------- */
.tool-logo{display:grid;place-items:center;height:56px;margin-bottom:14px}
.tool-logo img{max-height:52px;max-width:100%;object-fit:contain}

/* ---------- финальная анкета в три колонки ---------- */
.order{background:var(--bg-alt);padding:70px 0}
.order-box{background:#EAF1FD;border-radius:28px;padding:44px;max-width:1180px;box-shadow:none}
.form-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.form-spalte .field{margin-bottom:20px}
.form-spalte label{font-size:15px;font-weight:400;color:var(--ink);margin-bottom:8px}
.form-spalte label i{color:#E8453C;font-style:normal;margin-left:2px}
.form-spalte input,.form-spalte select,.form-spalte textarea{
  border:1px solid #B9C9EE;border-radius:8px;background:#fff;padding:14px 14px;font-size:15px
}
.form-spalte textarea{resize:vertical;min-height:120px}
.feld-note{font-size:12.5px;color:var(--muted);font-style:italic;margin:8px 0 0}
.dropzone{
  border:2px dashed #9DB6E8;border-radius:10px;background:transparent;padding:34px 20px;min-height:230px;
  display:flex;flex-direction:column;justify-content:center;gap:6px
}
.dropzone b{font-size:18px;color:var(--ink)}
.dz-link{color:var(--brand);text-decoration:underline;font-weight:600;font-size:15px}
.dropzone small{color:var(--muted);font-size:13.5px;line-height:1.4;max-width:34ch;margin:6px auto 0}
.form-abschluss{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}
.form-abschluss .btn{min-width:420px;max-width:100%;text-transform:uppercase;letter-spacing:.06em;font-size:17px}
.form-abschluss .checkbox{justify-content:center;max-width:760px;font-size:13px;margin:0}

@media (max-width:980px){
  .form-3{grid-template-columns:1fr 1fr}
  .order-box{padding:28px}
}
@media (max-width:700px){
  .form-3{grid-template-columns:1fr}
  .form-abschluss .btn{min-width:0;width:100%}
}

/* якоря не должны прятаться под липкой шапкой */
section[id],div[id]{scroll-margin-top:150px}

/* ===========================================================
   ВЕРСИЯ 6: премиальный минимализм
   Градиентные фоны, стекло, мягкие тени, появление при скролле
   =========================================================== */

/* ---------- логотип-знак ---------- */
.logo{gap:12px;align-items:center}
.logo .mark{display:block;flex-shrink:0}
.logo span{width:auto;height:auto;background:none;border-radius:0}
.logo-text{font-family:Inter,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.02em;color:var(--brand-dark)}
.logo-hell .logo-text{color:#fff}

/* ---------- первый экран: градиентный меш + плавающие чипы ---------- */
.hero-calc{
  position:relative;overflow:hidden;
  background:#EEF2FD url("img/hero-mesh.jpg") center/cover no-repeat;
  padding:60px 0 72px
}
.hero-calc::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.72))
}
.hero-calc .container,.hero-calc .deko{position:relative;z-index:2}
.hero-calc h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-.03em;line-height:1.08}

.deko{position:absolute;inset:0;z-index:1}
.chip{
  position:absolute;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--brand);
  display:grid;place-items:center;box-shadow:0 8px 24px rgba(27,42,107,.14);
  animation:schweben 7s ease-in-out infinite
}
.chip-1{left:2%;top:18%;animation-delay:0s}
.chip-2{left:7%;bottom:14%;animation-delay:1.2s}
.chip-3{right:3%;top:12%;animation-delay:.6s}
.chip-4{right:6%;bottom:22%;animation-delay:1.8s}
.chip-5{left:32%;bottom:6%;animation-delay:2.4s}
@keyframes schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media (max-width:1200px){.chip{display:none}}

/* ---------- стекло: карточка анкеты ---------- */
.calc-hero{
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.9);border-radius:20px;
  box-shadow:0 24px 60px rgba(27,42,107,.16)
}
.calc-hero .calc-title{background:linear-gradient(100deg,#5B72E8,#3A52D2)}
.calc-hero .calc-result{background:linear-gradient(100deg,#4A61E0,#2E44C2)}

/* ---------- полоса WhatsApp: градиентный фон ---------- */
.wa-band{
  background:#4A61E0 url("img/band-mesh.jpg") center/cover no-repeat;
  position:relative;overflow:hidden
}
.wa-band .container{position:relative;z-index:2}

/* ---------- подвал на градиенте ---------- */
footer{background:#121A42 url("img/footer-mesh.jpg") center/cover no-repeat}

/* ---------- карточки: мягче, дороже ---------- */
.card,.fach-karte,.tool,.paycard,.expert,.plan,.step-card,.promise{
  border-radius:16px;border-color:rgba(27,42,107,.08);
  box-shadow:0 1px 2px rgba(27,42,107,.04),0 12px 28px rgba(27,42,107,.06);
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s
}
.card:hover,.fach-karte:hover,.tool:hover,.paycard:hover,.expert:hover,.step-card:hover{
  transform:translateY(-4px);box-shadow:0 18px 44px rgba(27,42,107,.14)
}
.plan{border-radius:18px}
.plan.featured{box-shadow:0 22px 54px rgba(58,82,210,.18)}

/* иконка в круге: градиент вместо плоского цвета */
.ico-kreis,.fach-ico{background:linear-gradient(140deg,#7C8FF5,#3A52D2)}
.ico-kreis{box-shadow:0 10px 24px rgba(58,82,210,.28)}

/* ---------- заголовки секций: единый ритм ---------- */
section{padding:84px 0}
h2{letter-spacing:-.025em}
.center .lead{max-width:62ch}

/* ---------- появление при скролле ---------- */
.reveal{opacity:0;transform:translateY(18px)}
.reveal.sichtbar{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.sichtbar{opacity:1;transform:none;transition:none}
  .chip{animation:none}
}

/* ---------- мелкие «дорогие» детали ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.5}
.btn{box-shadow:0 8px 20px rgba(58,82,210,.22)}
.btn-ghost,.btn-outline{box-shadow:none}
.btn-rot{box-shadow:0 8px 20px rgba(232,69,60,.28)}
::selection{background:var(--brand);color:#fff}

/* ---------- правки после дизайн-прохода ---------- */
.logo span.logo-text{display:inline;color:var(--brand-dark);font-size:23px;place-items:initial}
.logo-hell span.logo-text{color:#fff}
.topbar-left{flex-wrap:nowrap;gap:22px;overflow:hidden}
.topbar-left a{white-space:nowrap;font-size:15px}
@media (max-width:1500px){ .topbar-left a:nth-child(n+6){display:none} }
@media (max-width:1250px){ .topbar-left a:nth-child(n+4){display:none} }
/* виджет наград не должен налезать на анкету */
@media (max-width:1750px){ .pe-widget{display:none} }

/* ---------- иконки в первом экране: без полёта, статично ---------- */
.chip{animation:none}


/* ---------- меню: крупнее и легче, как в референсе ---------- */
.nav-links{font-size:20px;font-weight:400;gap:36px}
.nav-links a{color:#0F1B3D}
.nav-links a:hover{color:var(--brand)}
.has-drop > a::after{font-size:16px;opacity:.55;margin-left:8px;font-weight:300}
.nav{height:92px}
.btn-outline{
  border-radius:8px;border-width:2px;padding:16px 30px;font-size:15px;
  font-weight:700;letter-spacing:.04em
}

/* ---------- карточка-анкета: без цены, только кнопка ---------- */
.calc-hero .calc-result{
  background:#fff;padding:22px 24px 26px;display:block
}
.calc-hero .calc-result .btn{
  background:var(--brand);color:#fff;border-radius:10px;font-size:17px;
  text-transform:uppercase;letter-spacing:.05em;padding:20px 24px
}
.calc-hero .calc-result .btn:hover{background:var(--brand-dark)}

/* ---------- иконки площадок в бейджах ---------- */
.badge-ico{background:transparent;box-shadow:none;width:36px;height:36px;padding:0}
.badge-ico img{width:36px;height:36px;object-fit:contain}
.badge b{font-size:20px}
.badge{gap:10px;padding:6px 20px}

@media (max-width:1150px){ .nav-links{font-size:17px;gap:24px} }

/* ---------- фирменный логотип ---------- */
.logo img{height:52px;width:auto;display:block}
.logo-hell img{height:46px}
.video-avatar{background:#fff;overflow:hidden;padding:4px}
.video-avatar img{width:100%;height:100%;object-fit:contain}
.nav{height:96px}
/* тёмно-синий из логотипа — для заголовков */
:root{--brand-dark:#132B54}
@media (max-width:620px){ .logo img{height:40px} }
.logo{margin-right:30px}
@media (max-width:1400px){ .nav-links{font-size:18px;gap:26px} .logo img{height:46px} }

/* ---------- второй блок: «О нас» по центру ---------- */
.ueber{position:relative;overflow:hidden;background:var(--bg-alt);padding:88px 0 78px}
.ueber-inhalt{max-width:840px;text-align:center;position:relative;z-index:2}
.ueber-inhalt h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:26px}
.ueber-inhalt p{color:var(--ink);font-size:17px;line-height:1.75;margin-bottom:20px}
.deko-seiten{position:absolute;inset:0;z-index:1}
.deko-seiten .chip{position:absolute;width:52px;height:52px;border-radius:14px;background:#fff;
  color:var(--brand);display:grid;place-items:center;box-shadow:0 8px 22px rgba(27,42,107,.10)}
.chip-l1{left:4%;top:18%}
.chip-l2{left:9%;top:44%}
.chip-l3{left:5%;bottom:16%}
.chip-r1{right:4%;top:20%}
.chip-r2{right:9%;top:48%}
.chip-r3{right:5%;bottom:14%}
@media (max-width:1150px){ .deko-seiten{display:none} }

/* три акцента с цветными фигурами */
.akzente{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}
.akzent{display:flex;flex-direction:column;align-items:center;gap:14px}
.akzent svg{display:block}
.akzent b{font-family:Inter,sans-serif;font-size:19px;font-weight:600;color:var(--ink)}
@media (max-width:700px){ .akzente{grid-template-columns:1fr;gap:26px} }

/* ---------- фото консультанта в первом экране ---------- */
.hero-calc .hero-grid{grid-template-columns:1fr 250px 1.02fr;gap:30px;align-items:end}
.hero-foto{position:relative;align-self:end}
.hero-foto img{
  width:100%;height:auto;display:block;border-radius:16px;
  box-shadow:0 22px 50px rgba(27,42,107,.28)
}
.foto-label{
  position:absolute;left:-18px;bottom:26px;background:#fff;border-radius:10px;
  padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--ink);
  box-shadow:0 10px 26px rgba(27,42,107,.18);line-height:1.3
}
.foto-label small{display:block;color:var(--muted);font-weight:400;font-size:12px}
@media (max-width:1300px){ .hero-foto{display:none} .hero-calc .hero-grid{grid-template-columns:1fr 1.05fr} }
@media (max-width:980px){ .hero-calc .hero-grid{grid-template-columns:1fr} }
/* декоративные плавающие иконки удалены полностью */
.deko,.deko-seiten,.chip{display:none!important}

/* ===========================================================
   ВЕРСИЯ 8: фото-вырезка в центре первого экрана + полоса гарантий
   =========================================================== */

/* фото без фона, во всю высоту первого экрана, растворяется внизу */
.hero-calc{padding-bottom:0}
.hero-calc .hero-grid{align-items:end;grid-template-columns:1fr 300px 1.02fr;gap:24px}
.hero-foto{align-self:end;height:100%;display:flex;align-items:flex-end;justify-content:center;
  position:relative;pointer-events:none}
.hero-foto img{
  width:auto;max-width:none;height:min(560px,100%);object-fit:contain;object-position:bottom;
  display:block;border-radius:0;box-shadow:none;opacity:.97;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 82%,rgba(0,0,0,.35) 94%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 82%,rgba(0,0,0,.35) 94%,transparent 100%);
}
.hero-calc .hero-grid > div:first-child,
.hero-calc .hero-grid > div:last-child{padding-bottom:56px}
.foto-label{display:none}
@media (max-width:1300px){ .hero-foto{display:none} .hero-calc .hero-grid{grid-template-columns:1fr 1.05fr} }
@media (max-width:980px){ .hero-calc .hero-grid{grid-template-columns:1fr} .hero-calc{padding-bottom:54px} }

/* ---------- полоса гарантий вместо четырёх карточек ---------- */
.garantie-leiste{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 10px 30px rgba(27,42,107,.08);
  margin-top:-38px;position:relative;z-index:3;overflow:hidden
}
.garantie{
  display:flex;align-items:center;gap:14px;padding:22px 24px;position:relative
}
.garantie + .garantie::before{
  content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)
}
.garantie-ico{
  position:relative;width:48px;height:48px;border-radius:50%;flex-shrink:0;
  background:var(--brand-soft);color:var(--brand);display:grid;place-items:center
}
.garantie-ico .haken{
  position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border-radius:50%;
  background:#1FA463;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;
  border:2px solid #fff;font-weight:700
}
.garantie b{display:block;font-size:16px;color:var(--ink);line-height:1.25;margin-bottom:3px}
.garantie small{color:var(--muted);font-size:13.5px;line-height:1.35;display:block}
@media (max-width:980px){
  .garantie-leiste{grid-template-columns:1fr 1fr;margin-top:24px}
  .garantie + .garantie::before{display:none}
  .garantie{border-top:1px solid var(--line)}
  .garantie:nth-child(-n+2){border-top:none}
}
@media (max-width:620px){ .garantie-leiste{grid-template-columns:1fr} .garantie:nth-child(2){border-top:1px solid var(--line)} }

/* ---------- акценты блока «о нас»: компасные знаки ---------- */
.ueber-inhalt{max-width:900px}
.ueber-inhalt p{font-size:17.5px;line-height:1.72}
.akzente{margin-top:52px;gap:34px}
.akzent{gap:12px}
.akzent b{font-size:18.5px}
.akzent small{color:var(--muted);font-size:14px;line-height:1.45;max-width:24ch;display:block}

/* ---------- блок «So arbeiten wir»: компактно и структурно ---------- */
.video-sektion{padding:72px 0}
.video-grid{grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.video-facade{
  aspect-ratio:16/9;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;
  background:linear-gradient(150deg,#1B2A6B 0%,#2E44C2 55%,#5B72E8 100%);
  box-shadow:0 18px 42px rgba(27,42,107,.22);display:grid;place-items:center
}
.video-facade .play{
  width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--brand-dark);
  display:grid;place-items:center;font-size:30px;padding-left:6px;box-shadow:0 8px 26px rgba(0,0,0,.28)
}
.video-titel{
  position:absolute;left:24px;right:24px;bottom:22px;color:#fff;font-size:17px;font-weight:600;
  font-family:Inter,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.3)
}
.video-hinweis{
  background:none;color:var(--muted);font-size:13px;text-align:left;padding:12px 2px 0;margin:0
}
.video-kopf,.video-avatar{display:none}

.prozess-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:24px 0 30px}
.prozess{display:flex;gap:13px;align-items:flex-start}
.prozess-ico{
  width:40px;height:40px;border-radius:11px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;flex-shrink:0
}
.prozess b{display:block;font-size:16px;color:var(--ink);margin-bottom:3px;font-family:Inter,sans-serif}
.prozess small{color:var(--muted);font-size:13.5px;line-height:1.4;display:block}
.ueber-text .eyebrow{margin-bottom:12px}
.ueber-text h2{margin-bottom:6px;font-size:clamp(24px,2.6vw,32px)}
@media (max-width:980px){ .video-grid{grid-template-columns:1fr;gap:28px} }
@media (max-width:620px){ .prozess-grid{grid-template-columns:1fr} }

/* первый экран: текст сверху, фото и анкета снизу — без пустоты */
.hero-calc{padding-top:46px}
.hero-calc .hero-grid > div:first-child{align-self:start;padding-bottom:40px}
.hero-calc .hero-grid > div:last-child{align-self:start;padding-bottom:40px}
.hero-foto img{height:min(520px,100%)}

/* ---------- первый экран: три колонки на одной высоте, без пустоты ---------- */
.hero-calc{padding-top:40px;padding-bottom:0}
.hero-calc .hero-grid{align-items:stretch;gap:20px}
.hero-calc .hero-grid > div:first-child{align-self:center;padding-bottom:34px}
.hero-calc .hero-grid > div:last-child{align-self:center;padding-bottom:34px}
.hero-foto{align-self:stretch;position:relative;height:auto;min-height:0}
.hero-foto img{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom center
}

/* фото не должно налезать на бейджи и анкету */
.hero-calc .hero-grid{grid-template-columns:1fr 340px 1.02fr}
.hero-foto{overflow:hidden}
.hero-foto img{width:100%;height:auto;max-height:100%;object-fit:contain}
.hero-calc .hero-grid > div:last-child{position:relative;z-index:2}

/* фигура крупнее: выше ростом, по-прежнему стоит на нижней линии */
.hero-calc .hero-grid{grid-template-columns:1fr 380px 1.02fr;min-height:680px}
.hero-foto{overflow:visible}
.hero-foto img{width:auto;height:100%;max-height:none;max-width:none}

/* ---------- текст компактнее: меньше кегль и межстрочье ---------- */
.ueber{padding:64px 0 56px}
.ueber-inhalt{max-width:860px}
.ueber-inhalt h2{font-size:clamp(24px,2.8vw,34px);margin-bottom:20px}
.ueber-inhalt p{font-size:15.5px;line-height:1.55;margin-bottom:14px}
.akzente{margin-top:38px}
.akzent b{font-size:17px}
.akzent small{font-size:13px;line-height:1.4}

/* общие правила по тексту */
body{font-size:15.5px;line-height:1.55}
.lead{font-size:16px;line-height:1.5}
p{margin-bottom:12px}
section{padding:64px 0}
.seo-block p{font-size:15.5px;line-height:1.6}
.prose p,.prose li{font-size:15.5px;line-height:1.6}
.card-zentriert p{font-size:14.5px;line-height:1.5}
.hero-calc .sub{font-size:15.5px;line-height:1.45}
.hero-list{font-size:14.5px}

/* ---------- компактные отступы между секциями ---------- */
section{padding:48px 0}
.ueber{padding:52px 0 46px}
.video-sektion{padding:52px 0}
.wa-band{padding:42px 0}
.order{padding:52px 0}
/* заголовки секций стоят ближе к содержимому (перебиваем inline-стили) */
section > .container > .center[style]{margin-bottom:24px !important}
section > .container > div[style*="margin-bottom"]{margin-bottom:24px !important}
h2{margin-bottom:10px}
.center .lead{margin-bottom:0}
.akzente{margin-top:32px}
.garantie-leiste{margin-top:-34px}

/* ---------- WhatsApp: белый глиф на зелёном круге ---------- */
.wa-band .wa-cta .circle{
  background:var(--wa);color:#fff;display:grid;place-items:center;
  width:64px;height:64px;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.18)
}
.wa-band .wa-cta .circle svg{width:32px;height:32px;display:block}
.wa{background:var(--wa);color:#fff}
.wa svg{width:30px;height:30px;display:block}
.ico-wa{
  background:var(--wa);color:#fff;width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center
}
.ico-wa svg{width:15px;height:15px;display:block}

/* ---------- оплата: логотип-картинка слева ---------- */
.paycard{align-items:center;gap:14px;padding:18px 18px}
.pay-logo{
  width:88px;height:44px;flex-shrink:0;display:grid;place-items:center;
  border:none;background:none;padding:0
}
.pay-logo img{max-width:88px;max-height:40px;object-fit:contain;display:block}
.paycard b{font-size:14px;letter-spacing:.05em}
.paycard small{font-size:13.5px}

/* ---------- наградные бейджи одинакового размера ---------- */
.siegel{align-items:stretch;gap:22px}
.siegel > *{
  width:264px;min-height:290px;display:flex;flex-direction:column;justify-content:center;
  box-sizing:border-box
}
.siegel-dunkel{padding:20px}
.siegel-orange{padding:0;justify-content:flex-start}
.siegel-orange .siegel-note{padding:14px 0 6px}
.siegel-hell{justify-content:flex-start}
.siegel-teal{flex:1;display:flex;flex-direction:column;justify-content:center}

/* бейджи: одинаковая высота, содержимое распределено */
.siegel > *{min-height:300px}
.siegel-orange{justify-content:space-between}
.siegel-hell{justify-content:space-between}
.siegel-dunkel{justify-content:space-between}
.siegel-anzahl{margin-top:auto}

/* оплата: пять карточек в ряд, как в референсе */
@media (min-width:1200px){ .paygrid{grid-template-columns:repeat(5,1fr)} }
/* оранжевый бейдж: белая часть заполняет высоту, оранжевой полосы посередине нет */
.siegel-orange{justify-content:flex-start}
.siegel-orange .siegel-quellen{flex:1;padding-bottom:16px}

/* надзаголовок «So arbeiten wir» — тот же цвет и шрифт, что у «Ausgezeichnet» */
.ueber-text p.eyebrow,
p.eyebrow{
  color:var(--brand);
  font-family:Inter,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* кнопки во всех тарифах одинаковые */
.plan .btn{background:var(--brand);color:#fff;border:none}
.plan .btn:hover{background:var(--brand-dark)}

/* три наградных бейджа: строго одинаковый размер */
.siegel{display:grid;grid-template-columns:repeat(3,264px);justify-content:center;gap:22px;align-items:stretch}
.siegel > *{width:100%;height:300px;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.siegel-dunkel{justify-content:space-between;padding:18px}
.siegel-orange{justify-content:flex-start}
.siegel-hell{justify-content:flex-start}
.siegel-teal{flex:1;justify-content:center}
.siegel-orange .siegel-quellen{flex:1}
@media (max-width:900px){
  .siegel{grid-template-columns:264px;justify-content:center}
}

/* карточки тарифов одной высоты, кнопки на одной линии внизу */
.plans{align-items:stretch}
.plan{display:flex;flex-direction:column;height:100%}
.plan ul{flex:1}
.plan .btn{margin-top:auto}

/* заголовки блоков — тем же шрифтом с засечками, что и H1 в первом экране */
.h2-sans{
  font-family:"Source Serif 4",Georgia,serif;
  font-weight:700;
  letter-spacing:-.015em;
  color:var(--brand-dark);
}

/* ---------- WhatsApp-кнопка: аккуратная зелёная «пилюля» ---------- */
.wa-band .wa-cta{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--wa);border-radius:999px;padding:16px 32px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);transition:background .18s,transform .18s
}
.wa-band .wa-cta:hover{background:#1DB255;transform:translateY(-1px)}
.wa-band .wa-cta .circle{
  width:26px;height:26px;margin:0;border:none;background:none;
  border-radius:0;box-shadow:none;color:#fff;display:grid;place-items:center;flex-shrink:0
}
.wa-band .wa-cta .circle svg{width:26px;height:26px}
.wa-band .wa-cta span:last-child{
  color:#fff;font-size:16px;font-weight:600;padding:0;letter-spacing:.01em
}

/* меню чуть мельче */
.nav-links{font-size:17px;gap:30px}
@media (max-width:1400px){ .nav-links{font-size:16px;gap:24px} }

/* ---------- компактные промежутки между секциями ---------- */
section{padding:34px 0}
.ueber{padding:38px 0 34px}
.video-sektion{padding:36px 0}
.wa-band{padding:34px 0}
.order{padding:38px 0}
.hero-calc{padding-bottom:0}
.garantie-leiste{margin-bottom:24px}
section > .container > .center[style]{margin-bottom:20px !important}

/* ===========================================================
   БЛОК ПРЕИМУЩЕСТВ: карточки слева, линейные иконки, две кнопки
   =========================================================== */
.vorteile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vorteil{
  background:#fff;border:1px solid rgba(27,42,107,.06);border-radius:18px;
  padding:30px 28px 28px;text-align:left;
  box-shadow:0 2px 4px rgba(27,42,107,.04),0 14px 34px rgba(27,42,107,.06);
  transition:transform .2s,box-shadow .2s
}
.vorteil:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(27,42,107,.12)}
.vorteil-ico{
  width:70px;height:70px;border-radius:50%;background:#EBEEFB;color:var(--brand-dark);
  display:grid;place-items:center;margin-bottom:22px
}
.vorteil-ico.ico-akzent{
  background:linear-gradient(150deg,#6E85F0,#2E44C2);color:#fff;
  box-shadow:0 10px 24px rgba(46,68,194,.30)
}
.vorteil h3{
  font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:22px;
  color:var(--brand-dark);margin-bottom:10px;letter-spacing:-.01em
}
.vorteil p{color:var(--muted);font-size:15.5px;line-height:1.55;margin:0}

/* две кнопки под блоком */
.dual-cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.cta-dunkel,.cta-gruen{
  display:inline-flex;align-items:center;gap:12px;
  padding:17px 30px;border-radius:10px;font-size:16px;font-weight:600;
  font-family:Inter,sans-serif;transition:transform .18s,box-shadow .18s,background .18s
}
.cta-dunkel{background:#2E3FAF;color:#fff;box-shadow:0 10px 24px rgba(46,63,175,.28)}
.cta-dunkel:hover{background:#24328C;transform:translateY(-1px)}
.cta-gruen{background:#D8EDDD;color:#1E6B3A;box-shadow:0 6px 18px rgba(30,107,58,.12)}
.cta-gruen:hover{background:#C8E5D0;transform:translateY(-1px)}
.cta-gruen svg{color:#25A75A}
.cta-dunkel .pfeil,.cta-gruen .pfeil{font-style:normal;font-size:20px;opacity:.75;line-height:1}

@media (max-width:1100px){ .vorteile-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:700px){
  .vorteile-grid{grid-template-columns:1fr}
  .dual-cta{flex-direction:column}
  .cta-dunkel,.cta-gruen{justify-content:center}
}
/* иконки в карточках преимуществ крупнее — как в референсе */
.vorteil-ico{width:84px;height:84px;margin-bottom:24px}
.vorteil-ico svg{width:34px;height:34px}

/* WhatsApp-иконка в кнопке: строго по центру строки */
.wa-band .wa-cta{align-items:center;line-height:1}
.wa-band .wa-cta .circle{
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  line-height:0;position:relative;top:0
}
.wa-band .wa-cta .circle svg{width:24px;height:24px;display:block}
.wa-band .wa-cta span:last-child{display:inline-block;line-height:1.2}

/* все иконки в карточках преимуществ одинаковые — без выделенной первой */
.vorteil-ico.ico-akzent{
  background:#EBEEFB;color:var(--brand-dark);box-shadow:none
}

/* ---------- наградные бейджи: компактнее и строго одного размера ---------- */
.siegel{grid-template-columns:repeat(3,208px);gap:20px}
.siegel > *{width:208px;height:236px}
.siegel-dunkel{padding:14px;outline-offset:-9px;border-width:4px}
.siegel-check{width:30px;height:30px;font-size:15px}
.siegel-sterne{font-size:14px}
.siegel-titel{font-size:19px}
.siegel-titel b{font-size:18px}
.siegel-fuss{font-size:10px}
.siegel-marke{font-size:13px;padding-bottom:8px}
.siegel-note{font-size:17px;padding:9px 0 4px}
.siegel-sterne-gross{font-size:19px;letter-spacing:2px}
.siegel-zahl{font-size:16px;padding-top:4px}
.siegel-quellen{font-size:11px;padding-bottom:8px}
.siegel-anzahl{font-size:12px;padding:7px 6px}
.siegel-top-hell{padding:8px;font-size:11.5px}
.siegel-teal{padding:12px 8px;font-size:13px}
.siegel-teal b{font-size:21px}
.siegel-fuss-hell{padding:8px;font-size:12px}
@media (max-width:760px){ .siegel{grid-template-columns:208px} }

/* ---------- оплата: пять карточек влезают без обрезки ---------- */
.paygrid{gap:14px}
.paycard{min-width:0;padding:16px 14px;gap:12px}
.paycard > div{min-width:0}
.pay-logo{width:72px;height:38px}
.pay-logo img{max-width:72px;max-height:34px}
.paycard b{font-size:13px;letter-spacing:.04em;overflow-wrap:anywhere}
.paycard small{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
@media (max-width:1200px){ .paygrid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:820px){ .paygrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .paygrid{grid-template-columns:1fr} }

/* ===========================================================
   ВЕРСИЯ 9 — ДИЗАЙН «FUNDSTELLE»
   Индиго + тёмно-синий, слэб-серифные заголовки,
   моноширинные надзаголовки, светлый лавандовый фон.
   =========================================================== */
:root{
  --brand:#4A3AE8;          /* индиго */
  --brand-dark:#141336;     /* почти чёрный синий: заголовки, тёмные карточки */
  --brand-soft:#ECEBFB;     /* бледная лаванда: круги под иконками */
  --accent:#C9922F;         /* золото: акцентная плашка */
  --ok:#2E9E5B;             /* зелёные галочки в тарифах */
  --wa:#25D366;
  --ink:#141336;
  --muted:#5B5E7A;
  --line:#E6E7F2;
  --bg:#FFFFFF;
  --bg-alt:#F5F6FB;
  --radius:16px;
  --shadow:0 1px 2px rgba(20,19,54,.04), 0 10px 30px rgba(20,19,54,.06);
  --maxw:1240px;
}

/* ---------- типографика ---------- */
body{font-family:"DM Sans",-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg-alt)}
h1,h2,h3,h4,.h2-sans,.logo-text,.card-zentriert h3,.vorteil h3,.prozess b{
  font-family:Bitter,Georgia,serif;color:var(--brand-dark);letter-spacing:-.01em
}
h1{font-weight:800;font-size:clamp(36px,4.6vw,58px);line-height:1.08}
h2,.h2-sans{font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.15}
h3{font-weight:700;font-size:20px}
.lead{font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.6;color:var(--muted)}
.hero-calc .sub{font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.6;color:var(--muted);max-width:46ch}

/* надзаголовки — моноширинные капсом */
.eyebrow,p.eyebrow,.ueber-text p.eyebrow{
  font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--brand);
  font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase
}
.eyebrow::before{display:none}

/* ---------- шапка ---------- */
.topbar{background:#fff;border-bottom:1px solid var(--line)}
.topbar,.topbar a,.topbar-zeit{color:var(--muted);font-size:14px}
header{background:#fff;border-bottom:1px solid var(--line)}
.nav{height:84px}
.nav-links{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;gap:30px}
.nav-links a{color:var(--ink)}
.logo-text{font-family:Bitter,serif;font-weight:700;color:var(--brand-dark)}
.btn-outline{
  border:2px solid var(--brand);color:var(--brand);background:#fff;border-radius:10px;
  font-family:"DM Sans",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.08em;padding:15px 26px
}
.btn-outline:hover{background:var(--brand);color:#fff}

/* ---------- кнопки ---------- */
.btn{
  background:var(--brand);border-radius:10px;font-family:"DM Sans",sans-serif;font-weight:700;
  font-size:15px;letter-spacing:.02em;text-transform:none;padding:16px 30px;
  box-shadow:0 8px 20px rgba(74,58,232,.22)
}
.btn:hover{background:#3A2CC9}
.btn-ghost{background:#fff;color:var(--brand);border:2px solid var(--brand);box-shadow:none}

/* ---------- первый экран ---------- */
.hero-calc{background:var(--bg-alt);padding:56px 0 0}
.hero-calc::after{display:none}
.hero-calc .hero-grid{grid-template-columns:1fr 0.92fr 1fr;gap:34px;align-items:center;min-height:0}
.hero-calc h1,.hero-calc .hero-list li{color:var(--brand-dark)}
.hero-list{font-size:16px}
.hero-list li{padding-left:28px;margin-bottom:12px}
.hero-list li::before{content:"✓";color:var(--brand);font-weight:700}
.badges{background:none;border:none;padding:0;gap:18px;margin-top:26px}
.badge{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 14px;box-shadow:var(--shadow)}
.badge b{font-family:"JetBrains Mono",monospace;font-size:16px;color:var(--brand-dark)}
.badge small{display:none}
.badge-star{color:var(--accent)}

/* фото в карточке с плашками */
.hero-foto{overflow:visible;align-self:center;height:auto}
.foto-karte{
  position:relative;border-radius:20px;overflow:hidden;
  background:linear-gradient(160deg,#DFE2FA 0%,#F1F2FC 60%,#FFFFFF 100%);
  padding-top:18px;display:flex;justify-content:center;align-items:flex-end;min-height:430px
}
.hero-foto img{position:static;transform:none;height:430px;width:auto;max-width:none;display:block;object-fit:contain}
.chip-dunkel,.chip-gold{
  position:absolute;font-family:"JetBrains Mono",monospace;font-size:12.5px;
  padding:8px 13px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 16px rgba(20,19,54,.16)
}
.chip-dunkel{background:var(--brand-dark);color:#fff;left:8px;top:34px}
.chip-gold{background:var(--accent);color:#fff;right:8px;bottom:52px}

/* ---------- карточка-анкета: индиго ---------- */
.calc-hero{
  background:var(--brand);border:none;border-radius:20px;overflow:hidden;
  box-shadow:0 24px 50px rgba(74,58,232,.28)
}
.calc-kopf{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;color:#fff;font-size:15px;border-bottom:1px solid rgba(255,255,255,.18)
}
.calc-kopf b{font-weight:700}
.calc-hero .calc-form{padding:20px 22px 8px;background:transparent}
.calc-hero .field label{
  font-family:"DM Sans",sans-serif;color:rgba(255,255,255,.92);
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px
}
.calc-hero .field select,.calc-hero .field input{
  border:none;border-radius:10px;background:#fff;color:var(--ink);
  font-family:"DM Sans",sans-serif;font-size:15px;padding:13px 14px
}
.calc-hero .hint{color:rgba(255,255,255,.85);font-weight:400}
.calc-hero .checkbox,.calc-hero .checkbox a{color:rgba(255,255,255,.9)}
.calc-hero .calc-result{background:transparent;padding:6px 22px 22px;display:block}
.calc-hero .calc-result .btn{
  background:#fff;color:var(--brand);border-radius:12px;font-size:17px;
  text-transform:none;letter-spacing:0;padding:18px 24px;box-shadow:0 10px 22px rgba(20,19,54,.18)
}
.calc-hero .calc-result .btn:hover{background:#F2F1FE}
.calc-hinweis{color:rgba(255,255,255,.85);font-size:13px;text-align:center;margin-top:12px}
.feld-tipp .tipp{background:var(--accent)}
.feld-tipp .tipp::after{background:var(--accent)}

/* ---------- полоса гарантий ---------- */
.garantie-leiste{border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);margin-top:-26px}
.garantie-ico{background:var(--brand-soft);color:var(--brand-dark);width:44px;height:44px}
.garantie-ico .haken{background:var(--ok)}
.garantie b{font-family:Bitter,serif;font-size:16px;font-weight:700}
.garantie small{font-size:13.5px}

/* ---------- карточки и секции ---------- */
.section-alt{background:var(--bg-alt)}
section{background:transparent}
.card,.fach-karte,.tool,.paycard,.expert,.plan,.step-card,.promise,.vorteil,.ds-karte,.post,.review{
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)
}
.vorteil h3{font-size:21px}
.vorteil-ico,.ico-kreis,.prozess-ico,.fach-ico{background:var(--brand-soft);color:var(--brand-dark)}
.ico-kreis,.vorteil-ico.ico-akzent{background:var(--brand-soft);color:var(--brand-dark);box-shadow:none}
.check-liste li::before{color:var(--brand)}

/* ---------- шаги: тёмные квадраты с цифрой ---------- */
.step-card{padding:26px 24px}
.step-card .num{
  width:38px;height:38px;border-radius:10px;background:var(--brand-dark);color:#fff;
  font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;
  display:grid;place-items:center;margin-bottom:16px
}
.step-card h3{font-size:19px;margin-bottom:8px}
.step-card p{font-size:15px}
.step-card .btn{display:none}

/* ---------- видео ---------- */
.video-facade{
  background:linear-gradient(140deg,#1B1746 0%,#2A2270 55%,#3B2FA8 100%);
  border-radius:18px;box-shadow:0 18px 40px rgba(20,19,54,.22)
}
.video-facade .play{background:#fff;color:var(--brand)}
.video-titel{font-family:"DM Sans",sans-serif;font-weight:700;font-size:16px}

/* ---------- тарифы ---------- */
.plans{gap:24px}
.plan{padding:30px 28px;border-radius:18px}
.plan h3{
  font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brand);margin-bottom:14px
}
.plan .price-2{align-items:baseline;gap:8px;margin-bottom:10px}
.plan .price{font-family:Bitter,serif;font-size:34px;font-weight:800;color:var(--brand-dark)}
.plan .pro-einheit{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--muted)}
.plan .who{font-size:15px;color:var(--muted);min-height:0;margin-bottom:20px}
.plan ul{font-size:15px}
.plan li{padding-left:26px;margin-bottom:12px}
.plan li::before{content:"✓";color:var(--ok);font-weight:700}
.plan.featured{border:2px solid var(--brand);box-shadow:0 18px 40px rgba(74,58,232,.16)}
.plan .badge-top{
  background:var(--brand);border-radius:999px;font-family:"DM Sans",sans-serif;
  font-size:12px;letter-spacing:0;text-transform:none;padding:6px 16px;top:-14px
}
.plan .btn{border-radius:10px}

/* ---------- FAQ: тонкие линии, плюс справа ---------- */
.faq{max-width:900px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{
  font-family:Bitter,serif;font-size:19px;font-weight:700;color:var(--brand-dark);
  padding:24px 44px 24px 0
}
.faq-q::after{color:var(--brand);font-size:26px;top:20px}
.faq-a p{font-size:15.5px}

/* ---------- форма и подвал ---------- */
.order{background:var(--bg-alt)}
.order-box{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}
.form-spalte input,.form-spalte select,.form-spalte textarea{border-radius:10px;border-color:#D9DBEC}
.dropzone{border-color:#C7CAE6;border-radius:12px}
footer{background:var(--brand-dark);background-image:none}
.disclaimer{background:#0F0E2A}
.wa-band{background:var(--brand);background-image:none}

/* прочее */
a{color:var(--brand)}
.stars,.badge-star{color:var(--accent)}
.pe-teal{background:linear-gradient(180deg,#4A3AE8,#3A2CC9)}
.pe-gold{background:linear-gradient(180deg,#C9922F,#A9781F)}
::selection{background:var(--brand);color:#fff}

@media (max-width:1300px){
  .hero-calc .hero-grid{grid-template-columns:1fr 1fr}
  .hero-foto{display:none}
}
@media (max-width:980px){ .hero-calc .hero-grid{grid-template-columns:1fr} }

/* правки первого экрана */
.hero-calc .eyebrow{display:block;margin-bottom:16px}
.calc-kopf{font-size:14px}
.calc-kopf b{font-family:Bitter,serif;font-size:15px;white-space:nowrap}
/* подсказку про скидку в индиго-карточке показываем строкой, а не всплывашкой */
.calc-hero .feld-tipp .tipp{
  position:static;display:block;background:none;box-shadow:none;color:rgba(255,255,255,.85);
  font-size:12.5px;font-weight:400;text-align:left;padding:6px 0 0;max-width:none
}
.calc-hero .feld-tipp .tipp::after{display:none}
/* рейтинги — одной строкой */
.badges{display:flex;flex-wrap:nowrap;gap:10px}
.badge{padding:7px 10px;gap:7px}
.badge-ico,.badge-ico img{width:26px;height:26px}
.badge b{font-size:14px}
@media (max-width:1500px){ .badge b{font-size:13px} .badge{padding:6px 8px} }

/* логотипы сервисов проверки — без рамок и подложек */
.tool .logo-chip,.tool-logo,.tool-logo span{
  border:none;background:none;box-shadow:none;outline:none;padding:0
}
.tool-logo{display:grid;place-items:center;height:56px;margin-bottom:14px}
.tool-logo img{max-height:46px;max-width:150px;object-fit:contain;display:block}

/* ---------- тёмно-синий вместо яркого индиго ---------- */
:root{--dunkelblau:#1B1A3E}
.wa-band{background:var(--dunkelblau);background-image:none}
.btn{background:var(--dunkelblau);box-shadow:0 8px 20px rgba(27,26,62,.22)}
.btn:hover{background:#111031}
.plan .btn{background:var(--dunkelblau)}
.plan .btn:hover{background:#111031}
.cta-dunkel{background:var(--dunkelblau);box-shadow:0 10px 24px rgba(27,26,62,.24)}
.cta-dunkel:hover{background:#111031}
.order-box button[type=submit]{background:var(--dunkelblau)}
.order-box button[type=submit]:hover{background:#111031}
/* белая кнопка внутри анкеты остаётся белой */
.calc-hero .calc-result .btn{background:#fff;color:var(--brand)}
.calc-hero .calc-result .btn:hover{background:#F2F1FE}

/* больше воздуха вокруг WhatsApp-полосы */
.wa-band{padding:52px 0}
.wa-band + section{padding-top:62px}
section:has(+ .wa-band){padding-bottom:52px}

/* ---------- финальная анкета: читаемые цвета ---------- */
.order{background:var(--bg-alt)}
.order-box{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  box-shadow:0 2px 6px rgba(20,19,54,.05),0 18px 44px rgba(20,19,54,.08)
}
.order h2,.order-box h2{color:var(--brand-dark)}
.order .lead,.order-box .lead{color:var(--muted)}
.order-box .form-spalte label{color:var(--brand-dark);font-weight:500}
.order-box .form-spalte label i{color:#D9433B}
.order-box input,.order-box select,.order-box textarea{
  background:#fff;border:1px solid #D5D8EC;border-radius:10px;color:var(--ink)
}
.order-box input:focus,.order-box select:focus,.order-box textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(74,58,232,.14);outline:none
}
.order-box input::placeholder,.order-box textarea::placeholder{color:#9AA0BF}
.order-box .dropzone{
  background:#F7F8FD;border:2px dashed #B9BFE6;border-radius:14px
}
.order-box .dropzone b{color:var(--brand-dark)}
.order-box .dz-link{color:var(--brand)}
.order-box .dropzone small{color:var(--muted)}
.order-box .checkbox,.order-box .checkbox a{color:var(--muted)}
.order-box .feld-note{color:var(--muted)}
/* подсказка о скидке — фирменное золото, но читаемая */
.order-box .feld-tipp .tipp{
  background:#B8862A;color:#fff;box-shadow:0 6px 16px rgba(184,134,42,.28)
}
.order-box .feld-tipp .tipp::after{background:#B8862A}
/* подсказка о скидке в форме — строкой под подписью, без наложения */
.order-box .feld-tipp .tipp{
  position:static;display:inline-block;margin:0 0 8px;max-width:none;
  padding:7px 12px;border-radius:8px;font-size:12.5px
}
.order-box .feld-tipp .tipp::after{display:none}

/* ---------- Datenschutz: 4 карточки о конфиденциальности ---------- */
.ds-panel{align-items:stretch}
.ds-karte{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}
.ds-ava{color:var(--brand);line-height:0}
.ds-ava .ico-svg{width:32px;height:32px;stroke-width:1.7}
.ds-karte b{font-family:Bitter,serif;font-size:16px;line-height:1.3;color:var(--brand-dark);
  margin-bottom:6px;text-wrap:balance}
.ds-karte small{font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:balance}
@media (max-width:1180px){
  .ds-karte{padding:20px 12px}
  .ds-ava{width:66px;height:66px}
  .ds-ava .ico-svg{width:28px;height:28px}
  .ds-karte b{font-size:15px}
}

/* ---------- карточки авторов: фото в круге ---------- */
.expert .ava{width:78px;height:78px;font-family:Bitter,serif;font-size:22px;
  letter-spacing:.5px;overflow:hidden;padding:0}
.expert .ava-foto{background:var(--brand-soft)}
.expert .ava-foto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.expert b{font-family:Bitter,serif;font-size:15.5px;color:var(--brand-dark);margin-bottom:5px}
.expert small{font-size:12.5px;line-height:1.5}
.ds-panel{grid-auto-rows:1fr}
.ds-karte{justify-content:center}
.expert .ava-foto{border:2px solid #fff;box-shadow:0 3px 10px rgba(20,19,54,.14)}
.expert{display:flex;flex-direction:column}
.expert small{flex:1 1 auto}
.expert .btn{margin-top:auto}

/* ---------- ВЕРСИЯ 10: страницы услуг — две колонки без пустоты справа ---------- */
.hero-calc .hero-grid.hero-grid-2{
  grid-template-columns:minmax(0,1fr) minmax(420px,470px);
  gap:56px;align-items:center;min-height:0
}
.hero-grid-2 > div:first-child,
.hero-grid-2 > div:last-child{padding-bottom:0;align-self:center}
.hero-grid-2 h1{font-size:clamp(34px,3.4vw,46px);line-height:1.12;margin-bottom:16px}
.hero-grid-2 .sub{max-width:none;font-size:17.5px;line-height:1.55;margin-bottom:22px}
.hero-grid-2 .hero-trust{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px
}
.hero-grid-2 .hero-trust span{
  background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:7px 14px;font-size:13.5px;color:var(--muted);
  box-shadow:0 1px 3px rgba(20,19,54,.05)
}
.hero-grid-2 .hero-trust b{color:var(--brand-dark);font-weight:600}
.hero-grid-2 .hero-list{margin-bottom:22px}
@media (max-width:1180px){
  .hero-calc .hero-grid.hero-grid-2{grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:36px}
}
@media (max-width:980px){
  .hero-calc .hero-grid.hero-grid-2{grid-template-columns:1fr;gap:30px}
  .hero-grid-2 .calc-karte,.hero-grid-2 .calc-widget{max-width:520px;margin-inline:auto}
}

/* ---------- бейджи рейтингов: перенос на узких экранах ---------- */
@media (max-width:1024px){
  .badges{flex-wrap:wrap;gap:8px}
  .badge{flex:0 1 calc(50% - 4px);justify-content:center}
}

/* ---------- текст в первом экране страниц услуг — выше, вровень с анкетой ---------- */
.hero-calc .hero-grid.hero-grid-2{align-items:start}
.hero-calc .hero-grid.hero-grid-2 > div:first-child,
.hero-calc .hero-grid.hero-grid-2 > div:last-child{
  align-self:start;padding-top:2px;padding-bottom:0
}
.hero.hero-calc{padding-top:24px}
.breadcrumb{margin-bottom:10px}

/* ---------- быстрый контакт в первом экране страниц услуг ---------- */
.hero-kontakt{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.hero-kontakt > span{display:block;font-size:14px;color:var(--muted);margin-bottom:12px}
.hero-kontakt-btns{display:flex;flex-wrap:wrap;gap:10px}
.hk-tel,.hk-wa{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  padding:11px 18px;border-radius:999px;font-size:15px;font-weight:600;line-height:1
}
.hk-tel{background:#fff;border:1px solid var(--line);color:var(--brand-dark);
  box-shadow:0 1px 3px rgba(20,19,54,.06)}
.hk-tel:hover{border-color:var(--brand);color:var(--brand)}
.hk-wa{background:#25D366;color:#fff;box-shadow:0 6px 16px rgba(37,211,102,.28)}
.hk-wa:hover{filter:brightness(.95)}
.hk-wa svg{flex-shrink:0}

/* ---------- воздух между анкетой и полосой гарантий ---------- */
.hero.hero-service{padding-top:24px;padding-bottom:96px}
@media (max-width:980px){
  .hero.hero-service{padding-bottom:64px}
}
.hero.hero-calc{padding-bottom:96px}
@media (max-width:980px){ .hero.hero-calc{padding-bottom:64px} }

/* ---------- убираем отрицательный «наезд» полосы гарантий совсем ---------- */
.garantie-leiste{margin-top:0}
.hero.hero-calc,.hero.hero-service{padding-bottom:80px}
@media (max-width:980px){ .hero.hero-calc,.hero.hero-service{padding-bottom:56px} }
.hero-calc .hero-grid > div:last-child{padding-bottom:0}

/* ============================================================
   СТРАНИЦА ЦЕН
   ============================================================ */
.pv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pv-karte{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;
  box-shadow:var(--shadow)}
.pv-ico{width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin-bottom:14px;line-height:0}
.pv-karte b{display:block;font-family:Bitter,serif;font-size:17px;color:var(--brand-dark);margin-bottom:7px}
.pv-karte small{display:block;font-size:14px;line-height:1.5;color:var(--muted)}

.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pl-karte{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px 18px;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.pl-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pl-kopf h3{font-family:Bitter,serif;font-size:17px;margin:0;color:var(--brand-dark);line-height:1.25}
.pl-ab{font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:700;color:var(--brand);white-space:nowrap}
.pl-ab i{font-style:normal;font-weight:400;font-size:11.5px;color:var(--muted);display:block;text-align:right}
.pl-tab{width:100%;border-collapse:collapse;margin:0 0 14px}
.pl-tab td{padding:9px 0;font-size:14.5px;border-bottom:1px solid #F0F1F7}
.pl-tab tr:last-child td{border-bottom:none}
.pl-tab td:first-child{color:var(--muted)}
.pl-tab td:last-child{text-align:right;font-weight:600;color:var(--brand-dark);white-space:nowrap}
.pl-link{margin-top:auto;font-size:14px;font-weight:600;color:var(--brand);text-decoration:none}
.pl-link i{font-style:normal}
.pl-link:hover{text-decoration:underline}
.pl-hinweis{margin-top:26px;font-size:13.5px;line-height:1.6;color:var(--muted);
  max-width:min(88ch,100%);text-align:center;margin-inline:auto}

.ink-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:start}
.ink-box h2{margin-bottom:10px}
.ink-box .lead{font-size:16px;margin-bottom:20px}
.zusatz-tab{width:100%;border-collapse:collapse;margin:0}
.zusatz-tab th{background:var(--bg-alt);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);text-align:left;padding:12px 16px;font-weight:600}
.zusatz-tab td{padding:12px 16px;font-size:14.5px;border-top:1px solid var(--line)}
.zusatz-tab .zs-preis{font-weight:700;color:var(--brand-dark);white-space:nowrap;text-align:right}
.zusatz-tab .zs-einheit{color:var(--muted);font-size:13.5px;white-space:nowrap}

.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-karte{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;
  box-shadow:var(--shadow)}
.pg-karte b{display:block;font-family:Bitter,serif;font-size:17px;line-height:1.3;
  color:var(--brand-dark);margin-bottom:10px}
.pg-karte p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0}

@media (max-width:1180px){
  .pl-grid{grid-template-columns:repeat(2,1fr)}
  .pv-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .ink-grid{grid-template-columns:1fr;gap:34px}
  .pg-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .pl-grid,.pv-grid,.pg-grid{grid-template-columns:1fr}
}

/* ---------- отдельный калькулятор (страница цен): без пустого блока справа ---------- */
.calc:not(.calc-hero){max-width:920px;margin-inline:auto}
.calc:not(.calc-hero) .calc-grid{grid-template-columns:1fr}
.calc:not(.calc-hero) .calc-form{padding:30px 32px 26px}
.calc:not(.calc-hero) .calc-result{
  padding:22px 32px 26px;display:block;text-align:center;
  background:linear-gradient(100deg,#4A61E0,#2E44C2)
}
.calc:not(.calc-hero) .calc-result .btn{
  width:100%;max-width:460px;margin-inline:auto;display:block;background:#fff;color:var(--brand)
}
.calc:not(.calc-hero) .calc-result .btn:hover{background:var(--brand-soft)}
/* золотая подсказка о скидке — отдельной строкой, не поверх подписи */
.calc .feld-tipp .tipp{
  position:static;display:inline-block;margin:0 0 8px;max-width:none;
  background:#B8862A;color:#fff;font-size:12px;padding:5px 10px;border-radius:8px
}
.calc .feld-tipp .tipp::after{display:none}

/* ============================================================
   СТРАНИЦА «О НАС»
   ============================================================ */
.werte-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wert-karte{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;
  box-shadow:var(--shadow)}
.wert-ico{width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin-bottom:16px;line-height:0}
.wert-karte h3{font-family:Bitter,serif;font-size:18px;color:var(--brand-dark);margin:0 0 8px}
.wert-karte p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0}

.felder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feld-karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:28px 24px;box-shadow:var(--shadow);text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.feld-karte:hover{transform:translateY(-3px);border-color:var(--brand);
  box-shadow:0 12px 30px rgba(20,19,54,.10)}
.feld-ico{width:50px;height:50px;border-radius:14px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin-bottom:16px;line-height:0}
.feld-karte h3{font-family:Bitter,serif;font-size:19px;color:var(--brand-dark);margin:0 0 10px}
.feld-karte p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.feld-mehr{margin-top:auto;font-size:14px;font-weight:600;color:var(--brand)}

.kontakt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kontakt-karte{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;
  box-shadow:var(--shadow)}
.kontakt-ico{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin-bottom:14px;line-height:0}
.kontakt-karte b{display:block;font-family:Bitter,serif;font-size:16px;color:var(--brand-dark);margin-bottom:7px}
.kontakt-karte p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0;overflow-wrap:anywhere}
.kontakt-karte a{color:var(--brand);text-decoration:none}
.kontakt-karte a:hover{text-decoration:underline}

@media (max-width:1180px){
  .werte-grid,.kontakt-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .felder-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .werte-grid,.kontakt-grid{grid-template-columns:1fr}
}
.ink-grid > *{min-width:0}
.ink-box h2,.ink-box .lead{overflow-wrap:anywhere}

/* ---------- блок оплаты: четыре карточки ---------- */
.paygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (min-width:1200px){ .paygrid{grid-template-columns:repeat(4,1fr)} }
.paycard{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:0;padding:26px 20px 24px;min-width:0
}
.paycard .pay-logo{
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:auto;height:46px;margin-bottom:16px
}
.paycard .pay-logo img{max-height:34px;max-width:96px;width:auto;height:auto}
.paycard .pay-ico{
  width:46px;height:46px;border-radius:13px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;margin-bottom:16px;line-height:0
}
.paycard b{font-family:Bitter,serif;font-size:16px;letter-spacing:0;color:var(--brand-dark);
  margin-bottom:6px;line-height:1.3}
.paycard small{font-size:13.5px;line-height:1.5;color:var(--muted)}
@media (max-width:1000px){ .paygrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .paygrid{grid-template-columns:1fr} }
.paycard b{text-transform:none}
/* логотип чуть меньше */
.logo img{height:44px}
@media (max-width:1400px){ .logo img{height:40px} }
@media (max-width:620px){ .logo img{height:34px} }
/* контакты: три карточки вместо четырёх */
.kontakt-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1180px){ .kontakt-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .kontakt-grid{grid-template-columns:1fr} }

/* ---------- отправка формы: honeypot и сообщения ---------- */
.hp-feld{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{display:none;border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.55}
.form-status.sichtbar{display:block}
.form-status.laeuft{background:rgba(255,255,255,.14);color:#fff;margin-top:14px}
.form-status.ok{background:#E8F6EE;color:#14603A;border:1px solid #B9E2CB;
  text-align:center;font-weight:500;margin:0}
.form-status.fehler{background:#FDECEC;color:#8A1F1F;border:1px solid #F3C4C4;margin-top:14px}
/* внутри синей карточки-анкеты */
.calc .form-status.fehler{background:rgba(255,255,255,.95)}
.calc .form-status.ok{margin:26px}
.calc-hero .form-status.ok{margin:22px}
/* внутри белой формы внизу страницы */
.order-box .form-status{margin-bottom:18px}
.order-box .form-status.ok{margin:0}
.calc .form-status.laeuft{margin:0 0 14px}

/* ============================================================
   БОЛЬШОЙ КАЛЬКУЛЯТОР СТОИМОСТИ
   ============================================================ */
.kr-sektion{padding:64px 0}
.kr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;
  border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 2px 6px rgba(20,19,54,.05),0 18px 44px rgba(20,19,54,.08)}
.kr-links{padding:38px 36px 34px}
.kr-links h2{font-size:clamp(24px,2.2vw,30px);line-height:1.2;margin:0 0 10px}
.kr-lead{font-size:15.5px;line-height:1.55;color:var(--muted);margin:0 0 26px;max-width:46ch}
.kr-reihe{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kr .field{margin-bottom:16px}
.kr .field label{display:block;font-size:14px;font-weight:500;color:var(--brand-dark);margin-bottom:7px}
.kr .field label i{color:#C0392B;font-style:normal}
.kr .field select,.kr .field input{width:100%;padding:12px 14px;font-size:15px;
  border:1px solid #D5D8EC;border-radius:12px;background:#fff;color:var(--ink)}
.kr .field select:focus,.kr .field input:focus{outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(74,58,232,.14)}
.kr .hint{font-size:12.5px;color:var(--brand);margin-top:6px;min-height:16px}

.kr-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;
  background:#E3E6F5;margin:6px 0 10px}
.kr-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--brand);border:3px solid #fff;box-shadow:0 2px 6px rgba(20,19,54,.25);cursor:pointer}
.kr-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brand);
  border:3px solid #fff;box-shadow:0 2px 6px rgba(20,19,54,.25);cursor:pointer}
.kr-note{font-size:13px;color:var(--muted);margin:0 0 24px}

.kr-pakete-kopf{font-size:14px;font-weight:500;color:var(--brand-dark);margin-bottom:10px}
.kr-pakete-kopf i{color:#C0392B;font-style:normal}
.kr-pakete{display:flex;flex-direction:column;gap:8px}
.kr-paket{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;
  padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;
  transition:border-color .15s ease,background .15s ease}
.kr-paket:hover{border-color:#B9BFE6}
.kr-paket input{position:absolute;opacity:0;pointer-events:none}
.kr-paket:has(input:checked){border-color:var(--brand);background:#F5F6FE;
  box-shadow:0 0 0 1px var(--brand) inset}
.kr-paket-name{font-size:15.5px;font-weight:600;color:var(--brand-dark);display:flex;
  align-items:center;gap:8px;white-space:nowrap}
.kr-tag{background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:3px 8px;border-radius:6px}
.kr-paket-kurz{margin-left:auto;font-size:13.5px;color:var(--muted);text-align:right}
.kr-info{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid #C7CCE8;
  color:var(--muted);font-size:11.5px;font-style:italic;display:grid;place-items:center;
  position:relative;cursor:help}
.kr-info-box{display:none;position:absolute;right:0;bottom:calc(100% + 8px);width:270px;
  background:var(--brand-dark);color:#fff;font-size:12.5px;font-style:normal;line-height:1.5;
  padding:12px 14px;border-radius:10px;z-index:5;text-align:left;
  box-shadow:0 10px 26px rgba(20,19,54,.28)}
.kr-info:hover .kr-info-box,.kr-info:focus .kr-info-box{display:block}

.kr-rechts{background:#F7F8FD;border-left:1px solid var(--line);padding:0}
.kr-vergleich{padding:14px 30px;font-size:13.5px;color:var(--muted);
  background:#EEF1FB;border-bottom:1px solid var(--line)}
.kr-vergleich b{color:#14603A;font-weight:600}
.kr-preisbox{padding:24px 30px 26px;border-bottom:1px solid var(--line)}
.kr-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  margin-bottom:6px}
.kr-preis{font-family:Bitter,Georgia,serif;font-size:clamp(28px,3vw,38px);font-weight:700;
  color:var(--brand);line-height:1.1;font-variant-numeric:tabular-nums}
.kr-unter{font-size:14px;color:var(--muted);margin-top:8px}
.kr-zusammenfassung{font-size:13.5px;color:var(--brand-dark);margin-top:10px;line-height:1.5}
.kr-raten{margin-top:12px;background:#FFF7E6;border:1px solid #F0D9A8;border-radius:10px;
  padding:11px 14px;font-size:13.5px;line-height:1.5;color:#7A5A12}
.kr-raten b{color:#5E440B}
.kr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.kr-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--brand-dark);line-height:1}
.kr-chip svg{color:var(--brand);flex-shrink:0}

.kr-kontakt{padding:22px 30px 28px}
.kr-hinweis{font-size:13.5px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.kr-opt{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:6px}
.kr .phone-row{display:grid;grid-template-columns:110px 1fr;gap:10px}
.kr-check{margin:14px 0 4px;font-size:13px}
.kr-btn{width:100%;margin-top:14px;padding:15px 20px;border-radius:12px;cursor:pointer;
  background:#fff;border:1.5px solid var(--brand);color:var(--brand);
  font-family:"DM Sans",sans-serif;font-size:16px;font-weight:600;
  transition:background .15s ease,color .15s ease}
.kr-btn:hover{background:var(--brand);color:#fff}
.kr-btn:disabled{opacity:.7;cursor:default}
.kr-antwort{font-size:13px;line-height:1.55;color:var(--muted);margin:14px 0 0}
.kr-antwort b{color:var(--brand-dark)}
.kr-disclaimer{font-size:12.5px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.kr .form-status{margin-top:14px}

@media (max-width:1000px){
  .kr{grid-template-columns:1fr}
  .kr-rechts{border-left:none;border-top:1px solid var(--line)}
  .kr-links{padding:30px 24px 26px}
  .kr-vergleich,.kr-preisbox,.kr-kontakt{padding-left:24px;padding-right:24px}
}
@media (max-width:560px){
  .kr-reihe{grid-template-columns:1fr;gap:0}
  .kr-paket{flex-wrap:wrap}
  .kr-paket-kurz{margin-left:0;width:100%;text-align:left}
  .kr-info-box{width:min(260px,72vw)}
}
/* подсветка калькулятора при переходе по кнопке */
.kr-sektion{scroll-margin-top:96px}
.kr-hebt-hervor .kr{animation:kr-puls 1.4s ease}
@keyframes kr-puls{
  0%{box-shadow:0 2px 6px rgba(20,19,54,.05),0 18px 44px rgba(20,19,54,.08),0 0 0 0 rgba(74,58,232,.45)}
  40%{box-shadow:0 2px 6px rgba(20,19,54,.05),0 18px 44px rgba(20,19,54,.08),0 0 0 8px rgba(74,58,232,.18)}
  100%{box-shadow:0 2px 6px rgba(20,19,54,.05),0 18px 44px rgba(20,19,54,.08),0 0 0 0 rgba(74,58,232,0)}
}

/* ---------- соцсети в подвале: настоящие логотипы ---------- */
.socials{gap:10px;margin-top:18px}
.socials a{
  width:40px;height:40px;border-radius:11px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);
  color:#fff;line-height:0;
  transition:background .16s ease,border-color .16s ease,transform .16s ease
}
.socials a:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-2px)}
.socials svg{display:block}

/* ---------- строка оплаты в первом экране ---------- */
.hero-vertrauen{display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  font-size:13px;color:var(--muted)}
.hv-titel{font-weight:500}
.hero-vertrauen img{height:19px;width:auto;opacity:.85}
.hv-karte{color:var(--muted)}
@media (max-width:620px){
  .hero-vertrauen{gap:8px;font-size:12.5px}
  .hero-vertrauen img{height:17px}
}



/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   Пальцы вместо курсора: крупные цели нажатия, поля без зума,
   меню на весь экран, панель действий внизу.
   ============================================================ */

/* --- базовое поведение касаний --- */
html{-webkit-text-size-adjust:100%}
a,button,input,select,textarea,label,summary,[role="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(74,58,232,.12)
}
:focus-visible{outline:3px solid rgba(74,58,232,.55);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

@media (max-width:980px){
  /* --- поля: 16px, иначе iOS увеличивает страницу при фокусе --- */
  input,select,textarea,
  .field input,.field select,.field textarea,
  .kr .field input,.kr .field select{font-size:16px!important}
  .field input,.field select,.field textarea,
  .kr .field input,.kr .field select{min-height:50px;padding:13px 14px}
  textarea{min-height:110px}
  .field label,.kr .field label{font-size:14px;margin-bottom:8px}

  /* --- галочки: настоящая цель для пальца --- */
  .checkbox{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:14px;line-height:1.45}
  .checkbox input[type="checkbox"]{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;
    accent-color:var(--brand)}
  .checkbox span{flex:1;min-width:0}

  /* --- кнопки: не меньше 48px --- */
  .btn,.btn-lg,.btn-outline,.kr-btn,button[type="submit"]{
    min-height:52px;display:inline-flex;align-items:center;justify-content:center;
    font-size:16px;padding-left:20px;padding-right:20px}
  .btn-block,.kr-btn{width:100%}

  /* --- шапка --- */
  header .container.nav{min-height:64px;gap:10px}
  .burger{display:flex!important;flex-direction:column;justify-content:center;gap:5px;
    width:48px;height:48px;padding:0;margin-right:-8px;background:none;border:none;cursor:pointer}
  .burger span{display:block;width:24px;height:2px;border-radius:2px;background:var(--brand-dark);
    margin:0 auto;transition:transform .22s ease,opacity .18s ease}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-cta .btn-outline{display:none}          /* кнопка переехала в нижнюю панель */

  /* иконки телефона и WhatsApp в верхней строке — 44px */
  .topbar .ico-tel,.topbar .ico-wa{width:44px;height:44px;display:grid;place-items:center;margin:0}
  .topbar .container{height:auto;min-height:52px;gap:8px}
  .topbar-right{gap:2px;width:100%;justify-content:space-between}
  .topbar-zeit{display:inline-block!important;font-size:13px;letter-spacing:0}

  /* --- меню на весь экран (под шапкой) --- */
  header .nav-links{
    position:fixed;left:0;right:0;bottom:0;top:var(--menue-top,110px);
    display:flex!important;flex-direction:column;gap:0;
    background:#fff;padding:10px 18px calc(28px + env(safe-area-inset-bottom));
    z-index:120;overflow-y:auto;overscroll-behavior:contain;align-items:stretch;
    text-transform:none;letter-spacing:0;text-align:left;
    transform:translateX(100%);transition:transform .26s ease;visibility:hidden}
  header .nav-links.open{transform:none;visibility:visible;box-shadow:none}
  header .nav-links > a,header .nav-links .has-drop > a{
    display:flex;align-items:center;justify-content:flex-start;width:100%;
    min-height:56px;padding:0 4px;font-size:18px;
    font-weight:500;color:var(--brand-dark);border-bottom:1px solid var(--line)}
  header .nav-links .has-drop{display:block;border:none;width:100%}
  header .nav-links .has-drop > a::after{content:"⌄";margin-left:auto;font-size:22px;line-height:1;
    color:var(--muted);transition:transform .2s ease;padding-right:4px}
  header .nav-links .has-drop.open > a::after{transform:rotate(180deg)}
  .nav-links .drop{
    display:none;position:static;box-shadow:none;border:none;padding:4px 0 10px;
    background:#F7F8FD;border-radius:12px;margin:6px 0 10px;min-width:0;width:auto}
  .nav-links .has-drop.open .drop{display:block}
  .nav-links .drop a{display:flex;justify-content:space-between;gap:12px;align-items:center;
    min-height:52px;padding:8px 14px;font-size:15.5px;border:none}
  .nav-links .drop a span{color:var(--brand);font-weight:600;white-space:nowrap}
  .nav-links .drop.drop-2col{grid-template-columns:1fr;display:none}
  .nav-links .has-drop.open .drop.drop-2col{display:grid}
  body.menue-offen{overflow:hidden}

  /* --- нижняя панель действий --- */
  .mobil-bar{
    display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);backdrop-filter:blur(10px);
    border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(20,19,54,.10)}
  .mobil-bar a{text-decoration:none;border-radius:12px;font-weight:600;font-size:13px;
    display:flex;align-items:center;justify-content:center}
  .mb-tel,.mb-wa{flex-direction:column;gap:1px;width:72px;height:54px;font-size:10px;
    letter-spacing:0;line-height:1.1;white-space:nowrap;overflow:hidden}
  .mb-tel svg,.mb-wa svg{flex:0 0 auto}
  .mb-tel{background:#F2F3FB;color:var(--brand-dark)}
  .mb-wa{background:#25D366;color:#fff}
  .mb-cta{height:54px;background:var(--brand-dark);color:#fff;font-size:15.5px;padding:0 16px}
  .mb-cta:active{transform:scale(.985)}
  body{padding-bottom:88px}                 /* чтобы панель не закрывала конец страницы */
  .wa{display:none}                          /* круглая кнопка дублировала панель */

  /* --- отступы и типографика --- */
  .eyebrow,p.eyebrow,.ueber-text p.eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.5}
  section{padding-top:44px;padding-bottom:44px}
  /* карточки конфиденциальности: иконка слева, текст справа — компактнее */
  .ds-panel{grid-template-columns:1fr;gap:12px}
  .ds-karte{display:grid;grid-template-columns:52px minmax(0,1fr);grid-auto-rows:auto;
    column-gap:14px;row-gap:2px;align-items:center;text-align:left;padding:14px 16px;height:auto}
  .ds-ava{grid-row:1 / span 2;grid-column:1;flex:0 0 52px;width:52px;height:52px}
  .ds-karte b{grid-column:2;align-self:end}
  .ds-karte small{grid-column:2;align-self:start}
  .ds-ava .ico-svg{width:26px;height:26px}
  .ds-karte b{font-size:15.5px;margin-bottom:2px}
  .ds-karte small{font-size:13px}
  .hero,.hero-calc,.hero-service{padding-top:20px;padding-bottom:34px}
  .hero-grid,.hero-grid-2{gap:26px}
  .page-head{padding-top:22px;padding-bottom:26px}
  .page-head h1,.page-head h2{margin-bottom:14px}
  .page-head .lead{margin-top:0}
  .breadcrumb{font-size:13.5px}
  h1{font-size:clamp(28px,7.6vw,36px);line-height:1.15}
  h2{font-size:clamp(22px,5.6vw,28px);line-height:1.2}
  .lead{font-size:16px;line-height:1.55}
  .container{padding-left:18px;padding-right:18px}

  /* --- калькулятор --- */
  .kr-paket{min-height:62px;padding:12px 14px}
  .kr-slider{height:8px;margin:10px 0 12px}
  .kr-slider::-webkit-slider-thumb{width:28px;height:28px}
  .kr-slider::-moz-range-thumb{width:28px;height:28px}
  .kr-info{width:30px;height:30px;font-size:13px}
  .kr-preis{font-size:32px}

  /* --- таблицы прокручиваются, а не ломают страницу --- */
  .tablewrap{-webkit-overflow-scrolling:touch}
  .tablewrap table{min-width:520px}

  /* --- подвал: строки-ссылки крупнее --- */
  footer .foot-grid a{display:block;min-height:40px;line-height:40px}
  .socials a{width:46px;height:46px}
}

@media (max-width:560px){
  .mobil-bar{grid-template-columns:auto auto 1fr;gap:6px;padding-left:10px;padding-right:10px}
  .mb-tel,.mb-wa{width:70px}
  .mb-cta{font-size:14.5px;padding:0 12px}
}
.kr-info.offen .kr-info-box{display:block}
@media (max-width:980px){
  .logo{min-height:48px;display:flex;align-items:center}
  .pl-link{min-height:44px;display:flex;align-items:center;margin-top:6px}
  .foot-contact{line-height:1.5}
  .foot-contact a,a.foot-contact,.foot-contact{display:inline-flex;align-items:center;min-height:44px}
  .breadcrumb{padding-top:6px;padding-bottom:6px}
  .breadcrumb a{display:inline-flex;align-items:center;min-height:40px}
}