/* Theme 1.4.83 – Ratgeber-Landingpage im Magazinstil (/ratgeber/<slug>/ mit PDF-Download).
   Hero, Welle, Tahu-Zeile und Abschlussband kommen aus selling-fixed.css (st-hero, st-wave, st-script, st-close).
   Hier nur, was der Ratgeber zusätzlich braucht. Alles unter #sb-selling-fixed.st-lead-guide-page. */
#sb-selling-fixed.st-lead-guide-page{--lg-brand-dark:#5f8a12;--lg-orange:#eb991d}
#sb-selling-fixed .lg-hero .st-hero-copy{grid-template-columns:minmax(0,1fr);min-height:560px;align-items:end}
#sb-selling-fixed .lg-hero .st-hero-text{max-width:640px}
#sb-selling-fixed .lg-hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.035em}
#sb-selling-fixed .lg-hero .st-hero-image{object-position:center 72%}
/* 1.4.85: helle Titelbilder (z. B. Fassade) – Verlauf weiter nach rechts, Text bleibt auf Grün. JSON: meta.hero_kraeftig = true */
#sb-selling-fixed .lg-hero--kraeftig::before{background:linear-gradient(90deg,rgba(53,82,30,.95) 0%,rgba(62,95,32,.9) 44%,rgba(84,124,36,.62) 64%,rgba(130,176,42,.08) 86%)}
/* Tahu-Zeile im Hero größer (Dani, 21.10.2026). */
/* Theme 1.4.71 setzt alle Tahu-Zeilen mit !important auf 85 % der H1; nur hier im Ratgeber-Hero bewusst größer. */
#sb-selling-fixed .lg-hero .st-hero-text h1+.st-script{font-size:clamp(48px,5.2vw,74px)!important;line-height:1.15;margin-top:8px;margin-bottom:10px;text-shadow:0 2px 12px rgba(20,35,10,.45)}
#sb-selling-fixed .lg-hero .st-hero-text>p:not(.st-script):not(.lg-hero__meta){font-size:clamp(18px,1.6vw,21px);line-height:1.5;text-shadow:0 1px 3px rgba(20,35,10,.3)}
#sb-selling-fixed .lg-hero__meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:22px!important;font:500 14px/1.3 Montserrat,Arial,sans-serif;text-shadow:0 1px 3px rgba(20,35,10,.35)}

/* Layout: Inhaltsverzeichnis links, Lesespalte rechts */
#sb-selling-fixed .lg-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(40px,6vw,80px);padding-top:clamp(48px,6vw,80px);padding-bottom:40px}
#sb-selling-fixed .lg-toc{position:sticky;top:24px;align-self:start;font-size:15px}
#sb-selling-fixed .lg-toc__title{font:600 12px/1 Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a8a82;margin-bottom:14px}
#sb-selling-fixed .lg-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--sb-line)}
#sb-selling-fixed .lg-toc a{display:flex;gap:10px;margin-left:-2px;padding:8px 0 8px 16px;border-left:2px solid transparent;line-height:1.3;text-decoration:none}
#sb-selling-fixed .lg-toc a span{font:700 12px/1.6 Montserrat,Arial,sans-serif;color:var(--sb-brand)}
#sb-selling-fixed .lg-toc a:hover,#sb-selling-fixed .lg-toc a[aria-current="true"]{border-left-color:var(--sb-brand);font-weight:600;text-decoration:none}
#sb-selling-fixed .lg-toc__pdf{margin-top:26px;padding:20px;border-radius:18px;background:var(--sb-tint)}
#sb-selling-fixed .lg-toc__pdf p{font-size:14.5px;line-height:1.45;margin-bottom:12px}
#sb-selling-fixed .lg-toc__pdf .st-button{padding:11px 18px;font-size:14px}
#sb-selling-fixed .lg-main{min-width:0;max-width:780px}
#sb-selling-fixed .lg-main p+p{margin-top:16px}

/* Einstieg */
#sb-selling-fixed .lg-intro p{font-size:21px;line-height:1.6}
#sb-selling-fixed .lg-intro p:first-child::first-letter{float:left;margin:8px 12px 0 0;font:700 76px/.82 Montserrat,Arial,sans-serif;color:var(--sb-brand)}
#sb-selling-fixed .lg-glance{margin-top:44px;padding:30px 32px;border-radius:22px;background:var(--sb-ink);color:#fff}
#sb-selling-fixed .lg-glance h2{color:#fff;font-size:22px;margin-bottom:18px}
#sb-selling-fixed .lg-glance ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#sb-selling-fixed .lg-glance li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:17px}

