/* Online-Checkliste (partials/checklist-page.php). Bildschirm wie das PDF, Druck als zwei A4-Seiten. */
.cl-body{background:#f3f7fa}
.cl-main{padding:40px 0 72px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cl-kicker{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5696a6}
.cl-kicker--sky{color:#91d1ff}

/* Branchenwahl */
.cl-pick{margin-bottom:26px}
.cl-pick__title{margin:0 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.1;color:#284151}
.cl-pick__title .hx-mark{color:#28597d}
.cl-pick__intro{max-width:720px;font-size:18px;line-height:1.5;margin:0 0 26px}
.cl-pick__h{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5696a6}
.cl-pick__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cl-pick__tile{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 14px;background:#fff;border:2px solid #d5e3ee;border-top:5px solid #d5e3ee;color:#28597d;font-weight:700;font-size:15px;line-height:1.25;text-decoration:none;transition:border-color .15s,background .15s}
.cl-pick__tile:hover{border-color:#28597d;border-top-color:#e5a83e}
.cl-pick__tile:focus-visible{outline:3px solid #e5a83e;outline-offset:2px}
.cl-pick__tile.is-on{background:#28597d;border-color:#28597d;border-top-color:#e5a83e;color:#fff}
.cl-pick__hint{margin:10px 0 0;font-size:14px;color:#4f6676}
.cl-main > .hx-w,.cl-slot > .hx-w{max-width:948px}
.cl-empty{margin:0 0 120px;padding:28px;background:#fff;border-left:6px solid #e5a83e;font-size:17px;color:#284151}
.cl-slot{transition:opacity .15s}
.cl-slot.is-loading{opacity:.45;pointer-events:none}
@media (max-width:640px){.cl-pick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-pick__tile{min-height:52px;font-size:14px;padding:8px 10px}}

/* Werkzeugleiste */
.cl-tools{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-bottom:18px}
.cl-privacy{margin:0;font-size:14px;color:#4f6676}
.cl-tools__btns{display:flex;flex-wrap:wrap;gap:10px}
.cl-tbtn{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 16px;border:2px solid #28597d;background:#fff;color:#28597d;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.cl-tbtn:hover{background:#e8f5ff}
.cl-tbtn--main{background:#28597d;color:#fff;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 16px}
.cl-tbtn--main small{font-size:12px;font-weight:400;color:#cfe6f7}
.cl-tbtn--main:hover{background:#1e4766}

/* Dokument */
.cl-doc{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:28px;padding:0 16px}
.cl-page{background:#fff;box-shadow:0 2px 18px rgba(23,38,49,.08);color:#284151}
.cl-band{background:radial-gradient(ellipse at 88% 30%,#28597d 0%,#172631 68%);color:#fff;padding:36px 44px 32px;position:relative}
.cl-band::after{content:"";position:absolute;right:44px;top:36px;width:30px;height:30px;background:#e5a83e}
.cl-band__logo{height:40px;width:auto;display:block;margin-bottom:26px}
.cl-band h1{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;color:#fff}
.cl-band h1 em,.cl-band h1 strong,.cl-band h1 .hx-hl{color:#e5a83e;font-style:normal}
.cl-band__lead{margin:14px 0 0;font-size:17px;line-height:1.45;color:#e8f5ff;max-width:620px}
.cl-in{padding:28px 44px 36px;display:flex;flex-direction:column;gap:22px}
.cl-in h2{margin:6px 0 0;font-size:24px;color:#28597d}
.cl-fact{display:flex;gap:22px;align-items:center;background:#e8f5ff;border-left:8px solid #e5a83e;padding:16px 20px}
.cl-fact__num{font-size:34px;font-weight:700;color:#28597d;white-space:nowrap}
.cl-fact__txt{font-size:15px;line-height:1.5}
.cl-src{display:block;font-size:12px;color:#4f6676;margin-top:6px}
.cl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cl-steps li{border-top:4px solid #e5a83e;padding-top:8px;font-size:14px;line-height:1.45}
.cl-steps b{display:block;color:#28597d;font-size:15px;margin-bottom:2px}

.cl-tablewrap{overflow-x:auto}
.cl-table{width:100%;border-collapse:collapse}
.cl-table th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5696a6;text-align:left;padding:0 8px 7px;border-bottom:2px solid #28597d;vertical-align:bottom}
.cl-table th.cl-grp{text-transform:none;letter-spacing:.04em;font-size:12px;color:#28597d;text-align:center;border-bottom:1px solid #9fb8cb}
.cl-table th.cl-c{text-align:center;width:76px;padding:6px 0 7px}
.cl-table th.cl-pc{text-align:right;width:120px}
.cl-table td{padding:10px 8px;border-bottom:1px solid #d5e3ee;vertical-align:middle;font-size:14px;line-height:1.4}
.cl-table td.cl-n{width:30px;font-weight:700;color:#e5a83e;font-size:17px}
.cl-table td.cl-r b{color:#28597d;font-size:15px}
.cl-table td.cl-self{color:#4f6676;font-size:13.5px;width:34%}
.cl-self-m{display:none}
.cl-table td.cl-c{text-align:center;padding-left:0;padding-right:0}
.cl-table td.cl-pc{text-align:right}
.cl-table tr.is-yes td{background:#f6fbff}
.cl-table tr.is-yes td.cl-pc input{color:#9fb8cb}
.cl-radio{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;position:relative}
.cl-radio input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}
.cl-radio span[aria-hidden]{width:20px;height:20px;border:2px solid #28597d;background:#fff;display:block}
.cl-radio input:checked + span{background:#28597d;box-shadow:inset 0 0 0 3px #fff}
.cl-radio input:focus-visible + span{outline:3px solid #e5a83e;outline-offset:2px}
.cl-radio__lbl{display:none}
.cl-pct{display:inline-flex;align-items:baseline;gap:4px;font-size:14px;color:#4f6676}
.cl-pct input,.cl-val input,.cl-helper input{font:inherit;font-size:16px;width:64px;padding:4px 2px;border:0;border-bottom:2px solid #28597d;background:transparent;text-align:right;color:#284151;-moz-appearance:textfield}
.cl-pct input:focus,.cl-val input:focus,.cl-helper input:focus{outline:none;border-bottom-color:#e5a83e;background:#fffaf0}
.cl-table input::-webkit-outer-spin-button,.cl-table input::-webkit-inner-spin-button,.cl-calc input::-webkit-outer-spin-button,.cl-calc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cl-note{margin:0;font-size:13px;color:#4f6676}
.cl-missing{margin:10px 0 0;font-size:14px;font-weight:500;color:#28597d}

.cl-fxwrap{overflow-x:auto}
.cl-fx{width:100%;border-collapse:collapse}
.cl-fx th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5696a6;text-align:left;padding:0 8px 7px;border-bottom:2px solid #28597d;vertical-align:bottom}
.cl-fx td{padding:9px 8px;border-bottom:1px solid #d5e3ee;font-size:14px;vertical-align:middle;color:#4f6676}
.cl-fx td b{display:block;color:#28597d;font-size:15px}
.cl-fx td small{display:block;font-size:13px}
.cl-fx__v{text-align:right !important;white-space:nowrap;width:15%}
.cl-fx th.cl-fx__v{white-space:normal}
.cl-fx__f{color:#28597d !important;font-weight:700}
.cl-fx__sum td{background:#e8f5ff;border-bottom:0}
.cl-o{font-weight:700;color:#28597d}
.cl-o:empty::before{content:"–";font-weight:400;color:#9fb8cb}
.cl-warn{margin:0;padding:8px 12px;background:#fff4e0;color:#8a5a00;font-size:14px}
.cl-calc{border:1px solid #d5e3ee;border-top:5px solid #28597d}
.cl-calc__row{display:grid;grid-template-columns:30px 1fr 210px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #d5e3ee}
.cl-calc__row:last-child{border-bottom:0}
.cl-calc__row--res{background:#e8f5ff;grid-template-columns:30px 1fr auto;row-gap:4px;align-items:baseline}
.cl-res__h{grid-column:2}
.cl-res__val{grid-column:3;text-align:right;white-space:nowrap}
.cl-res__sub,.cl-res__note{grid-column:2 / 4}
.cl-op{font-weight:700;color:#e5a83e;font-size:20px;text-align:center}
.cl-calc label,.cl-lbl{display:block}
.cl-calc b{color:#28597d;font-size:15px;display:block}
.cl-calc__row--res b{font-size:18px}
.cl-calc small{display:block;color:#4f6676;font-size:13px;line-height:1.4}
.cl-helper{margin-top:4px}
.cl-helper input{width:110px;font-size:14px}
.cl-nowrap{white-space:nowrap}
.cl-cap{display:none !important;color:#8a5a00 !important;margin-top:4px}
.cl-cap.is-on{display:block !important}
.cl-val{text-align:right;white-space:nowrap;font-size:15px;color:#4f6676}
.cl-val i,.cl-res__val i{font-style:normal;color:#4f6676;font-weight:400;margin:0 2px}
.cl-val input{width:120px}
.cl-u{display:inline-block;width:18px;text-align:right}
.cl-val--out .cl-o{font-size:17px}
.cl-res__val{margin:0;font-size:22px;color:#28597d;font-weight:700}
.cl-o--big{font-size:30px}
.cl-res__sub{font-weight:700;color:#28597d !important;text-align:right}
.cl-res__note{margin-top:6px}
.cl-mini{display:none}
.cl-example{margin:0;background:#f9edd8;padding:14px 18px;font-size:14px;line-height:1.5}
.cl-example b,.cl-example strong{color:#28597d}
.cl-why{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}
.cl-why li{font-size:14px;line-height:1.5;padding-left:18px;position:relative}
.cl-why li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:#5696a6}
.cl-why b{color:#28597d}
.cl-cta{background:#28597d;color:#fff;padding:24px 28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.cl-cta__t{flex:999 1 420px;min-width:0}
.cl-cta__t p{margin:0 0 6px;font-size:15px;line-height:1.5}
.cl-cta .cl-cta__h{font-size:21px;font-weight:700;color:#e5a83e;line-height:1.25;margin-bottom:8px}
.cl-cta .cl-cta__pr{font-weight:700}
.cl-cta .cl-cta__m{font-size:13px;color:#91d1ff;margin:0}
.cl-cta__go{flex:1 1 210px;display:flex;flex-direction:column;gap:8px}
.cl-cta__btn{display:block;background:#e5a83e;color:#284151;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:14px 16px;text-align:center;text-decoration:none}
.cl-cta__btn:hover{background:#f1b85a}
.cl-cta__url{font-size:12px;color:#91d1ff;text-align:center}
.cl-src-h{margin:0;font-size:13px;font-weight:700;color:#4f6676}
.cl-sources{margin:0;padding-left:20px;font-size:12px;color:#4f6676}
.cl-sources li{margin:3px 0}
.cl-sources a{color:#4f6676}
.cl-also{margin:0;font-size:14px}
.cl-also a{color:#28597d;font-weight:700}
/* Rettungsweg zum Rechner bei den Anrufzahlen; Hinweis im Buchungskasten: am Bildschirm Übergabe an die Buchung, gedruckt „Bringt diese Checkliste mit“ */
.cl-fte{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:#28597d;text-decoration:underline;text-underline-offset:3px}
.cl-fte:hover{color:#172631}
.cl-prt{display:none}
.cl-printfoot{display:none}
.cl-print-only{display:none}

@media (max-width:700px){
  .cl-band{padding:26px 20px 24px}
  .cl-band::after{right:20px;top:26px;width:22px;height:22px}
  .cl-in{padding:22px 16px 28px}
  .cl-doc{padding:0}
  .cl-steps,.cl-why{grid-template-columns:1fr}
  .cl-fact{flex-direction:column;align-items:flex-start;gap:6px}
  /* Tabelle als Karten */
  .cl-table thead{display:none}
  .cl-table,.cl-table tbody{display:block}
  .cl-table tr{display:grid;grid-template-columns:24px auto auto auto 1fr;column-gap:6px;row-gap:4px;align-items:center;padding:12px 0;border-bottom:1px solid #d5e3ee}
  .cl-table td{display:block;border:0;padding:0}
  .cl-table td.cl-n{grid-row:1 / span 2;align-self:start}
  .cl-table td.cl-r{grid-column:2 / span 4}
  .cl-table td.cl-self{display:none}
  .cl-self-m{display:block;color:#4f6676;font-size:13px;margin-top:2px;font-weight:400}
  .cl-table td.cl-c{grid-row:2}
  .cl-table td.cl-pc{grid-row:2;grid-column:5;text-align:right}
  .cl-radio{width:auto;height:44px;padding-right:6px}
  .cl-radio input{width:100%;height:100%;left:0;top:0}
  .cl-radio__lbl{display:inline;font-style:normal;font-size:13px;margin-left:6px;color:#284151}
  .cl-calc__row{grid-template-columns:22px 1fr;padding:12px}
  .cl-val{grid-column:2;text-align:left}
  /* Faktorentabelle als Karten */
  .cl-fx thead{display:none}
  .cl-fx,.cl-fx tbody{display:block}
  .cl-fx tr{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;padding:12px 0;border-bottom:1px solid #d5e3ee}
  .cl-fx td{display:block;border:0;padding:0}
  .cl-fx td:first-child{grid-column:1 / -1}
  .cl-fx__v{width:auto;text-align:left !important}
  .cl-fx__v::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5696a6;white-space:normal}
  .cl-fx__sum{padding:12px 10px !important;border-bottom:0 !important}
  .cl-fx__sum td{background:none}
  .cl-o--big{font-size:24px}
  .cl-calc__row--res{grid-template-columns:22px 1fr}
  .cl-res__val{grid-column:2;text-align:left;white-space:normal}
  .cl-res__sub,.cl-res__note{grid-column:2;text-align:left}
}

/* Druck: zwei A4-Seiten wie das PDF, mit den eingetragenen Zahlen */
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff !important}
  body *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .hx-skip,.hx-preview,.hx-head,header.hx-header,.hx-nav,.cl-tools,.cl-pick,.cl-empty,.site-footer,footer.hx-footer,#cookie-banner,.cookie-banner,[data-cookie-banner],.cl-also,.cl-fte,.cl-scr{display:none !important}
  .cl-prt{display:inline !important}
  body > header,body > footer{display:none !important}
  .cl-main{padding:0}
  .cl-doc{max-width:none;padding:0;gap:0}
  .cl-page{box-shadow:none;width:210mm;min-height:297mm;page-break-after:always;break-after:page;position:relative;font-size:9.4pt}
  .cl-page--2{page-break-after:auto;break-after:auto}
  .cl-band{padding:11mm 16mm 9mm}
  .cl-band::after{right:16mm;top:11mm;width:9mm;height:9mm}
  .cl-band__logo{height:11mm;margin-bottom:6mm}
  .cl-band h1{font-size:23pt}
  .cl-band__lead{font-size:11pt}
  .cl-kicker{font-size:7.6pt}
  .cl-in{padding:6mm 16mm 0;gap:4mm}
  .cl-page--2 .cl-in{padding-top:1.5mm;gap:2.6mm}
  .cl-mini{display:flex;justify-content:space-between;align-items:center;padding:6mm 16mm 0;font-size:7.6pt;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5696a6}
  .cl-mini img{height:8mm;width:auto}
  .cl-in h2{font-size:12.5pt}
  .cl-fact{padding:3.5mm 5mm;border-left-width:2mm}
  .cl-fact__num{font-size:20pt}
  .cl-fact__txt{font-size:9pt}
  .cl-src{font-size:7.2pt}
  .cl-steps li{font-size:8.6pt;border-top-width:1mm}
  .cl-steps b{font-size:9.2pt}
  .cl-table th{font-size:6.8pt;padding-bottom:1.5mm}
  .cl-table th.cl-grp{font-size:7.4pt}
  .cl-table th.cl-c{width:16mm}
  .cl-table th.cl-pc{width:22mm}
  .cl-table td{padding:1.4mm 2mm;font-size:8.6pt}
  .cl-table td.cl-n{font-size:11pt}
  .cl-table td.cl-r b{font-size:9.4pt}
  .cl-table td.cl-self{font-size:8.2pt}
  .cl-table tr.is-yes td{background:none}
  .cl-radio{width:auto;height:auto}
  .cl-radio span[aria-hidden]{width:3.6mm;height:3.6mm;border-width:.35mm}
  .cl-pct input,.cl-val input,.cl-helper input{font-size:9pt;width:14mm;border-bottom-width:.35mm;padding:0}
  .cl-note{font-size:7.4pt}
  .cl-missing{font-size:7.6pt;margin-top:4pt}
  .cl-fx th{font-size:6.8pt;padding:0 2mm 1.5mm}
  .cl-fx td{padding:.7mm 2mm;font-size:8.4pt;line-height:1.25}
  .cl-fx td b{font-size:9.2pt}
  .cl-fx td small{font-size:7.4pt}
  .cl-fx__v{width:25mm}
  .cl-o:empty::before{content:"";display:inline-block;width:12mm;border-bottom:.3mm solid #28597d;height:3.5mm;vertical-align:bottom}
  .cl-o--big:empty::before{width:22mm;height:5mm}
  .cl-warn{display:none !important}
  .cl-calc__row{grid-template-columns:8mm 1fr 52mm;padding:1.3mm 4mm}
  .cl-calc__row--res{grid-template-columns:8mm 1fr auto;row-gap:1mm}
  .cl-calc b{font-size:9.6pt}
  .cl-calc__row--res b{font-size:11pt}
  .cl-calc small{font-size:7.3pt;line-height:1.35}
  .cl-cap{display:block !important}
  .cl-helper{display:none !important}
  .cl-val{font-size:9pt}
  .cl-val input{width:28mm}
  .cl-val--out .cl-o{font-size:10pt}
  .cl-res__val{font-size:12pt}
  .cl-o--big{font-size:15pt}
  .cl-example{font-size:8pt;padding:2.2mm 4mm;line-height:1.4}
  .cl-res__sub.is-empty{display:none !important}
  .cl-why{gap:1.5mm 7mm}
  .cl-why li{font-size:8.2pt;line-height:1.35}
  .cl-in h2{margin-top:0}
  .cl-cta{padding:4.5mm 7mm;break-inside:avoid;flex-wrap:nowrap;gap:6mm}
  .cl-cta__t{flex:1 1 auto}
  .cl-cta__t p{font-size:9pt}
  .cl-cta .cl-cta__h{font-size:13pt;margin-bottom:1.5mm}
  .cl-cta__t p{margin-bottom:1mm}
  .cl-cta .cl-cta__m{font-size:7.8pt}
  .cl-cta__go{flex:0 0 52mm}
  .cl-cta__btn{font-size:7.8pt;padding:3.5mm 4mm;white-space:nowrap}
  .cl-cta__url{font-size:7.4pt}
  .cl-src-h{font-size:7.4pt}
  .cl-sources{font-size:6.6pt;margin-top:-1.5mm;column-count:2;column-gap:7mm;padding-left:4mm}
  .cl-sources li{margin:0 0 .8mm;break-inside:avoid}
  .cl-sources a{text-decoration:none}
  .cl-printfoot{display:block;position:absolute;left:16mm;right:16mm;bottom:6mm;font-size:7pt;color:#4f6676;border-top:.25mm solid #d5e3ee;padding-top:3mm;display:flex;justify-content:space-between}
}

/* Selbstcheck Vertrieb (partials/salescheck-page.php) */
.sc-item b{display:block}
.sc-item span{display:block;color:#4f6676;font-size:14px;font-weight:400;margin-top:2px}
.sc-body .cl-u{width:32px}
.sc-rate__out{color:#28597d !important;font-weight:700;margin-top:4px}
.sc-rate__out:empty{display:none !important}
@media (max-width:700px){.sc-body .cl-u{width:auto;margin-left:6px;text-align:left}}
@media print{
  .sc-item span{font-size:8pt;margin-top:0}
  .sc-table td{padding-top:1mm;padding-bottom:1mm}
  .sc-body .cl-band h1{font-size:21pt}
}