/* V193 – SEO-Landingpages */
.seo-page{background:#fff;color:var(--ink)}
.seo-hero{position:relative;overflow:hidden;padding:142px 0 88px;background:linear-gradient(100deg,rgba(6,30,19,.96),rgba(10,48,31,.86) 54%,rgba(12,55,34,.60)),url('/holz-kettensaege-hero.webp') center 56%/cover no-repeat;color:#fff}
.seo-hero:after{content:"";position:absolute;inset:auto -8% -45% 48%;height:520px;background:radial-gradient(circle,rgba(211,162,92,.18),transparent 64%);pointer-events:none}
.seo-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.seo-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:20px;font-size:12px;color:rgba(255,255,255,.68)}
.seo-breadcrumbs a:hover{color:#fff}.seo-breadcrumbs span{opacity:.55}
.seo-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f0d2a1}
.seo-hero h1{max-width:760px;margin:17px 0 20px;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.seo-hero h1 span{color:#e0b477}
.seo-hero-lead{max-width:720px;margin:0;font-size:18px;line-height:1.75;color:rgba(255,255,255,.82)}
.seo-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.seo-actions .btn-ghost{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}
.seo-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin-top:26px;color:rgba(255,255,255,.78);font-size:13px;font-weight:700}.seo-hero-points span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:50%;background:rgba(104,199,132,.15);color:#8fe1a8}
.seo-dashboard{padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 30px 85px rgba(0,0,0,.34);transform:perspective(1100px) rotateY(-4deg)}
.seo-dashboard-top{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 14px;border-bottom:1px solid #e4ebe6}.seo-dashboard-top strong{color:var(--green);letter-spacing:.04em}.seo-dashboard-top small{color:#849087}
.seo-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.seo-metric{padding:15px;border:1px solid #e1e9e3;border-radius:15px;background:#fff}.seo-metric span{display:block;font-size:10px;color:#7c8980}.seo-metric strong{display:block;margin-top:5px;font-size:24px;color:#173d2b}.seo-metric small{font-size:10px;color:#5f7065}
.seo-dashboard-card{margin-top:10px;padding:16px;border-radius:16px;background:#f1f6f2;border:1px solid #dfe9e2}.seo-dashboard-card>b{display:block;font-size:13px}.seo-dashboard-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #dfe7e1;font-size:11px}.seo-dashboard-row:last-child{border-bottom:0}.seo-dashboard-row span{color:#637168}.seo-dashboard-row strong{color:#1a5035}
.seo-strip{border-bottom:1px solid var(--line);background:#fff}.seo-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.seo-strip-grid div{padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.seo-strip-grid strong{display:block;color:var(--green);font-size:15px}.seo-strip-grid span{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.seo-section{padding:96px 0}.seo-section.soft{background:linear-gradient(180deg,#f4f7f4,#f9fbf9)}.seo-section.dark{background:linear-gradient(135deg,#09291b,#174b33);color:#fff}.seo-section-head{max-width:760px;margin-bottom:42px}.seo-section-head.center{margin-left:auto;margin-right:auto;text-align:center}.seo-section-head h2{margin:10px 0 14px;font-size:clamp(35px,4vw,52px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}.seo-section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.dark .seo-section-head p{color:rgba(255,255,255,.72)}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.seo-card{padding:26px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 14px 36px rgba(14,43,29,.055)}.seo-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edf4ef;color:var(--green);font-size:21px}.seo-card h3{margin:17px 0 8px;font-size:20px}.seo-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}.seo-card ul{margin:15px 0 0;padding-left:18px;color:#4e6055;font-size:12.5px;line-height:1.8}
.seo-cost-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:62px;align-items:center}.seo-cost-copy h2{margin:10px 0 16px;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.04em}.seo-cost-copy>p{color:rgba(255,255,255,.72);line-height:1.75}.seo-cost-list{display:grid;gap:10px;margin-top:24px}.seo-cost-list div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.055)}.seo-cost-list b{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(211,162,92,.15);color:#f0cb8b}.seo-cost-list strong{display:block;font-size:14px}.seo-cost-list span{display:block;margin-top:3px;font-size:12px;color:rgba(255,255,255,.62)}
.seo-calc{padding:24px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.22)}.seo-calc-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.seo-calc-head strong{font-size:17px;color:var(--green)}.seo-calc-head span{font-size:10px;color:#7a877e}.seo-calc table{width:100%;border-collapse:collapse;font-size:12px}.seo-calc td{padding:11px 8px;border-bottom:1px solid #e6ece8}.seo-calc td:last-child{text-align:right;font-weight:800}.seo-calc-result{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:15px;border-radius:14px;background:#edf5ef}.seo-calc-result span{font-size:11px;color:#5d6d63}.seo-calc-result strong{font-size:25px;color:#1a5838}
.seo-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.seo-flow article{position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:#fff}.seo-flow b{display:block;color:#b8833f;font-size:11px;letter-spacing:.12em}.seo-flow strong{display:block;margin-top:13px;font-size:16px}.seo-flow p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.seo-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.seo-mobile-copy h2{font-size:clamp(36px,4vw,52px);letter-spacing:-.04em;line-height:1.05}.seo-mobile-copy p{color:var(--muted);line-height:1.75}.seo-mobile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.seo-mobile-tags span{padding:8px 11px;border-radius:999px;background:#edf4ef;color:#28553c;font-size:11px;font-weight:800}.seo-phone{max-width:365px;margin:0 auto;padding:14px;border-radius:38px;background:#101611;box-shadow:0 28px 65px rgba(11,43,29,.22)}.seo-phone-screen{min-height:510px;padding:22px;border-radius:28px;background:#f7faf7}.seo-phone-bar{display:flex;justify-content:space-between;color:#425248;font-size:10px}.seo-phone-logo{margin:24px 0 18px;color:#173d2b;font-size:18px;font-weight:900}.seo-phone-box{padding:16px;margin-top:10px;border:1px solid #dfe7e1;border-radius:15px;background:#fff}.seo-phone-box span{font-size:10px;color:#78847c}.seo-phone-box strong{display:block;margin-top:5px;color:#193f2c}.seo-phone-action{margin-top:14px;padding:13px;border-radius:13px;background:#183c2b;color:#fff;text-align:center;font-size:12px;font-weight:900}
.seo-roadmap-note{display:grid;grid-template-columns:auto 1fr;gap:14px;max-width:930px;margin:28px auto 0;padding:20px;border:1px solid #dfe7e1;border-radius:18px;background:#f7faf7}.seo-roadmap-note b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf3ec;color:#1c5b3a}.seo-roadmap-note strong{display:block}.seo-roadmap-note p{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.65}
.seo-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px}.seo-faq h2{font-size:clamp(34px,4vw,50px);line-height:1.06;letter-spacing:-.04em}.seo-faq-list{display:grid;gap:10px}.seo-faq-list details{padding:0 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.seo-faq-list summary{padding:18px 2px;font-size:14px;font-weight:850;cursor:pointer}.seo-faq-list p{margin:0;padding:0 2px 18px;color:var(--muted);font-size:13px;line-height:1.7}
.seo-cta{padding:78px 0;background:linear-gradient(90deg,rgba(5,24,15,.94),rgba(8,35,22,.80)),url('/holz-kettensaege-hero.webp') center/cover no-repeat;color:#fff}.seo-cta .wrap{max-width:850px;text-align:center}.seo-cta h2{margin:10px 0 14px;font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em}.seo-cta p{color:rgba(255,255,255,.78);line-height:1.7}
@media(max-width:980px){.seo-hero-grid,.seo-cost-grid,.seo-mobile-grid,.seo-faq{grid-template-columns:1fr}.seo-dashboard{max-width:700px;margin:auto;transform:none}.seo-card-grid{grid-template-columns:1fr 1fr}.seo-flow{grid-template-columns:1fr 1fr}.seo-strip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.seo-hero{padding:110px 0 60px}.seo-hero h1{font-size:42px}.seo-hero-lead{font-size:15px}.seo-hero-points{grid-template-columns:1fr}.seo-dashboard{display:none}.seo-strip-grid,.seo-card-grid,.seo-flow{grid-template-columns:1fr}.seo-section{padding:70px 0}.seo-section-head{margin-bottom:28px}.seo-section-head h2{font-size:34px}.seo-cost-grid{gap:35px}.seo-mobile-grid{gap:34px}.seo-phone{max-width:310px}.seo-faq{gap:25px}.seo-cta .wrap{text-align:left}.seo-actions{display:grid}.seo-actions .btn{width:100%}}

/* V194 – Brennholz-Software screenshot section */
.seo-screenshot-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:48px;align-items:center}
.seo-screenshot-grid h2{margin:10px 0 14px;font-size:clamp(34px,4vw,50px);line-height:1.06;letter-spacing:-.04em}.seo-screenshot-grid p{color:var(--muted);line-height:1.75}
.seo-screenshot{padding:10px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(14,43,29,.12)}.seo-screenshot img{display:block;width:100%;height:auto;border-radius:14px}
.seo-inline-note{margin-top:18px;padding:14px 16px;border-left:3px solid #b8833f;border-radius:0 12px 12px 0;background:#f7f4ef;font-size:12.5px!important}
@media(max-width:980px){.seo-screenshot-grid{grid-template-columns:1fr}}

/* V196 – Software für Lohnunternehmen im Forst */
.seo-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.seo-split h2{margin:10px 0 16px;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.04em}
.seo-split>div>p{color:var(--muted);line-height:1.75}
.seo-check-list{display:grid;gap:9px;margin-top:22px}.seo-check-list span{padding:10px 12px;border:1px solid #dfe7e1;border-radius:12px;background:#fff;color:#355445;font-size:12.5px;font-weight:750}
.seo-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seo-use-grid article{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.seo-use-grid b{display:block;font-size:25px}.seo-use-grid strong{display:block;margin-top:12px;font-size:16px}.seo-use-grid p{margin:7px 0 0;color:var(--muted);font-size:12.5px;line-height:1.65}
@media(max-width:980px){.seo-split{grid-template-columns:1fr}.seo-use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.seo-use-grid{grid-template-columns:1fr}.seo-split{gap:32px}}


/* V198 – SEO & Conversion Polish */
.seo-conversion{padding:88px 0;background:#fff}
.seo-conversion-head{max-width:800px;margin:0 auto 34px;text-align:center}.seo-conversion-head h2{margin:10px 0 13px;font-size:clamp(34px,4vw,50px);line-height:1.06;letter-spacing:-.04em}.seo-conversion-head p{margin:0;color:var(--muted);line-height:1.72}
.seo-conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-conversion-card{padding:27px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(160deg,#fff,#f8faf8);box-shadow:0 12px 34px rgba(14,43,29,.05)}.seo-conversion-card h3{margin:0 0 14px;font-size:20px}.seo-conversion-list{display:grid;gap:9px}.seo-conversion-list span{display:flex;gap:9px;align-items:flex-start;color:#4c5f53;font-size:13px;line-height:1.55}.seo-conversion-list span:before{content:'✓';flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eaf3ec;color:#1c603c;font-size:11px;font-weight:900}
.seo-conversion-shot{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center;margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#f6f9f6}.seo-conversion-shot h3{margin:8px 0 10px;font-size:23px}.seo-conversion-shot p{color:var(--muted);font-size:13px;line-height:1.7}.seo-conversion-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #dfe7e1;box-shadow:0 16px 38px rgba(14,43,29,.12)}
.seo-related{padding:76px 0;background:linear-gradient(180deg,#f4f7f4,#fafcfa)}.seo-related-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.seo-related-head h2{margin:8px 0 0;font-size:clamp(30px,3.5vw,43px);letter-spacing:-.035em}.seo-related-head p{max-width:540px;margin:0;color:var(--muted);line-height:1.7}.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-related-card{display:flex;min-height:175px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;transition:.18s ease}.seo-related-card:hover{transform:translateY(-2px);border-color:#bfd0c4;box-shadow:0 15px 35px rgba(14,43,29,.08)}.seo-related-card strong{font-size:17px}.seo-related-card p{margin:8px 0 18px;color:var(--muted);font-size:12.5px;line-height:1.65}.seo-related-card span{margin-top:auto;color:var(--green);font-size:12px;font-weight:850}
@media(max-width:900px){.seo-conversion-grid,.seo-conversion-shot{grid-template-columns:1fr}.seo-related-head{display:block}.seo-related-head p{margin-top:12px}.seo-related-grid{grid-template-columns:1fr}}
@media(max-width:640px){.seo-conversion{padding:68px 0}.seo-related{padding:60px 0}}