/* Kapitel */
#sb-selling-fixed .lg-chapter{margin-top:64px;scroll-margin-top:20px}
#sb-selling-fixed .lg-chapter__head{display:flex;align-items:baseline;gap:18px;margin-bottom:24px;padding-top:22px;border-top:1px solid var(--sb-line)}
#sb-selling-fixed .lg-chapter__nr{font:700 15px/1 Montserrat,Arial,sans-serif;color:var(--sb-brand);letter-spacing:.06em}
#sb-selling-fixed .lg-chapter>p{max-width:68ch}
#sb-selling-fixed .lg-small{font-size:14px;color:#77776f;margin-top:18px!important}
#sb-selling-fixed .lg-pull{margin:36px 0;padding:4px 0 4px 26px;border-left:4px solid var(--sb-brand)}
#sb-selling-fixed .lg-pull p{font:500 clamp(21px,2.3vw,27px)/1.35 Montserrat,Arial,sans-serif;letter-spacing:-.015em}
#sb-selling-fixed .lg-box{display:grid;grid-template-columns:34px 1fr;gap:16px;margin:28px 0;padding:22px 26px;border-radius:18px;background:var(--sb-tint)}
#sb-selling-fixed .lg-box__icon{color:var(--sb-brand)}
#sb-selling-fixed .lg-box__icon svg{width:28px;height:28px}
#sb-selling-fixed .lg-box--warn{background:#fdf3e4}
#sb-selling-fixed .lg-box--warn .lg-box__icon{color:var(--lg-orange)}
#sb-selling-fixed .lg-box h3{font-size:17px;margin-bottom:6px}
#sb-selling-fixed .lg-box p{font-size:17px}
#sb-selling-fixed .lg-tick{display:inline-grid;place-items:center;width:24px;height:24px;margin-top:3px;border-radius:50%;background:var(--sb-brand);color:#fff}
#sb-selling-fixed .lg-tick svg{width:15px;height:15px}
#sb-selling-fixed .lg-checks{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px}
#sb-selling-fixed .lg-checks li{display:grid;grid-template-columns:26px 1fr;gap:12px}

/* Fünf Wege */
#sb-selling-fixed .lg-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}
#sb-selling-fixed .lg-way{padding:26px 24px 22px;border:1px solid var(--sb-line);border-radius:18px;background:#fff}
#sb-selling-fixed .lg-way:last-child:nth-child(odd){grid-column:1/-1}
#sb-selling-fixed .lg-way__nr{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:50%;background:var(--sb-tint);color:var(--lg-brand-dark);font:700 16px/1 Montserrat,Arial,sans-serif}
#sb-selling-fixed .lg-way h3{font-size:20px;margin-bottom:8px}
#sb-selling-fixed .lg-way p{font-size:16.5px}
#sb-selling-fixed .lg-way dl{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--sb-line);font-size:15.5px;line-height:1.5}
#sb-selling-fixed .lg-way dt{margin:10px 0 4px;font:600 12px/1 Montserrat,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lg-brand-dark)}
#sb-selling-fixed .lg-way dt:first-child{margin-top:0}
#sb-selling-fixed .lg-way dd{margin:0}

/* Tabelle */
#sb-selling-fixed .lg-table-wrap{overflow-x:auto;margin:26px 0}
#sb-selling-fixed .lg-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
#sb-selling-fixed .lg-table :is(th,td){padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--sb-line)}
#sb-selling-fixed .lg-table thead th{font:600 13px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-brand-dark);border-bottom:2px solid var(--sb-brand)}
#sb-selling-fixed .lg-table tbody th{width:24%;font:600 15px/1.35 Montserrat,Arial,sans-serif}

/* Schritte */
#sb-selling-fixed .lg-steps{list-style:none;margin:28px 0;padding:0}
#sb-selling-fixed .lg-steps li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px;padding-bottom:26px}
#sb-selling-fixed .lg-steps li::before{content:"";position:absolute;left:27px;top:44px;bottom:4px;width:2px;background:var(--sb-line)}
#sb-selling-fixed .lg-steps li:last-child::before{display:none}
#sb-selling-fixed .lg-step__nr{position:relative;display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--sb-brand);border-radius:50%;background:#fff;color:var(--lg-brand-dark);font:700 17px/1 Montserrat,Arial,sans-serif}
#sb-selling-fixed .lg-steps h3{font-size:19px;margin:6px 0 4px}
#sb-selling-fixed .lg-steps p{font-size:17px}

