/* Greenforces – Zusatzstyles für /faq/, /hilfe/ und /hilfe/gruenpflege/ (ergänzt style.css, überschreibt nichts Globales) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.lead-dark{margin-top:16px;font-size:17px;line-height:1.7;color:var(--muted)}
.hilfe-search{display:block;max-width:640px;margin:0 0 20px}
.hilfe-search input{width:100%;min-height:52px;padding:12px 18px 12px 48px;border:1.5px solid var(--line);border-radius:999px;font:500 16px "Montserrat",sans-serif;color:var(--text);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23154B24' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%/20px}
.hilfe-search input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(127,176,105,.3)}
.search-empty{margin:0 0 20px;color:var(--muted)}
.faq-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px}
.faq-toc .chip{min-height:38px;padding:7px 14px;font-size:13.5px}
.chip--accent{background:var(--green);color:#fff!important;border-color:var(--green)}
.faq-group{margin-top:56px;scroll-margin-top:calc(var(--header-h) + 20px)}
.faq-group:first-of-type{margin-top:0}
.faq-group h2{font-size:clamp(24px,2.4vw,30px)!important;margin-bottom:12px}
.faq-group .faq{max-width:none}
.faq-cta{margin-top:20px;padding:22px 24px;background:var(--grey);border-radius:8px;border-left:4px solid var(--accent)}
.faq-cta p{font-size:15.5px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cta-row .btn{min-height:44px;padding:10px 20px;font-size:14.5px}
.cta-app{margin-top:12px;font-size:14px}
.section--green .cta-app,.hilfe-cta .cta-app{color:rgba(255,255,255,.85)}
.hilfe-cta .cta-app .text-link{color:#fff;text-decoration:underline}
.btn-wa::before{content:"";width:18px;height:18px;margin-right:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Sicherheit */
.safety-box{border:1.5px solid #E0A33B;background:#FFF8EC;border-radius:8px;padding:18px 22px;margin-bottom:48px;font-size:15.5px;line-height:1.6}
.safety-box a{color:#9A3412;font-weight:700}
.hilfe-danger{background:#FDECEC;border-left:4px solid #C0392B;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:15.5px}
.hilfe-hint{margin-top:16px;font-size:14px;color:var(--muted);line-height:1.6}
/* Wizard */
.wizard{background:var(--grey);border-radius:12px;padding:36px 32px;margin-bottom:72px;scroll-margin-top:calc(var(--header-h) + 16px)}
.wiz-head h2{margin-bottom:18px}
.wiz-progress{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 24px;flex-wrap:wrap}
.wiz-progress li{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;background:#fff;color:var(--muted)}
.wiz-progress li.is-on{background:var(--green);color:#fff}
.wiz-q{font-weight:600;color:var(--green);font-size:18px;margin-bottom:14px}
.wiz-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.wiz-opt{display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;padding:14px 18px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:600 15.5px/1.35 "Montserrat",sans-serif;color:var(--green);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.wiz-opt span{font-size:22px}
.wiz-opt:hover,.wiz-opt:focus-visible{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,75,36,.08)}
.wiz-back{margin-top:16px;background:none;border:0;cursor:pointer;font:600 14px "Montserrat",sans-serif;padding:4px 0}
.wiz-result{margin-top:8px}
.wiz-result h3{font-size:22px;color:var(--green);margin:6px 0 10px}
.wiz-result .hilfe-cta{margin-top:18px}
/* Ratgeber-Liste */
.hilfe-list-head h2{margin-bottom:20px}
.hilfe-group-h{font-size:20px!important;margin:40px 0 12px;display:flex;gap:10px;align-items:center}
.guide{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:#fff;scroll-margin-top:calc(var(--header-h) + 16px)}
.guide[open]{border-color:var(--green);box-shadow:0 10px 30px rgba(21,75,36,.08)}
.guide summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;position:relative;display:flex;flex-direction:column;gap:2px}
.guide summary::-webkit-details-marker{display:none}
.guide summary::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);transition:transform .25s}
.guide[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.guide-title{font-weight:700;color:var(--green);font-size:17px}
.guide-sub{font-size:14px;color:var(--muted)}
.guide-body{padding:0 22px 22px}
.guide-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.guide-cols h3{font-size:16px;color:var(--green);margin-bottom:10px}
.guide-steps{margin:0;padding-left:22px;font-size:15.5px;line-height:1.6}
.guide-steps li+li{margin-top:8px}
.guide .checks{margin-top:0;font-size:15px}
.hilfe-cta{margin-top:24px;background:var(--green);color:#fff;border-radius:10px;padding:22px 24px}
.hilfe-cta p{font-size:15.5px;color:rgba(255,255,255,.9)}
.hilfe-cta-title{font-weight:700;font-size:18px!important;color:#fff!important;margin-bottom:4px}
.hilfe-teaser{margin-top:72px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;border-radius:12px;background:var(--grey)}
.hilfe-teaser h2{margin-bottom:10px}
.hilfe-teaser .btn{flex:0 0 auto}
/* Grünpflege-Wissen */
.wissen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.wissen{background:var(--grey);border-radius:10px;padding:28px;display:flex;flex-direction:column;scroll-margin-top:calc(var(--header-h) + 16px)}
.wissen h3{font-size:21px;color:var(--green);margin-bottom:6px}
.wissen p{font-size:15.5px;line-height:1.65}
.wissen-label{margin-top:16px;font-size:12px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.wissen .checks{margin-top:6px;font-size:15px}
.wissen-wir{margin-top:auto;padding-top:20px}
.wissen-wir>p:not(.wissen-label){margin-bottom:2px}
.kal-wrap{overflow-x:auto;background:#fff;border-radius:10px;border:1px solid var(--line)}
.kal{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.kal th,.kal td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.kal thead th{background:var(--green);color:#fff;font-weight:600;font-size:13.5px}
.kal tbody th{color:var(--green);font-weight:700;white-space:nowrap}
.kal tbody tr:nth-child(even){background:#FAFBFA}
.kal td:last-child{font-weight:600;color:var(--green)}
.is-hidden{display:none!important}
@media (max-width:980px){
  .guide-cols{grid-template-columns:1fr;gap:20px}
  .wissen-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wizard{padding:26px 18px;margin-bottom:56px}
  .wiz-opts{grid-template-columns:1fr}
  .cta-row .btn{width:100%}
  .hilfe-teaser{flex-direction:column;align-items:flex-start;padding:24px}
  .guide summary{padding:16px 48px 16px 16px}
  .guide-body{padding:0 16px 18px}
  .hilfe-cta{padding:20px 18px}
  .wissen{padding:22px 18px}
  .faq-cta{padding:18px}
  .kal-wrap{border:0;background:none}
  .kal thead{display:none}
  .kal,.kal tbody,.kal tr,.kal th,.kal td{display:block;width:100%}
  .kal tr{background:#fff!important;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}
  .kal tbody th{background:var(--green);color:#fff;padding:10px 14px}
  .kal td{border-bottom:1px solid var(--line);padding:10px 14px}
  .kal td:last-child{border-bottom:0}
  .kal td::before{content:attr(data-l);display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
}