.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.tr-ueb{--tr-brand:#0F3D2F;--tr-brand-hover:#0A2B21;--tr-brand-tint:rgba(15,61,47,.08);--tr-blue:var(--tr-brand);--tr-mark:#1c2430;--tr-mark-tint:rgba(28,36,48,.06);--tr-mark-rule:rgba(28,36,48,.28);--tr-fokus:var(--tr-brand);--tr-ink:#1c2430;--tr-mut:#697586;--tr-line:#e6e9ef;--tr-bg:#f6f8fb;--tr-top:#16a34a;--tr-good:#65a30d;--tr-mid:#f59e0b;--tr-low:#ef4444;color:var(--tr-ink);font-family:inherit;max-width:1240px;margin:0 auto;padding:8px 20px 40px}  .tr-ueb,
body.single-product .tr-pd-info,
body.single-product .trc-var,
body.single-product .trc-preis{
--tr-body: #374151;
--tr-bw: 1px;
--tr-dur-1: 120ms;
--tr-ease-out: cubic-bezier(.2,.7,.3,1);
--tr-fs-100: .6875rem;
--tr-fs-200: .75rem;
--tr-fs-300: .8125rem;
--tr-fs-400: .9375rem;
--tr-fs-600: 1.25rem;
--tr-fs-700: 1.5rem;
--tr-fw-black: 800;
--tr-fw-bold: 700;
--tr-fw-medium: 600;
--tr-lh-flat: 1.15;
--tr-lh-tight: 1.25;
--tr-lh-ui: 1.5;
--tr-line-ui: #7c8798;
--tr-ls-caps: .08em;
--tr-ls-none: 0;
--tr-ls-num: -.01em;
--tr-r-md: 10px;
--tr-r-pill: 999px;
--tr-s-1: 4px;
--tr-s-2: 8px;
--tr-s-3: 12px;
--tr-s-4: 16px;
--tr-surface: #ffffff;
--tr-touch: 44px;
}
.tr-ueb *{box-sizing:border-box}
.tr-ueb-form{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.tr-ueb-form.tr-noside{grid-template-columns:minmax(0,1fr)}
.tr-ueb-form.tr-noside .tr-ueb-side{display:none} .tr-ueb-side{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:14px 16px}
.tr-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.tr-side-head b{font-size:16px}
.tr-reset{background:none;border:0;color:var(--tr-brand);cursor:pointer;font-size:13px;text-decoration:underline}
.tr-facet{border-top:1px solid var(--tr-line);padding:12px 0}
.tr-facet:first-of-type{border-top:0}
.tr-facet h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--tr-mut)}
.tr-facet-opts{display:flex;flex-direction:column;gap:6px}
.tr-facet-select select{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--tr-line);border-radius:9px;background:#fff;color:var(--tr-ink);cursor:pointer} .tr-facet-select select:focus{outline:2px solid var(--trc-focus-ring,var(--tr-fokus));outline-offset:1px}
.tr-facet-range .tr-range{flex-direction:row;align-items:center;gap:8px}
.tr-range input{width:100%;min-width:0;font:inherit;padding:7px 8px;border:1px solid var(--tr-line);border-radius:8px;color:var(--tr-ink)}
.tr-range input:focus{outline:2px solid var(--trc-focus-ring,var(--tr-fokus));outline-offset:1px}
.tr-range-sep{color:var(--tr-mut);font-size:13px;flex:none}
.tr-unit{color:var(--tr-mut);font-weight:400;font-size:11px}
.tr-facet-chip .tr-facet-opts{flex-direction:row;flex-wrap:wrap}
.tr-opt{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:3px 2px;border-radius:8px}
.tr-opt:hover{background:var(--tr-bg)}
.tr-opt input{accent-color:var(--tr-brand);width:16px;height:16px;margin:0}
.tr-opt-l{flex:1}
.tr-opt-c{color:var(--tr-mut);font-size:12px;background:var(--tr-bg);border-radius:20px;padding:1px 8px}
.tr-facet-chip .tr-opt{background:var(--tr-bg);padding:5px 10px}
.tr-facet-chip .tr-opt-c{display:none} .tr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.tr-count b{font-size:20px;color:var(--tr-brand)}
.tr-sort{font-size:14px;color:var(--tr-mut)}
.tr-sort select{font:inherit;padding:7px 10px;border:1px solid var(--tr-line);border-radius:10px;background:#fff} .tr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:14px}
.tr-grid.is-loading{opacity:.45;pointer-events:none;transition:opacity .15s}
.tr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tr-line);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.tr-card:hover{box-shadow:0 10px 28px rgba(15,61,47,.12);transform:translateY(-2px)}
.tr-card-media{position:relative;padding:16px;text-align:center;background:#fff}
.tr-card-media img{max-height:180px;width:auto;object-fit:contain}
.tr-score{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:#fff;line-height:1}
.tr-score b{font-size:18px;font-weight:800}
.tr-score small{font-size:10px;text-transform:uppercase;opacity:.9}
.tr-score.tr-top{background:var(--tr-top)}.tr-score.tr-good{background:var(--tr-good)}.tr-score.tr-mid{background:var(--tr-mid)}.tr-score.tr-low{background:var(--tr-low)}
.tr-card-body{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px;flex:1}
.tr-card-title{margin:0;font-size:16px;line-height:1.3}
.tr-card-title a{color:var(--tr-ink);text-decoration:none}
.tr-card-title a:hover{color:var(--tr-brand)}
.tr-specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.tr-specs li{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;border-bottom:1px dashed var(--tr-line);padding-bottom:3px}
.tr-specs span{color:var(--tr-mut)}
.tr-specs b{font-weight:600;text-align:right}
.tr-proscons{display:flex;flex-direction:column;gap:4px}
.tr-pros,.tr-cons{list-style:none;margin:0;padding:0;font-size:12.5px}
.tr-pros li,.tr-cons li{padding-left:18px;position:relative;line-height:1.5}
.tr-pros li::before{content:"✓";position:absolute;left:0;color:var(--tr-top);font-weight:700}
.tr-cons li::before{content:"✕";position:absolute;left:0;color:var(--tr-low);font-weight:700} .tr-price{padding-top:4px}.tr-price b{font-size:19px;color:var(--tr-mark)}.tr-price span{color:var(--tr-mut);font-size:12px}
.tr-card-cta{margin-top:auto;padding-top:6px}
.tr-btn{display:block;text-align:center;background:var(--tr-brand);color:#fff;text-decoration:none;font-weight:700;padding:11px 14px;border-radius:10px;transition:background .15s}
.tr-btn:hover{background:var(--tr-brand-hover);color:#fff}
.tr-empty{grid-column:1/-1;text-align:center;color:var(--tr-mut);padding:40px 0} .tr-h1{font-size:30px;line-height:1.2;margin:8px 0 12px;color:var(--tr-ink);font-weight:800}
@media(max-width:600px){.tr-h1{font-size:24px}}
.tr-intro{font-size:16px;line-height:1.6;color:#374151;margin:0 0 20px;max-width:900px}
.tr-h2{font-size:22px;margin:32px 0 16px;color:var(--tr-ink)}
.tr-h2-list{margin-top:36px} .tr-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
@media(max-width:760px){.tr-picks{grid-template-columns:1fr}}
.tr-pick{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid var(--tr-line);border-top:4px solid var(--tr-brand);border-radius:14px;padding:16px;text-decoration:none;color:var(--tr-ink);transition:box-shadow .15s,transform .15s}
.tr-pick:hover{box-shadow:0 12px 30px rgba(15,61,47,.14);transform:translateY(-3px)}
.tr-pick:nth-child(1){border-top-color:var(--tr-mid)} .tr-pick-badge{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--tr-mark)}
.tr-pick:nth-child(1) .tr-pick-badge{color:#b45309}
.tr-pick-media{position:relative;height:130px;display:flex;align-items:center;justify-content:center}
.tr-pick-media img{max-height:130px;width:auto;object-fit:contain}
.tr-pick-media .tr-score{position:absolute;top:0;left:0;width:46px;height:46px}
.tr-pick-name{font-weight:700;font-size:15px;line-height:1.3}
.tr-pick-sub{font-size:13px;color:var(--tr-mut)}
.tr-pick-cta{margin-top:4px;background:var(--tr-brand);color:#fff;font-weight:700;font-size:14px;padding:9px 16px;border-radius:9px} .tr-table-wrap{overflow-x:auto;border:1px solid var(--tr-line);border-radius:14px;background:#fff}
.tr-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.tr-table thead th{position:sticky;top:0;background:#f1f4f9;text-align:left;padding:12px 10px;font-size:12.5px;color:var(--tr-mut);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid var(--tr-line)}
.tr-sortable{cursor:pointer;user-select:none}
.tr-sortable:hover{color:var(--tr-brand)}
.tr-arr{display:inline-block;width:8px;color:var(--tr-brand)}
.tr-sortable.asc .tr-arr::after{content:"▲"}.tr-sortable.desc .tr-arr::after{content:"▼"}
.tr-table td{padding:10px;border-bottom:1px solid var(--tr-line);vertical-align:middle;white-space:nowrap}
.tr-table tbody tr:hover{background:var(--tr-bg)}
.tr-td-rank{color:var(--tr-mut);font-weight:700;text-align:center}
.tr-td-prod a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tr-ink);font-weight:600;white-space:normal;min-width:200px}
.tr-td-prod img{width:44px;height:44px;object-fit:contain;flex:none}
.tr-td-prod a:hover span{color:var(--tr-brand)}
.tr-note-pill{display:inline-block;min-width:34px;text-align:center;color:#fff;font-weight:800;padding:3px 8px;border-radius:8px}
.tr-note-pill.tr-top{background:var(--tr-top)}.tr-note-pill.tr-good{background:var(--tr-good)}.tr-note-pill.tr-mid{background:var(--tr-mid)}.tr-note-pill.tr-low{background:var(--tr-low)} .tr-btn-sm{display:inline-block;padding:9px 14px;font-size:13px;border-radius:8px} .tr-editorial{margin-top:40px;display:grid;grid-template-columns:1fr;gap:8px;max-width:900px}
.tr-h3{font-size:17px;margin:20px 0 6px;color:var(--tr-ink)}
.tr-guide p{font-size:15px;line-height:1.7;color:#374151;margin:0 0 10px}
.tr-faq{margin-top:28px}
.tr-faq-item{border:1px solid var(--tr-line);border-radius:10px;margin-bottom:8px;background:#fff;overflow:hidden}
.tr-faq-item summary{cursor:pointer;padding:14px 16px;font-weight:600;font-size:15px;list-style:none;position:relative}
.tr-faq-item summary::-webkit-details-marker{display:none}
.tr-faq-item summary::after{content:"+";position:absolute;right:16px;color:var(--tr-brand);font-weight:700;font-size:20px;line-height:1}
.tr-faq-item[open] summary::after{content:"–"}
.tr-faq-a{padding:0 16px 14px}
.tr-faq-a p{margin:0;font-size:14.5px;line-height:1.65;color:#4b5563}
.tr-methodik{margin-top:28px;background:var(--tr-bg);border:1px solid var(--tr-line);border-radius:12px;padding:16px 18px}
.tr-methodik p{font-size:14px;line-height:1.65;color:#4b5563;margin:0 0 8px}
.tr-autor{font-size:13px;color:var(--tr-mut)} .tr-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:8px}
.tr-hub-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:18px 14px;text-decoration:none;color:var(--tr-ink);transition:box-shadow .15s,transform .15s}
.tr-hub-card:hover{box-shadow:0 10px 28px rgba(15,61,47,.12);transform:translateY(-3px)}
.tr-hub-media{height:130px;display:flex;align-items:center;justify-content:center;width:100%}
.tr-hub-media img{max-height:130px;width:auto;object-fit:contain}
.tr-hub-noimg{display:block;width:90px;height:90px;border-radius:14px;background:var(--tr-bg)}
.tr-hub-name{font-weight:700;font-size:15px;line-height:1.3;color:var(--tr-ink)}
.tr-hub-card:hover .tr-hub-name{color:var(--tr-brand)}
.tr-hub-count{font-size:13px;color:var(--tr-mut)} .tr-conf{display:inline-block;margin:2px 0 5px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid transparent}
.tr-conf-gut{background:#dcfce7;color:#15803d;border-color:#86efac}
.tr-conf-mid{background:#fef9c3;color:#a16207;border-color:#fde047}
.tr-conf-low{background:#ffedd5;color:#c2410c;border-color:#fdba74}
.tr-conf-none{background:#f1f5f9;color:#64748b;border-color:#cbd5e1} .tr-score.tr-nonote{background:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-align:center;line-height:1.15;padding:5px 4px}
.tr-score.tr-nonote small{font-weight:400;font-size:9px;opacity:.85}
.tr-note-pill.tr-nonote{background:#f1f5f9;color:#94a3b8;border:1px dashed #cbd5e1} .tr-tco{display:flex;flex-wrap:wrap;gap:2px 10px;margin:2px 0;font-size:12.5px;color:#475569;line-height:1.4}
.tr-tco-year{font-weight:600}
.tr-tco-5y{color:#64748b}
.tr-tco-5y::before{content:"·\00a0";color:#cbd5e1} .tr-pd{max-width:1080px;margin:16px auto 8px} .tr-pd-head{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:24px}
@media(max-width:760px){.tr-pd-head{grid-template-columns:minmax(0,1fr)}}
.tr-pd-media{position:relative;text-align:center;background:#fff;border-radius:12px;padding:10px}
.tr-pd-media img{max-width:100%;max-height:320px;width:auto;object-fit:contain}
.tr-pd-media .tr-score{position:absolute;top:8px;left:8px;width:58px;height:58px}
.tr-pd-brand{font-size:13px;color:var(--tr-mut);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:6px}
.tr-pd-price{font-size:16px;margin:12px 0 4px}.tr-pd-price b{font-size:28px;color:var(--tr-mark)}.tr-pd-price span{color:var(--tr-mut);font-size:13px}
.tr-pd-cta{display:inline-block;margin-top:14px;background:var(--tr-brand);color:#fff;font-weight:700;padding:14px 26px;border-radius:11px;text-decoration:none;font-size:16px}
.tr-pd-cta:hover{background:var(--tr-brand-hover);color:#fff}
.tr-pd-avail.tr-pd-dead{color:var(--tr-low);font-weight:600;margin:10px 0}
.tr-pd-offers{margin-top:16px}.tr-pd-offers ul{list-style:none;margin:6px 0 0;padding:0}
.tr-pd-offers li{display:flex;justify-content:space-between;border-bottom:1px solid var(--tr-line);padding:6px 0;font-size:14px}
.tr-pd-specs{margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px} .tr-pd-specs table{width:100%;border-collapse:collapse;table-layout:fixed}
.tr-pd-specs th{text-align:left;color:var(--tr-mut);font-weight:600;font-size:14px;padding:9px 12px;width:42%;border-bottom:1px solid var(--tr-line);vertical-align:top;overflow-wrap:anywhere}
.tr-pd-specs td{padding:9px 12px;font-size:14px;border-bottom:1px solid var(--tr-line);font-weight:600;overflow-wrap:anywhere}
.tr-pd .tr-methodik{max-width:none;margin-top:22px}
.tr-pd-alts{margin-top:24px}.tr-pd-alts .tr-hub-media{height:150px}
.tr-pd-desc{margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-pd-desc p{font-size:15px;line-height:1.7;color:#374151;margin:0}
.tr-pd-src{margin:14px 0 0;font-size:12px;color:var(--tr-mut)}.tr-pd-src a{color:var(--tr-mut)} .tr-pd-takeover .woo-image-part,
.tr-pd-takeover .woo_top_meta,
.tr-pd-takeover .rh-300-sidebar,
.tr-pd-takeover ul.smart-scroll-desktop.contents-woo-area,
.tr-pd-takeover #reviews,
.tr-pd-takeover #related-section-woo-area,
.tr-pd-takeover #re-compare-bar-tabs{display:none!important}
.tr-pd-takeover .content-woo-area{display:block!important}
.tr-pd-takeover .woo-title-area{width:100%!important;max-width:none!important;float:none!important;margin-bottom:0!important} .tr-pd-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.tr-pd-facts li{flex:1 1 120px;min-width:104px;background:var(--tr-bg);border:1px solid var(--tr-line);border-radius:12px;padding:11px 14px;text-align:center}
.tr-fact-l{display:block;font-size:11px;color:var(--tr-mut);text-transform:uppercase;letter-spacing:.03em;font-weight:700;margin-bottom:4px}
.tr-fact-v{font-size:20px;color:var(--tr-ink);font-weight:800;line-height:1.1}
.tr-fact-v small{font-size:12px;color:var(--tr-mut);font-weight:600}  .tr-pd-verdict{margin-top:22px;background:var(--tr-brand-tint);border:1px solid var(--tr-line);border-left:4px solid var(--tr-brand);border-radius:14px;padding:18px 24px}
.tr-pd-verdict h2{margin-top:0}
.tr-pd-verdict p{font-size:16px;line-height:1.75;color:#28313d;margin:6px 0 0}
.tr-pd-verdict b{color:var(--tr-brand);font-weight:700} .tr-pd-pricehist{margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-ph-stats{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--tr-mut);margin:2px 0 12px}
.tr-ph-stats b{color:var(--tr-ink);font-size:16px}
.tr-ph-svg{width:100%;height:90px;display:block;overflow:visible}
.tr-ph-up polyline{stroke:var(--tr-low)}
.tr-ph-down polyline{stroke:var(--tr-top)} .tr-ph-flat polyline{stroke:var(--tr-mark)}
.tr-ph-note{font-size:12px;color:var(--tr-mut);margin:10px 0 0}  .tr-cta-ad{display:inline-block;margin:0 6px;padding:1px 6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);border-radius:5px;vertical-align:middle}
.tr-pd-affnote{font-size:12px;line-height:1.5;color:var(--tr-mut);margin:8px 0 0;max-width:520px} .tr-offers{margin-top:6px}
.tr-off-head{font-size:14px;font-weight:700;color:var(--tr-ink);margin:0 0 8px}
.tr-off-single{color:var(--tr-mut);font-weight:600}.tr-off-single span{font-weight:400}
.tr-off-table{width:100%;border-collapse:collapse}
.tr-off-row{border-bottom:1px solid var(--tr-line)}
.tr-off-row td{padding:10px 6px;vertical-align:middle}
.tr-off-best{background:linear-gradient(90deg,rgba(34,197,94,.09),transparent)}
.tr-off-merch{font-weight:700;font-size:14px}
.tr-off-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;text-transform:uppercase;color:#fff;background:var(--tr-top);border-radius:5px;padding:1px 6px;vertical-align:middle}
.tr-off-price{white-space:nowrap}.tr-off-price b{font-size:20px;color:var(--tr-mark)}
.tr-off-price small{display:block;font-size:11px;color:var(--tr-mut);font-weight:400}
.tr-off-act{text-align:right}
.tr-btn-ghost{background:#fff;color:var(--tr-brand);border:1px solid var(--tr-brand)}
.tr-btn-ghost:hover{background:var(--tr-bg);color:var(--tr-brand)}
.tr-off-amazon .tr-off-price small{font-style:italic} .tr-belegbox{margin:10px 0 4px;border:1px solid var(--tr-line);border-radius:12px;background:#fff;overflow:hidden}
.tr-belegbox summary{cursor:pointer;list-style:none;padding:11px 14px;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tr-belegbox summary::-webkit-details-marker{display:none}
.tr-belegbox summary::after{content:"\25be";color:var(--tr-mut);transition:transform .2s}
.tr-belegbox[open] summary::after{transform:rotate(180deg)} .tr-beleg-conf{font-size:12px;font-weight:700;color:var(--tr-mark);background:var(--tr-bg);border-radius:20px;padding:3px 10px;white-space:nowrap}
.tr-beleg-body{padding:4px 16px 16px;font-size:14px;line-height:1.6;color:#374151}
.tr-beleg-pillars{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.tr-beleg-pillars li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--tr-line);border-radius:9px}
.tr-beleg-dot{width:10px;height:10px;border-radius:50%;flex:none}
.tr-beleg-on .tr-beleg-dot{background:var(--tr-top)}.tr-beleg-off .tr-beleg-dot{background:#cbd5e1}
.tr-beleg-pillars b{font-size:14px}
.tr-beleg-sub{flex:1;font-size:12px;color:var(--tr-mut)}
.tr-beleg-pillars em{font-style:normal;font-size:12px;font-weight:700;flex:none}
.tr-beleg-on em{color:var(--tr-top)}.tr-beleg-off em{color:var(--tr-mut)}
.tr-beleg-note{font-size:12px;color:var(--tr-mut);margin:10px 0 0} .tr-off-more{font-size:13px;color:var(--tr-mut);margin:12px 0 0} .tr-off-more a{color:var(--tr-mark);font-weight:700;text-decoration:none;border-bottom:1px solid var(--tr-mark-rule);padding-bottom:1px}
.tr-off-more a:hover{border-bottom-color:var(--tr-mark)}
.tr-off-more .tr-cta-ad{color:var(--tr-mut);background:var(--tr-bg);border-color:var(--tr-line)} .tr-noprice{margin:10px 0 0}
.tr-np-status{display:flex;flex-direction:column;gap:2px;background:var(--tr-bg);border:1px solid var(--tr-line);border-left:4px solid var(--tr-mut);border-radius:10px;padding:10px 14px}
.tr-np-status b{font-size:15px;color:var(--tr-ink)}
.tr-np-status span{font-size:13px;color:var(--tr-mut)}
.tr-np-dead{border-left-color:var(--tr-low)}
.tr-np-dead b{color:var(--tr-low)}
.tr-np-sources{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}
.tr-np-src-label{font-size:13px;font-weight:700;color:var(--tr-ink);display:inline-flex;align-items:center;gap:6px}
.tr-np-btn{white-space:nowrap}
.tr-np-btn-ghost{background:#fff;color:var(--tr-brand);border:1px solid var(--tr-brand)}
.tr-np-btn-ghost:hover{background:var(--tr-bg);color:var(--tr-brand)}
.tr-np-sources small{flex-basis:100%;font-size:12px;color:var(--tr-mut)}
.tr-np-alts{margin-top:16px}
.tr-np-alts-head{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--tr-mut);margin:0 0 8px}
.tr-np-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:560px){.tr-np-grid{grid-template-columns:1fr}}
.tr-np-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:8px 10px;text-decoration:none;color:var(--tr-ink);transition:border-color .15s,box-shadow .15s}
.tr-np-card:hover{border-color:var(--tr-brand);box-shadow:0 4px 14px rgba(15,61,47,.12);color:var(--tr-ink)}
.tr-np-media{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center}
.tr-np-media img{max-width:52px;max-height:52px;object-fit:contain}
.tr-np-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.tr-np-name{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-np-card:hover .tr-np-name{color:var(--tr-brand)}
.tr-np-meta{display:flex;align-items:center;gap:8px;font-size:12px}
.tr-np-meta .tr-note-pill{min-width:28px;padding:1px 6px;font-size:12px}
.tr-np-meta b{color:var(--tr-mark);font-size:13px} .tr-pd-tests{margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-tests-summary{font-size:15px;line-height:1.7;color:#28313d;margin:4px 0 2px}
.tr-tests-summary-label{font-size:11px;color:var(--tr-mut);margin:0 0 12px}
.tr-tests-table{width:100%;border-collapse:collapse;font-size:14px}
.tr-tests-table th{text-align:left;color:var(--tr-mut);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;border-bottom:2px solid var(--tr-line)}
.tr-tests-table td{padding:10px;border-bottom:1px solid var(--tr-line);vertical-align:middle}
.tr-test-tester{font-weight:700}
.tr-test-label{color:var(--tr-mut);font-size:13px}
.tr-tests-table a{color:var(--tr-brand);font-weight:600;text-decoration:none} .tr-pd-videos{--tr-vid-plus:#3f7d20;--tr-vid-minus:#9a3412;margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-vid-vorschau{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a5a00;background:rgba(180,120,10,.12);border:1px dashed rgba(180,120,10,.45);border-radius:6px;padding:4px 10px;margin:0 0 10px}
.tr-vid-summary{font-size:15px;line-height:1.7;color:#28313d;margin:4px 0 2px}
.tr-vid-label{font-size:11px;line-height:1.6;color:var(--tr-mut);margin:0 0 16px}
.tr-vid-karte{border:1px solid var(--tr-line);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.tr-vid-karte:last-of-type{margin-bottom:4px} .tr-vid-kopf{margin-bottom:14px}
.tr-vid-titel{display:block;font-size:16px;font-weight:700;line-height:1.35;color:var(--tr-ink);text-decoration:none}
.tr-vid-titel:hover{color:var(--tr-brand);text-decoration:underline}
.tr-vid-titel:focus-visible{outline:2px solid var(--tr-fokus);outline-offset:2px}
.tr-vid-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--tr-mut);margin:5px 0 0}
.tr-vid-kanal{font-weight:600;color:var(--tr-ink)}
.tr-vid-pillen{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.tr-vid-pille{font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:5px;padding:3px 8px;background:var(--tr-bg);color:var(--tr-mut);border:1px solid var(--tr-line)}
.tr-vid-art{color:var(--tr-ink)}
.tr-vid-u-ja{background:rgba(63,125,32,.10);color:var(--tr-vid-plus);border-color:rgba(63,125,32,.25)}
.tr-vid-u-gemischt{background:rgba(180,120,10,.10);color:#8a5a00;border-color:rgba(180,120,10,.25)}
.tr-vid-u-nein{background:rgba(154,52,18,.10);color:var(--tr-vid-minus);border-color:rgba(154,52,18,.25)}
.tr-vid-anzeige{background:var(--tr-brand-tint);color:var(--tr-brand);border-color:transparent} .tr-vid-raum{display:grid;gap:18px}
.tr-vid-mit-buehne .tr-vid-raum{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start} .tr-vid-buehne{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:
radial-gradient(120% 90% at 50% 0%,#24313c 0%,#141c24 55%,#0d1318 100%)}
.tr-vid-buehne iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .tr-vid-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-bottom:22px;text-decoration:none;color:#fff}
.tr-vid-start:hover .tr-vid-start-knopf{transform:scale(1.06);background:var(--tr-brand)}
.tr-vid-start:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.tr-vid-start-knopf{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;transition:transform var(--tr-dur-1,.15s) var(--tr-ease-out,ease-out),background var(--tr-dur-1,.15s)}
.tr-vid-start-text{font-size:13.5px;font-weight:700;letter-spacing:.01em}
.tr-vid-start-dauer{position:absolute;right:10px;bottom:10px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;background:rgba(0,0,0,.62);border-radius:4px;padding:2px 7px}
.tr-vid-laeuft .tr-vid-start{display:none} .tr-vid-spur{position:relative;display:block;height:4px;border-radius:2px;background:var(--tr-line);margin:8px 0 0}
.tr-vid-spur i{position:absolute;top:-3px;width:2px;height:10px;border-radius:1px;background:var(--tr-brand)}
.tr-vid-datenschutz{font-size:11px;line-height:1.55;color:var(--tr-mut);margin:10px 0 0} .tr-vid-liste-kopf{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tr-mut);margin:0 0 6px}
.tr-vid-spalte-liste>.tr-vid-liste-kopf+*+.tr-vid-liste-kopf,.tr-vid-spalte-liste>*+.tr-vid-liste-kopf{margin-top:14px}
.tr-vid-punkte{list-style:none;margin:0;padding:0}
.tr-vid-punkte li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--tr-line)}
.tr-vid-punkte li:last-child{border-bottom:0}
.tr-vid-minus li:first-child{border-top:1px solid var(--tr-line)}
.tr-vid-punkt{font-size:13.5px;line-height:1.5;color:var(--tr-ink);flex:1 1 60%}
.tr-vid-plus .tr-vid-punkt::before{content:"+";display:inline-block;width:14px;font-weight:800;color:var(--tr-vid-plus)}
.tr-vid-minus .tr-vid-punkt::before{content:"\2212";display:inline-block;width:14px;font-weight:800;color:var(--tr-vid-minus)}
.tr-vid-chip{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:26px;padding:2px 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tr-brand);background:var(--tr-brand-tint);border:1px solid transparent;border-radius:6px;text-decoration:none}
.tr-vid-chip:hover{border-color:var(--tr-brand)}
.tr-vid-chip:focus-visible{outline:2px solid var(--tr-fokus);outline-offset:2px} .tr-vid-laeuft .tr-vid-chip{background:var(--tr-brand);color:#fff}
.tr-vid-laeuft .tr-vid-chip:hover{border-color:var(--tr-brand);filter:brightness(1.12)}
.tr-vid-messwerte{width:100%;border-collapse:collapse;font-size:13.5px}
.tr-vid-messwerte td{padding:7px 0;border-bottom:1px solid var(--tr-line);vertical-align:middle}
.tr-vid-messwerte td:first-child{color:var(--tr-mut)}
.tr-vid-messwerte td:nth-child(2){text-align:right;padding-right:10px;white-space:nowrap}
.tr-vid-messwerte td:last-child{width:1%;white-space:nowrap}
.tr-vid-messwerte tr:last-child td{border-bottom:0}
@media(max-width:820px){ .tr-vid-mit-buehne .tr-vid-raum{grid-template-columns:1fr}
} .tr-entity{max-width:860px}
.tr-entity-typ{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--tr-mut);margin:0 0 8px}
.tr-entity-profil{font-size:15px;line-height:1.75;color:#28313d;background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:18px 22px}
.tr-entity-ratings{margin-top:24px}
.tr-entity-avg{font-size:16px} .tr-entity-avg b{color:var(--tr-mark);font-size:22px}
.tr-entity-few{color:var(--tr-mut)}
.tr-entity-review{border:1px solid var(--tr-line);border-radius:10px;padding:10px 14px;margin:8px 0;background:#fff}
.tr-entity-stars{color:#f59e0b;letter-spacing:2px}
.tr-entity-review small{color:var(--tr-mut);margin-left:6px}
.tr-entity-review p{margin:6px 0 0;font-size:14px;line-height:1.6}
.tr-rate-form{background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:16px 20px;display:grid;gap:10px;max-width:520px}
.tr-rate-form input[type=text],.tr-rate-form textarea{border:1px solid var(--tr-line);border-radius:9px;padding:9px 12px;font:inherit;width:100%}
.tr-hp{position:absolute!important;left:-9999px!important;height:1px;width:1px;opacity:0}
.tr-rate-stars{display:inline-flex;flex-direction:row-reverse;gap:2px}
.tr-rate-stars input{display:none}
.tr-rate-stars label{font-size:30px;color:#d1d5db;cursor:pointer;transition:color .12s}
.tr-rate-stars input:checked ~ label,.tr-rate-stars label:hover,.tr-rate-stars label:hover ~ label{color:#f59e0b}
.tr-rate-msg{font-weight:600}.tr-rate-ok{color:var(--tr-top)}
.tr-rate-privacy{font-size:11px;color:var(--tr-mut);margin:2px 0 0}
.tr-entity-link{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(15,61,47,.4)}
.tr-entity-link:hover{color:var(--tr-brand)} .tr-sc-nav{position:sticky;top:0;z-index:40;background:#fff;border:1px solid var(--tr-line);border-radius:12px;margin:14px 0 4px;overflow-x:auto}
.tr-sc-nav ul{list-style:none;display:flex;gap:2px;margin:0;padding:6px 8px;white-space:nowrap}
.tr-sc-nav a{display:block;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:700;color:var(--tr-ink);text-decoration:none}
.tr-sc-nav a:hover{background:var(--tr-bg);color:var(--tr-brand)}
.tr-sc-fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
@media(max-width:760px){.tr-sc-fit{grid-template-columns:1fr}}
.tr-sc-fit-col{background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:16px 20px}
.tr-sc-fit-pro{border-top:3px solid var(--tr-top)}.tr-sc-fit-con{border-top:3px solid var(--tr-mid)}
.tr-sc-fit-col h3{margin:0 0 8px}
.tr-sc-fit-col ul{list-style:none;margin:0;padding:0}
.tr-sc-fit-col li{padding:7px 0 7px 26px;position:relative;font-size:14px;line-height:1.55;border-bottom:1px solid var(--tr-line)}
.tr-sc-fit-col li:last-child{border-bottom:0}
.tr-sc-fit-pro li::before{content:"✓";position:absolute;left:2px;color:var(--tr-top);font-weight:800}
.tr-sc-fit-con li::before{content:"→";position:absolute;left:2px;color:var(--tr-mid);font-weight:800} .tr-sc-distance{margin-top:22px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:20px 24px}
.tr-sc-dist-sub{font-size:14px;color:var(--tr-mut);margin:4px 0 14px}
.tr-sc-dist-row{display:flex;align-items:center;gap:16px}
#tr-dist-slider{flex:1;accent-color:var(--tr-brand);height:6px}
#tr-dist-val{font-size:22px;font-weight:800;color:var(--tr-brand);min-width:78px;text-align:right}
.tr-sc-dist-verdict{margin:14px 0 0;font-size:15px;font-weight:600;padding:12px 16px;border-radius:10px}
.tr-dist-ok{background:rgba(34,197,94,.1);color:#166534}
.tr-dist-warn{background:rgba(245,158,11,.12);color:#92400e}
.tr-sc-specs #tr-spec-search{width:100%;border:1px solid var(--tr-line);border-radius:10px;padding:11px 14px;font:inherit;font-size:14px;margin:4px 0 14px;background:var(--tr-bg)}
.tr-sc-speccount{font-size:12px;font-weight:700;color:var(--tr-mut);background:var(--tr-bg);border-radius:20px;padding:3px 10px;vertical-align:middle;margin-left:8px}
.tr-sc-specgroup{border:1px solid var(--tr-line);border-radius:10px;margin:8px 0;overflow:hidden}
.tr-sc-specgroup summary{cursor:pointer;list-style:none;padding:11px 14px;font-weight:700;font-size:14px;background:var(--tr-bg);display:flex;justify-content:space-between}
.tr-sc-specgroup summary::-webkit-details-marker{display:none}
.tr-sc-specgroup summary::after{content:"▾";color:var(--tr-mut)}
.tr-sc-specgroup[open] summary::after{transform:rotate(180deg)}
.tr-sc-gcount{font-size:11px;color:var(--tr-mut);font-weight:600;margin-left:auto;margin-right:10px}
.tr-sc-specgroup table{margin:0}
.tr-sc-compare{margin-top:24px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-sc-cmp-table{width:100%;border-collapse:collapse;font-size:14px}
.tr-sc-cmp-table thead th{vertical-align:top;text-align:center;padding:10px;border-bottom:2px solid var(--tr-line);min-width:130px}
.tr-sc-cmp-table thead th:first-child{min-width:90px}
.tr-sc-cmp-table thead img{max-height:84px;width:auto;display:block;margin:0 auto 8px}
.tr-sc-cmp-table thead a{font-size:12.5px;font-weight:700;color:var(--tr-ink);text-decoration:none;display:block;line-height:1.35} .tr-sc-cmp-badge{display:inline-block;margin-top:6px;font-size:10px;font-weight:800;text-transform:uppercase;color:#fff;background:var(--tr-mark);border-radius:5px;padding:2px 8px}
.tr-sc-cmp-table tbody th{text-align:left;color:var(--tr-mut);font-weight:600;font-size:13px;padding:9px 10px;border-bottom:1px solid var(--tr-line)}
.tr-sc-cmp-table tbody td{text-align:center;padding:9px 10px;border-bottom:1px solid var(--tr-line)}
.tr-sc-cmp-self{background:var(--tr-mark-tint)}
.tr-sc-reviews{margin-top:24px;background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:18px 24px}
.tr-sc-upcoming{margin-top:24px}
.tr-sc-up-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.tr-sc-up-card{background:#fff;border:1px dashed var(--tr-line);border-radius:14px;padding:16px 18px;position:relative;opacity:.85}
.tr-sc-up-ico{font-size:24px;display:block;margin-bottom:6px}
.tr-sc-up-card b{font-size:14px}
.tr-sc-up-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--tr-brand);background:rgba(15,61,47,.08);border-radius:5px;padding:2px 8px}
.tr-sc-up-card p{font-size:12.5px;color:var(--tr-mut);line-height:1.5;margin:6px 0 0} .tr-sc-distance{position:relative}
.tr-tv-mini{position:absolute;top:18px;right:24px;display:flex;flex-direction:column;align-items:center;gap:0}
.tr-tv-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c2430,#2f3b4d);border:2px solid #0e131a;border-radius:4px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.tr-tv-stand{height:5px;background:#0e131a;border-radius:0 0 3px 3px}
.tr-tv-stand::after{content:"";display:block;width:160%;height:3px;background:#0e131a;border-radius:3px;margin:5px 0 0 -30%}
@media(max-width:760px){.tr-tv-mini{position:static;margin-bottom:10px;align-items:flex-start}}
.tr-dist-suggest{margin-top:14px}
.tr-dist-sug-head{font-size:13.5px;font-weight:700;color:var(--tr-ink);margin:0 0 10px}
.tr-dist-sug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.tr-dist-sug-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--tr-line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--tr-ink);transition:box-shadow .15s,border-color .15s}
.tr-dist-sug-card:hover{border-color:var(--tr-brand);box-shadow:0 4px 14px rgba(15,61,47,.12);color:var(--tr-ink)}
.tr-dist-sug-card img{max-height:70px;width:auto;object-fit:contain}
.tr-dist-sug-z{font-size:11px;font-weight:800;color:#fff;background:var(--tr-brand);border-radius:5px;padding:1px 8px}
.tr-dist-sug-t{font-size:12.5px;line-height:1.35;font-weight:600}
.tr-dist-sug-card b{color:var(--tr-mark);font-size:15px} .tr-kva-helper{background:#fff;border:1px solid var(--tr-line);border-radius:16px;padding:20px 24px;margin:18px 0}
.tr-kh-sub{font-size:14px;color:var(--tr-mut);margin:4px 0 14px}
.tr-kh-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.tr-kh-label{font-size:13.5px;font-weight:700;min-width:280px}
.tr-kh-opt{border:1px solid var(--tr-line);background:#fff;border-radius:20px;padding:8px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}
.tr-kh-opt:hover{border-color:var(--tr-brand);color:var(--tr-brand)}
.tr-kh-opt.on{background:var(--tr-brand);border-color:var(--tr-brand);color:#fff}
.tr-kh-result{margin-top:14px}
.tr-kh-head{font-size:13.5px;font-weight:700;margin:0 0 10px}
.tr-kh-meta{font-size:11px;color:var(--tr-mut)}
.tr-kh-empty{font-size:14px;color:var(--tr-mut)}
@media(max-width:760px){.tr-kh-label{min-width:100%}} .tr-intro-src{color:var(--tr-mut);font-size:11.5px}
.tr-kva-picks-note{font-size:11.5px;color:var(--tr-mut);margin:6px 0 0}
.tr-pick-price{font-weight:800;color:var(--tr-mark)}
.tr-archiv-band{grid-column:1/-1;background:var(--tr-bg);border:1px dashed var(--tr-line);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--tr-mut);margin:6px 0}
.tr-marken{margin-top:26px}
.tr-marken-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.tr-marke-card{background:#fff;border:1px solid var(--tr-line);border-radius:12px;padding:14px 16px}
.tr-marke-card b{font-size:15px}
.tr-marke-card p{font-size:13px;line-height:1.6;color:#374151;margin:6px 0 0}
.tr-alternativen{margin-top:26px}
.tr-alternativen p{font-size:15px;line-height:1.7}
.tr-alt-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.tr-alt-tile{display:block;background:#fff;border:1px solid var(--tr-line);border-radius:12px;padding:14px 16px;font-weight:700;font-size:14px;color:var(--tr-brand);text-decoration:none;text-align:center}
.tr-alt-tile:hover{border-color:var(--tr-brand);box-shadow:0 3px 10px rgba(15,61,47,.10)} .tr-sysvgl{margin-top:28px}
.tr-sysvgl-table td{font-size:13px;vertical-align:top}
.tr-sysvgl-table small{color:var(--tr-mut)}
.tr-sysvgl-note{font-size:11.5px;color:var(--tr-mut);line-height:1.6;margin-top:10px} .tr-sys-cards-wrap{margin-top:22px}
.tr-sys-legend{font-size:12.5px;color:var(--tr-mut);margin:2px 0 16px}
.tr-leg-lo{color:hsl(122,45%,38%);font-weight:700;margin-left:8px}
.tr-leg-hi{color:hsl(8,52%,46%);font-weight:700;margin-left:6px}
.tr-sys-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tr-sys-card{position:relative;background:#fff;border:1px solid var(--tr-line);border-radius:12px;padding:18px 15px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,61,47,.04)}
.tr-sys-best{border-color:#16a34a;box-shadow:0 2px 10px rgba(22,163,74,.12)}
.tr-sys-ribbon{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px;white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}
.tr-sys-head{display:flex;align-items:center;gap:9px;margin-top:2px}
.tr-sys-ico{display:inline-flex;color:var(--tr-brand)}
.tr-sys-ico .tr-sys-svg{width:26px;height:26px;display:block}
.tr-sys-name{font-size:16px;font-weight:700;letter-spacing:-.01em}
.tr-sys-verdict{font-size:12px;color:#475569;font-weight:600;margin:7px 0 13px;min-height:30px}
.tr-sys-price{font-size:15px;color:#111827;margin-bottom:12px;display:flex;align-items:baseline;gap:5px}
.tr-sys-plabel{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--tr-mut);font-weight:700}
.tr-sys-price b{font-size:17px;font-weight:700}
.tr-sys-cost{background:#f8fafc;border:1px solid #eef1f6;border-radius:9px;padding:9px 11px;margin-bottom:13px}
.tr-sys-cost-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.tr-sys-mlabel{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--tr-mut);font-weight:700}
.tr-sys-bar-track{height:8px;background:#e5e9f0;border-radius:5px;overflow:hidden}
.tr-sys-bar{height:100%;border-radius:5px;transition:width .5s}
.tr-sys-jahr{font-size:15px;font-weight:800;white-space:nowrap;color:#111827}
.tr-sys-tasse{font-size:11px;color:var(--tr-mut);margin-top:6px}
.tr-sys-meta{margin:0 0 14px;padding:0;flex:1;display:flex;flex-direction:column;gap:9px}
.tr-sys-meta>div{display:flex;flex-direction:column;gap:1px}
.tr-sys-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--tr-mut);font-weight:700}
.tr-sys-meta dd{margin:0;font-size:12.5px;line-height:1.4;color:#1f2937}
.tr-sys-btn{text-align:center;font-size:12.5px;padding:9px 10px;margin-top:auto}
@media(max-width:900px){.tr-sys-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tr-sys-cards{grid-template-columns:1fr}} .tr-sys-helper{margin-top:22px}
.tr-sys-rec{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid var(--tr-brand);border-radius:14px;padding:16px 18px;margin-top:14px;animation:trfade .3s}
@keyframes trfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tr-sys-rec-ico{flex-shrink:0;color:var(--tr-brand);display:inline-flex}
.tr-sys-rec-ico .tr-sys-svg{width:40px;height:40px}
.tr-sys-rec-body{display:flex;flex-direction:column;gap:2px}
.tr-sys-rec-lbl{font-size:12px;color:var(--tr-mut);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.tr-sys-rec-name{font-size:19px;font-weight:800}
.tr-sys-rec-verdict{font-size:13px;color:#374151} .tr-sys-rec-facts{font-size:13px;font-weight:700;color:var(--tr-mark);margin-top:2px}
.tr-sys-rec-btn{align-self:flex-start;margin-top:10px;font-size:13px} .tr-showcase-sub{font-size:13.5px;color:#374151;margin:2px 0 14px;line-height:1.6}
.tr-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tr-showcase-card{background:#fff;border:1px solid var(--tr-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
.tr-showcase-card:hover{box-shadow:0 6px 20px rgba(15,61,47,.12);transform:translateY(-2px)}
.tr-showcase-cat{font-size:11px;font-weight:800;color:var(--tr-brand);text-transform:uppercase;letter-spacing:.04em}
.tr-showcase-media{height:150px;display:flex;align-items:center;justify-content:center;margin:8px 0}
.tr-showcase-media img{max-height:150px;max-width:100%;object-fit:contain}
.tr-showcase-name{font-size:14px;font-weight:700;line-height:1.4;min-height:38px}
.tr-showcase-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;margin:8px 0;align-self:flex-start}
.tr-badge-test{background:#dcfce7;color:#15803d}
.tr-badge-score{background:#e0edff;color:#1e40af}
.tr-badge-neutral{background:#f1f5f9;color:#475569}
.tr-showcase-price{font-size:17px;font-weight:800;color:var(--tr-mark);margin-top:auto}
.tr-showcase-cta{font-size:12.5px;font-weight:700;color:var(--tr-brand);margin-top:8px}
.tr-showcase-note,.tr-showcase-card~.tr-showcase-note{font-size:11px;color:var(--tr-mut);margin-top:10px}
@media(max-width:820px){.tr-showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tr-showcase-grid{grid-template-columns:1fr}} .tr-sys-details{margin-top:24px;border:1px solid var(--tr-line);border-radius:12px;background:#fff}
.tr-sys-details>summary{cursor:pointer;padding:14px 18px;font-weight:700;font-size:14px;list-style:none}
.tr-sys-details>summary::-webkit-details-marker{display:none}
.tr-sys-details>summary::before{content:"▸ ";color:var(--tr-brand)}
.tr-sys-details[open]>summary::before{content:"▾ "}
.tr-sys-details .tr-table-wrap{padding:0 14px 14px} .tr-card--compact{border-radius:12px;border-color:#e8ecf3;box-shadow:0 1px 2px rgba(15,61,47,.04)}
.tr-card--compact:hover{box-shadow:0 8px 24px rgba(15,61,47,.10);transform:translateY(-2px);border-color:#d8e0ee}
.tr-card--compact .tr-card-media{display:flex;align-items:center;justify-content:center;
padding:14px 14px 8px;min-height:150px;background:#fff;text-decoration:none}
.tr-card--compact .tr-card-media img{max-height:132px;width:auto;object-fit:contain;
transition:transform .18s ease}
.tr-card--compact:hover .tr-card-media img{transform:scale(1.035)}
.tr-card--compact .tr-score{top:9px;left:9px;width:42px;height:42px;
box-shadow:0 2px 8px rgba(15,61,47,.18)}
.tr-card--compact .tr-score b{font-size:15px}
.tr-card--compact .tr-score small{font-size:9px;letter-spacing:.02em}
.tr-card--compact .tr-card-body{gap:8px;padding:0 13px 13px}
.tr-card--compact .tr-card-title{font-size:13.5px;line-height:1.35;font-weight:600;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.tr-card-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;
padding-top:9px;border-top:1px solid #eef1f6}
.tr-card--compact .tr-price{display:flex;flex-direction:column;line-height:1.15;margin:0}
.tr-card--compact .tr-price b{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--tr-ink)}
.tr-card--compact .tr-price span{font-size:10.5px;color:var(--tr-mut);margin-top:2px}
.tr-card--compact .tr-price-none{font-size:12px;font-weight:600;color:var(--tr-mut)}
.tr-btn-detail{padding:7px 13px;font-size:12.5px;font-weight:600;border-radius:8px;white-space:nowrap;
background:#fff;color:var(--tr-brand);border:1px solid #d6ddea;text-decoration:none;transition:all .15s}
.tr-btn-detail:hover{background:var(--tr-brand);color:#fff;border-color:var(--tr-brand)}
@media (max-width:640px){
.tr-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
}   .tr-table-wrap{
background-image:
linear-gradient(to right,#fff,rgba(255,255,255,0)),
linear-gradient(to left,#fff,rgba(255,255,255,0)),
linear-gradient(to right,rgba(15,61,47,.17),rgba(15,61,47,0)),
linear-gradient(to left,rgba(15,61,47,.17),rgba(15,61,47,0));
background-position:left center,right center,left center,right center;
background-size:34px 100%,34px 100%,15px 100%,15px 100%;
background-repeat:no-repeat;
background-attachment:local,local,scroll,scroll} .elementor-location-archive h1.elementor-heading-title{font-family:var(--tr-font);color:var(--tr-ink);font-weight:800;font-size:30px;line-height:1.2} @media(max-width:900px){ .tr-ueb-form{grid-template-columns:minmax(0,1fr)}
.tr-ueb-main{min-width:0}
.tr-ueb-side{position:static;max-height:none;overflow-x:visible;overflow-y:visible;overscroll-behavior:auto} .tr-ueb{padding-left:16px;padding-right:16px}
.tr-kva-helper{padding-left:14px;padding-right:14px} .tr-facet-select select,.tr-range input,.tr-sort select{font-size:16px}  .tr-facet-checkbox .tr-opt{padding:9px 6px}
.tr-facet-chip .tr-opt{padding:9px 12px} .tr-reset{display:inline-flex;align-items:center;min-height:var(--tr-touch);padding:12px 8px;margin:-12px -8px}
.tr-facet-select select,.tr-sort select{padding:11px 12px}
.tr-range input{padding:10px}
.tr-btn-sm{padding:12px 14px}
.tr-kh-opt{padding:12px 16px}
.tr-btn-detail{padding:10px 13px} .tr-facet-checkbox .tr-facet-opts,.tr-facet-chip .tr-facet-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:4px 8px}
.tr-opt-l{min-width:0;overflow-wrap:anywhere} .tr-facet-opts:has(>.tr-opt:nth-child(25)){max-height:320px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;
background-image:
linear-gradient(#fff,rgba(255,255,255,0)),
linear-gradient(rgba(255,255,255,0),#fff),
linear-gradient(rgba(15,61,47,.15),rgba(15,61,47,0)),
linear-gradient(rgba(15,61,47,0),rgba(15,61,47,.15));
background-position:top center,bottom center,top center,bottom center;
background-size:100% 24px,100% 24px,100% 10px,100% 10px;
background-repeat:no-repeat;
background-attachment:local,local,scroll,scroll} .tr-facet>h4{font-size:var(--tr-fs-400)}
.tr-opt{font-size:var(--tr-fs-400)}
}  @media(max-width:760px){ .tr-picks{gap:var(--tr-s-3)}
.tr-pick{position:relative;align-items:flex-start;justify-content:center;text-align:left;
gap:var(--tr-s-1);padding:var(--tr-s-3) var(--tr-s-3) var(--tr-s-3) 112px;min-height:112px}
.tr-pick-media{position:absolute;left:var(--tr-s-3);top:50%;transform:translateY(-50%);
width:88px;height:88px}
.tr-pick-media img{max-height:88px} .tr-pick-media .tr-score{width:38px;height:38px}
.tr-pick-media .tr-score b{font-size:14px}
.tr-pick-media .tr-score small{font-size:8px}
.tr-pick-cta{margin-top:var(--tr-s-1)} .tr-card{position:relative}
.tr-card-title a::after{content:"";position:absolute;inset:0;z-index:1}
.tr-card .trc-karte-aktionen,.tr-card .trc-var,.tr-card button{position:relative;z-index:2} .tr-card .tr-btn-detail{display:none}
.tr-card-foot{flex-direction:row;align-items:flex-end;gap:var(--tr-s-2)}  .tr-card .trc-karte-aktionen{flex-direction:row;justify-content:flex-end;gap:var(--tr-s-2);
padding:var(--tr-s-1) 13px 13px;margin-top:calc(var(--tr-s-2) * -1)}
.tr-card .trc-karte-aktionen>*{flex:0 0 var(--tr-touch);width:var(--tr-touch);
min-width:var(--tr-touch);height:var(--tr-touch);min-height:var(--tr-touch);padding:0;gap:0}
.tr-card .trc-vgl-toggle__text,.tr-card .trc-merk-btn__text{position:absolute;
width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);
white-space:nowrap;border:0} .tr-card--compact .tr-card-media{min-height:118px;padding:10px 10px 6px}
.tr-card--compact .tr-card-media img{max-height:104px} .tr-card--compact .tr-card-title{font-size:var(--tr-fs-400)}
.tr-card--compact .tr-price span{font-size:var(--tr-fs-200)}
.tr-h2{font-size:var(--tr-fs-600)}
} @media(max-width:600px){
.elementor-location-archive h1.elementor-heading-title{font-size:24px}
} @media(max-width:560px){ .tr-pd-head{padding:16px}
.tr-pd-specs,.tr-pd-desc,.tr-pd-verdict,.tr-pd-pricehist,.tr-pd-tests,.tr-pd-videos{padding:14px 16px}
.tr-vid-karte{padding:12px 13px}
.tr-pd-specs th{width:40%;padding:9px 8px}
.tr-pd-specs td{padding:9px 8px} .tr-beleg-pillars li{flex-wrap:wrap;row-gap:2px}
.tr-beleg-pillars b{min-width:0;overflow-wrap:anywhere}
.tr-beleg-sub{flex:1 1 100%;order:3;min-width:0}
.tr-beleg-pillars em{margin-left:auto}
} @media(max-width:520px){ .tr-off-table,.tr-off-table tbody,.tr-off-row,.tr-off-row td{display:block}
.tr-off-row{padding:10px 0}
.tr-off-row td{padding:1px 0;text-align:left}
.tr-off-price{white-space:normal}
.tr-off-act{text-align:left}
.tr-off-act .tr-btn{display:block;width:100%;margin-top:8px}
} @media(max-width:400px){ .tr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .tr-card--compact .tr-card-media{padding:8px 8px 6px}
.tr-card--compact .tr-card-body{padding:0 9px 10px} .tr-card .trc-karte-aktionen{padding:var(--tr-s-1) 9px 10px}
.tr-facet-checkbox .tr-facet-opts,.tr-facet-chip .tr-facet-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
}  .tr-facet>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;margin:0;padding:11px 2px;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--tr-mut);font-weight:700}
.tr-facet>summary::-webkit-details-marker{display:none}
.tr-facet>summary::after{content:"+";font-size:19px;line-height:1;color:var(--tr-brand);font-weight:700}
.tr-facet[open]>summary::after{content:"–"}
.tr-facet>summary:focus-visible{outline:2px solid var(--trc-focus-ring,var(--tr-fokus));outline-offset:2px}
.tr-facet-sum-c{font-size:11px;font-weight:600;color:var(--tr-mut);background:var(--tr-bg);border-radius:20px;padding:1px 8px;margin-left:auto}
.tr-facet>summary+.tr-facet-opts{margin-top:8px} @media(max-width:900px){
.tr-facet>summary{font-size:var(--tr-fs-400);min-height:var(--tr-touch);padding:var(--tr-s-2) 2px}
.tr-facet:has(>summary){padding:0}
.tr-facet[open]:has(>summary){padding-bottom:var(--tr-s-3)}
.tr-facet:has(>summary) .tr-opt{min-height:var(--tr-touch)}
} @media(min-width:901px){
.tr-facet::details-content{content-visibility:visible;block-size:auto;overflow:visible} .tr-facet>summary{cursor:default}
.tr-facet>summary::after{content:none}
.tr-facet-sum-c{display:none}
} @media(max-width:640px){
.tr-table .tr-col--sek{display:none}
}   .trc-var{
box-sizing:border-box;
margin:var(--tr-s-4) 0;
min-width:0;
}
.trc-var *,
.trc-var *::before,
.trc-var *::after{ box-sizing:border-box; } .trc-var__kopf{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--tr-s-2);
margin:0 0 var(--tr-s-2);
}
.trc-var__label{
font-size:var(--tr-fs-100);
font-weight:var(--tr-fw-medium);
letter-spacing:var(--tr-ls-caps);
text-transform:uppercase;
color:var(--tr-mut);
line-height:var(--tr-lh-ui);
}
.trc-var__zahl{
font-size:var(--tr-fs-200);
color:var(--tr-mut);
line-height:var(--tr-lh-ui);
} .trc-var__spur{
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
padding:var(--tr-s-2) 0;
margin:calc(var(--tr-s-2) * -1) 0;
} .trc-var .trc-var__liste{
display:flex;
flex-wrap:wrap;
gap:var(--tr-s-2);
margin:0;
padding:0;
list-style:none;
}
.trc-var .trc-var__eintrag{ margin:0; padding:0; list-style:none; display:block; } .trc-var--viele .trc-var__liste,
.trc-var--klein .trc-var__liste{ flex-wrap:nowrap; }
.trc-var--viele .trc-var__spur,
.trc-var--klein .trc-var__spur{ scroll-snap-type:x proximity; }
.trc-var--viele .trc-var__eintrag,
.trc-var--klein .trc-var__eintrag{ scroll-snap-align:start; } .trc-var__opt{
display:inline-flex;
align-items:center;
gap:var(--tr-s-2);
min-height:var(--tr-touch);
padding:var(--tr-s-1) var(--tr-s-3);
border:var(--tr-bw) solid var(--tr-line-ui);
border-radius:var(--tr-r-md);
background:var(--tr-surface);
color:var(--tr-ink);
text-decoration:none;
font-size:var(--tr-fs-400);
font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-tight);
transition:background-color var(--tr-dur-1) var(--tr-ease-out),
border-color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-var__opt:hover{
background:var(--tr-bg);
border-color:var(--tr-brand);
} .trc-var__opt--aktiv{
border-color:var(--tr-brand);
box-shadow:inset 0 0 0 2px var(--tr-brand);
background:var(--tr-brand-tint);
color:var(--tr-brand);
font-weight:var(--tr-fw-bold);
}
.trc-var__opt--aktiv:hover{
background:var(--tr-brand-tint);
border-color:var(--tr-brand);
} .trc-var__opt--weg{ color:var(--tr-mut); }
.trc-var__text{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
min-width:0;
}
.trc-var__name{ white-space:nowrap; } .trc-var__preis{
font-size:var(--tr-fs-200);
font-weight:var(--tr-fw-medium);
color:var(--tr-body);
white-space:nowrap;
}
.trc-var__preis--leer{ color:var(--tr-mut); } .trc-var__opt .trc-ico{ flex:none; }
.trc-var__opt--aktiv .trc-ico{ width:18px; height:18px; } .trc-var__punkt{
flex:none;
inline-size:14px;
block-size:14px;
border-radius:var(--tr-r-pill);
border:var(--tr-bw) solid var(--tr-line-ui); background:var(--trc-var-farbe, var(--tr-bg));
} .trc-var__hinweis{
display:none;
align-items:center;
gap:var(--tr-s-1);
margin:var(--tr-s-2) 0 0;
font-size:var(--tr-fs-200);
color:var(--tr-mut);
line-height:var(--tr-lh-ui);
}
.trc-var__hinweis .trc-ico{ width:16px; height:16px; flex:none; } .trc-var--viele .trc-var__hinweis{ display:flex; } .trc-var--gemessen .trc-var__hinweis{ display:none; }
.trc-var--gemessen.trc-var--scrollt .trc-var__hinweis{ display:flex; } .trc-var a:focus-visible{
outline:2px solid var(--trc-focus-ring);
outline-offset:2px;
box-shadow:0 0 0 4px var(--trc-focus-halo);
} .trc-var .trc-var__opt--aktiv:focus-visible{
box-shadow:inset 0 0 0 2px var(--tr-brand), 0 0 0 4px var(--trc-focus-halo);
}   .tr-card .tr-card-foot:has(.trc-var--klein){ flex-wrap:wrap; } .tr-card .trc-var--klein{ flex:1 0 100%; width:100%; min-width:0; margin-left:0; } .tr-card .trc-var--klein[data-achse="farbe"] .trc-var__text{
position:absolute; width:1px; height:1px; margin:-1px; padding:0;
overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
.tr-card .trc-var--klein[data-achse="farbe"] .trc-var__opt{
position:relative; padding:var(--tr-s-1); gap:0; min-width:0;
}
.tr-card .trc-var--klein[data-achse="farbe"] .trc-var__liste{ flex-wrap:wrap; } .tr-card .trc-var--klein .trc-var__spur{ max-width:100%; }
.trc-var--klein{ margin:var(--tr-s-2) 0 0; }
.trc-var--klein .trc-var__kopf{ margin-bottom:var(--tr-s-1); }
.trc-var--klein .trc-var__opt{
padding:var(--tr-s-1) var(--tr-s-2);
font-size:var(--tr-fs-300);
gap:var(--tr-s-1);
}
.trc-var--klein .trc-var__punkt{ inline-size:12px; block-size:12px; }
.trc-var--klein .trc-var__preis{ font-size:var(--tr-fs-100); }
.trc-var--klein .trc-var__hinweis{ margin-top:var(--tr-s-1); } @media (max-width:379px){ .trc-var--gross .trc-var__hinweis{ display:none; }
.trc-var--gross .trc-var__liste{ flex-wrap:wrap; }
.trc-var--gross .trc-var__eintrag{ flex:1 1 100%; }
.trc-var--gross .trc-var__opt{ width:100%; justify-content:flex-start; }
.trc-var--gross .trc-var__text{
flex-direction:row;
align-items:baseline;
gap:var(--tr-s-2);
flex:1 1 auto;
justify-content:space-between;
}
}  .trc-preis__wert{
white-space:nowrap;
letter-spacing:var(--tr-ls-num);
} .trc-preis__ab{
font-size:.68em;
font-weight:var(--tr-fw-medium);
letter-spacing:var(--tr-ls-none);
color:var(--tr-mut);
} .trc-preis__zusatz{
display:block;
font-size:var(--tr-fs-300);
line-height:var(--tr-lh-ui);
color:var(--tr-mut);
} .trc-preis--gross{
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:var(--tr-s-1);
margin:var(--tr-s-3) 0;
min-width:0;
}
.trc-preis--gross *,
.trc-preis--gross *::before,
.trc-preis--gross *::after{ box-sizing:border-box; }
.trc-preis--gross .trc-preis__wert{
font-size:var(--tr-fs-700); font-weight:var(--tr-fw-black);
line-height:var(--tr-lh-flat);
color:var(--tr-ink);
} .trc-preis__spanne,
.trc-preis__stand{
display:block;
font-size:var(--tr-fs-200);
line-height:var(--tr-lh-ui);
color:var(--tr-mut);
} .trc-preis--gross .trc-preis__leer{
font-size:var(--tr-fs-400);
font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui);
color:var(--tr-mut);
} @media (max-width:379px){
.trc-preis--gross .trc-preis__wert{ font-size:var(--tr-fs-600); }
}  .term-description table{
display:block;
overflow-x:auto;
max-width:100%;
-webkit-overflow-scrolling:touch;
}
@media (min-width:760px){ .term-description table{ display:table; overflow-x:visible; }
}.tr-pd2{
--pd-brand:var(--tr-brand,#0F3D2F);
--pd-brand-hover:var(--tr-brand-hover,#0A2B21);
--pd-brand-tint:var(--tr-brand-tint,rgba(15,61,47,.08));
--pd-ink:var(--tr-ink,#1c2430);
--pd-body:var(--tr-body,#374151);
--pd-mut:var(--tr-mut,#5d6879);
--pd-bg:var(--tr-bg,#f6f8fb);
--pd-bg-head:var(--tr-bg-head,#f1f4f9);
--pd-line:var(--tr-line,#e6e9ef);
--pd-line-strong:var(--tr-line-strong,#d6ddea);
--pd-line-ui:var(--tr-line-ui,#7c8798);
--pd-top:var(--tr-top-solid,#15803d);
--pd-good:var(--tr-good-solid,#4d7c0f);
--pd-mid:var(--tr-mid-solid,#b45309);
--pd-low:var(--tr-low-solid,#dc2626);
--pd-r-sm:8px; --pd-r-md:10px; --pd-r-lg:12px;
--pd-sticky-top:0px;
max-width:1080px;
margin:8px auto 0;
padding:0; color:var(--pd-body);
font-size:.9375rem;
line-height:1.5;
}
.tr-pd2 *,.tr-pd2 *::before,.tr-pd2 *::after{box-sizing:border-box}
.tr-pd2 .trc-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.tr-pd2-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .tr-pd2-h2{font-size:1.25rem;line-height:1.3;font-weight:700;color:var(--pd-ink);letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance}
.tr-pd2-h3{font-size:1rem;line-height:1.35;font-weight:700;color:var(--pd-ink);margin:0 0 8px}
.tr-pd2-lead{font-size:.9375rem;line-height:1.6;color:var(--pd-body);margin:0 0 16px;max-width:720px}
.tr-pd2-quelle{font-size:.75rem;line-height:1.5;color:var(--pd-mut);margin:12px 0 0;max-width:760px}
.tr-pd2-quelle a{color:var(--pd-mut)}
.tr-pd2-mut{color:var(--pd-mut)}
.tr-pd2-zahl{display:inline-block;font-size:.75rem;font-weight:600;color:var(--pd-mut);margin-left:6px;letter-spacing:0;vertical-align:middle}
@media (min-width:768px){ .tr-pd2-h2{font-size:1.5rem} } .tr-pd2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--pd-r-md);
background:var(--pd-brand);color:#fff;border:1px solid var(--pd-brand);font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;
transition:background-color .12s,border-color .12s,color .12s}
.tr-pd2-btn:hover,.tr-pd2-btn:focus-visible{background:var(--pd-brand-hover);border-color:var(--pd-brand-hover);color:#fff}
.tr-pd2-btn--umriss{background:#fff;color:var(--pd-brand);border-color:var(--pd-line-ui)}
.tr-pd2-btn--umriss:hover,.tr-pd2-btn--umriss:focus-visible{background:var(--pd-bg);color:var(--pd-brand-hover);border-color:var(--pd-brand)}
.tr-pd2-anz{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:3px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.55);color:inherit;opacity:.92}
.tr-pd2-btn--umriss .tr-pd2-anz,.tr-pd2-anz--frei{border-color:var(--pd-line-strong);color:var(--pd-mut)}
.tr-pd2 a:focus-visible,.tr-pd2 button:focus-visible,.tr-pd2 summary:focus-visible,.tr-pd2 input:focus-visible,.tr-pd2-leiste a:focus-visible{outline:2px solid var(--pd-brand);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,255,255,.92)} .tr-pd2-kopf{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"bild meta" "kauf kauf";column-gap:16px;row-gap:16px;align-items:start;padding:4px 0 0}
.tr-pd2-bild{grid-area:bild;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);padding:6px;overflow:visible}
.tr-pd2-bild img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.tr-pd2-note{position:absolute;top:-8px;left:-8px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;line-height:1;border:2px solid #fff;box-shadow:0 1px 2px rgba(28,36,48,.18)}
.tr-pd2-note b{font-size:.9375rem;font-weight:800}
.tr-pd2-note small{font-size:.5625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}
.tr-pd2-note--top{background:var(--pd-top)}.tr-pd2-note--good{background:var(--pd-good)}.tr-pd2-note--mid{background:var(--pd-mid)}.tr-pd2-note--low{background:var(--pd-low)}
.tr-pd2-meta{grid-area:meta;min-width:0;display:flex;flex-direction:column;gap:8px}
.tr-pd2-eyebrow{margin:0;font-size:.75rem;line-height:1.4;color:var(--pd-mut);display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.tr-pd2-eyebrow__marke{font-weight:700;color:var(--pd-ink);text-transform:uppercase;letter-spacing:.06em}
.tr-pd2-eyebrow a{color:var(--pd-mut);text-decoration:underline;text-decoration-color:var(--pd-line-strong);text-underline-offset:3px}
.tr-pd2-eyebrow a:hover{color:var(--pd-brand)}
.tr-pd2-urteil{display:flex;flex-direction:column;gap:4px}
.tr-pd2-urteil__haupt{font-size:.9375rem;font-weight:600;color:var(--pd-ink);line-height:1.35}
.tr-pd2-urteil__haupt b{font-weight:800}
.tr-pd2-urteil__beleg{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--pd-mut);line-height:1.4}
.tr-pd2-dots{display:inline-flex;gap:3px;flex:none}
.tr-pd2-dots i{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--pd-mut);display:block}
.tr-pd2-dots i.on{background:var(--pd-mut)}
.tr-pd2-kurz{display:none;list-style:none;margin:4px 0 0;padding:0;flex-wrap:wrap;gap:8px 20px}
.tr-pd2-kurz li{font-size:.8125rem;color:var(--pd-mut)}
.tr-pd2-kurz b{color:var(--pd-ink);font-weight:800;font-size:.9375rem}
.tr-pd2-kurz small{font-weight:600;color:var(--pd-mut);font-size:.75rem}
.tr-pd2-kauf{grid-area:kauf;min-width:0}
@media (min-width:560px){
.tr-pd2-kopf{grid-template-columns:148px minmax(0,1fr)}
.tr-pd2-note{width:52px;height:52px;top:-10px;left:-10px}
.tr-pd2-note b{font-size:1.0625rem}
}
@media (min-width:768px){
.tr-pd2-kopf{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"bild meta" "bild kauf";column-gap:32px;row-gap:16px}
.tr-pd2-bild{padding:16px}
.tr-pd2-note{width:60px;height:60px;top:10px;left:10px;border-width:3px}
.tr-pd2-note b{font-size:1.25rem}
.tr-pd2-note small{font-size:.625rem}
.tr-pd2-kurz{display:flex}
.tr-pd2-urteil{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
}
@media (min-width:1024px){ .tr-pd2-kopf{grid-template-columns:360px minmax(0,1fr);column-gap:40px} } .tr-pd2-angebote{border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);background:#fff;padding:12px 12px 12px}
.tr-pd2-angebote__kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pd-mut);padding:0 4px 8px;border-bottom:1px solid var(--pd-line)}
.tr-pd2-angebote__liste{list-style:none;margin:0;padding:0}
.tr-pd2-angebot{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h p" "b b";gap:8px 12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--pd-line)}
.tr-pd2-angebot:last-child{border-bottom:0}
.tr-pd2-angebot__haendler{grid-area:h;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;color:var(--pd-ink);font-size:.9375rem;min-width:0}
.tr-pd2-angebot__haendler a{color:var(--pd-ink);text-decoration:none;border-bottom:1px solid var(--pd-line-strong)}
.tr-pd2-angebot__haendler em{font-style:normal;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pd-ink);background:var(--pd-bg-head);border:1px solid var(--pd-line);border-radius:4px;padding:2px 6px}
.tr-pd2-angebot__preis{grid-area:p;text-align:right;white-space:nowrap}
.tr-pd2-angebot__preis b{display:block;font-size:1.25rem;font-weight:800;color:var(--pd-ink);letter-spacing:-.01em;line-height:1.2}
.tr-pd2-angebot__preis small{display:block;font-size:.75rem;color:var(--pd-mut)}
.tr-pd2-angebot .tr-pd2-btn{grid-area:b;width:100%}
.tr-pd2-mehr{margin:10px 4px 0;font-size:.8125rem;color:var(--pd-mut)}
.tr-pd2-mehr a{color:var(--pd-brand);font-weight:600}
.tr-pd2-hinweis{margin:8px 4px 0;font-size:.75rem;line-height:1.5;color:var(--pd-mut)}
.tr-pd2 .tr-tco{margin:10px 4px 0;font-size:.8125rem;color:var(--pd-body)}
@media (min-width:560px){
.tr-pd2-angebot{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"h p b"}
.tr-pd2-angebot .tr-pd2-btn{width:auto}
}
.tr-pd2-angebote--leer{padding:16px}
.tr-pd2-status{margin:0 0 12px;padding:0 0 0 12px;border-left:3px solid var(--pd-line-ui);display:flex;flex-direction:column;gap:2px}
.tr-pd2-status b{font-size:.9375rem;color:var(--pd-ink)}
.tr-pd2-status span{font-size:.8125rem;color:var(--pd-mut);line-height:1.5}
.tr-pd2-suche__kopf{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.8125rem;font-weight:600;color:var(--pd-ink)}
.tr-pd2-suche{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tr-pd2-suche .tr-pd2-btn{flex:1 1 150px}
.tr-pd2-alts{margin-top:16px;padding-top:12px;border-top:1px solid var(--pd-line)}
.tr-pd2-alts__kopf{margin:0 0 8px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pd-mut)}
.tr-pd2-alts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:560px){ .tr-pd2-alts ul{grid-template-columns:1fr 1fr} }
.tr-pd2-mini{display:flex;align-items:center;gap:12px;min-height:72px;padding:8px 10px;border:1px solid var(--pd-line);border-radius:var(--pd-r-md);text-decoration:none;color:var(--pd-ink);background:#fff;transition:border-color .12s}
.tr-pd2-mini:hover{border-color:var(--pd-line-strong)}
.tr-pd2-mini:hover .tr-pd2-mini__name{color:var(--pd-brand)}
.tr-pd2-mini__bild{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.tr-pd2-mini__bild img{max-width:52px;max-height:52px;object-fit:contain}
.tr-pd2-mini__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.tr-pd2-mini__name{font-size:.8125rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-pd2-mini__meta{display:flex;align-items:center;gap:8px;font-size:.8125rem}
.tr-pd2-mini__meta b{font-weight:800;color:var(--pd-ink)}
.tr-pd2-pill{display:inline-block;min-width:32px;text-align:center;color:#fff;font-weight:800;font-size:.75rem;line-height:1.5;padding:1px 6px;border-radius:6px}
.tr-pd2-pill--top{background:var(--pd-top)}.tr-pd2-pill--good{background:var(--pd-good)}.tr-pd2-pill--mid{background:var(--pd-mid)}.tr-pd2-pill--low{background:var(--pd-low)} .tr-pd2-kauf .trc-var{margin:0 0 12px} .tr-pd2-nav{position:sticky;top:var(--pd-sticky-top);z-index:20;margin:24px -16px 0;background:rgba(255,255,255,.97);border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px)}
.tr-pd2-nav ul{list-style:none;margin:0;padding:0 8px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.tr-pd2-nav ul::-webkit-scrollbar{display:none}
.tr-pd2-nav li{flex:none;scroll-snap-align:start}
.tr-pd2-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:.875rem;font-weight:600;color:var(--pd-mut);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.tr-pd2-nav a:hover{color:var(--pd-ink)}
.tr-pd2-nav a[aria-current="true"]{color:var(--pd-ink);border-bottom-color:var(--pd-brand)}
@media (min-width:768px){ .tr-pd2-nav{margin:32px 0 0;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg)} .tr-pd2-nav ul{padding:0 8px} } .tr-pd2-abschnitt{margin-top:32px;padding-top:24px;border-top:1px solid var(--pd-line);scroll-margin-top:calc(var(--pd-sticky-top) + 56px)}
.tr-pd2-nav + .tr-pd2-abschnitt{border-top:0;padding-top:8px}
#tr-preis{scroll-margin-top:calc(var(--pd-sticky-top) + 56px)}
@media (min-width:768px){ .tr-pd2-abschnitt{margin-top:40px;padding-top:32px} } .tr-pd2-fakten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);overflow:hidden;background:var(--pd-line);gap:1px}
.tr-pd2-fakten > div{background:#fff;padding:12px 14px;min-width:0}
.tr-pd2-fakten > div:last-child:nth-child(odd){grid-column:1 / -1}
.tr-pd2-fakten dt{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pd-mut);margin:0 0 4px;line-height:1.35}
.tr-pd2-fakten dd{margin:0;font-size:1.125rem;font-weight:800;color:var(--pd-ink);line-height:1.25;overflow-wrap:break-word}
.tr-pd2-fakten dd.tr-pd2-fakten__text{font-size:.9375rem;font-weight:700;line-height:1.35;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal}
.tr-pd2-fakten dd small{font-size:.75rem;font-weight:600;color:var(--pd-mut);margin-left:4px}
@media (min-width:768px){
.tr-pd2-fakten{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.tr-pd2-fakten > div:last-child:nth-child(odd){grid-column:auto}
.tr-pd2-fakten dd{font-size:1.25rem}
.tr-pd2-fakten dd.tr-pd2-fakten__text{font-size:1rem}
} .tr-pd2-fazit{max-width:760px}
.tr-pd2-fazit p{font-size:1.0625rem;line-height:1.7;color:var(--pd-body);margin:0}
.tr-pd2-fazit b{color:var(--pd-ink);font-weight:700}
.tr-pd2-sw{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}
@media (min-width:768px){ .tr-pd2-sw{grid-template-columns:1fr 1fr;gap:32px} }
.tr-pd2-sw ul{list-style:none;margin:0;padding:0}
.tr-pd2-sw li{position:relative;padding:10px 0 10px 30px;border-top:1px solid var(--pd-line);font-size:.9375rem;line-height:1.55;color:var(--pd-body)}
.tr-pd2-sw li b{color:var(--pd-ink);font-weight:700}
.tr-pd2-sw li::before{content:"";position:absolute;left:0;top:12px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--pd-ink);background-repeat:no-repeat;background-position:center;background-size:10px 10px}
.tr-pd2-sw__spalte--plus li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v8M1 5h8' stroke='%231c2430' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.tr-pd2-sw__spalte--minus li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 5h8' stroke='%231c2430' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.tr-pd2-sw__alt{color:var(--pd-body)} .tr-pd2-redaktion .tr-ed{max-width:none}
.tr-pd2 .tr-ed-lead{font-size:1.0625rem;line-height:1.7;color:var(--pd-body);max-width:760px;margin:0 0 20px}
.tr-pd2 .tr-ed-fit,.tr-pd2 .tr-ed-sw{display:grid;grid-template-columns:1fr;gap:20px;margin:0 0 20px}
@media (min-width:768px){ .tr-pd2 .tr-ed-fit,.tr-pd2 .tr-ed-sw{grid-template-columns:1fr 1fr;gap:32px} }
.tr-pd2 .tr-ed-col h3{font-size:1rem;font-weight:700;color:var(--pd-ink);margin:0 0 8px}
.tr-pd2 .tr-ed-list{list-style:none;margin:0;padding:0}
.tr-pd2 .tr-ed-list li{padding:9px 0 9px 20px;border-top:1px solid var(--pd-line);position:relative;line-height:1.55}
.tr-pd2 .tr-ed-list li::before{content:"";position:absolute;left:2px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--pd-mut)}
.tr-pd2 .tr-ed-plus li::before{background:var(--pd-ink)}
.tr-pd2 .tr-ed-ev{display:block;font-size:.75rem;color:var(--pd-mut);margin-top:2px}
.tr-pd2 .tr-ed-compare{margin:0 0 20px}
.tr-pd2 .tr-ed-compare a{color:var(--pd-brand)}
.tr-pd2 .tr-ed-pricing{margin:0 0 20px}
.tr-pd2 .tr-ed-pricing .tr-h2{font-size:1rem;margin:0 0 8px}
.tr-pd2 .tr-ed-pricetable{width:100%;border-collapse:collapse}
.tr-pd2 .tr-ed-pricetable th,.tr-pd2 .tr-ed-pricetable td{text-align:left;vertical-align:top;padding:10px 0;border-top:1px solid var(--pd-line);font-size:.9375rem}
.tr-pd2 .tr-ed-pricetable th{width:42%;padding-right:12px;color:var(--pd-mut);font-weight:600}
.tr-pd2 .tr-ed-pricetable td b{font-size:1.0625rem;color:var(--pd-ink);font-weight:800}
.tr-pd2 .tr-ed-pricetable .tr-pd-src,.tr-pd2 .tr-ed-note{font-size:.75rem;color:var(--pd-mut)}
.tr-pd2 .tr-ed .tr-faq{margin:0 0 20px}
.tr-pd2 .tr-ed .tr-faq .tr-h2{font-size:1rem;margin:0 0 8px}
.tr-pd2 .tr-ed-links .tr-ed-list li::before{display:none}
.tr-pd2 .tr-ed-links .tr-ed-list li{padding-left:0}
.tr-pd2 .tr-ed-links a{color:var(--pd-brand);font-weight:600}
.tr-pd2 .tr-ed-byline{font-size:.75rem;color:var(--pd-mut);margin:8px 0 0} .tr-pd2-skalen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
@media (min-width:768px){ .tr-pd2-skalen{grid-template-columns:1fr 1fr;column-gap:40px} }
.tr-pd2-skala{padding:14px 0;border-top:1px solid var(--pd-line)}
.tr-pd2-skala__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px}
.tr-pd2-skala__label{font-size:.875rem;font-weight:600;color:var(--pd-ink)}
.tr-pd2-skala__kopf b{font-size:1rem;font-weight:800;color:var(--pd-ink);white-space:nowrap}
.tr-pd2-skala__bahn{position:relative;height:8px;border-radius:999px;background:var(--pd-bg-head);border:1px solid var(--pd-line);margin:0 7px}
.tr-pd2-skala__median{position:absolute;top:-5px;width:2px;height:16px;margin-left:-1px;background:var(--pd-mut);border-radius:1px}
.tr-pd2-skala__punkt{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--pd-ink);border:3px solid #fff;box-shadow:0 0 0 1px var(--pd-ink)}
.tr-pd2-skala__enden{display:flex;justify-content:space-between;font-size:.75rem;color:var(--pd-mut);margin:6px 0 0}
.tr-pd2-skala__satz{margin:6px 0 0;font-size:.8125rem;line-height:1.5;color:var(--pd-body)} .tr-pd2-tvviz{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:16px 0 20px}
@media (min-width:900px){ .tr-pd2-tvviz{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:start} }
.tr-pd2-tvviz figure{margin:0;min-width:0}
.tr-pd2-tvviz figcaption{margin:10px 0 0;font-size:.8125rem;line-height:1.5;color:var(--pd-mut)}
.tr-pd2-tvviz figcaption b{color:var(--pd-ink);font-weight:700}
.tr-pd2-tvviz__buehne{position:relative;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);overflow:hidden;background:#fff}
.tr-pd2-tvviz__svg{display:block;width:100%;height:auto}
.tr-pd2-tvviz__zone{fill:var(--pd-brand)}
.tr-pd2-tvviz__zone--kino{fill-opacity:.14}
.tr-pd2-tvviz__zone--mitte{fill-opacity:.24}
.tr-pd2-tvviz__zone--ruhig{fill-opacity:.08}
.tr-pd2-tvviz__zone.ist{fill-opacity:.34}
.tr-pd2-tvviz__wand{stroke:var(--pd-line-strong);stroke-width:2}
.tr-pd2-tvviz__kegel{fill:var(--pd-brand);fill-opacity:.14;stroke:var(--pd-brand);stroke-opacity:.6;stroke-width:1.5;stroke-linejoin:round}
.tr-pd2-tvviz__tv{fill:var(--pd-ink)}
.tr-pd2-tvviz__du rect{fill:#c9d3ce}
.tr-pd2-tvviz__du circle,.tr-pd2-tvviz__du path{fill:var(--pd-brand)}
.tr-pd2-tvviz__winkel{position:absolute;top:calc(50% - 50px);transform:translateX(-50%);padding:2px 8px;border:1px solid var(--pd-line-strong);border-radius:999px;background:#fff;font-size:.8125rem;font-weight:800;line-height:1.4;color:var(--pd-ink);white-space:nowrap;pointer-events:none}
.tr-pd2-tvviz__achse{position:relative;height:18px;margin:6px 0 0;font-size:.75rem;line-height:18px;color:var(--pd-mut)}
.tr-pd2-tvviz__achse span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.tr-pd2-tvviz__achse span:first-child{transform:none}
.tr-pd2-tvviz .tr-pd2-tv__regler{margin-top:10px}
.tr-pd2-tvviz__front-svg{display:block;width:100%;max-width:360px;height:auto}
.tr-pd2-tvviz__flaeche{fill:none;stroke:var(--pd-line-ui);stroke-width:1.25;stroke-dasharray:5 4}
.tr-pd2-tvviz__flaeche.ist{fill:var(--pd-brand);fill-opacity:.1;stroke:var(--pd-brand);stroke-width:2;stroke-dasharray:none}
.tr-pd2-tvviz__zoll{font-family:inherit;font-size:12.5px;font-weight:600;fill:var(--pd-mut)}
.tr-pd2-tvviz__zoll.ist{font-weight:800;fill:var(--pd-ink)}
.tr-pd2-tvviz__boden{stroke:var(--pd-line-strong);stroke-width:2}
.tr-pd2-tv__profile{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);overflow:hidden;gap:1px;background:var(--pd-line)}
.tr-pd2-tv__profile li{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.tr-pd2-tv__profile b{display:flex;align-items:center;font-size:1.125rem;font-weight:800;color:var(--pd-ink)}
.tr-pd2-tv__profile span{font-size:.8125rem;color:var(--pd-mut)}
.tr-pd2-tv__profile li.ist{box-shadow:inset 3px 0 0 var(--pd-brand)}
@media (min-width:640px){ .tr-pd2-tv__profile{grid-template-columns:repeat(3,1fr)} .tr-pd2-tv__profile li.ist{box-shadow:inset 0 -3px 0 var(--pd-brand)} }
.tr-pd2-tv__farbe{position:relative;flex:none;display:inline-block;width:22px;height:10px;margin:0 10px 0 0;border:1px solid var(--pd-line-strong);border-radius:2px;overflow:hidden}
.tr-pd2-tv__farbe::before{content:"";position:absolute;inset:0;background:var(--pd-brand)}
.tr-pd2-tv__farbe--kino::before{opacity:.14}
.tr-pd2-tv__farbe--mitte::before{opacity:.24}
.tr-pd2-tv__farbe--ruhig::before{opacity:.08}
.tr-pd2-tv__regler label{display:block;font-size:.875rem;font-weight:600;color:var(--pd-ink);margin:0 0 4px}
.tr-pd2-tv__zeile{display:flex;align-items:center;gap:16px}
.tr-pd2-tv__zeile input[type=range]{flex:1 1 auto;min-width:0;height:44px;accent-color:var(--pd-brand);cursor:pointer}
.tr-pd2-tv__zeile output{flex:none;min-width:64px;text-align:right;font-size:1.25rem;font-weight:800;color:var(--pd-ink)}
.tr-pd2-tv__ergebnis{margin:4px 0 0;font-size:.9375rem;line-height:1.55;color:var(--pd-body);padding:0 0 0 12px;border-left:3px solid var(--pd-brand);min-height:1.55em}
.tr-pd2-tv__ergebnis:empty{display:none}
.tr-pd2-tv__vorschlag:empty{display:none}
.tr-pd2-tv__vorschlag{margin:0 0 16px}
.tr-pd2-tv__vorschlag p{margin:0 0 8px;font-size:.8125rem;color:var(--pd-mut)}
.tr-pd2-tv__vorschlag ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:560px){ .tr-pd2-tv__vorschlag ul{grid-template-columns:repeat(3,1fr)} }
.tr-pd2-tv__vorschlag a{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 10px;border:1px solid var(--pd-line);border-radius:var(--pd-r-md);text-decoration:none;color:var(--pd-ink);background:#fff;font-size:.8125rem;font-weight:600}
.tr-pd2-tv__vorschlag a:hover{border-color:var(--pd-line-strong)}
.tr-pd2-tv__vorschlag a:hover .tr-pd2-tvvor__name{color:var(--pd-brand)}
.tr-pd2-tv__vorschlag img,.tr-pd2-tvvor__leer{flex:none;width:48px;height:48px;object-fit:contain}
.tr-pd2-tvvor__leer{border-radius:var(--pd-r-sm);background:var(--pd-bg-head)}
.tr-pd2-tvvor__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.tr-pd2-tvvor__name{line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-pd2-tvvor__meta{font-weight:500;color:var(--pd-mut)}
.tr-pd2-tvvor__meta b{white-space:nowrap;font-weight:800;color:var(--pd-ink)}
.tr-pd2-tv__aktion{margin:16px 0 0} .tr-pd2-preiszahlen{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 12px}
.tr-pd2-preiszahlen dt{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pd-mut)}
.tr-pd2-preiszahlen dd{margin:2px 0 0;font-size:1.125rem;font-weight:800;color:var(--pd-ink)}
.tr-pd2-kurve{width:100%;height:120px;display:block;border-bottom:1px solid var(--pd-line)}
.tr-pd2-kurve polyline{stroke:var(--pd-ink);stroke-width:2}
.tr-pd2-kurve__achse{display:flex;justify-content:space-between;font-size:.75rem;color:var(--pd-mut);margin-top:4px} .tr-pd2-daten__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.tr-pd2-daten__kopf .tr-pd2-h2{margin:0}
.tr-pd2-suchfeld{flex:1 1 260px;max-width:360px}
.tr-pd2-suchfeld input{width:100%;min-height:44px;padding:0 14px;font-size:1.0625rem;border:1px solid var(--pd-line-ui);border-radius:var(--pd-r-md);background:#fff;color:var(--pd-ink)}
.tr-pd2-suchfeld input::placeholder{color:var(--pd-mut);font-size:.9375rem}
.tr-pd2-gruppe{border-top:1px solid var(--pd-line)}
.tr-pd2-gruppe:last-of-type{border-bottom:1px solid var(--pd-line)}
.tr-pd2-gruppe > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 4px;font-size:.9375rem;font-weight:700;color:var(--pd-ink)}
.tr-pd2-gruppe > summary::-webkit-details-marker{display:none}
.tr-pd2-gruppe > summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--pd-mut);border-bottom:2px solid var(--pd-mut);transform:rotate(45deg);margin:-4px 6px 0 auto;transition:transform .12s}
.tr-pd2-gruppe[open] > summary::after{transform:rotate(-135deg);margin-top:4px}
.tr-pd2-gruppe > summary .tr-pd2-zahl{margin-left:0}
.tr-pd2-gruppe dl{margin:0 0 12px;padding:0}
.tr-pd2-gruppe dl > div{display:grid;grid-template-columns:1fr;gap:2px;padding:9px 4px;border-top:1px solid var(--pd-line)}
.tr-pd2-gruppe dt{font-size:.8125rem;color:var(--pd-mut);line-height:1.4}
.tr-pd2-gruppe dd{margin:0;font-size:.9375rem;font-weight:600;color:var(--pd-ink);line-height:1.45;overflow-wrap:anywhere}
@media (min-width:560px){
.tr-pd2-gruppe dl > div{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px}
.tr-pd2-gruppe dt{font-size:.875rem}
}
.tr-pd2-leer{margin:12px 4px 0;color:var(--pd-mut)} .tr-pd2-tabelle{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);background:#fff}
.tr-pd2-tabelle table{border-collapse:separate;border-spacing:0;width:100%;min-width:560px;font-size:.875rem}
.tr-pd2-tabelle th,.tr-pd2-tabelle td{padding:10px 12px;border-bottom:1px solid var(--pd-line);text-align:left;vertical-align:top}
.tr-pd2-tabelle tbody tr:last-child th,.tr-pd2-tabelle tbody tr:last-child td{border-bottom:0}
.tr-pd2-tabelle thead th{vertical-align:bottom;font-weight:600;min-width:130px;background:#fff}
.tr-pd2-tabelle thead img{display:block;width:auto;max-width:100%;height:64px;object-fit:contain;margin:0 0 8px}
.tr-pd2-tabelle__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:700;line-height:1.35;color:var(--pd-ink);text-decoration:none}
a.tr-pd2-tabelle__name:hover{color:var(--pd-brand);text-decoration:underline}
.tr-pd2-marke{display:inline-block;margin-top:6px;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pd-ink);border:1px solid var(--pd-ink);border-radius:4px;padding:2px 5px}
.tr-pd2-tabelle tbody th{position:sticky;left:0;z-index:1;background:#fff;color:var(--pd-mut);font-weight:600;min-width:112px;max-width:150px;box-shadow:1px 0 0 var(--pd-line)}
.tr-pd2-tabelle thead th:first-child{position:sticky;left:0;z-index:2;box-shadow:1px 0 0 var(--pd-line)}
.tr-pd2-tabelle td{color:var(--pd-ink)}
.tr-pd2-tabelle td b{font-weight:800}
.tr-pd2-tabelle .tr-pd2-selbst{background:var(--pd-bg)}
.tr-pd2-haken{vertical-align:-2px;margin-left:4px;color:var(--pd-ink)} .tr-pd2-fragen details{border-top:1px solid var(--pd-line)}
.tr-pd2-fragen details:last-of-type{border-bottom:1px solid var(--pd-line)}
.tr-pd2-fragen summary,.tr-pd2 .tr-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 4px;font-size:1rem;font-weight:700;color:var(--pd-ink);line-height:1.4}
.tr-pd2-fragen summary::-webkit-details-marker,.tr-pd2 .tr-faq summary::-webkit-details-marker{display:none}
.tr-pd2-fragen summary::after,.tr-pd2 .tr-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--pd-line-ui);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--pd-ink)}
.tr-pd2-fragen details[open] summary::after,.tr-pd2 .tr-faq details[open] summary::after{content:"–"}
.tr-pd2-fragen details p,.tr-pd2 .tr-faq .tr-faq-a p{margin:0 0 14px;padding:0 4px;font-size:1rem;line-height:1.7;color:var(--pd-body);max-width:760px}
.tr-pd2 .tr-faq details{border-top:1px solid var(--pd-line)} .tr-pd2-alttext .uf-pd-alttext{border:0;padding:0;background:none;border-radius:0;box-shadow:none}
.tr-pd2-alttext .uf-pd-alttext,.tr-pd2-herstellertext{max-width:760px}
.tr-pd2-herstellertext p{font-size:1rem;line-height:1.7;margin:0 0 8px}
.tr-pd2-alttext .uf-pd-abschnitt{margin:0 0 24px;border:0;padding:0;background:none;box-shadow:none}
.tr-pd2-alttext .uf-pd-abschnitt h2{font-size:1.125rem;line-height:1.35;color:var(--pd-ink);margin:24px 0 8px}
.tr-pd2-alttext .uf-pd-abschnitt h3{font-size:1rem;color:var(--pd-ink);margin:20px 0 6px}
.tr-pd2-alttext .uf-pd-abschnitt p,.tr-pd2-alttext .uf-pd-abschnitt li{font-size:1rem;line-height:1.7;color:var(--pd-body)}
.tr-pd2-alttext .uf-pd-abschnitt img{max-width:100%;height:auto}
.tr-pd2-alttext .uf-pd-abschnitt table{display:block;max-width:100%;overflow-x:auto}
.tr-pd2-alttext .tr-gal{margin-top:24px} .tr-pd2 .tr-pd-tests,.tr-pd2 .tr-pd-videos{margin:0;padding:0;border:0;background:none;border-radius:0}
.tr-pd2 .tr-pd-tests .tr-h2,.tr-pd2 .tr-pd-videos .tr-h2{font-size:1.25rem;margin:0 0 12px}
@media (min-width:768px){ .tr-pd2 .tr-pd-tests .tr-h2,.tr-pd2 .tr-pd-videos .tr-h2{font-size:1.5rem} }
.tr-pd2 .trr-projection{margin:0}
.tr-pd2-methodik__liste{list-style:none;margin:0 0 12px;padding:0;max-width:820px}
.tr-pd2-methodik__liste li{padding:10px 0;border-top:1px solid var(--pd-line);font-size:.875rem;line-height:1.6;color:var(--pd-body)}
.tr-pd2-methodik__liste b{color:var(--pd-ink)}
.tr-pd2 .tr-belegbox{max-width:820px} .tr-pd2-leiste{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--tr-line,#e6e9ef);
box-shadow:0 -8px 24px rgba(15,61,47,.10);transform:translateY(0);visibility:visible;transition:transform .2s cubic-bezier(.2,.7,.3,1),visibility 0s linear 0s}
.tr-pd2-leiste.is-weg{transform:translateY(110%);visibility:hidden;transition:transform .2s cubic-bezier(.2,.7,.3,1),visibility 0s linear .2s}
.tr-pd2-leiste__preis{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tr-pd2-leiste__preis b{font-size:1.125rem;font-weight:800;color:var(--tr-ink,#1c2430);font-variant-numeric:tabular-nums}
.tr-pd2-leiste__preis small{font-size:.75rem;color:var(--tr-mut,#5d6879);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-pd2-leiste .tr-pd2-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;background:var(--tr-brand,#0F3D2F);color:#fff;font-weight:600;font-size:.9375rem;text-decoration:none;border:0}
.tr-pd2-leiste .tr-pd2-anz{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.55)}
@media (min-width:768px){ .tr-pd2-leiste{display:none!important} }
body.tr-pd2-leiste-an{padding-bottom:72px}
@media (min-width:768px){ body.tr-pd2-leiste-an{padding-bottom:0} }
@media (prefers-reduced-motion:reduce){ .tr-pd2-leiste{transition:none} } .tr-pd2 .tr-pd-alts{display:none} .tr-ueb.tr-pd2{padding-left:0;padding-right:0} .tr-pd2-tabelle td,.tr-pd2-tabelle thead th{position:relative}
.tr-pd2-tabelle thead th:first-child,.tr-pd2-tabelle tbody th{position:sticky}
.tr-pd2-btn{position:relative} .tr-pd2-archiv{border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);margin:8px 0 0}
.tr-pd2-archiv > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 4px;font-size:.9375rem;font-weight:700;color:var(--pd-ink)}
.tr-pd2-archiv > summary::-webkit-details-marker{display:none}
.tr-pd2-archiv > summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--pd-line-ui);display:flex;align-items:center;justify-content:center;font-weight:600}
.tr-pd2-archiv[open] > summary::after{content:"–"}
.tr-pd2-archiv > .tr-pd2-quelle{margin:0 4px 12px} .tr-pd2 .trc-var-fakt{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;line-height:1.4}
.tr-pd2 .trc-var-fakt__label{color:var(--pd-mut);font-weight:600}
.tr-pd2 .trc-var-fakt__wert{display:inline-flex;align-items:center;gap:6px;color:var(--pd-ink);font-weight:700}
.tr-pd2 .trc-var__punkt{display:inline-block;inline-size:14px;block-size:14px;border-radius:999px;border:1px solid var(--pd-line-ui);background:var(--trc-var-farbe,var(--pd-bg))}  .tr-pd2{--pd-mut:#5d6879} .tr-pd2-anz{font-size:.6875rem;opacity:1}
.tr-pd2-btn--umriss .tr-pd2-anz,.tr-pd2-anz--frei{color:var(--pd-ink);border-color:var(--pd-line-ui)}
.tr-pd2-note small,.tr-pd2-marke{font-size:.6875rem}
.tr-pd2-offenlegung{margin:0;font-size:.75rem;line-height:1.4;color:var(--pd-mut)}
.tr-pd2-offenlegung a{color:var(--pd-mut);text-decoration:underline;text-decoration-color:var(--pd-line-strong);text-underline-offset:3px} .tr-pd2-angebot--alt .tr-pd2-angebot__haendler{font-weight:600;color:var(--pd-body)}
.tr-pd2-alt-preis{display:block;font-size:.9375rem;font-weight:700;color:var(--pd-mut)}
.tr-pd2-angebot--alt .tr-pd2-angebot__preis small{color:var(--pd-mut)} @media (min-width:768px){
.tr-pd2-gruppe dl > div{grid-template-columns:minmax(180px,280px) minmax(0,1fr)}
.tr-pd2-alttext .uf-pd-alttext{margin-left:0}
} .tr-pd2-skala__median{z-index:2;height:20px;top:-7px;background:var(--pd-ink);opacity:.55}
.tr-pd2-skala__punkt{z-index:1} .tr-pd2 .trc-var-fakt{display:none} .tr-pd2 .tr-pd2-tco{display:flex;flex-direction:column;gap:2px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--pd-line);border-radius:var(--pd-r-md);background:#fff;font-size:.8125rem;line-height:1.45;color:var(--pd-mut)}
.tr-pd2 .tr-pd2-tco b{font-size:.9375rem;font-weight:800;color:var(--pd-ink)} .tr-pd2 .tr-sc-fit{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:24px 0 0}
@media (min-width:768px){ .tr-pd2 .tr-sc-fit{grid-template-columns:1fr 1fr;gap:32px} }
.tr-pd2 .tr-sc-fit-col{background:none;border:0;border-radius:0;padding:0}
.tr-pd2 .tr-sc-fit-pro,.tr-pd2 .tr-sc-fit-con{border-top:0}
.tr-pd2 .tr-sc-fit-col li{padding:10px 0 10px 26px;border-bottom:0;border-top:1px solid var(--pd-line);font-size:.9375rem;line-height:1.55;color:var(--pd-body)}
.tr-pd2 .tr-sc-fit-col li:last-child{border-bottom:0}
.tr-pd2 .tr-sc-fit-pro li::before,.tr-pd2 .tr-sc-fit-con li::before{left:4px;color:var(--pd-ink)} .tr-pd2 .tr-sc-reviews{background:none;border-right:0;border-bottom:0;border-left:0;border-radius:0;padding-right:0;padding-bottom:0;padding-left:0}
.tr-pd2 .tr-entity-avg{margin:0 0 12px;font-size:.9375rem;color:var(--pd-body)}
.tr-pd2 .tr-entity-avg b{font-size:1.25rem;color:var(--pd-ink)}
.tr-pd2 .tr-entity-review{margin:0;padding:12px 0;border:0;border-top:1px solid var(--pd-line);border-radius:0;background:none}
.tr-pd2 .tr-entity-stars{color:var(--pd-ink)}
.tr-pd2 .tr-rate-form{display:grid;gap:12px;max-width:560px;margin-top:16px;padding:16px;border:1px solid var(--pd-line);border-radius:var(--pd-r-lg);background:#fff}
.tr-pd2 .tr-rate-form input[type=text],.tr-pd2 .tr-rate-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--pd-line-ui);border-radius:var(--pd-r-sm);font:inherit;font-size:1rem;color:var(--pd-ink);background:#fff} .tr-pd2 .tr-rate-stars{position:relative;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:0}
.tr-pd2 .tr-rate-stars input{display:block;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tr-pd2 .tr-rate-stars label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:30px;line-height:1;color:#c3cad6;cursor:pointer}
.tr-pd2 .tr-rate-stars input:checked ~ label,.tr-pd2 .tr-rate-stars label:hover,.tr-pd2 .tr-rate-stars label:hover ~ label{color:var(--pd-brand)}
.tr-pd2 .tr-rate-stars input:focus-visible + label{outline:2px solid var(--pd-brand);outline-offset:-4px;border-radius:6px}
.tr-pd2 .tr-rate-form button.tr-pd2-btn{justify-self:start;border:0;font:inherit;font-weight:700;cursor:pointer}
.tr-pd2 .tr-rate-privacy{margin:0;font-size:.75rem;line-height:1.5;color:var(--pd-mut)}
.tr-pd2 .tr-rate-msg{font-weight:600;color:var(--pd-ink)}.trr, .trr-article, .trr-resultbar {
--trr-brand: var(--tr-brand, #0F3D2F);
--trr-brand-hover: var(--tr-brand-hover, #0A2B21);
--trr-brand-tint: var(--tr-brand-tint, rgba(15, 61, 47, .08));
--trr-brand-rule: var(--tr-brand-rule, rgba(15, 61, 47, .55));
--trr-ink: var(--tr-ink, #1c2430);
--trr-body: var(--tr-body, #374151);
--trr-mut: var(--tr-mut, #5d6879);
--trr-surface: var(--tr-surface, #ffffff);
--trr-bg: var(--tr-bg, #f6f8fb);
--trr-bg-head: var(--tr-bg-head, #f1f4f9);
--trr-line: var(--tr-line, #e6e9ef);
--trr-line-strong: var(--tr-line-strong, #d6ddea);
--trr-line-ui: var(--tr-line-ui, #7c8798);
--trr-mark-tint: var(--tr-mark-tint, rgba(28, 36, 48, .10));
--trr-font: var(--tr-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
--trr-fs-100: var(--tr-fs-100, .6875rem);
--trr-fs-200: var(--tr-fs-200, .75rem);
--trr-fs-300: var(--tr-fs-300, .8125rem);
--trr-fs-400: var(--tr-fs-400, .9375rem);
--trr-fs-500: var(--tr-fs-500, 1.0625rem);
--trr-fs-600: var(--tr-fs-600, 1.25rem);
--trr-fs-700: var(--tr-fs-700, 1.5rem);
--trr-fs-800: var(--tr-fs-800, 1.875rem);
--trr-s-1: var(--tr-s-1, 4px);
--trr-s-2: var(--tr-s-2, 8px);
--trr-s-3: var(--tr-s-3, 12px);
--trr-s-4: var(--tr-s-4, 16px);
--trr-s-5: var(--tr-s-5, 24px);
--trr-s-6: var(--tr-s-6, 32px);
--trr-s-7: var(--tr-s-7, 40px);
--trr-r-xs: var(--tr-r-xs, 4px);
--trr-r-sm: var(--tr-r-sm, 8px);
--trr-r-md: var(--tr-r-md, 10px);
--trr-r-lg: var(--tr-r-lg, 12px);
--trr-r-xl: var(--tr-r-xl, 14px);
--trr-touch: var(--tr-touch, 44px);
--trr-dur: var(--tr-dur-1, 120ms);
--trr-maxw-text: var(--tr-maxw-text, 660px);
font-family: var(--trr-font);
color: var(--trr-body);
line-height: 1.5;
}
.trr { --trr-version: "1.3.0"; display: block; max-width: none; margin: 0; container-type: inline-size; }
.trr *, .trr *::before, .trr *::after,
.trr-article *, .trr-article *::before, .trr-article *::after { box-sizing: border-box; }
.trr img { max-width: 100%; height: auto; }
.trr p { margin: 0; }
.trr strong { color: var(--trr-ink); font-weight: 700; } .trr-num, .trr-stepval input, .trr-hero-value, .trr-stat-value, .trr-bar-val, .trr-card-price,
.trr-tvtable td, .trr-tab-count, .trr-rank, .trr-resultbar-value {
font-variant-numeric: tabular-nums lining-nums;
font-feature-settings: "tnum" 1, "lnum" 1;
} .trr .trr-ico, .trr-article .trr-ico, .trr-resultbar .trr-ico {
display: block; width: 20px; height: 20px; flex: 0 0 auto;
fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
} .trr-vh {
position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
} .trr a:focus-visible, .trr button:focus-visible, .trr summary:focus-visible, .trr input:focus-visible,
.trr [tabindex]:focus-visible, .trr-article a:focus-visible, .trr-article summary:focus-visible,
.trr-resultbar:focus-visible {
outline: 2px solid var(--trr-brand);
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(255, 255, 255, .92);
} .trr-panel {
display: grid;
grid-template-columns: minmax(0, 1fr);
background: var(--trr-surface);
border-top: 1px solid var(--trr-line);
}
.trr-in { min-width: 0; }
.trr-in-inner { display: grid; gap: var(--trr-s-4); padding: var(--trr-s-4) 0 var(--trr-s-5); }
.trr-results {
min-width: 0;
display: grid;
gap: var(--trr-s-4);
align-content: start;
padding: var(--trr-s-5) 0;
border-top: 1px solid var(--trr-line);
background: var(--trr-surface);
}
.trr-results > .trr-section-head { margin-bottom: calc(var(--trr-s-1) * -1); scroll-margin-top: calc(var(--trc-header-h, 64px) + var(--trr-s-3)); }
@container (min-width: 560px) {
.trr-panel { border: 1px solid var(--trr-line); border-radius: var(--trr-r-xl); }
.trr-in-inner { padding: var(--trr-s-5); }
.trr-results { padding: var(--trr-s-5); }
}
@container (min-width: 1000px) {
.trr-panel--tool { grid-template-columns: minmax(330px, 380px) minmax(0, 1fr); align-items: stretch; }
.trr-panel--tool > .trr-in { border-right: 1px solid var(--trr-line); }
.trr-in.is-sticky .trr-in-inner { position: sticky; top: calc(var(--trc-header-h, 64px) + var(--trr-s-4)); }
.trr-panel--tool > .trr-results { border-top: 0; }
.trr-panel--tool > .trr-disclosure { grid-column: 1 / -1; }
} .trr-section-head {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--trr-s-3);
row-gap: 2px;
align-items: center;
margin: 0;
padding: 0;
}
.trr-step {
grid-row: 1; grid-column: 1;
width: 28px; height: 28px;
display: grid; place-items: center;
border: 1px solid var(--trr-line-ui);
border-radius: 999px;
background: var(--trr-surface);
color: var(--trr-ink);
font-size: var(--trr-fs-300); font-weight: 700; line-height: 1;
}
.trr-step .trr-ico { width: 16px; height: 16px; }
.trr .trr-section-title {
grid-row: 1; grid-column: 2;
margin: 0;
font-size: var(--trr-fs-500); font-weight: 700; line-height: 1.25;
color: var(--trr-ink); letter-spacing: 0;
text-wrap: balance;
}
.trr-section-sub {
grid-row: 2; grid-column: 2;
font-size: var(--trr-fs-300); color: var(--trr-mut); line-height: 1.4;
} .trr-inputs { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--trr-s-5); }
@container (min-width: 560px) and (max-width: 999px) {
.trr-inputs--2, .trr-inputs--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--trr-s-5); }
.trr-inputs .trr-field--wide { grid-column: 1 / -1; }
}
.trr-field { display: grid; gap: var(--trr-s-2); min-width: 0; align-content: start; }
.trr-field-row {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
gap: var(--trr-s-2) var(--trr-s-3);
}
.trr .trr-field-label {
display: block; flex: 1 1 100px; min-width: 0; margin: 0;
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.35;
color: var(--trr-ink); text-transform: none; letter-spacing: 0;
}
.trr-hint { font-size: var(--trr-fs-300); line-height: 1.45; color: var(--trr-mut); } .trr-stepper { display: inline-flex; align-items: stretch; flex: 0 0 auto; height: var(--trr-touch); }
.trr .trr-stepbtn {
width: var(--trr-touch); min-width: var(--trr-touch); height: var(--trr-touch); min-height: 0;
margin: 0; padding: 0;
display: grid; place-items: center;
background: var(--trr-surface); color: var(--trr-brand);
border: 1px solid var(--trr-line-ui);
border-radius: var(--trr-r-md) 0 0 var(--trr-r-md);
line-height: 1; box-shadow: none;
touch-action: manipulation;
transition: background-color var(--trr-dur) ease, border-color var(--trr-dur) ease;
}
.trr .trr-stepbtn + .trr-stepval + .trr-stepbtn { border-radius: 0 var(--trr-r-md) var(--trr-r-md) 0; }
.trr .trr-stepbtn:hover { background: var(--trr-bg); border-color: var(--trr-brand); }
.trr .trr-stepbtn:active { background: var(--trr-brand-tint); }
.trr .trr-stepbtn[aria-disabled="true"] { color: var(--trr-line-ui); cursor: default; background: var(--trr-surface); border-color: var(--trr-line-ui); } .trr-stepval {
display: flex; align-items: center; justify-content: center; gap: var(--trr-s-1);
min-width: 96px; height: var(--trr-touch); padding: 0 var(--trr-s-2);
border: 0;
box-shadow: inset 0 1px 0 var(--trr-line-ui), inset 0 -1px 0 var(--trr-line-ui);
background: var(--trr-surface);
white-space: nowrap; cursor: text;
}
.trr-stepval:focus-within { box-shadow: inset 0 0 0 2px var(--trr-brand); }
.trr .trr-stepval input {
flex: 1 1 auto; width: 0; min-width: 4.4ch; height: var(--trr-touch); margin: 0; padding: 0;
border: 0; border-radius: 0; background: transparent; box-shadow: none;
font-family: inherit; font-size: var(--trr-fs-500); font-weight: 800; line-height: 1;
color: var(--trr-ink); text-align: right;
-moz-appearance: textfield; appearance: textfield;
}
.trr .trr-stepval input:focus-visible { outline: 0; box-shadow: none; }
.trr .trr-stepval--nounit input { text-align: center; }
.trr .trr-stepval input::-webkit-outer-spin-button, .trr .trr-stepval input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.trr-unit { font-size: var(--trr-fs-300); font-weight: 600; color: var(--trr-mut); } .trr-rangewrap { position: relative; height: var(--trr-touch); margin: calc(var(--trr-s-2) * -1) 0 calc(var(--trr-s-1) * -1); }
.trr-range-track {
position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px;
border-radius: 999px; background: var(--trr-line-strong); overflow: hidden; pointer-events: none;
}
.trr-range-fill {
position: absolute; left: 0; top: 0; bottom: 0;
width: calc(12px + (100% - 24px) * var(--trr-fill, .5));
background: var(--trr-brand); border-radius: 999px;
}
.trr .trr-range {
position: relative; display: block;
-webkit-appearance: none; appearance: none;
width: 100%; height: var(--trr-touch); margin: 0; padding: 0;
background: transparent; border: 0; border-radius: 0; box-shadow: none;
cursor: pointer;
}
.trr .trr-range:focus-visible { outline-offset: 0; }
.trr-range::-webkit-slider-runnable-track { height: 24px; background: transparent; border: 0; }
.trr-range::-webkit-slider-thumb {
-webkit-appearance: none; appearance: none;
width: 24px; height: 24px; margin-top: 0;
border-radius: 999px; background: var(--trr-surface);
border: 2px solid var(--trr-brand);
}
.trr-range:active::-webkit-slider-thumb { background: var(--trr-brand-tint); }
.trr-range::-moz-range-track { height: 4px; background: transparent; border: 0; }
.trr-range::-moz-range-progress { background: transparent; }
.trr-range::-moz-range-thumb {
width: 20px; height: 20px; border-radius: 999px;
background: var(--trr-surface); border: 2px solid var(--trr-brand);
} .trr .trr-chips {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--trr-chip-min, 140px)), 1fr));
gap: var(--trr-s-2);
width: 100%; margin: 0; padding: 0;
background: none; border: 0;
}
.trr .trr-chip {
display: flex; align-items: center; justify-content: center; gap: 6px;
min-height: var(--trr-touch); min-width: 0; margin: 0;
padding: 6px 10px;
background: var(--trr-surface); color: var(--trr-ink);
border: 1px solid var(--trr-line-ui); border-radius: var(--trr-r-md);
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.25;
text-align: center; box-shadow: none;
transition: background-color var(--trr-dur) ease, border-color var(--trr-dur) ease, color var(--trr-dur) ease;
}
.trr .trr-chip:hover { background: var(--trr-bg); border-color: var(--trr-brand); }
.trr .trr-chip[aria-pressed="true"] { background: var(--trr-brand); border-color: var(--trr-brand); color: #fff; }
.trr .trr-chip[aria-pressed="true"]:hover { background: var(--trr-brand-hover); }
.trr-chip .trr-ico { width: 16px; height: 16px; stroke-width: 2.25; }
.trr-chip[aria-pressed="false"] .trr-ico { display: none; }
.trr-chip-text { display: grid; min-width: 0; }
.trr-chip-sub { font-size: var(--trr-fs-200); font-weight: 400; opacity: .85; } .trr-details {
border: 1px solid var(--trr-line);
border-radius: var(--trr-r-lg);
background: var(--trr-surface);
min-width: 0;
}
.trr .trr-details > summary {
display: flex; align-items: center; gap: var(--trr-s-3);
min-height: var(--trr-touch);
padding: 10px var(--trr-s-4);
list-style: none; cursor: pointer;
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.35; color: var(--trr-ink);
}
.trr .trr-details > summary::-webkit-details-marker { display: none; }
.trr .trr-details > summary::before {
content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin: 0 2px 0 1px;
border-right: 2px solid var(--trr-brand); border-bottom: 2px solid var(--trr-brand);
transform: rotate(-45deg);
transition: transform var(--trr-dur) ease;
}
.trr .trr-details[open] > summary::before { transform: rotate(45deg); margin-top: -4px; }
.trr .trr-details > summary:hover { color: var(--trr-brand); }
.trr-summary-sub { display: block; font-size: var(--trr-fs-300); font-weight: 400; color: var(--trr-mut); }
.trr-details-body {
display: grid; gap: var(--trr-s-3);
padding: 0 var(--trr-s-4) var(--trr-s-4);
font-size: var(--trr-fs-400); line-height: 1.6; color: var(--trr-body);
}
.trr-details-body p { margin: 0; max-width: 70ch; }
.trr-details > .trr-inputs { padding: var(--trr-s-2) var(--trr-s-4) var(--trr-s-4); }
.trr-assume { display: grid; gap: var(--trr-s-5); grid-template-columns: minmax(0, 1fr); padding-top: var(--trr-s-2); }
@container (min-width: 560px) and (max-width: 999px) {
.trr-assume { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} .trr-hero {
display: grid; gap: var(--trr-s-1);
padding: var(--trr-s-4) var(--trr-s-4) var(--trr-s-4) calc(var(--trr-s-4) + 3px);
background: var(--trr-surface);
border: 1px solid var(--trr-line);
border-radius: var(--trr-r-lg);
box-shadow: inset 3px 0 0 var(--trr-brand);
}
.trr-hero-label {
font-size: var(--trr-fs-100); font-weight: 600; line-height: 1.4;
letter-spacing: .08em; text-transform: uppercase; color: var(--trr-mut);
}
.trr-hero-value {
font-size: var(--trr-fs-700); font-weight: 800; line-height: 1.2;
letter-spacing: -.01em; color: var(--trr-ink);
}
@container (min-width: 560px) { .trr-hero-value { font-size: var(--trr-fs-800); } }
.trr .trr-hero-say { margin: 2px 0 0; font-size: var(--trr-fs-500); font-weight: 600; line-height: 1.45; color: var(--trr-ink); max-width: 62ch; }
.trr-hero-sub { font-size: var(--trr-fs-400); line-height: 1.55; color: var(--trr-body); max-width: 62ch; } .trr-statgrid {
display: grid; grid-template-columns: minmax(0, 1fr);
margin: 0; padding: 0;
border-top: 1px solid var(--trr-line);
}
.trr-stat {
display: grid; grid-template-columns: minmax(88px, max-content) minmax(0, 1fr);
column-gap: var(--trr-s-3); align-items: baseline;
padding: 10px 0;
border-bottom: 1px solid var(--trr-line);
background: none; min-width: 0;
}
.trr-stat-value { font-size: var(--trr-fs-500); font-weight: 800; line-height: 1.25; color: var(--trr-ink); white-space: nowrap; }
.trr-stat-label { font-size: var(--trr-fs-300); font-weight: 400; line-height: 1.4; color: var(--trr-mut); }
@container (min-width: 560px) {
.trr-statgrid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-bottom: 1px solid var(--trr-line); }
.trr-stat { grid-template-columns: minmax(0, 1fr); row-gap: 2px; padding: var(--trr-s-3) var(--trr-s-4) var(--trr-s-3) 0; border-bottom: 0; }
.trr-stat + .trr-stat { padding-left: var(--trr-s-4); border-left: 1px solid var(--trr-line); }
.trr-stat-value { font-size: var(--trr-fs-600); white-space: normal; }
} .trr .trr-statgrid--row {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--trr-s-2);
border: 0;
}
.trr .trr-stat.is-btn {
display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2px; align-content: center;
min-height: 56px; margin: 0; padding: var(--trr-s-2) var(--trr-s-3);
text-align: left; cursor: pointer;
background: var(--trr-surface); color: var(--trr-ink);
border: 1px solid var(--trr-line-ui); border-radius: var(--trr-r-md);
box-shadow: none;
transition: background-color var(--trr-dur) ease, border-color var(--trr-dur) ease;
}
.trr .trr-stat.is-btn + .trr-stat.is-btn { padding-left: var(--trr-s-3); border-left: 1px solid var(--trr-line-ui); }
.trr .trr-stat.is-btn:hover { border-color: var(--trr-brand); background: var(--trr-bg); }
.trr .trr-stat.is-btn[aria-pressed="true"] { border-color: var(--trr-brand); box-shadow: inset 0 0 0 1px var(--trr-brand); background: var(--trr-brand-tint); }
.trr .trr-stat.is-btn .trr-stat-value { font-size: var(--trr-fs-500); display: flex; align-items: center; gap: 6px; }
.trr .trr-stat.is-btn .trr-stat-label { font-size: var(--trr-fs-200); color: var(--trr-body); }
.trr .trr-stat.is-btn .trr-ico { width: 16px; height: 16px; stroke-width: 2.25; color: var(--trr-brand); }
.trr .trr-stat.is-btn[aria-pressed="false"] .trr-ico { display: none; } .trr-bars { display: grid; gap: var(--trr-s-4); }
.trr-bar-row { display: grid; gap: 6px; }
.trr-bar-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--trr-s-3); }
.trr-bar-name { font-size: var(--trr-fs-400); font-weight: 600; color: var(--trr-ink); display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--trr-s-2); min-width: 0; }
.trr-bar-val { font-size: var(--trr-fs-400); font-weight: 800; color: var(--trr-ink); white-space: nowrap; }
.trr-bar-track { height: 8px; border-radius: 999px; background: var(--trr-bg); box-shadow: inset 0 0 0 1px var(--trr-line); overflow: hidden; }
.trr-bar-fill { height: 100%; min-width: 8px; border-radius: 999px; background: var(--trr-line-ui); transition: width .4s cubic-bezier(.2, .7, .3, 1); }
.trr-bar-row.is-best .trr-bar-fill { background: var(--trr-ink); }
.trr-bar-sub { font-size: var(--trr-fs-300); color: var(--trr-mut); line-height: 1.45; }
.trr-best {
display: inline-flex; align-items: center; gap: 4px;
font-size: var(--trr-fs-200); font-weight: 600; color: var(--trr-ink);
padding: 1px 6px 1px 4px; border-radius: var(--trr-r-xs); background: var(--trr-mark-tint);
}
.trr-best .trr-ico { width: 14px; height: 14px; stroke-width: 2.25; } .trr-note { margin: 0; font-size: var(--trr-fs-300); line-height: 1.5; color: var(--trr-mut); }
.trr a:not([class]), .trr-note a { color: var(--trr-brand); text-decoration: underline; text-decoration-color: var(--trr-brand-rule); text-underline-offset: .15em; }
.trr a:not([class]):hover, .trr-note a:hover { text-decoration-color: currentColor; }
.trr .trr-h {
display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--trr-s-2);
margin: var(--trr-s-2) 0 calc(var(--trr-s-1) * -1);
font-size: var(--trr-fs-500); font-weight: 700; line-height: 1.3; color: var(--trr-ink); letter-spacing: 0;
}
.trr .trr-h .trr-note { font-weight: 400; }
.trr-callout {
display: flex; align-items: flex-start; gap: var(--trr-s-3);
padding: var(--trr-s-3) var(--trr-s-4);
background: var(--trr-surface);
border: 1px solid var(--trr-line);
border-radius: var(--trr-r-lg);
font-size: var(--trr-fs-400); line-height: 1.55; color: var(--trr-body);
}
.trr-callout > .trr-ico { color: var(--trr-ink); margin-top: 1px; }
.trr-callout-body { flex: 1 1 auto; min-width: 0; }
.trr-callout.is-warn { border-color: var(--trr-line-ui); box-shadow: inset 3px 0 0 var(--trr-ink); padding-left: calc(var(--trr-s-4) + 3px); }
.trr-callout em { font-style: normal; font-weight: 600; }
.trr-disclosure {
padding: var(--trr-s-3) 0 0;
border-top: 1px solid var(--trr-line);
font-size: var(--trr-fs-200); line-height: 1.5; color: var(--trr-mut);
}
@container (min-width: 560px) { .trr-disclosure { padding: var(--trr-s-3) var(--trr-s-5); } }
.trr-ad-legend { font-weight: 600; color: var(--trr-ink); } .trr .trr-btn {
display: inline-flex; align-items: center; justify-content: center; gap: var(--trr-s-2);
min-height: var(--trr-touch); margin: 0; padding: 0 var(--trr-s-4);
border: 1px solid transparent; border-radius: var(--trr-r-md);
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.2;
text-align: center; text-decoration: none; white-space: nowrap;
box-shadow: none; cursor: pointer;
transition: background-color var(--trr-dur) ease, border-color var(--trr-dur) ease, color var(--trr-dur) ease;
}
.trr .trr-btn-primary, .trr .trr-btn-primary:visited { background: var(--trr-brand); border-color: var(--trr-brand); color: #fff; }
.trr .trr-btn-primary:hover { background: var(--trr-brand-hover); border-color: var(--trr-brand-hover); color: #fff; }
.trr .trr-btn-ghost, .trr .trr-btn-ghost:visited { background: var(--trr-surface); border-color: var(--trr-line-ui); color: var(--trr-brand); }
.trr .trr-btn-ghost:hover { background: var(--trr-bg); border-color: var(--trr-brand); color: var(--trr-brand); } .trr-ad {
display: inline-block; padding: 0 5px;
border: 1px solid rgba(255, 255, 255, .6); border-radius: var(--trr-r-xs);
font-size: var(--trr-fs-200); font-weight: 600; line-height: 16px; letter-spacing: .02em;
}
.trr-btn-ghost .trr-ad { border-color: var(--trr-line-ui); }
.trr .trr-more {
justify-self: stretch;
display: flex; align-items: center; justify-content: center; gap: var(--trr-s-2);
min-height: var(--trr-touch); margin: 0; padding: 0 var(--trr-s-4);
background: var(--trr-surface); color: var(--trr-brand);
border: 1px solid var(--trr-line-ui); border-radius: var(--trr-r-md);
font-size: var(--trr-fs-400); font-weight: 600; box-shadow: none;
}
.trr .trr-more:hover { background: var(--trr-bg); border-color: var(--trr-brand); }
.trr a.trr-more, .trr a.trr-more:visited { color: var(--trr-brand); text-decoration: none; }
.trr a.trr-more .trr-ico { width: 16px; height: 16px; stroke-width: 2; }
@container (min-width: 560px) { .trr .trr-more { justify-self: start; min-width: 280px; } } .trr-prodgrid { display: grid; gap: var(--trr-s-3); container: trr-cards / inline-size; }
.trr-card {
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
grid-template-areas: "img body" "cta cta";
gap: var(--trr-s-3);
align-items: start;
padding: var(--trr-s-3);
background: var(--trr-surface);
border: 1px solid var(--trr-line);
border-radius: var(--trr-r-lg);
transition: border-color var(--trr-dur) ease;
}
.trr-card.has-top { grid-template-areas: "top top" "img body" "cta cta"; }
.trr-card:hover { border-color: var(--trr-line-strong); }
.trr-card.is-top { border-color: var(--trr-line-ui); }
.trr-card-top {
grid-area: top;
display: flex; align-items: center; gap: 6px;
margin-bottom: calc(var(--trr-s-1) * -1);
font-size: var(--trr-fs-100); font-weight: 600; line-height: 1.4;
letter-spacing: .08em; text-transform: uppercase; color: var(--trr-ink);
}
.trr-card-top .trr-ico { width: 16px; height: 16px; stroke-width: 2.25; }
.trr-imgwrap {
grid-area: img; position: relative;
width: 64px; height: 64px;
display: grid; place-items: center;
background: var(--trr-surface);
border: 1px solid var(--trr-line); border-radius: var(--trr-r-sm);
}
.trr .trr-card-img { width: 56px; height: 56px; object-fit: contain; }
.trr-imgwrap.is-empty, .trr-imgwrap.is-mono { background: var(--trr-bg); }
.trr-ph {
display: grid; justify-items: center; gap: 1px;
max-width: 100%; padding: 0 4px;
font-size: var(--trr-fs-200); font-weight: 600; line-height: 1.2; color: var(--trr-mut);
text-align: center; overflow-wrap: anywhere;
}
.trr-ph b { font-weight: 700; color: var(--trr-ink); }
.trr-rank {
position: absolute; top: -8px; left: -8px;
min-width: 22px; height: 22px; padding: 0 5px;
display: grid; place-items: center;
background: var(--trr-surface); color: var(--trr-ink);
border: 1px solid var(--trr-line-ui); border-radius: 999px;
font-size: var(--trr-fs-200); font-weight: 700; line-height: 1;
}
.trr-card-body { grid-area: body; display: grid; gap: 6px; min-width: 0; }
.trr .trr-card-name { margin: 0; font-size: var(--trr-fs-400); font-weight: 700; line-height: 1.35; color: var(--trr-ink); overflow-wrap: anywhere; }
.trr .trr-card-name a { color: inherit; text-decoration: none; }
.trr .trr-card-name a:hover { color: var(--trr-brand); text-decoration: underline; text-decoration-color: var(--trr-brand-rule); }
.trr-tags { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
.trr-tag {
display: inline-block; padding: 2px 6px;
background: var(--trr-bg); color: var(--trr-body);
border-radius: var(--trr-r-xs);
font-size: var(--trr-fs-200); font-weight: 600; line-height: 1.4; white-space: nowrap;
} .trr-tag.is-class { background: var(--trr-surface); box-shadow: inset 0 0 0 1px var(--trr-line-ui); color: var(--trr-ink); }
.trr-tag.is-good { color: var(--trr-ink); font-weight: 700; }
.trr-tag.is-warn { color: var(--trr-ink); }
.trr-card-cta { grid-area: cta; display: grid; gap: var(--trr-s-2); min-width: 0; }
.trr-card-price { margin-top: 2px; font-size: var(--trr-fs-500); font-weight: 800; line-height: 1.25; color: var(--trr-ink); }
.trr-card-price small { display: block; margin-top: 1px; font-size: var(--trr-fs-200); font-weight: 400; color: var(--trr-mut); }
.trr-card-actions { display: flex; flex-wrap: wrap; gap: var(--trr-s-2); }
.trr .trr-card-actions .trr-btn { flex: 1 1 136px; padding: 0 var(--trr-s-3); }
.trr-card-merchant { font-size: var(--trr-fs-200); line-height: 1.4; color: var(--trr-mut); }
@container trr-cards (min-width: 540px) {
.trr-card {
grid-template-columns: 80px minmax(0, 1fr) minmax(180px, max-content);
grid-template-areas: "img body cta";
align-items: center;
padding: var(--trr-s-4);
column-gap: var(--trr-s-4);
}
.trr-card.has-top { grid-template-areas: "top top top" "img body cta"; }
.trr-imgwrap { width: 80px; height: 80px; }
.trr .trr-card-img { width: 70px; height: 70px; }
.trr-card-cta { justify-items: stretch; text-align: right; }
.trr-card-actions { flex-direction: column-reverse; flex-wrap: nowrap; }
.trr .trr-card-actions .trr-btn { flex: 0 0 auto; }
} @container trr-cards (min-width: 720px) {
.trr-card-actions { flex-direction: row-reverse; }
.trr .trr-card-actions .trr-btn { min-width: 140px; }
} .trr-tabbed { display: grid; gap: var(--trr-s-4); min-width: 0; }
.trr .trr-tabs {
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
gap: var(--trr-s-1); padding: var(--trr-s-1);
background: var(--trr-bg);
border: 1px solid var(--trr-line);
border-radius: var(--trr-r-lg);
overflow: visible;
}
.trr .trr-tab {
display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 6px;
min-height: var(--trr-touch); min-width: 0; margin: 0;
padding: 6px var(--trr-s-2);
background: transparent; color: var(--trr-body);
border: 1px solid transparent; border-radius: var(--trr-r-md);
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.2;
text-align: center; white-space: normal; hyphens: manual; overflow-wrap: break-word;
box-shadow: none;
transition: background-color var(--trr-dur) ease, color var(--trr-dur) ease, border-color var(--trr-dur) ease;
}
.trr .trr-tab:hover { color: var(--trr-ink); background: var(--trr-surface); }
.trr .trr-tab.is-active { background: var(--trr-surface); color: var(--trr-ink); border-color: var(--trr-line-ui); font-weight: 700; }
.trr-tab-count { font-size: var(--trr-fs-300); font-weight: 700; color: var(--trr-mut); }
.trr-tab.is-active .trr-tab-count { color: var(--trr-ink); }
.trr-tabpanel { min-width: 0; }
.trr-tabpanel:focus-visible { outline-offset: 4px; }
.trr-tabstack { display: grid; gap: var(--trr-s-3); } .trr-resultbar {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 80;
display: none;
align-items: center; justify-content: space-between; gap: var(--trr-s-3);
width: 100%; min-height: 56px; margin: 0;
padding: var(--trr-s-2) var(--trr-s-4) calc(var(--trr-s-2) + env(safe-area-inset-bottom, 0px));
background: var(--trr-surface); color: var(--trr-ink);
border: 0; border-top: 1px solid var(--trr-line-ui); border-radius: 0;
box-shadow: 0 -2px 8px rgba(15, 61, 47, .08);
text-align: left; cursor: pointer;
font-family: var(--trr-font);
}
.trr-resultbar.is-on { display: flex; }
.trr-resultbar:hover { background: var(--trr-surface); }
.trr-resultbar-text { display: grid; min-width: 0; }
.trr-resultbar-label { font-size: var(--trr-fs-200); font-weight: 600; color: var(--trr-mut); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trr-resultbar-value {
font-size: var(--trr-fs-500); font-weight: 800; line-height: 1.25; color: var(--trr-ink);
overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.trr-resultbar-go {
display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex: 0 0 auto;
min-width: var(--trr-touch); min-height: var(--trr-touch); padding: 0 var(--trr-s-3);
border: 1px solid var(--trr-line-ui); border-radius: var(--trr-r-md);
font-size: var(--trr-fs-400); font-weight: 600; color: var(--trr-brand);
} @media (max-width: 359px) {
.trr-resultbar-go { padding: 0; font-size: 0; }
.trr-resultbar-go .trr-ico { width: 20px; height: 20px; }
} .trr[data-trrechner]:empty, div[data-trrechner]:empty {
min-height: 620px;
border: 1px solid var(--tr-line, #e6e9ef);
border-radius: var(--tr-r-xl, 14px);
background: var(--tr-bg, #f6f8fb);
} .trr-article { font-size: var(--trr-fs-500); line-height: 1.7; } .trr-article > p:empty, .trr-hero-band > p:empty { display: none; }
.trr-toolgrid br, .trr-linkcards br, .trr-eeat br, .trr-hero-band > br { display: none; }
.trr-article > p, .trr-article > ul:not([class]), .trr-article > ol:not([class]) { max-width: var(--trr-maxw-text); }
.trr-article > p { margin: 0 0 var(--trr-s-4); }
.trr-article > h2 {
max-width: 760px;
margin: var(--trr-s-7) 0 var(--trr-s-3);
padding: var(--trr-s-5) 0 0;
border-top: 1px solid var(--trr-line);
font-size: var(--trr-fs-600); font-weight: 700; line-height: 1.3;
color: var(--trr-ink); text-align: left; letter-spacing: -.01em;
text-wrap: balance;
}
.trr-article > h2::before { content: none; display: none; }
@media (min-width: 768px) { .trr-article > h2 { font-size: var(--trr-fs-700); } }
.trr-article > .trr + h2, .trr-article > div[data-trrechner] + h2 { margin-top: var(--trr-s-7); } .trr-hero-band {
display: flex; flex-direction: column; align-items: flex-start; gap: var(--trr-s-3);
max-width: 760px;
margin: 0 0 var(--trr-s-5);
text-align: left;
}
.trr-hero-band > p { margin: 0; }
.trr-hero-band .trr-backlink {
display: inline-flex; align-items: center; gap: 6px;
min-height: var(--trr-touch); margin: calc(var(--trr-s-2) * -1) 0 calc(var(--trr-s-3) * -1);
padding: 0;
background: none; border: 0; border-radius: 0;
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.3;
color: var(--trr-brand); text-decoration: none;
}
.trr-hero-band .trr-backlink:hover { text-decoration: underline; text-decoration-color: var(--trr-brand-rule); }
.trr-hero-band .trr-backlink-wrap { margin: 0; }
.trr-article .trr-meta {
display: block; margin: 0;
font-size: var(--trr-fs-300); line-height: 1.5; color: var(--trr-mut);
}
.trr-article .trr-meta strong { color: var(--trr-ink); font-weight: 600; }
.trr-article .trr-lead {
max-width: var(--trr-maxw-text); margin: 0;
font-size: var(--trr-fs-500); line-height: 1.6; color: var(--trr-body);
}
.trr-article .trr-lead strong { color: var(--trr-ink); }
.trr-trust {
display: flex; flex-wrap: wrap; gap: var(--trr-s-1) var(--trr-s-4);
margin: 0; padding: 0; list-style: none;
}
.trr-trust li {
display: inline-flex; align-items: center; gap: var(--trr-s-2);
margin: 0; padding: 0; background: none; border: 0;
font-size: var(--trr-fs-300); font-weight: 600; line-height: 1.45; color: var(--trr-ink);
}
.trr-trust li::before, .trr-eeat .trr-eeat-t::before {
content: ""; flex: 0 0 auto; width: 10px; height: 5px; margin: -3px 1px 0;
border-left: 2px solid currentColor; border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
} .trr-article .trr-kurz {
max-width: var(--trr-maxw-text); margin: 0;
font-size: var(--trr-fs-500); line-height: 1.55; color: var(--trr-body);
}
.trr-article .trr-kurz strong { color: var(--trr-ink); font-weight: 700; } .trr-intro { display: grid; gap: var(--trr-s-3); max-width: 760px; margin: var(--trr-s-4) 0 0; }
.trr-intro > p { margin: 0; }
.trr-intro .trr-backlink {
display: inline-flex; align-items: center; min-height: var(--trr-touch);
font-size: var(--trr-fs-400); font-weight: 600; color: var(--trr-brand); text-decoration: none;
}
.trr-intro .trr-backlink:hover { text-decoration: underline; text-decoration-color: var(--trr-brand-rule); }
.trr-intro .trr-backlink-wrap { margin: calc(var(--trr-s-2) * -1) 0; } .trr-table-wrap {
max-width: 760px; margin: var(--trr-s-3) 0 var(--trr-s-2);
overflow-x: auto; -webkit-overflow-scrolling: touch;
border: 1px solid var(--trr-line); border-radius: var(--trr-r-lg);
}
.trr-article .trr-table { width: 100%; margin: 0; border-collapse: collapse; font-size: var(--trr-fs-400); line-height: 1.45; background: var(--trr-surface); }
.trr-article .trr-table th, .trr-article .trr-table td {
padding: 10px var(--trr-s-3); border: 0; border-bottom: 1px solid var(--trr-line);
text-align: left; vertical-align: top;
}
.trr-article .trr-table thead th { background: var(--trr-bg-head); font-size: var(--trr-fs-300); font-weight: 600; line-height: 1.35; color: var(--trr-ink); }
.trr-article .trr-table tbody th { font-weight: 700; color: var(--trr-ink); }
.trr-article .trr-table td { color: var(--trr-body); font-variant-numeric: tabular-nums lining-nums; }
.trr-article .trr-table td strong { color: var(--trr-ink); font-weight: 800; }
.trr-article .trr-table tbody tr:last-child > * { border-bottom: 0; }
.trr-article .trr-table .trr-table-sub { display: block; margin-top: 2px; font-size: var(--trr-fs-300); font-weight: 400; color: var(--trr-mut); }
.trr-article .trr-table-note { max-width: 760px; margin: 0 0 var(--trr-s-4); font-size: var(--trr-fs-300); line-height: 1.5; color: var(--trr-mut); } .trr-article .trr-infobox {
max-width: var(--trr-maxw-text);
margin: var(--trr-s-4) 0;
padding: var(--trr-s-4) var(--trr-s-5);
background: var(--trr-surface);
border: 1px solid var(--trr-line); border-radius: var(--trr-r-lg);
font-size: var(--trr-fs-400); line-height: 1.6;
}
.trr-infobox p { margin: 0 0 var(--trr-s-2); }
.trr-infobox p:last-child { margin: 0; }
.trr-infobox strong { color: var(--trr-ink); } .trr-article .trr-faq {
max-width: 760px; margin: 0;
background: none; border: 0; border-top: 1px solid var(--trr-line); border-radius: 0; box-shadow: none;
overflow: visible;
}
.trr-article .trr-faq:last-of-type { border-bottom: 1px solid var(--trr-line); }
.trr-article .trr-faq > summary {
position: relative; list-style: none; cursor: pointer;
min-height: var(--trr-touch);
padding: 14px 40px 14px 0;
font-size: var(--trr-fs-500); font-weight: 600; line-height: 1.4; color: var(--trr-ink);
background: none;
}
.trr-article .trr-faq > summary::-webkit-details-marker { display: none; }
.trr-article .trr-faq > summary::after {
content: ""; position: absolute; right: 8px; top: 50%;
width: 9px; height: 9px; margin-top: -7px;
background: none; border-radius: 0;
border-right: 2px solid var(--trr-brand); border-bottom: 2px solid var(--trr-brand);
transform: rotate(45deg);
transition: transform var(--trr-dur) ease;
}
.trr-article .trr-faq[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.trr-article .trr-faq > summary:hover { color: var(--trr-brand); background: none; }
.trr-article .trr-faq .trr-faq-a { max-width: var(--trr-maxw-text); padding: 0 0 var(--trr-s-4); font-size: var(--trr-fs-500); line-height: 1.7; color: var(--trr-body); }
.trr-faq .trr-faq-a p { margin: 0 0 var(--trr-s-2); }
.trr-faq .trr-faq-a p:last-child { margin: 0; } .trr-eeat {
display: grid; gap: var(--trr-s-4) var(--trr-s-5);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
margin: var(--trr-s-4) 0 0; padding: 0; list-style: none;
}
.trr-eeat li {
display: grid; gap: var(--trr-s-1); align-content: start;
margin: 0; padding: var(--trr-s-3) 0 0;
background: none; border: 0; border-top: 1px solid var(--trr-line); border-radius: 0; box-shadow: none;
}
.trr-eeat .trr-eeat-t { display: flex; align-items: center; gap: var(--trr-s-2); font-size: var(--trr-fs-400); font-weight: 700; line-height: 1.35; color: var(--trr-ink); }
.trr-eeat .trr-eeat-d { font-size: var(--trr-fs-400); line-height: 1.55; color: var(--trr-body); }
.trr-eeat .trr-eeat-d a, .trr-article > p a, .trr-infobox a, .trr-faq-a a {
color: var(--trr-brand); text-decoration: underline; text-decoration-color: var(--trr-brand-rule); text-underline-offset: .15em;
} .trr-linkcards {
display: grid; gap: var(--trr-s-3);
grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
margin: var(--trr-s-4) 0 0; padding: 0; list-style: none;
}
.trr-linkcards li { margin: 0; }
.trr-linkcards a {
display: grid; gap: var(--trr-s-1); align-content: start; height: 100%;
min-height: var(--trr-touch);
padding: 14px var(--trr-s-4);
background: var(--trr-surface);
border: 1px solid var(--trr-line); border-radius: var(--trr-r-lg);
color: var(--trr-body); text-decoration: none; box-shadow: none;
transition: border-color var(--trr-dur) ease;
}
.trr-linkcards a:hover { border-color: var(--trr-line-strong); }
.trr-linkcards .trr-lc-title { display: block; margin: 0; font-size: var(--trr-fs-400); font-weight: 700; line-height: 1.35; color: var(--trr-brand); }
.trr-linkcards a:hover .trr-lc-title { text-decoration: underline; text-decoration-color: var(--trr-brand-rule); }
.trr-linkcards .trr-lc-sub { display: block; font-size: var(--trr-fs-300); line-height: 1.45; color: var(--trr-mut); } .trr-toolgrid {
display: grid; gap: var(--trr-s-3);
grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
margin: var(--trr-s-5) 0 0; padding: 0; list-style: none;
}
.trr-toolgrid > li { margin: 0; min-width: 0; }
.trr-toolgrid a, .trr-toolgrid .is-soon {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
grid-template-areas: "icon title" "icon desc" "icon fact" "icon cta";
column-gap: var(--trr-s-3); row-gap: var(--trr-s-1);
align-content: start; height: 100%;
padding: var(--trr-s-4);
background: var(--trr-surface);
border: 1px solid var(--trr-line); border-radius: var(--trr-r-lg);
color: var(--trr-body); text-decoration: none; box-shadow: none;
transition: border-color var(--trr-dur) ease;
}
.trr-toolgrid a:hover { border-color: var(--trr-line-strong); }
.trr-tool-icon {
grid-area: icon; align-self: start;
width: 40px; height: 40px;
display: grid; place-items: center;
background: var(--trr-bg); color: var(--trr-brand);
border-radius: var(--trr-r-md);
font-size: 1.25rem; line-height: 1;
}
.trr-tool-icon .trr-ico { width: 22px; height: 22px; }
.trr-tool-title { grid-area: title; font-size: var(--trr-fs-500); font-weight: 700; line-height: 1.3; color: var(--trr-ink); }
.trr-toolgrid a:hover .trr-tool-title { color: var(--trr-brand); }
.trr-tool-desc { grid-area: desc; font-size: var(--trr-fs-400); line-height: 1.55; color: var(--trr-body); }
.trr-tool-fact { grid-area: fact; margin-top: 2px; font-size: var(--trr-fs-300); font-weight: 600; line-height: 1.45; color: var(--trr-mut); background: none; padding: 0; border-radius: 0; }
.trr-tool-cta {
grid-area: cta; justify-self: start;
display: inline-flex; align-items: center; gap: 6px;
margin-top: var(--trr-s-1);
font-size: var(--trr-fs-400); font-weight: 600; line-height: 1.3; color: var(--trr-brand);
}
.trr-tool-cta::after {
content: ""; width: 7px; height: 7px; margin-left: 1px;
border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);
}
.trr-toolgrid a:hover .trr-tool-cta { text-decoration: underline; text-decoration-color: var(--trr-brand-rule); }
.trr-toolgrid .is-soon { border-style: dashed; border-color: var(--trr-line-strong); background: none; }
.trr-toolgrid .is-soon .trr-tool-icon { color: var(--trr-mut); }
.trr-toolgrid .is-soon .trr-tool-title { color: var(--trr-body); } .trr-projection { margin: var(--trr-s-6) 0; }
.trr-projection .trr-panel { border: 1px solid var(--trr-line); border-radius: var(--trr-r-xl); }
.trr-proj-body { display: grid; gap: var(--trr-s-4); padding: var(--trr-s-4); }
@container (min-width: 560px) { .trr-proj-body { padding: var(--trr-s-5); } }
.trr-proj-cta { display: flex; flex-wrap: wrap; gap: var(--trr-s-2); align-items: center; }
.trr .trr-proj-cta .trr-btn { flex: 0 1 auto; } .trr-tvscale-outer { display: grid; gap: var(--trr-s-2); justify-items: center; }
.trr-tvscale { position: relative; width: min(100%, 640px); aspect-ratio: 1.78 / 1.06; margin-top: var(--trr-s-2); }
.trr-tvscale-rect {
position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
border: 1px solid var(--trr-line-ui);
border-radius: var(--trr-r-xs);
background: transparent;
}
.trr-tvscale-rect .trr-tvscale-label {
position: absolute; top: 3px; right: 6px;
font-size: var(--trr-fs-200); font-weight: 600; color: var(--trr-mut); white-space: nowrap;
}
.trr-tvscale-rect.is-mark { z-index: 2; border: 2px solid var(--trr-brand); background: var(--trr-brand-tint); box-shadow: none; }
.trr-tvscale-rect.is-mark .trr-tvscale-label { color: var(--trr-brand); font-weight: 700; } .trr-tvscale-rect.is-mark .trr-tvscale-label { right: auto; left: 6px; }
.trr-tvtable-wrap {
max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
border: 1px solid var(--trr-line); border-radius: var(--trr-r-lg);
}
.trr .trr-tvtable { width: 100%; margin: 0; border-collapse: collapse; font-size: var(--trr-fs-400); background: var(--trr-surface); }
.trr .trr-tvtable th {
padding: 10px var(--trr-s-3);
background: var(--trr-bg-head);
font-size: var(--trr-fs-300); font-weight: 600; color: var(--trr-ink);
text-transform: none; letter-spacing: 0; white-space: nowrap; text-align: left;
border-bottom: 1px solid var(--trr-line);
}
.trr .trr-tvtable td { padding: 10px var(--trr-s-3); border-top: 0; border-bottom: 1px solid var(--trr-line); white-space: nowrap; color: var(--trr-body); }
.trr .trr-tvtable tr:last-child td { border-bottom: 0; }
.trr .trr-tvtable td strong { font-weight: 800; }
.trr .trr-tvtable tr.is-mark td { background: var(--trr-brand-tint); color: var(--trr-ink); }
.trr .trr-tvtable tr.is-mark td:first-child { box-shadow: inset 3px 0 0 var(--trr-brand); }
.trr-tvtable .trr-note { display: inline; } body:has(.trr-article) .rh-content-wrap > .main-side,
body:has(.trr-article) .main-side.page { width: 100% !important; float: none !important; }
body:has(.trr-article) .rh-content-wrap > .sidebar,
body:has(.trr-article) .rh-content-wrap .sidebar { display: none !important; }
body:has(.trr-article) .rh-post-wrapper { max-width: none; padding: 30px clamp(20px, 4vw, 48px) 40px; } @media (prefers-reduced-motion: reduce) {
.trr *, .trr-article *, .trr-resultbar { transition: none !important; animation: none !important; }
}