/* Zitat mit Person */
#sb-selling-fixed .lg-person{display:grid;grid-template-columns:120px 1fr;gap:8px 26px;align-items:center;margin:40px 0 10px;padding:28px;border-radius:22px;background:var(--sb-tint)}
#sb-selling-fixed .lg-person img{grid-row:span 2;width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 20%}
#sb-selling-fixed .lg-person blockquote{margin:0}
#sb-selling-fixed .lg-person blockquote p{font:500 20px/1.45 Montserrat,Arial,sans-serif;letter-spacing:-.01em}
#sb-selling-fixed .lg-person figcaption{display:flex;flex-direction:column;font-size:15px}
#sb-selling-fixed .lg-person figcaption strong{font-family:Montserrat,Arial,sans-serif}

/* Checkliste + PDF-Formular */
#sb-selling-fixed .lg-band{margin-top:48px}
#sb-selling-fixed .lg-band__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
#sb-selling-fixed .lg-band h2{margin:10px 0 22px}
#sb-selling-fixed .lg-checklist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#sb-selling-fixed .lg-checklist li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:14px 18px;border-radius:14px;background:#fff;font-size:17px;line-height:1.45}
#sb-selling-fixed .lg-checklist li::before{content:"";width:22px;height:22px;margin-top:1px;border:2px solid var(--sb-brand);border-radius:6px}
#sb-selling-fixed .lg-lead{position:sticky;top:24px;padding:34px;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(74,74,73,.12)}
#sb-selling-fixed .lg-lead__cover{display:flex;gap:18px;align-items:center;margin-bottom:22px}
#sb-selling-fixed .lg-lead__cover img{flex:0 0 86px;width:86px;height:120px;object-fit:cover;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
#sb-selling-fixed .lg-lead h3{font-size:22px;margin-bottom:6px}
#sb-selling-fixed .lg-lead__cover p{font-size:15.5px;line-height:1.45}
#sb-selling-fixed .lg-form{display:grid;gap:14px}
#sb-selling-fixed .lg-form label{display:grid;gap:6px;font:600 14px/1.2 Montserrat,Arial,sans-serif}
#sb-selling-fixed .lg-form :is(input[type=text],input[type=email],input[type=tel]){padding:13px 15px;border:1px solid #cfccc2;border-radius:12px;background:#fff;color:var(--sb-ink);font:17px 'Source Sans 3',Arial,sans-serif}
#sb-selling-fixed .lg-form input:focus{border-color:var(--sb-brand);outline:none;box-shadow:0 0 0 3px rgba(130,176,42,.22)}
#sb-selling-fixed .lg-form .lg-optional{font-weight:400;color:#8a8a82}
#sb-selling-fixed .lg-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#sb-selling-fixed .lg-form .lg-form__consent{grid-template-columns:22px 1fr;gap:10px;font:400 14px/1.45 'Source Sans 3',Arial,sans-serif}
#sb-selling-fixed .lg-form__consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--sb-brand)}
#sb-selling-fixed .lg-form__consent a{text-decoration:underline}
#sb-selling-fixed .lg-form .sb-honeypot{position:absolute;left:-9999px}
#sb-selling-fixed .lg-form button{justify-content:center;margin-top:4px;border:0;cursor:pointer}
#sb-selling-fixed .lg-form__note{font-size:13.5px;line-height:1.45;color:#77776f}
#sb-selling-fixed .lg-success{padding:20px;border-radius:14px;background:#eef6dc}
#sb-selling-fixed .lg-success h4{font-size:18px;margin-bottom:8px}
#sb-selling-fixed .lg-success p{font-size:15.5px;margin-bottom:14px}

