.kadotec-clo2 {
    --clo2-primary: var(--color-primary, #0b6680);
    --clo2-primary-dark: var(--color-primary-darker, #07495c);
    --clo2-primary-light: color-mix(in srgb, var(--clo2-primary) 10%, white);
    --clo2-border: #d9e2e7;
    --clo2-muted: #5f6f78;
    --clo2-text: #17252d;
    --clo2-surface: #fff;
    --clo2-soft: #f4f8fa;
    max-width: 1180px;
    margin: 0 auto 4rem;
    color: var(--clo2-text);
}
.kadotec-clo2 [x-cloak] { display: none !important; }
.kadotec-clo2__breadcrumbs { display: flex; flex-wrap: wrap; gap: .45rem; margin: .4rem 0 1.1rem; color: var(--clo2-muted); font-size: .84rem; }
.kadotec-clo2__breadcrumbs a { color: var(--clo2-primary-dark); text-decoration: none; }
.kadotec-clo2__breadcrumbs a:hover { text-decoration: underline; }
.kadotec-clo2__header { max-width: 860px; margin-bottom: 1.5rem; }
.kadotec-clo2__eyebrow { display: inline-block; margin-bottom: .45rem; color: var(--clo2-primary); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.kadotec-clo2__title { margin: 0; font-size: clamp(1.8rem, 3vw, 2.55rem); line-height: 1.12; font-weight: 800; }
.kadotec-clo2__intro { margin: .8rem 0 0; color: var(--clo2-muted); font-size: 1.1rem; line-height: 1.6; }
.kadotec-clo2__grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .75fr); gap: 1.5rem; align-items: start; }
.kadotec-clo2__panel, .kadotec-clo2__summary, .kadotec-clo2__result { border: 1px solid var(--clo2-border); border-radius: 1rem; background: var(--clo2-surface); box-shadow: 0 12px 35px rgba(18, 56, 72, .07); }
.kadotec-clo2__panel { padding: clamp(1.25rem, 3vw, 2rem); }
.kadotec-clo2__summary { position: sticky; top: 1rem; padding: 1.4rem; background: linear-gradient(155deg, var(--clo2-soft), #fff); }
.kadotec-clo2__summary h2 { margin: 0 0 .9rem; font-size: 1.2rem; }
.kadotec-clo2__summary > p { color: var(--clo2-muted); line-height: 1.55; }
.kadotec-clo2__step { display: flex; gap: .9rem; align-items: flex-start; }
.kadotec-clo2__step-number { display: grid; place-items: center; flex: 0 0 2.1rem; height: 2.1rem; border-radius: 999px; color: white; background: var(--clo2-primary); font-weight: 800; }
.kadotec-clo2__step h2 { margin: 0; font-size: 1.25rem; }
.kadotec-clo2__step p { margin: .25rem 0 0; color: var(--clo2-muted); }
.kadotec-clo2__application-select { margin-top: 1.15rem; }
.kadotec-clo2__field { display: grid; gap: .42rem; }
.kadotec-clo2__field > span { font-size: .9rem; font-weight: 700; }
.kadotec-clo2__field input, .kadotec-clo2__field select { width: 100%; min-height: 3.15rem; border: 1px solid #b9c8cf; border-radius: .65rem; background: #fff; color: var(--clo2-text); padding: .7rem .85rem; font-size: 1rem; }
.kadotec-clo2__field input:disabled, .kadotec-clo2__field select:disabled { cursor: not-allowed; background: #f1f4f5; color: #8a979e; }
.kadotec-clo2__field input:focus, .kadotec-clo2__field select:focus { outline: 3px solid color-mix(in srgb, var(--clo2-primary) 22%, transparent); border-color: var(--clo2-primary); }
.kadotec-clo2__volume-row { display: grid; grid-template-columns: 1fr 170px; gap: .85rem; margin-top: 1.15rem; }
.kadotec-clo2__help { margin: .55rem 0 0; color: var(--clo2-muted); font-size: .82rem; line-height: 1.5; }
.kadotec-clo2__divider { height: 1px; margin: 1.65rem 0; background: var(--clo2-border); }
.kadotec-clo2__application-detail, .kadotec-clo2__result-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: .85rem; }
.kadotec-clo2__application-detail > div, .kadotec-clo2__result-meta > div { display: grid; gap: .25rem; padding: .8rem .9rem; border: 1px solid var(--clo2-border); border-radius: .65rem; background: var(--clo2-soft); }
.kadotec-clo2__application-detail span, .kadotec-clo2__result-meta span { color: var(--clo2-muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.kadotec-clo2__application-detail strong, .kadotec-clo2__result-meta strong { font-size: .92rem; line-height: 1.45; }
.kadotec-clo2__variant { margin-top: 1rem; }
.kadotec-clo2__selected-note { display: grid; gap: .25rem; margin-top: 1rem; padding: .9rem 1rem; border-left: 4px solid var(--clo2-primary); border-radius: .45rem; background: var(--clo2-primary-light); }
.kadotec-clo2__selected-note strong { color: var(--clo2-primary-dark); }
.kadotec-clo2__selected-note span { font-size: .9rem; font-weight: 700; }
.kadotec-clo2__selected-note small { color: var(--clo2-muted); line-height: 1.45; }
.kadotec-clo2__calculate { width: 100%; min-height: 3.2rem; margin-top: 1.25rem; border-radius: .7rem; background: var(--clo2-primary); color: #fff; font-weight: 800; }
.kadotec-clo2__calculate:hover, .kadotec-clo2__product-link:hover { background: var(--clo2-primary-dark); color: #fff; }
.kadotec-clo2__error { margin: .8rem 0 0; color: #a61b1b; font-weight: 700; }
.kadotec-clo2__formula { display: grid; gap: .55rem; padding: 1rem; border-radius: .75rem; background: #fff; border: 1px solid var(--clo2-border); font-size: .9rem; }
.kadotec-clo2__formula b { color: var(--clo2-primary); }
.kadotec-clo2__notice { display: grid; gap: .2rem; margin-top: 1rem; padding: .9rem 1rem; border-left: 4px solid var(--clo2-primary); border-radius: .4rem; background: var(--clo2-primary-light); line-height: 1.45; }
.kadotec-clo2__notice--warning { border-color: #c17400; background: #fff7e8; }
.kadotec-clo2__result { margin-top: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); scroll-margin-top: 1rem; }
.kadotec-clo2__result-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.kadotec-clo2__result-head h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2rem); }
.kadotec-clo2__reset { border: 0; background: transparent; color: var(--clo2-primary); font-weight: 750; text-decoration: underline; cursor: pointer; }
.kadotec-clo2__result-text { max-width: 950px; margin: 1rem 0 0; font-size: 1.08rem; line-height: 1.75; }
.kadotec-clo2__products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.4rem; }
.kadotec-clo2__product { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--clo2-border); border-radius: .85rem; background: #fff; }
.kadotec-clo2__rank { position: absolute; z-index: 1; top: .65rem; left: .65rem; padding: .3rem .55rem; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--clo2-primary-dark); box-shadow: 0 4px 12px rgba(0,0,0,.08); font-size: .72rem; font-weight: 800; }
.kadotec-clo2__product-image { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 1rem; background: var(--clo2-soft); }
.kadotec-clo2__product-image img { width: 100%; height: 100%; object-fit: contain; }
.kadotec-clo2__product-content { display: flex; flex: 1; flex-direction: column; padding: 1rem; }
.kadotec-clo2__product h3 { margin: 0; font-size: 1rem; line-height: 1.4; }
.kadotec-clo2__product h3 a { color: inherit; text-decoration: none; }
.kadotec-clo2__product h3 a:hover { color: var(--clo2-primary); }
.kadotec-clo2__dose { display: grid; gap: .2rem; margin: .9rem 0 0; }
.kadotec-clo2__dose span { color: var(--clo2-muted); font-size: .78rem; }
.kadotec-clo2__dose strong { color: var(--clo2-primary-dark); font-size: 1.18rem; line-height: 1.35; }
.kadotec-clo2__achieved, .kadotec-clo2__reach { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; margin: .55rem 0 0; font-size: .9rem; }
.kadotec-clo2__achieved > span, .kadotec-clo2__reach > span { color: var(--clo2-muted); }
.kadotec-clo2__achieved > strong, .kadotec-clo2__reach > strong { color: var(--clo2-primary-dark); font-variant-numeric: tabular-nums; text-align: right; }
.kadotec-clo2__achieved.is-warning > strong { color: #c17400; }
.kadotec-clo2__overage { margin-top: .75rem; }
.kadotec-clo2__package { margin: .3rem 0 0; color: var(--clo2-muted); font-size: .78rem; }
.kadotec-clo2__product-footer { display: grid; gap: .7rem; margin-top: auto; padding-top: 1rem; }
.kadotec-clo2__price { font-size: 1.05rem; font-weight: 800; }
.kadotec-clo2__product-link { display: inline-flex; justify-content: center; align-items: center; min-height: 2.75rem; border-radius: .6rem; background: var(--clo2-primary); color: #fff; text-decoration: none; font-weight: 750; }
.kadotec-clo2__legal { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--clo2-border); color: var(--clo2-muted); font-size: .84rem; line-height: 1.55; }
.kadotec-clo2__legal p { margin: .35rem 0 0; }
.kadotec-clo2__content-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); gap: 1rem; margin-top: 1.5rem; }
.kadotec-clo2__info, .kadotec-clo2__links { border: 1px solid var(--clo2-border); border-radius: .85rem; background: #fff; padding: 1.2rem; }
.kadotec-clo2__info h2, .kadotec-clo2__links h2 { margin: 0 0 .8rem; font-size: 1.2rem; }
.kadotec-clo2__info p { margin: .55rem 0 0; color: var(--clo2-muted); line-height: 1.6; }
.kadotec-clo2__info--warning { background: #fffaf0; border-color: #ead19c; }
.kadotec-clo2__steps-list { display: grid; gap: .55rem; margin: 0; padding-left: 1.25rem; color: var(--clo2-text); font-weight: 700; }
.kadotec-clo2__links { margin-top: 1rem; }
.kadotec-clo2__link-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.kadotec-clo2__link-list a { display: flex; align-items: center; min-height: 3rem; border: 1px solid var(--clo2-border); border-radius: .65rem; padding: .7rem .85rem; color: var(--clo2-primary-dark); background: var(--clo2-soft); font-weight: 800; text-decoration: none; }
.kadotec-clo2__link-list a:hover { border-color: var(--clo2-primary); background: #fff; color: var(--clo2-primary); }
@media (max-width: 900px) {
    .kadotec-clo2__grid { grid-template-columns: 1fr; }
    .kadotec-clo2__summary { position: static; }
    .kadotec-clo2__products { grid-template-columns: 1fr 1fr; }
    .kadotec-clo2__content-grid, .kadotec-clo2__link-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
    .kadotec-clo2 { margin-bottom: 2rem; }
    .kadotec-clo2__volume-row, .kadotec-clo2__products, .kadotec-clo2__application-detail, .kadotec-clo2__result-meta, .kadotec-clo2__content-grid, .kadotec-clo2__link-list { grid-template-columns: 1fr; }
    .kadotec-clo2__result-head { display: grid; }
    .kadotec-clo2__reset { justify-self: start; padding: 0; }
}

/* --- Produkt-Empfehlung als Tabs (Biostream / Biotec / Beste Lösung) --- */
.kadotec-clo2__tabs { margin-top: 1.4rem; }
.kadotec-clo2__tablist { display: flex; flex-wrap: wrap; gap: .6rem; }
.kadotec-clo2__tab {
    flex: 1 1 0; min-width: 9rem; display: flex; flex-direction: column; gap: .35rem;
    padding: .8rem 1rem; border: 1px solid var(--clo2-border); border-radius: .75rem;
    background: var(--clo2-soft); color: var(--clo2-text); cursor: pointer; text-align: left;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.kadotec-clo2__tab:hover { border-color: var(--clo2-primary); }
.kadotec-clo2__tab.is-active { background: #fff; border-color: var(--clo2-primary); box-shadow: 0 6px 18px rgba(11,102,128,.14); }
.kadotec-clo2__tab.is-best { border-color: var(--clo2-primary); background: linear-gradient(160deg, #eef7fa, #fff); }
.kadotec-clo2__tab.is-best.is-active { box-shadow: 0 8px 22px rgba(11,102,128,.22); }
.kadotec-clo2__tab-head { display: flex; flex-direction: column; }
.kadotec-clo2__tab-label { font-weight: 800; font-size: 1rem; }
.kadotec-clo2__tab-sub { font-size: .72rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--clo2-primary-dark); }
.kadotec-clo2__tab-price { font-size: 1.05rem; font-weight: 800; color: var(--clo2-primary-dark); }
.kadotec-clo2__tab.is-best .kadotec-clo2__tab-price { color: var(--clo2-primary); }

.kadotec-clo2__tabpanel { margin-top: 1rem; }
.kadotec-clo2__tabpanel .kadotec-clo2__product { flex-direction: row; align-items: stretch; }
.kadotec-clo2__tabpanel .kadotec-clo2__product.is-best { border-color: var(--clo2-primary); box-shadow: 0 8px 24px rgba(11,102,128,.16); }
.kadotec-clo2__tabpanel .kadotec-clo2__product-image { flex: 0 0 40%; max-width: 240px; aspect-ratio: 1 / 1; }
.kadotec-clo2__family { font-size: .74rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--clo2-primary-dark); }
.kadotec-clo2__combo { margin-top: .85rem; padding: .8rem .9rem; border: 1px dashed var(--clo2-border); border-radius: .65rem; background: var(--clo2-soft); }
.kadotec-clo2__combo-title { display: block; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; color: var(--clo2-muted); margin-bottom: .45rem; }
.kadotec-clo2__combo-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.kadotec-clo2__combo-list li { display: flex; justify-content: space-between; gap: 1rem; font-size: .92rem; }
.kadotec-clo2__combo-price { font-weight: 700; white-space: nowrap; }
.kadotec-clo2__total { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: .9rem; padding-top: .8rem; border-top: 1px solid var(--clo2-border); }
.kadotec-clo2__total span { font-weight: 700; color: var(--clo2-muted); }
.kadotec-clo2__total strong { font-size: 1.4rem; font-weight: 800; color: var(--clo2-text); }
.kadotec-clo2__total.is-best span { color: var(--clo2-primary-dark); }
.kadotec-clo2__total.is-best strong { color: var(--clo2-primary); }
.kadotec-clo2__tabpanel .kadotec-clo2__product-link { margin-top: 1rem; }
@media (max-width: 620px) {
    .kadotec-clo2__tab { flex-basis: 100%; }
    .kadotec-clo2__tabpanel .kadotec-clo2__product { flex-direction: column; }
    .kadotec-clo2__tabpanel .kadotec-clo2__product-image { flex-basis: auto; max-width: none; aspect-ratio: 4 / 3; }
}

/* Zieldosis je Produktlinie + Biotec-Hinweis */
.kadotec-clo2__target{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin:.1rem 0 .35rem;font-size:.9rem}
.kadotec-clo2__target > span{color:var(--clo2-muted)}
.kadotec-clo2__target > strong{color:var(--clo2-primary-dark);font-variant-numeric:tabular-nums;text-align:right}
.kadotec-clo2__biotec-hint{margin:.2rem 0 .4rem;font-size:.82rem;font-weight:600;color:#a8690a;background:#fbefdc;border-radius:8px;padding:.4rem .6rem;line-height:1.4}
/* Messbesteck-Cross-Sell */
.kadotec-clo2__meters{margin-top:2rem;border-top:1px solid var(--clo2-border);padding-top:1.6rem}
.kadotec-clo2__meters-head{margin-bottom:1.1rem}
.kadotec-clo2__meters-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--clo2-primary)}
.kadotec-clo2__meters-head h3{font-size:1.22rem;font-weight:800;margin:.2rem 0 .35rem;color:var(--clo2-text)}
.kadotec-clo2__meters-head p{margin:0;color:var(--clo2-muted);font-size:.92rem;line-height:1.5;max-width:62ch}
.kadotec-clo2__meter-row{display:grid;grid-template-columns:1fr;gap:1.1rem}
@media(min-width:600px){.kadotec-clo2__meter-row{grid-template-columns:1fr 1fr}}
.kadotec-clo2__meter{display:flex;flex-direction:column;background:var(--clo2-surface);border:1px solid var(--clo2-border);border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.kadotec-clo2__meter:hover{border-color:var(--clo2-primary);box-shadow:0 20px 42px -26px rgba(11,102,128,.6);transform:translateY(-3px)}
.kadotec-clo2__meter-media{position:relative;display:flex;align-items:center;justify-content:center;background:var(--clo2-soft);padding:1.1rem;aspect-ratio:16/10;min-height:170px}
.kadotec-clo2__meter-media img{max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain}
.kadotec-clo2__meter-badge{position:absolute;top:.75rem;left:.75rem;background:var(--clo2-primary);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .55rem;border-radius:7px;box-shadow:0 4px 10px -4px rgba(11,102,128,.7)}
.kadotec-clo2__meter-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.15rem;flex:1}
.kadotec-clo2__meter-name{font-weight:700;font-size:1rem;line-height:1.35;color:var(--clo2-text);text-decoration:none}
.kadotec-clo2__meter-name:hover{color:var(--clo2-primary)}
.kadotec-clo2__meter-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}
.kadotec-clo2__meter-price{font-weight:800;font-size:1.2rem;color:var(--clo2-text);font-variant-numeric:tabular-nums;line-height:1}
.kadotec-clo2__meter-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--clo2-primary);color:#fff;font-weight:700;font-size:.9rem;padding:.6rem 1rem;border-radius:10px;text-decoration:none;transition:background-color .15s,transform .1s;white-space:nowrap}
.kadotec-clo2__meter-cta:hover{background:var(--clo2-primary-dark)}
.kadotec-clo2__meter-cta:active{transform:scale(.97)}