/* style */

.tiv-dv{margin:.9em 0 0;padding:.75em .9em;background:#f6faf8;border:1px solid #dfe9e6;border-radius:10px;font-size:.9em}
.tiv-dv-row{display:flex;align-items:center;gap:.35em;margin:.25em 0;flex-wrap:wrap}
.tiv-dv-l{min-width:120px;font-weight:600;color:#0a4a4a}
.tiv-dv-i{cursor:pointer;font-size:1.25em;filter:grayscale(1);opacity:.45;transition:all .12s;background:none;border:0;padding:.05em .1em;line-height:1}
.tiv-dv-i.on{filter:none;opacity:1;transform:scale(1.12)}
.tiv-dv-done .tiv-dv-i{pointer-events:none}
.tiv-dv-send{display:none;background:#1f6f5c;color:#fff;border:0;border-radius:999px;padding:.4em 1.1em;font-weight:600;cursor:pointer;margin-top:.3em}
.tiv-dv-agg{color:#5a6a68;margin-top:.5em;font-size:.92em}
.tiv-dv-chart{margin-top:.15em}
.tiv-dv-brow{display:grid;grid-template-columns:minmax(9.5em,12em) 1fr auto;align-items:center;gap:.6em;margin:.3em 0}
.tiv-dv-blabel{font-size:.85em;font-weight:600;color:#0a4a4a;line-height:1.25}
.tiv-dv-track{position:relative;height:9px;border-radius:999px;overflow:hidden;background:#e4eeeb linear-gradient(90deg,rgba(255,255,255,.85) 1px,transparent 1px) 0 0/20% 100%}
.tiv-dv-fill{display:block;height:100%;border-radius:999px;transition:width .5s ease}
.tiv-dv-fill.is-y{background:#94a5a1}
.tiv-dv-fill.is-c{background:#b3272d}
.tiv-dv-fill.is-s{background:#1f6f5c}
.tiv-dv-val{font-size:.85em;font-weight:700;color:#0a4a4a;font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right}
.tiv-dv-val em{font-style:normal;font-weight:400;color:#8aa19b}
.tiv-dv-n{margin:.45em 0 0;font-size:.8em;color:#8aa19b}
@media (max-width:560px){.tiv-dv-brow{grid-template-columns:1fr auto;gap:.2em .6em}.tiv-dv-track{grid-column:1/-1;order:3;margin-top:.1em}}
@media (prefers-reduced-motion:reduce){.tiv-dv-fill{transition:none}}
.tiv-dv-done .tiv-dv-send{display:none!important}
.tiv-dc-d{margin:.6em 0 0;font-size:.92em}
.tiv-dc-d summary{cursor:pointer;font-weight:600;color:#0a4a4a}
.tiv-dc-c{border-bottom:1px solid #e3edea;padding:.5em 0}
.tiv-dc-c span{color:#8aa19b;font-size:.85em;margin-left:.4em}
.tiv-dc-c p{margin:.2em 0 0}
.tiv-dc-f{display:flex;flex-direction:column;gap:.5em;margin-top:.6em;position:relative}
.tiv-dc-f input[type=text],.tiv-dc-f textarea{border:1px solid #cdddd7;border-radius:8px;padding:.5em .7em;font:inherit}
.tiv-dc-f button{align-self:flex-start;background:#1f6f5c;color:#fff;border:0;border-radius:999px;padding:.45em 1.2em;font-weight:600;cursor:pointer}
.tiv-dc-hint{font-size:.8em;color:#8aa19b;margin:0}
.tiv-dc-ok{color:#1a7a4f;font-weight:600}
.tiv-dc-empty{color:#8aa19b}
/* Lite-YouTube: nur Thumbnail, iframe erst nach Klick (nocookie) */
.tiv-yt{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000;margin:.8em 0}
.tiv-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.tiv-yt::after{content:'';position:absolute;inset:0;margin:auto;width:68px;height:48px;background:#1f6f5c;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.4)}
.tiv-yt::before{content:'';position:absolute;inset:0;margin:auto;width:0;height:0;border:12px solid transparent;border-left:20px solid #fff;transform:translateX(6px);z-index:2}
.tiv-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tiv-yt.on::before,.tiv-yt.on::after{display:none}