/* FAQ */
#sb-selling-fixed .lg-faq__inner{max-width:780px}
#sb-selling-fixed .lg-faq h2{margin:10px 0 20px}
#sb-selling-fixed .lg-faq details{border-bottom:1px solid var(--sb-line)}
#sb-selling-fixed .lg-faq summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;font:600 18px/1.35 Montserrat,Arial,sans-serif}
#sb-selling-fixed .lg-faq summary::-webkit-details-marker{display:none}
#sb-selling-fixed .lg-faq summary::after{content:"+";flex-shrink:0;font-size:26px;line-height:.9;color:var(--sb-brand)}
#sb-selling-fixed .lg-faq details[open]>summary::after{content:"−"}
#sb-selling-fixed .lg-faq details p{max-width:66ch;padding-bottom:22px}
#sb-selling-fixed .lg-disclaimer{max-width:780px;margin:0 auto 48px;font-size:14px;color:#8a8a82;text-align:center}

@media(max-width:980px){
  #sb-selling-fixed .lg-layout{grid-template-columns:1fr;gap:0}
  #sb-selling-fixed .lg-toc{position:static;margin-bottom:32px}
  #sb-selling-fixed .lg-toc ol,#sb-selling-fixed .lg-toc__title{display:none}
  #sb-selling-fixed .lg-band__inner{grid-template-columns:1fr}
  #sb-selling-fixed .lg-lead{position:static}
}
@media(max-width:700px){
  #sb-selling-fixed .lg-hero .st-hero-copy{min-height:0}
  #sb-selling-fixed .lg-hero::before{background:linear-gradient(180deg,rgba(53,82,30,.8) 0%,rgba(60,92,32,.88) 100%)}
  #sb-selling-fixed .lg-hero__meta{flex-direction:column;gap:6px}
  #sb-selling-fixed .lg-intro p{font-size:19px}
  #sb-selling-fixed .lg-ways{grid-template-columns:1fr}
  #sb-selling-fixed .lg-person{grid-template-columns:1fr}
  #sb-selling-fixed .lg-person img{grid-row:auto;width:88px;height:88px}
  #sb-selling-fixed .lg-table thead{display:none}
  #sb-selling-fixed .lg-table :is(tbody,tr,th,td){display:block;width:100%!important}
  #sb-selling-fixed .lg-table tr{padding:14px 0;border-bottom:1px solid var(--sb-line)}
  #sb-selling-fixed .lg-table :is(th,td){padding:4px 0;border:0}
  #sb-selling-fixed .lg-table td::before{content:attr(data-label);display:block;font:600 12px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-brand-dark)}
  #sb-selling-fixed .lg-steps li{grid-template-columns:44px 1fr;gap:14px}
  #sb-selling-fixed .lg-step__nr{width:44px;height:44px;font-size:15px}
  #sb-selling-fixed .lg-steps li::before{left:21px;top:40px}
  #sb-selling-fixed .lg-lead{padding:26px 22px}
  #sb-selling-fixed .lg-form__row{grid-template-columns:1fr}
}
/* Abschlussband mit CI-Sujet (Sonne, Wald, Himmel) statt dunklem Grün (Dani, 21.10.2026).
   Höher und tiefer angesetzt, damit Waldkante und Sonne sichtbar sind; Schleier nur hinter dem Text. */
#sb-selling-fixed.st-lead-guide-page .st-close-band .st-close-inner{min-height:clamp(300px,26vw,400px);padding-block:56px}
#sb-selling-fixed.st-lead-guide-page .st-close-band .st-band-image{object-position:38% 72%}
#sb-selling-fixed.st-lead-guide-page .st-close-band::before{background:linear-gradient(90deg,rgba(28,45,18,.82) 0%,rgba(28,45,18,.55) 38%,rgba(28,45,18,0) 62%,rgba(28,45,18,.25) 100%)}
#sb-selling-fixed.st-lead-guide-page .st-close-band :is(h2,p){text-shadow:0 2px 14px rgba(20,35,10,.4)}
#sb-selling-fixed.st-lead-guide-page .st-close-band .st-close-copy{max-width:520px}
#sb-selling-fixed.st-lead-guide-page .st-close-band .st-button{font-size:15px;box-shadow:0 8px 22px rgba(20,35,10,.35)}
@media(max-width:700px){#sb-selling-fixed.st-lead-guide-page .st-close-band::before{background:rgba(28,45,18,.6)}#sb-selling-fixed.st-lead-guide-page .st-close-band .st-close-inner{min-height:0}}
@media(prefers-reduced-motion:no-preference){#sb-selling-fixed.st-lead-guide-page{scroll-behavior:smooth}}