.rh-sslide-panel-wrap {position: fixed;width: 400px;height: 100%;top: 0;background: #ecf0f1;z-index: 1;transition: transform .3s ease-in .3s;}
.rh-sslide-panel-heading{position: fixed;width: 400px;background: rgba(255, 255, 255, 0.96);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);z-index: 2;transition: top 0.3s 0s; top:-50px;}
.rh-sslide-panel-tabs{height: 100%;overflow: auto;}
.from-right .rh-sslide-panel-wrap {right: 0;transform: translate3d(100%, 0, 0);}
.active .rh-sslide-panel-wrap {transform: translate3d(0, 0, 0);transition-delay: 0s;}
.active .rh-sslide-panel-heading {top: 0;transition: top 0.3s 0.3s;}
.rh-sslide-panel.active:after {background: rgba(0, 0, 0, 0.6);transition: background 0.3s 0s;}
.rh-sslide-panel:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;cursor: pointer;transition: background 0.3s 0.3s;content: "";}
.rh-sslide-panel-inner{opacity: 0; -webkit-backface-visibility: hidden; height:100%;}
.active .rh-sslide-panel-inner{opacity: 1; transition: all .4s .3s;}
.rh-sslide-panel .widget_shopping_cart_content {display: flex;flex: 1 1 auto;flex-direction: column;align-items: stretch;justify-content: space-between;height: 100%;}
.rh-sslide-panel ul.product_list_widget li, .rh-sslide-panel .woocommerce-mini-cart__total, .rh-sslide-panel .buttons, .rh-sslide-panel .woocommerce-mini-cart__empty-message, .rh-sslide-panel .widget_shopping_cart_content > p{padding-left:20px; padding-right:20px;}
.rh-sslide-panel .woocommerce-mini-cart__total{margin-top:auto;}
.rh-sslide-panel .woocommerce-mini-cart__buttons{margin-bottom:20px;}
@media only screen and (max-width: 1170px){
.rh-sslide-panel-wrap, .rh-sslide-panel-heading{width: 340px;}	
}.wpsm-button.wpsm-button-new-compare i{font-size: 16px; line-height: 14px}
.loading.wpsm-button-new-compare{opacity: 0.7}
.comparing.wpsm-button-new-compare{opacity: 0.5}
.not-incompare .re-icon-compare:before{content: "\e92e";display: inline-block; }
.re-compare-item{position:relative;height:70px;line-height:15px;font-size:15px;border:1px solid;padding:10px 25px 10px 10px;transition:color .2s ease,border-color .2s ease;margin-bottom:10px;border-color:#333;color:#333; background: #fff}
.re-compare-item i.re-compare-close{position:absolute;color: #cc0000;line-height: 16px; top:3px; right: 3px; font-size: 16px; cursor: pointer;}
i.re-compare-close-in-chart{position:absolute;color: #e5e5e5; top:3px; right: 3px; font-size: 22px; cursor: pointer;z-index: 999;}
.re-compare-item a{color: #111 !important}
.re-compare-img{width: 45px; height: 45px; padding: 2px; background-color: #fff; border: 1px solid #ddd; text-align: center;float: left;margin-right: 10px;}
.re-compare-img img{height: 39px; max-width: 100%;}
.re-compare-title{line-height: 14px; max-height: 28px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.comparing .re-icon-compare:before{content: "\f14a";}
.comparing:hover .re-icon-compare:before{content: "\f00d";}
#re-compare-bar-tabs ul{padding: 0 20px 20px 20px}
.re-compare-destin.wpsm-button{font-size: 20px !important;opacity: 0;padding: 15px 20px;display: block;cursor: pointer;font-weight: bold; margin: 20px; line-height: 22px; text-align: center; border: none !important;}
.active .re-compare-destin.wpsm-button{transition: all .4s .5s;opacity: 1;margin: 10px 20px 20px 20px;}
.re-compare-destin.wpsm-button i{margin: 0 8px;}
#re-compare-bar-tabs ul:after{content:"";display:block;clear:both;}
#re-compare-bar-tabs ul li{cursor:pointer;padding: 10px 0;color:#707070;font-size: 15px;line-height: 15px; display: inline-block; margin: 0 15px 15px 0;}
#re-compare-bar-tabs ul li.current{border-bottom: 1px dashed #444;font-weight: bold;}
#re-compare-bar-tabs ul li.no-multicats.current{cursor:inherit;background:transparent;color:#707070;font-weight: bold;}
#re-compare-bar-tabs ul li.no-multicats.current:hover{background:transparent;}
#re-compare-bar.active{bottom: 0;}
.meta .wpsm-button-new-compare {float: left;margin: 0 15px 5px 0;}
.re-compare-item i.re-compare-new-close {position: absolute;color: #cc0000;line-height: 16px;top: 3px;right: 3px;font-size: 16px;cursor: pointer;}
#re-compare-icon-fixed{cursor:pointer;z-index: 999;position: fixed; top: 270px; width: 55px; height: 55px; line-height: 55px; background: #fff; right: 0; text-align: center; font-size: 22px;box-shadow: 0 0 20px rgb(187 187 187 / 36%); border-radius: 8px 0 0 8px}
.proccessed .re-compare-notice{transform: scale(0.2);}
.re-compare-icon-toggle:before {content: "\e92e";position: absolute;left: 0;font-size: 22px;top: 0;opacity: 0;transition: all 0.3s ease-in;transform: scale(2); }
.proccessed.re-compare-icon-toggle:before{opacity: 1; transform: scale(1);}
.re-compare-icon-toggle{position: relative;line-height: 22px; cursor: pointer; display: inline-block; }
.re-compare-error{padding: 0 20px;color: red;margin-bottom:15px; font-size: 85%}
.rev-in-compare-flip{position: absolute;top: 10px; right: 15px}
.cmpr-title{font-size: 13px;line-height: 18px;height: 36px;}:root{ --tr-brand:       #0F3D2F; --tr-brand-hover: #0A2B21; --tr-brand-tint:  rgba(15,61,47,.08);  --tr-brand-rule:  rgba(15,61,47,.55); --tr-brand-inv:   #8FD3B8;  --tr-blue:        var(--tr-brand);
--tr-blue-hover:  var(--tr-brand-hover);
--tr-blue-tint:   var(--tr-brand-tint);
--tr-blue-rule:   var(--tr-brand-rule);
--tr-blue-inv:    var(--tr-brand-inv); --tr-mark:        var(--tr-ink); --tr-mark-tint:   rgba(28,36,48,.10); --trc-best-tint:  var(--tr-mark-tint); --tr-ink:         #1c2430; --tr-body:        #374151; --tr-mut:         #5d6879; --tr-surface:     #ffffff; --tr-bg:          #f6f8fb; --tr-bg-head:     #f1f4f9; --tr-line:        #e6e9ef; --tr-line-strong: #d6ddea; --tr-line-ui:     #7c8798; --tr-top-solid:   #15803d; --tr-good-solid:  #4d7c0f; --tr-mid-solid:   #b45309; --tr-low-solid:   #dc2626;  --trc-footer-bg:  #1c2430;
--trc-footer-fg:  #cfd6e2; --trc-footer-mut: #9aa7b8; --trc-footer-link:#ffffff;  --trc-kopf-bg:      var(--tr-brand);
--trc-kopf-fg:      #ffffff; --trc-kopf-fg-mut:  #9fb8ae; --trc-kopf-flaeche: rgba(255,255,255,.10); --trc-kopf-linie:   rgba(255,255,255,.45);  --trc-focus-ring: var(--tr-brand);
--trc-focus-halo: rgba(255,255,255,.92);
--tr-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text",
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--tr-fs-100:.6875rem; --tr-fs-200:.75rem;   --tr-fs-300:.8125rem;
--tr-fs-400:.9375rem; --tr-fs-500:1.0625rem;--tr-fs-600:1.25rem;
--tr-fs-700:1.5rem;   --tr-fs-800:1.875rem;
--tr-lh-flat:1.15; --tr-lh-tight:1.25; --tr-lh-ui:1.5; --tr-lh-read:1.7;
--tr-fw-normal:400; --tr-fw-medium:600; --tr-fw-bold:700; --tr-fw-black:800;
--tr-ls-tight:-.015em; --tr-ls-none:0; --tr-ls-caps:.08em; --tr-ls-num:-.01em;
--tr-s-1:4px; --tr-s-2:8px; --tr-s-3:12px; --tr-s-4:16px;
--tr-s-5:24px; --tr-s-6:32px; --tr-s-7:40px; --tr-s-8:56px;
--tr-maxw:1240px; --tr-maxw-text:660px; --tr-pad-x:20px; --tr-pad-x-sm:16px;
--tr-r-xs:4px; --tr-r-sm:8px; --tr-r-md:10px; --tr-r-lg:12px;
--tr-r-xl:14px; --tr-r-pill:999px;
--tr-bw:1px; --tr-bw-marker:3px; --tr-touch:44px; --tr-sh-1:0 1px 2px rgba(15,61,47,.06), 0 2px 8px rgba(15,61,47,.06);
--tr-sh-4:0 12px 32px rgba(15,61,47,.14), 0 2px 8px rgba(15,61,47,.08);
--tr-dur-1:120ms; --tr-dur-2:200ms;
--tr-ease-out:cubic-bezier(.2,.7,.3,1);
--tr-ease-in-out:cubic-bezier(.4,0,.2,1);
--trc-header-h:64px; --trc-header-h-dicht:52px;
--trc-header-z:100; --trc-panel-z:110; --trc-bar-z:90;
}
html{ font-family:var(--tr-font); font-size:100%;
scroll-padding-top:calc(var(--trc-header-h) + 8px); } .trc-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; } .trc-num{ font-variant-numeric:tabular-nums lining-nums;
font-feature-settings:"tnum" 1,"lnum" 1; } .trc-eyebrow,.trc-colhead{
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);
padding-bottom:var(--tr-s-1); border-bottom:1px solid var(--tr-line);
margin:0 0 var(--tr-s-3);
} .trc-marker{ position:relative; }
.trc-marker::after{ content:""; position:absolute; left:0; right:0; bottom:-3px;
height:var(--tr-bw-marker); background:var(--tr-brand); }
.trc-footer .trc-marker::after{ background:var(--tr-brand-inv); } .trc-btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--tr-s-2);
min-height:var(--tr-touch); padding:0 var(--tr-s-4);
font:var(--tr-fw-medium) var(--tr-fs-400)/var(--tr-lh-ui) var(--tr-font);
border-radius:var(--tr-r-md); border:1px solid transparent;
background:var(--tr-brand); color:#fff; text-decoration:none; cursor:pointer;
transition:background-color var(--tr-dur-1) var(--tr-ease-out),
border-color var(--tr-dur-1) var(--tr-ease-out); }
.trc-btn:hover{ background:var(--tr-brand-hover); }
.trc-btn--umriss{ background:transparent; color:var(--tr-brand);
border-color:var(--tr-line-ui); }
.trc-btn--umriss:hover{ background:var(--tr-bg); border-color:var(--tr-brand); }
.trc-btn[aria-pressed="true"]{ background:var(--tr-brand); color:#fff;
border-color:var(--tr-brand); } .trc-note{ display:inline-flex; align-items:center; gap:var(--tr-s-1);
min-height:24px; padding:0 var(--tr-s-2); border-radius:var(--tr-r-pill);
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-black); color:#fff;
font-variant-numeric:tabular-nums lining-nums; }
.trc-note--top { background:var(--tr-top-solid); }
.trc-note--good{ background:var(--tr-good-solid); }
.trc-note--mid { background:var(--tr-mid-solid); }
.trc-note--low { background:var(--tr-low-solid); }
.trc-note--keine{ background:var(--tr-bg); color:var(--tr-mut);
border:1px solid var(--tr-line-ui); font-weight:var(--tr-fw-medium); } @media (prefers-reduced-motion: reduce){
*,*::before,*::after{
animation-duration:.01ms!important; animation-iteration-count:1!important;
transition-duration:.01ms!important; scroll-behavior:auto!important; }
} :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible{
outline: 2px solid var(--trc-focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--trc-focus-halo);
border-radius: inherit;
}
.trc-header a:focus-visible, .trc-header button:focus-visible,
.trc-nav a:focus-visible, .trc-nav button:focus-visible, .trc-nav summary:focus-visible,
.trc-footer a:focus-visible, .trc-footer button:focus-visible,
.trc-suche input:focus-visible, .trc-suche button:focus-visible,
.trc-vgl a:focus-visible, .trc-vgl button:focus-visible,
.trc-merk a:focus-visible, .trc-merk button:focus-visible,
.trc-konto a:focus-visible, .trc-konto button:focus-visible,
.trc-home a:focus-visible, .trc-home button:focus-visible{
outline: 2px solid var(--trc-focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--trc-focus-halo);
} .trc-footer{ --trc-focus-ring:#ffffff; --trc-focus-halo:rgba(28,36,48,.92); } .trc-header{ --trc-focus-ring:#ffffff; --trc-focus-halo:rgba(15,61,47,.92); }
.trc-header .trc-panel__innen, .trc-header .trc-suche__blatt{
--trc-focus-ring:var(--tr-brand); --trc-focus-halo:rgba(255,255,255,.92);
}
.trc-header .trc-marker::after{ background:var(--trc-kopf-fg); } .trc-header .trc-btn,
.trc-header .trc-btn[aria-pressed="true"]{
background:var(--trc-kopf-fg); color:var(--tr-brand);
border-color:var(--trc-kopf-fg);
} .trc-header .trc-btn:hover{ background:rgba(255,255,255,.86); }
.trc-header .trc-btn--umriss{
background:transparent; color:var(--trc-kopf-fg);
border-color:var(--trc-kopf-linie);
}
.trc-header .trc-btn--umriss:hover{
background:var(--trc-kopf-flaeche); border-color:var(--trc-kopf-fg);
} [hidden]{ display:none !important; }     .trc-logo{
--trc-logo-fs:19px; --trc-logo-marker-h:2px;
--trc-logo-marker-off:3px;  box-sizing:border-box; display:inline-flex;
align-items:flex-end;
min-height:var(--tr-touch,44px);
padding:var(--tr-s-2,8px) 0 5px; font-family:var(--tr-font,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
font-size:var(--trc-logo-fs);
line-height:var(--tr-lh-flat,1.15);
letter-spacing:var(--tr-ls-tight,-.015em);
font-kerning:normal;
font-style:normal;
text-transform:none; text-decoration:none;
white-space:nowrap; word-break:normal;
overflow-wrap:normal; color:var(--trc-kopf-fg,#fff);
background:none;
border:0; border-bottom:var(--tr-bw,1px) solid rgba(255,255,255,.18);
box-shadow:none;
}
.trc-logo__a{ font-weight:var(--tr-fw-normal,400); }
.trc-logo__b{
font-weight:var(--tr-fw-black,800);
position:relative; margin-right:-.015em;
}
.trc-logo__b::after{
content:"";
position:absolute; left:0; right:0;
bottom:calc(var(--trc-logo-marker-off) * -1);
height:var(--trc-logo-marker-h); background:var(--tr-brand-inv,#8FD3B8);
} @media (min-width:768px){
.trc-logo{ --trc-logo-fs:22px; --trc-logo-marker-h:3px; }
} .trc-header--dicht .trc-logo{ --trc-logo-fs:20px; --trc-logo-marker-h:3px; } .trc-logo--footer,
.trc-footer .trc-logo{
--trc-logo-fs:26px; --trc-logo-marker-h:3px;
color:#fff;
border-bottom-color:rgba(255,255,255,.16);
} .trc-logo--footer .trc-logo__b::after,
.trc-footer .trc-logo__b::after{ background:var(--tr-brand-inv,#8FD3B8); } .trc-logo--inline{ min-height:0; padding-top:0; } .trc-logo--sperr .trc-logo__a{ letter-spacing:.04em; } @media (forced-colors: active){
.trc-logo{ border-bottom-color:CanvasText; }
.trc-logo__b::after{ background:CanvasText; forced-color-adjust:none; }
}     .trc-suche{
--trc-suche-halo:var(--trc-focus-halo,#fff);
--trc-suche-blatt-max:min(72vh, 480px);
position:relative;
display:flex; align-items:center; gap:var(--tr-s-2); flex-wrap:wrap;
width:100%; margin:0;
} .trc-suche__feld{
position:relative; flex:1 1 180px; min-width:0;
display:flex; align-items:center;
}
.trc-suche__lupe{
position:absolute; left:var(--tr-s-3); top:50%;
transform:translateY(-50%);
display:inline-flex; color:var(--tr-mut); pointer-events:none;
}
.trc-suche__eingabe{
width:100%; min-width:0; box-sizing:border-box;
height:var(--tr-touch); padding:0 var(--tr-s-3) 0 var(--tr-s-7);
font-family:var(--tr-font); font-size:var(--tr-fs-500);
line-height:var(--tr-lh-ui);
color:var(--tr-ink);
background:var(--tr-surface);
border:var(--tr-bw) solid var(--tr-line-ui);
border-radius:var(--tr-r-md);
appearance:none; -webkit-appearance:none;
transition:border-color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-suche__eingabe::placeholder{ color:var(--tr-mut); opacity:1; }
.trc-suche__eingabe:hover{ border-color:var(--tr-blue); } .trc-suche__eingabe::-webkit-search-decoration,
.trc-suche__eingabe::-webkit-search-cancel-button{ appearance:none; } .trc-suche__senden{ flex:0 0 auto; padding:0 var(--tr-s-3); }
@media (min-width:560px){
.trc-suche__senden{ padding:0 var(--tr-s-4); }
} .trc-header .trc-suche__senden{
background:var(--trc-kopf-fg,#fff);
color:var(--tr-brand,#0F3D2F);
border-color:var(--trc-kopf-fg,#fff);
} .trc-header .trc-suche__senden:hover{
background:#ecefee;
color:var(--tr-brand-hover,#0A2B21);
border-color:#ecefee;
} .trc-suche__blatt{
position:absolute; z-index:var(--trc-panel-z);
top:calc(100% + var(--tr-s-2)); left:0; right:0;
max-height:var(--trc-suche-blatt-max); overflow-y:auto;
overscroll-behavior:contain; color:var(--tr-ink);
background:var(--tr-surface);
border:var(--tr-bw) solid var(--tr-line);
border-radius:var(--tr-r-xl);
box-shadow:var(--tr-sh-4);
padding:var(--tr-s-2);
}
.trc-suche__gruppe{ padding:var(--tr-s-2) var(--tr-s-2) 0; } .trc-suche__kopf{
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);
margin:0 0 var(--tr-s-1);
}
.trc-suche__gruppe + .trc-suche__gruppe{
margin-top:var(--tr-s-2);
border-top:var(--tr-bw) solid var(--tr-line);
padding-top:var(--tr-s-3);
} .trc-suche__treffer{
display:grid; align-items:center;
grid-template-columns:1fr auto;
gap:0 var(--tr-s-3);
min-height:var(--tr-touch);
padding:var(--tr-s-2) var(--tr-s-2);
border-radius:var(--tr-r-md);
color:var(--tr-ink); text-decoration:none;
transition:background-color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-suche__treffer:hover{ background:var(--tr-bg); } .trc-suche__treffer[aria-selected="true"]{ background:var(--tr-blue-tint); }
.trc-suche__titel{
grid-column:1; min-width:0;
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-tight); color:var(--tr-ink);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
} .trc-suche__meta{
grid-column:1; min-width:0;
font-size:var(--tr-fs-200); color:var(--tr-mut);
line-height:var(--tr-lh-ui);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.trc-suche__preis{ color:var(--tr-ink); font-weight:var(--tr-fw-black); } .trc-suche__anzahl{
grid-column:2; grid-row:1;
min-width:72px; text-align:right;
font-size:var(--tr-fs-300); color:var(--tr-mut);
line-height:var(--tr-lh-ui); white-space:nowrap;
}
.trc-suche__bewertung{
grid-column:2; grid-row:1 / span 2;
justify-self:end; min-width:var(--tr-touch); display:flex; justify-content:flex-end;
} .trc-suche__hinweis{
margin:0; padding:var(--tr-s-3) var(--tr-s-2);
font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui);
color:var(--tr-body);
}
.trc-suche__hinweis:empty{ display:none; }
.trc-suche__weiter{
display:inline-flex; align-items:center; min-height:var(--tr-touch);
color:var(--tr-blue); text-decoration:underline;
text-decoration-color:var(--tr-blue-rule); text-underline-offset:2px;
}
.trc-suche__weiter:hover{ text-decoration-color:var(--tr-blue); } .trc-suche input:focus-visible,
.trc-suche button:focus-visible,
.trc-suche a:focus-visible{ outline:2px solid var(--trc-focus-ring);
outline-offset:2px;
box-shadow:0 0 0 4px var(--trc-suche-halo);
} .trc-suche__eingabe:focus-visible{ border-color:var(--tr-blue); } .trc-suche--gross{ max-width:var(--tr-maxw-text); }
.trc-suche--gross .trc-suche__eingabe{
height:var(--tr-s-8); font-size:var(--tr-fs-600);
padding-left:var(--tr-s-8);
}
.trc-suche--gross .trc-suche__lupe{ left:var(--tr-s-4); }
.trc-suche--gross .trc-suche__senden{ min-height:var(--tr-s-8); } @media (prefers-reduced-motion: reduce){
.trc-suche__treffer{ transition:none; }
.trc-suche__eingabe{ transition:none; }
}     .trc-nav a:focus-visible,
.trc-nav summary:focus-visible,
.trc-drawer a:focus-visible,
.trc-drawer summary:focus-visible{
outline:2px solid var(--trc-focus-ring, var(--tr-blue)); outline-offset:2px;
box-shadow:0 0 0 4px var(--trc-focus-halo, rgba(15,61,47,.22));
} .trc-nav__liste{ list-style:none; margin:0; padding:0; }
.trc-nav__punkt{ margin:0; }
.trc-nav__zeile{
display:flex; align-items:center; justify-content:space-between;
gap:var(--tr-s-3);
min-height:var(--tr-touch);
padding:0 var(--tr-s-2);
border-radius:var(--tr-r-md);
color:var(--tr-ink); text-decoration:none;
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui);
transition:background-color var(--tr-dur-1) var(--tr-ease-out),
color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-nav__zeile:hover{ background:var(--tr-bg); color:var(--tr-blue); } .trc-nav__zeile[aria-current]{
background:var(--tr-blue-tint); color:var(--tr-blue); font-weight:var(--tr-fw-bold);
}
.trc-nav__name{ min-width:0; } .trc-nav__zahl{
flex:none; min-width:34px; text-align:right;
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium);
color:var(--tr-mut);
}
.trc-nav__zeile:hover .trc-nav__zahl{ color:var(--tr-blue); }
.trc-nav__ico{
display:block; flex:none;
transition:transform var(--tr-dur-1) var(--tr-ease-out);
} .trc-nav{ min-width:0; }
.trc-nav__bar{
display:flex; align-items:center; gap:var(--tr-s-1);
list-style:none; margin:0; padding:0;
} .trc-nav__label{
display:inline-flex; align-items:center; gap:var(--tr-s-1);
min-height:var(--tr-touch); min-width:var(--tr-touch);
justify-content:center;
padding:0 var(--tr-s-2);
border-radius:var(--tr-r-md); color:inherit;
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui);
cursor:pointer; list-style:none; white-space:nowrap;
}
.trc-nav__label::-webkit-details-marker{ display:none; } .trc-nav__label:hover{ background:var(--trc-kopf-flaeche,rgba(255,255,255,.10)); }
.trc-nav__text{ display:inline-block; } .trc-nav__eintrag[open] .trc-nav__label{
background:var(--trc-kopf-flaeche,rgba(255,255,255,.10));
color:var(--trc-kopf-fg,#fff);
} .trc-nav__label .trc-marker::after{ background:var(--tr-brand-inv,#8FD3B8); }
.trc-nav__eintrag[open] .trc-nav__ico{ transform:rotate(180deg); } .trc-panel__innen{
color:var(--tr-ink);
background:var(--tr-surface);
border:var(--tr-bw) solid var(--tr-line);
border-top:0;
border-radius:0 0 var(--tr-r-xl) var(--tr-r-xl);
padding:var(--tr-s-4) 0;
}
.trc-panel__raster{ display:grid; gap:var(--tr-s-5); }
.trc-panel__spalten{ display:grid; gap:var(--tr-s-5); }
.trc-panel__gruppe{ min-width:0; }
.trc-panel__fuss{
margin-top:var(--tr-s-5); padding-top:var(--tr-s-3);
border-top:var(--tr-bw) solid var(--tr-line);
display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--tr-s-2) var(--tr-s-5);
}
.trc-panel__bilanz{
margin:0; font-size:var(--tr-fs-300); color:var(--tr-mut); line-height:var(--tr-lh-ui);
}
.trc-panel__wege{ margin:0; display:flex; flex-wrap:wrap; gap:var(--tr-s-4); }
.trc-nav__fusslink{
display:inline-flex; align-items:center; min-height:var(--tr-touch);
color:var(--tr-blue); text-decoration:none;
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium);
}
.trc-nav__fusslink:hover{ color:var(--tr-blue-hover); text-decoration:underline; }
.trc-panel__hinweis{
flex:1 1 100%; margin:0;
font-size:var(--tr-fs-200); color:var(--tr-mut); line-height:var(--tr-lh-ui);
} .trc-drawer{
position:fixed; top:0; right:0; bottom:0;
z-index:var(--trc-panel-z);
width:min(88vw, 420px);
display:flex; flex-direction:column;
color:var(--tr-ink); background:var(--tr-surface);
border-left:var(--tr-bw) solid var(--tr-line);
box-shadow:var(--tr-sh-4);
transform:translateX(100%);
visibility:hidden;
transition:transform var(--tr-dur-2) var(--tr-ease-in-out),
visibility 0s linear var(--tr-dur-2);
}
.trc-drawer:not([data-trc-js]):target,
.trc-drawer[data-offen="ja"]{
transform:translateX(0);
visibility:visible;
transition:transform var(--tr-dur-2) var(--tr-ease-in-out), visibility 0s;
}
.trc-drawer__kopf{
display:flex; align-items:center; justify-content:space-between;
gap:var(--tr-s-3);
min-height:56px; padding:0 var(--tr-s-4);
border-bottom:var(--tr-bw) solid var(--tr-line);
}
.trc-drawer__titel{
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold);
color:var(--tr-ink); line-height:var(--tr-lh-tight);
}
.trc-drawer__zu{
display:inline-flex; align-items:center; justify-content:center;
width:var(--tr-touch); height:var(--tr-touch);
color:var(--tr-ink); border-radius:var(--tr-r-md); text-decoration:none;
}
.trc-drawer__zu:hover{ background:var(--tr-bg); }
.trc-drawer__inhalt{
flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
padding:var(--tr-s-2) var(--tr-s-3) var(--tr-s-4);
}
.trc-drawer__bereich{ border-bottom:var(--tr-bw) solid var(--tr-line); }
.trc-drawer__label{
display:flex; align-items:center; justify-content:space-between;
gap:var(--tr-s-3);
min-height:52px; padding:0 var(--tr-s-2);
color:var(--tr-ink);
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-ui);
cursor:pointer; list-style:none;
}
.trc-drawer__label::-webkit-details-marker{ display:none; }
.trc-drawer__text{ display:inline-block; }
.trc-drawer__bereich[open] .trc-nav__ico{ transform:rotate(180deg); }
.trc-drawer__auszug{ padding:0 0 var(--tr-s-3); }
.trc-drawer__gruppe{ margin-top:var(--tr-s-3); } .trc-drawer__auszug .trc-nav__zeile{ min-height:48px; }
.trc-drawer__fuss{
flex:none;
padding:var(--tr-s-3) var(--tr-s-4) calc(var(--tr-s-3) + env(safe-area-inset-bottom));
border-top:var(--tr-bw) solid var(--tr-line);
} @media (min-width:560px){
.trc-drawer__inhalt{ padding:var(--tr-s-2) var(--tr-s-4) var(--tr-s-5); }
} @media (min-width:1120px){
.trc-drawer{ display:none; }
.trc-panel{
position:absolute; left:0; right:0; top:100%;
z-index:var(--trc-panel-z);
padding:0 var(--tr-pad-x);
pointer-events:none;
}
.trc-panel__innen{
pointer-events:auto;
max-width:var(--tr-maxw); margin:0 auto;
padding:var(--tr-s-5);
box-shadow:var(--tr-sh-4);
max-height:calc(100vh - var(--trc-header-h) - 24px);
max-height:calc(100dvh - var(--trc-header-h) - 24px);
overflow-y:auto;
} .trc-nav__eintrag[open] .trc-panel__innen{
animation:trc-nav-ein var(--tr-dur-1) var(--tr-ease-out);
}
.trc-panel__raster--kontext{ grid-template-columns:1fr 240px; }
.trc-panel__kontext{
border-left:var(--tr-bw) solid var(--tr-line);
padding-left:var(--tr-s-5);
} .trc-panel__spalten{
grid-template-columns:repeat(var(--trc-nav-spalten,4), minmax(150px,1fr));
} .trc-panel__gruppe--breit{ grid-column:span 2; }
.trc-panel__gruppe--breit .trc-nav__liste{ columns:2; column-gap:var(--tr-s-5); }
.trc-panel__gruppe--breit .trc-nav__punkt{ break-inside:avoid; }
}
@keyframes trc-nav-ein{ from{ opacity:0 } to{ opacity:1 } } @media (prefers-reduced-motion: reduce){
.trc-drawer,
.trc-drawer:not([data-trc-js]):target,
.trc-drawer[data-offen="ja"]{ transition:none; }
}     .trc-ico{ flex:none; }
.trc-feld{
width:100%; min-height:var(--tr-touch);
padding:0 var(--tr-s-3);
font:var(--tr-fw-normal) var(--tr-fs-500)/var(--tr-lh-ui) var(--tr-font);
color:var(--tr-ink); background:var(--tr-surface);
border:var(--tr-bw) solid var(--tr-line-ui); border-radius:var(--tr-r-md);
}
.trc-btn-klein{
min-height:var(--tr-touch); padding:0 var(--tr-s-2);
font:var(--tr-fw-medium) var(--tr-fs-300)/var(--tr-lh-ui) var(--tr-font);
color:var(--tr-blue); background:none; border:0; cursor:pointer;
text-decoration:underline; text-underline-offset:3px;
}
.trc-link{
font:var(--tr-fw-medium) var(--tr-fs-400)/var(--tr-lh-ui) var(--tr-font);
color:var(--tr-blue); background:none; border:0; padding:0; cursor:pointer;
text-decoration:underline; text-underline-offset:3px;
} .trc-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; } .trc-merk-einstieg,
.trc-konto-einstieg{
display:inline-flex; align-items:center; gap:var(--tr-s-2);
min-height:var(--tr-touch); min-width:var(--tr-touch);
padding:0 var(--tr-s-2);
font:var(--tr-fw-medium) var(--tr-fs-400)/var(--tr-lh-ui) var(--tr-font); color:inherit; text-decoration:none; border-radius:var(--tr-r-md);
transition:background-color var(--tr-dur-1) var(--tr-ease-out),
color var(--tr-dur-1) var(--tr-ease-out);
} .trc-merk-einstieg:hover,
.trc-konto-einstieg:hover{
background:var(--trc-kopf-flaeche,rgba(255,255,255,.10));
color:var(--trc-kopf-fg,#fff);
} .trc-merk-zahl{
display:inline-flex; align-items:center; justify-content:center;
min-width:22px; height:20px; padding:0 var(--tr-s-1);
font-size:var(--tr-fs-200); font-weight:var(--tr-fw-black);
color:var(--tr-brand,#0F3D2F); background:var(--trc-kopf-fg,#fff);
border-radius:var(--tr-r-pill);
} @media (max-width:767px){
.trc-merk-einstieg__text,
.trc-konto-einstieg__text{
position:absolute; width:1px; height:1px; padding:0; margin:-1px;
overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.trc-merk-einstieg, .trc-konto-einstieg{ justify-content:center; padding:0 var(--tr-s-1); }
} .trc-merk-btn{
display:inline-flex; align-items:center; justify-content:center; gap:var(--tr-s-2);
min-height:var(--tr-touch); min-width:var(--tr-touch); padding:0 var(--tr-s-3);
font:var(--tr-fw-medium) var(--tr-fs-400)/var(--tr-lh-ui) var(--tr-font);
color:var(--tr-blue); background:transparent;
border:var(--tr-bw) solid var(--tr-line-ui); border-radius:var(--tr-r-md);
cursor:pointer;
transition:background-color var(--tr-dur-1) var(--tr-ease-out),
border-color var(--tr-dur-1) var(--tr-ease-out),
color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-merk-btn:hover{ background:var(--tr-bg); border-color:var(--tr-blue); } .trc-merk-btn[aria-pressed="true"]{ color:#fff; background:var(--tr-blue); border-color:var(--tr-blue); }
.trc-merk-btn--gross{ min-height:48px; padding:0 var(--tr-s-4); } .trc-merk-status{
margin:var(--tr-s-3) 0 0;
min-height:1.5em;
font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); color:var(--tr-body);
}
.trc-merk-status:empty{ margin:0; min-height:0; } .trc-merk{ max-width:var(--tr-maxw); margin:0 auto; padding:var(--tr-s-5) var(--tr-pad-x-sm); }
@media (min-width:768px){ .trc-merk{ padding:var(--tr-s-6) var(--tr-pad-x); } }
.trc-merk__h1{
margin:0 0 var(--tr-s-3);
font-size:var(--tr-fs-700); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-tight); letter-spacing:var(--tr-ls-tight); color:var(--tr-ink);
}
@media (min-width:768px){ .trc-merk__h1{ font-size:var(--tr-fs-800); } }
.trc-merk__zahl{ font-weight:var(--tr-fw-black); color:var(--tr-mut); }
.trc-merk__speicherhinweis,
.trc-merk__noscript{
max-width:var(--tr-maxw-text);
margin:0 0 var(--tr-s-4);
padding:var(--tr-s-3) var(--tr-s-4);
font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); color:var(--tr-body);
background:var(--tr-bg); border-radius:var(--tr-r-lg);
}
.trc-merk__kontoweg{ display:flex; flex-wrap:wrap; gap:var(--tr-s-2); margin:0 0 var(--tr-s-5); }
.trc-merk-uebernahme{
max-width:var(--tr-maxw-text); margin:0 0 var(--tr-s-5);
padding:var(--tr-s-4); border:var(--tr-bw) solid var(--tr-line-ui);
border-radius:var(--tr-r-lg); background:var(--tr-surface);
}
.trc-merk-uebernahme p{ margin:0 0 var(--tr-s-3); font-size:var(--tr-fs-400); color:var(--tr-body); }
.trc-merk-uebernahme p:last-child{ display:flex; flex-wrap:wrap; gap:var(--tr-s-2); margin:0; }
.trc-merk-gruppe{ margin:0 0 var(--tr-s-7); }
.trc-merk-gruppe__titel{
margin:0 0 var(--tr-s-3); padding-bottom:var(--tr-s-2);
font-size:var(--tr-fs-600); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-tight); color:var(--tr-ink);
border-bottom:var(--tr-bw) solid var(--tr-line);
}
.trc-merk-liste{ margin:0; padding:0; list-style:none; }
.trc-merk-zeile{
display:grid;
grid-template-columns:72px 1fr;
gap:var(--tr-s-3);
padding:var(--tr-s-4) 0;
border-bottom:var(--tr-bw) solid var(--tr-line);
}
@media (min-width:768px){
.trc-merk-zeile{ grid-template-columns:72px 1fr auto; gap:var(--tr-s-4); align-items:start; }
} .trc-merk-zeile--tot .trc-merk-zeile__bild{ opacity:.6; }
.trc-merk-zeile__bild{ display:block; width:72px; }
.trc-merk-zeile__bild img{ display:block; width:72px; height:72px; object-fit:contain; }
.trc-merk-zeile__titel{
margin:0 0 var(--tr-s-2);
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-tight);
}
.trc-merk-zeile__titel a{ color:var(--tr-ink); text-decoration:none; }
.trc-merk-zeile__titel a:hover{ color:var(--tr-blue); }
.trc-merk-zeile__note{ margin:0 0 var(--tr-s-2); }
.trc-merk-zeile__preis{
margin:0 0 var(--tr-s-1);
font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); color:var(--tr-body);
}
.trc-merk-zeile__preis b{ font-size:var(--tr-fs-600); font-weight:var(--tr-fw-black); color:var(--tr-ink); letter-spacing:var(--tr-ls-num); }
.trc-merk-zeile__stand{ display:block; font-size:var(--tr-fs-200); color:var(--tr-mut); } .trc-merk-zeile__delta{
display:flex; align-items:center; gap:var(--tr-s-1);
margin:0 0 var(--tr-s-2);
font-size:var(--tr-fs-300); line-height:var(--tr-lh-ui); color:var(--tr-ink);
}
.trc-merk-zeile__delta b{ font-weight:var(--tr-fw-black); }
.trc-merk-zeile__delta .trc-ico{ width:16px; height:16px; }
.trc-merk-zeile__hinweis{
margin:0 0 var(--tr-s-2);
font-size:var(--tr-fs-300); line-height:var(--tr-lh-ui); color:var(--tr-mut);
}
.trc-merk-zeile__hinweis a{ color:var(--tr-blue); }
.trc-merk-zeile__aktionen{ display:flex; align-items:center; gap:var(--tr-s-2); grid-column:1 / -1; }
@media (min-width:768px){ .trc-merk-zeile__aktionen{ grid-column:auto; } }
.trc-merk-weg{
display:inline-flex; align-items:center; justify-content:center;
width:var(--tr-touch); height:var(--tr-touch);
color:var(--tr-mut); background:none;
border:var(--tr-bw) solid var(--tr-line); border-radius:var(--tr-r-md); cursor:pointer;
transition:color var(--tr-dur-1) var(--tr-ease-out), border-color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-merk-weg:hover{ color:var(--tr-ink); border-color:var(--tr-line-strong); } .trc-merk-wunsch{ margin:var(--tr-s-2) 0 0; }
.trc-merk-wunsch__wert{ margin:0; font-size:var(--tr-fs-300); color:var(--tr-body); }
.trc-merk-wunsch__wert b{ font-weight:var(--tr-fw-black); color:var(--tr-ink); }
.trc-merk-wunsch__feld{
display:flex; flex-wrap:wrap; align-items:center; gap:var(--tr-s-2);
margin:var(--tr-s-2) 0 0; padding:var(--tr-s-3);
background:var(--tr-bg); border-radius:var(--tr-r-lg);
}
.trc-merk-wunsch__feld .trc-feld{ width:auto; max-width:160px; } .trc-merk-wunsch__ehrlich{
flex-basis:100%; margin:0;
font-size:var(--tr-fs-200); line-height:var(--tr-lh-ui); color:var(--tr-mut);
} .trc-merk__leer{ max-width:var(--tr-maxw-text); padding:var(--tr-s-6) 0; }
.trc-merk__leer h2{
margin:0 0 var(--tr-s-3);
font-size:var(--tr-fs-600); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-tight); color:var(--tr-ink);
}
.trc-merk__leer p{ margin:0 0 var(--tr-s-4); font-size:var(--tr-fs-500); line-height:var(--tr-lh-read); color:var(--tr-body); } .trc-konto{ max-width:var(--tr-maxw-text); margin:0 auto; padding:var(--tr-s-5) var(--tr-pad-x-sm); }
@media (min-width:768px){ .trc-konto{ padding:var(--tr-s-6) var(--tr-pad-x); } }
.trc-konto h1{ margin:0 0 var(--tr-s-3); font-size:var(--tr-fs-700); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); color:var(--tr-ink); }
.trc-konto h2{ margin:var(--tr-s-6) 0 var(--tr-s-3); font-size:var(--tr-fs-600); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); color:var(--tr-ink); }
.trc-konto__intro,
.trc-konto__zu{ margin:0 0 var(--tr-s-5); font-size:var(--tr-fs-500); line-height:var(--tr-lh-read); color:var(--tr-body); }
.trc-konto__datenschutz,
.trc-konto__klein{ margin:var(--tr-s-3) 0 0; font-size:var(--tr-fs-300); line-height:var(--tr-lh-ui); color:var(--tr-mut); }
.trc-konto__nav{ margin:0 0 var(--tr-s-5); padding:0; list-style:none; }
.trc-konto__nav a{
display:flex; align-items:center; min-height:var(--tr-touch);
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium); color:var(--tr-blue);
border-bottom:var(--tr-bw) solid var(--tr-line);
}
.trc-konto__form p{ margin:0 0 var(--tr-s-3); }
.trc-konto__form label{
display:block; margin-bottom:var(--tr-s-1);
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium); color:var(--tr-ink);
} .trc-konto-meldung{
margin:0 0 var(--tr-s-4); padding:var(--tr-s-3) var(--tr-s-4);
font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui);
background:var(--tr-bg); border-radius:var(--tr-r-lg);
border-left:var(--tr-bw-marker) solid var(--tr-line-ui); color:var(--tr-body);
}
.trc-konto-meldung--fehler{ border-left-color:var(--tr-ink); color:var(--tr-ink); font-weight:var(--tr-fw-medium); } .trc-konto-meldung--ok{ border-left-color:var(--tr-mark,#1c2430); } .trc-konto-dialog{ position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:var(--tr-s-4); }
.trc-konto-dialog__grund{ position:absolute; inset:0; background:rgba(28,36,48,.55); }
.trc-konto-dialog__blatt{
position:relative; width:min(100%, 420px); max-height:calc(100dvh - 2*var(--tr-s-5));
overflow-y:auto; padding:var(--tr-s-5);
background:var(--tr-surface); border-radius:var(--tr-r-xl); box-shadow:var(--tr-sh-4);
}
.trc-konto-dialog__titel{ margin:0 var(--tr-s-6) var(--tr-s-4) 0; font-size:var(--tr-fs-600); font-weight:var(--tr-fw-bold); color:var(--tr-ink); }
.trc-konto-dialog__zu{
position:absolute; top:var(--tr-s-3); right:var(--tr-s-3);
display:inline-flex; align-items:center; justify-content:center;
width:var(--tr-touch); height:var(--tr-touch);
color:var(--tr-mut); background:none; border:0; border-radius:var(--tr-r-md); cursor:pointer;
}
.trc-konto-dialog__zu:hover{ color:var(--tr-ink); } .trc-merk a:focus-visible, .trc-merk button:focus-visible,
.trc-merk input:focus-visible,
.trc-konto a:focus-visible, .trc-konto button:focus-visible,
.trc-konto input:focus-visible,
.trc-konto-dialog a:focus-visible, .trc-konto-dialog button:focus-visible,
.trc-konto-dialog input:focus-visible,
.trc-merk-btn:focus-visible, .trc-merk-einstieg:focus-visible,
.trc-konto-einstieg:focus-visible{
outline:2px solid var(--trc-focus-ring);
outline-offset:2px;
box-shadow:0 0 0 4px var(--trc-focus-halo);
}     .trc-vgl-toggle{ width:100%; }
.trc-vgl-toggle[aria-pressed="true"] .trc-ico{ opacity:.9; }
.trc-vgl-toggle--gross{ width:auto; min-width:200px; } .trc-vgl-toggle[aria-pressed="true"] .trc-ico path{ d:path("M4 10.5l4 4 8-9"); }
.trc-ico{ flex:0 0 auto; } .trc-vgl-bar{
position:fixed; left:0; right:0; bottom:0; z-index:var(--trc-bar-z,90);
background:var(--tr-surface); border-top:var(--tr-bw) solid var(--tr-line);
box-shadow:var(--tr-sh-4);
padding:var(--tr-s-2) var(--tr-pad-x-sm) calc(var(--tr-s-2) + env(safe-area-inset-bottom));
}
@media (min-width:768px){ .trc-vgl-bar{ padding-left:var(--tr-pad-x); padding-right:var(--tr-pad-x); } }
.trc-vgl-bar__inner{
max-width:var(--tr-maxw); margin:0 auto;
display:flex; flex-wrap:wrap; align-items:center; gap:var(--tr-s-2) var(--tr-s-4);
}
.trc-vgl-bar__titel{
margin:0; flex:1 1 100%; display:flex; gap:var(--tr-s-2); align-items:baseline;
font-size:var(--tr-fs-300); color:var(--tr-mut); line-height:var(--tr-lh-ui);
}
.trc-vgl-bar__titel > span:first-child{ font-weight:var(--tr-fw-medium); color:var(--tr-ink); }
.trc-vgl-bar__liste{ list-style:none; margin:0; padding:0; display:flex; gap:var(--tr-s-2); flex:1 1 auto; flex-wrap:wrap; }
.trc-vgl-bar__pos{
display:flex; align-items:center; gap:var(--tr-s-1);
border:var(--tr-bw) solid var(--tr-line); border-radius:var(--tr-r-lg);
padding-left:var(--tr-s-2); background:var(--tr-bg); max-width:260px;
}
.trc-vgl-bar__pos img{ width:40px; height:40px; object-fit:contain; background:var(--tr-surface); border-radius:var(--tr-r-xs); }
.trc-vgl-bar__name{
font-size:var(--tr-fs-300); color:var(--tr-body); line-height:var(--tr-lh-tight);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px;
}
.trc-vgl-bar__weg{
display:inline-flex; align-items:center; justify-content:center;
min-width:var(--tr-touch); min-height:var(--tr-touch);
background:none; border:0; color:var(--tr-mut); cursor:pointer; border-radius:var(--tr-r-lg);
}
.trc-vgl-bar__weg:hover{ color:var(--tr-ink); background:var(--tr-bg-head); }
.trc-vgl-bar__quer{ flex:1 1 100%; margin:0; font-size:var(--tr-fs-200); color:var(--tr-mut); }
.trc-vgl-bar__quer a{ color:var(--tr-blue); }
.trc-vgl-bar__aktion{ display:flex; gap:var(--tr-s-2); margin-left:auto; } .trc-vgl-bar-an body,
html.trc-vgl-bar-an body{ padding-bottom:104px; }
@media (min-width:768px){ html.trc-vgl-bar-an body{ padding-bottom:88px; } } .trc-vgl-tausch{
max-width:var(--tr-maxw); margin:var(--tr-s-2) auto 0;
border-top:var(--tr-bw) solid var(--tr-line); padding-top:var(--tr-s-2);
}
.trc-vgl-tausch__h{ margin:0 0 var(--tr-s-2); font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold); color:var(--tr-ink); }
.trc-vgl-tausch__liste{ list-style:none; margin:0 0 var(--tr-s-2); padding:0; display:flex; flex-wrap:wrap; gap:var(--tr-s-2); }
.trc-vgl-tausch__opt{
min-height:var(--tr-touch); padding:0 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-body);
font:var(--tr-fw-medium) var(--tr-fs-400)/var(--tr-lh-ui) var(--tr-font); cursor:pointer;
max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.trc-vgl-tausch__opt:hover{ border-color:var(--tr-blue); background:var(--tr-bg); } .trc-vgl{ max-width:var(--tr-maxw); margin:0 auto; padding:0 var(--tr-pad-x-sm) var(--tr-s-7); }
@media (min-width:768px){ .trc-vgl{ padding-left:var(--tr-pad-x); padding-right:var(--tr-pad-x); } }
.trc-vgl__h1{
margin:var(--tr-s-6) 0 var(--tr-s-3); color:var(--tr-ink);
font-size:var(--tr-fs-700); font-weight:var(--tr-fw-bold);
line-height:var(--tr-lh-tight); letter-spacing:var(--tr-ls-tight); text-wrap:balance;
}
@media (min-width:768px){ .trc-vgl__h1{ font-size:var(--tr-fs-800); } }
.trc-vgl__intro,
.trc-vgl-leer{ max-width:var(--tr-maxw-text); margin:0 0 var(--tr-s-5); color:var(--tr-body); font-size:var(--tr-fs-500); line-height:var(--tr-lh-read); }
.trc-vgl-werkzeug{ display:flex; justify-content:flex-end; margin:0 0 var(--tr-s-2); }
.trc-vgl-schalter{
display:inline-flex; align-items:center; gap:var(--tr-s-2);
min-height:var(--tr-touch); font-size:var(--tr-fs-400); color:var(--tr-body); cursor:pointer;
}
.trc-vgl-schalter input{ width:20px; height:20px; accent-color:var(--tr-blue); } .trc-vgl-scroll{ overflow-x:auto; overscroll-behavior-x:contain; border:var(--tr-bw) solid var(--tr-line); border-radius:var(--tr-r-lg); background:var(--tr-surface); }
.trc-vgl-tab{ border-collapse:collapse; width:100%; font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); }
.trc-vgl-tab__ecke,
.trc-vgl-tab__krit{
position:sticky; left:0; z-index:2;
background:var(--tr-bg-head); text-align:left; vertical-align:top;
min-width:132px; max-width:190px;
padding:var(--tr-s-3); border-bottom:var(--tr-bw) solid var(--tr-line);
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium); color:var(--tr-ink);
}
@media (min-width:560px){ .trc-vgl-tab__ecke, .trc-vgl-tab__krit{ min-width:170px; } }
.trc-vgl-tab__hint{ display:block; margin-top:var(--tr-s-1); font-size:var(--tr-fs-200); font-weight:var(--tr-fw-normal); color:var(--tr-mut); }
.trc-vgl-tab thead th{ position:sticky; top:var(--trc-header-h,64px); z-index:3; background:var(--tr-surface); }
.trc-vgl-tab__ecke{ z-index:4; background:var(--tr-bg-head); }
.trc-vgl-tab__prod{ min-width:180px; padding:var(--tr-s-3); border-bottom:var(--tr-bw) solid var(--tr-line); border-left:var(--tr-bw) solid var(--tr-line); text-align:left; vertical-align:top; }
.trc-vgl-tab__zelle{
min-width:150px; padding:var(--tr-s-3);
border-bottom:var(--tr-bw) solid var(--tr-line); border-left:var(--tr-bw) solid var(--tr-line);
vertical-align:top; color:var(--tr-body);
} .trc-vgl-kopf{ display:flex; flex-direction:column; gap:var(--tr-s-1); position:relative; }
.trc-vgl-kopf__bild{ display:block; width:96px; height:96px; }
.trc-vgl-kopf__bild img{ width:96px; height:96px; object-fit:contain; }
.trc-vgl-kopf__marke{ font-size:var(--tr-fs-200); color:var(--tr-mut); font-weight:var(--tr-fw-medium); }
.trc-vgl-kopf__titel{
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold); color:var(--tr-ink);
line-height:var(--tr-lh-tight); text-decoration:none;
}
.trc-vgl-kopf__titel:hover{ color:var(--tr-blue); }
.trc-vgl-kopf__weg{
position:absolute; top:0; right:0;
display:inline-flex; align-items:center; justify-content:center;
min-width:var(--tr-touch); min-height:var(--tr-touch);
color:var(--tr-mut); border-radius:var(--tr-r-md);
}
.trc-vgl-kopf__weg:hover{ color:var(--tr-ink); background:var(--tr-bg); }
.trc-vgl-kopf__cta{ margin-top:var(--tr-s-2); } .trc-vgl__preis{ font-size:var(--tr-fs-600); font-weight:var(--tr-fw-black); color:var(--tr-ink); letter-spacing:var(--tr-ls-num); display:block; }
.trc-vgl__einheit{ font-size:.82em; font-weight:var(--tr-fw-medium); color:var(--tr-mut); }
.trc-vgl__stand,
.trc-vgl__conf{ display:block; margin-top:var(--tr-s-1); font-size:var(--tr-fs-200); color:var(--tr-mut); }
.trc-vgl__leer,
.trc-vgl__ohnenote{ color:var(--tr-mut); }
.trc-vgl__ja{ font-weight:var(--tr-fw-medium); color:var(--tr-ink); }
.trc-vgl__nein{ color:var(--tr-mut); }
.trc-vgl-tab__zelle .trc-num{ font-weight:var(--tr-fw-black); color:var(--tr-ink); } .trc-vgl-tab__zelle[data-best="1"]{ background:var(--tr-mark-tint,rgba(28,36,48,.06)); }
.trc-vgl-tab__zelle[data-best="1"] .trc-ico{ color:var(--tr-mark,#1c2430); vertical-align:-4px; margin-right:var(--tr-s-1); } .trc-vgl-tab tr[data-gleich="1"] .trc-vgl-tab__zelle,
.trc-vgl-tab tr[data-gleich="1"] .trc-vgl-tab__krit{ color:var(--tr-mut); }
.trc-vgl-tab tr[data-gleich="1"] .trc-vgl-tab__zelle .trc-num{ color:var(--tr-mut); font-weight:var(--tr-fw-medium); } .trc-vgl-legende,
.trc-vgl-quelle,
.trc-vgl-regel,
.trc-vgl-quer,
.trc-vgl-hinweis{ max-width:var(--tr-maxw-text); color:var(--tr-mut); line-height:var(--tr-lh-ui); }
.trc-vgl-legende{ margin:var(--tr-s-3) 0 0; font-size:var(--tr-fs-300); } .trc-vgl-legende .trc-ico{ vertical-align:-4px; color:var(--tr-mark,#1c2430); }
.trc-vgl-quelle{ margin:var(--tr-s-2) 0 0; font-size:var(--tr-fs-200); }
.trc-vgl-quer{ margin:var(--tr-s-5) 0 0; font-size:var(--tr-fs-300); }
.trc-vgl-quer a{ color:var(--tr-blue); }
.trc-vgl-regel{
margin:var(--tr-s-6) 0 0; padding-top:var(--tr-s-3);
border-top:var(--tr-bw) solid var(--tr-line); font-size:var(--tr-fs-300);
} .trc-vgl a:focus-visible, .trc-vgl button:focus-visible, .trc-vgl input:focus-visible,
.trc-vgl-bar a:focus-visible, .trc-vgl-bar button:focus-visible,
.trc-vgl-toggle:focus-visible{
outline:2px solid var(--trc-focus-ring); outline-offset:2px;
box-shadow:0 0 0 4px var(--trc-focus-halo);
}
@media print{
.trc-vgl-bar{ display:none; }
.trc-vgl-scroll{ overflow:visible; }
.trc-vgl-tab thead th{ position:static; }
.trc-vgl-tab__ecke, .trc-vgl-tab__krit{ position:static; }
}    .trc-karte-aktionen{
display:flex;
gap:var(--tr-s-2);
padding:var(--tr-s-3) 16px 16px;
margin-top:calc(var(--tr-s-2) * -1); } .trc-karte-aktionen > *{
flex:1 1 0;
min-width:0;
min-height:var(--tr-touch);
font-size:var(--tr-fs-300);
white-space:nowrap;
} .trc-karte-aktionen .trc-merk-btn{
display:inline-flex; align-items:center; justify-content:center;
gap:var(--tr-s-1);
padding:0 var(--tr-s-3);
background:transparent;
color:var(--tr-blue);
border:var(--tr-bw) solid var(--tr-line-ui);
border-radius:var(--tr-r-md);
font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui);
cursor:pointer;
}
.trc-karte-aktionen .trc-merk-btn:hover{
background:var(--tr-bg);
border-color:var(--tr-blue);
} .trc-karte-aktionen .trc-merk-btn[aria-pressed="true"]{
background:var(--tr-blue);
color:#fff;
border-color:var(--tr-blue);
} @media (max-width:379px){
.trc-karte-aktionen{ flex-direction:column; }
}     :root{ --trc-header-h:56px; } .trc-skip{
position:absolute; left:var(--tr-s-4); top:var(--tr-s-2);
z-index:calc(var(--trc-panel-z) + 10);
transform:translateY(-200%);
display:inline-flex; align-items:center; min-height:var(--tr-touch);
padding:0 var(--tr-s-4);
background:var(--tr-surface); color:var(--tr-blue);
border:var(--tr-bw) solid var(--tr-line-ui); border-radius:var(--tr-r-md);
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui); text-decoration:none;
transition:transform var(--tr-dur-1) var(--tr-ease-out);
}
.trc-skip:focus-visible{ transform:translateY(0); } .trc-sentinel{ position:relative; height:0; }
.trc-sentinel > i{ position:absolute; top:120px; left:0; width:1px; height:1px; } .trc-header{
position:sticky; top:0; z-index:var(--trc-header-z);
background:var(--tr-brand,#0F3D2F); color:var(--trc-kopf-fg,#fff); border-bottom:var(--tr-bw) solid rgba(255,255,255,.14);
} .trc-header--dicht{ box-shadow:var(--tr-sh-1); }
.trc-header__band{
max-width:var(--tr-maxw); margin:0 auto;
padding:0 var(--tr-pad-x-sm);
}
.trc-header__zeile--haupt{
display:flex; align-items:center; gap:var(--tr-s-3);
min-height:56px;
}
.trc-header__marke{ margin-right:auto; min-width:0; }
.trc-header__nav{ display:none; }  .trc-header__menue{
display:inline-flex; align-items:center; justify-content:center;
gap:var(--tr-s-2);
min-width:var(--tr-touch); min-height:var(--tr-touch);
padding:0 var(--tr-s-2); color:inherit; text-decoration:none;
border-radius:var(--tr-r-md);
font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium);
line-height:var(--tr-lh-ui);
} .trc-header__menue:hover{ background:var(--trc-kopf-flaeche,rgba(255,255,255,.10)); } .trc-header__menue-text{
position:absolute; width:1px; height:1px; padding:0; margin:-1px;
overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}
.trc-ico{ display:block; flex:none; } .trc-aktionen{ display:flex; align-items:center; gap:var(--tr-s-1); flex:none; }
.trc-aktionen__lupe{
display:inline-flex; align-items:center; justify-content:center;
width:var(--tr-touch); height:var(--tr-touch);
color:inherit; border-radius:var(--tr-r-md); text-decoration:none;
}
.trc-aktionen__lupe:hover{ background:var(--trc-kopf-flaeche,rgba(255,255,255,.10)); } .trc-header__zeile--suche{
display:flex; align-items:center;
min-height:52px; padding-bottom:var(--tr-s-1);
}
.trc-header__suche{ flex:1 1 auto; min-width:0; } .trc-header--dicht .trc-header__zeile--suche{ display:none; }
.trc-header--dicht .trc-header__zeile--suche:target{ display:flex; } body.admin-bar .trc-header{ top:0; } @media (min-width:560px){
.trc-header__menue-text{
position:static; width:auto; height:auto; padding:0; margin:0;
overflow:visible; clip:auto; clip-path:none;
}
.trc-header__menue{ padding:0 var(--tr-s-3); }
}
@media (min-width:601px){
body.admin-bar .trc-header{ top:46px; } } @media (min-width:768px){
:root{ --trc-header-h:60px; }
.trc-header__band{
display:grid; align-items:center;
grid-template-columns:auto auto minmax(280px,1fr) auto;
grid-template-areas:"menue marke suche aktionen";
column-gap:var(--tr-s-5);
min-height:60px;
padding:0 var(--tr-pad-x);
}
.trc-header__zeile{ display:contents; }
.trc-header__menue{ grid-area:menue; }
.trc-header__marke{ grid-area:marke; margin-right:0; }
.trc-header__suche{ grid-area:suche; max-width:520px; padding:0; }
.trc-aktionen{ grid-area:aktionen; gap:var(--tr-s-2); } .trc-header--dicht .trc-header__zeile--suche{ display:contents; }
.trc-aktionen__lupe{ display:none; } }
@media (min-width:783px){
body.admin-bar .trc-header{ top:32px; }
} @media (min-width:1120px){
:root{ --trc-header-h:64px; }
.trc-header__band{
grid-template-columns:auto auto minmax(280px,1fr) auto;
grid-template-areas:"marke nav suche aktionen";
min-height:64px;
}
.trc-header__menue{ display:none; }
.trc-header__nav{ display:block; grid-area:nav; min-width:0; }
.trc-header--dicht .trc-header__band{ min-height:var(--trc-header-h-dicht); }
} .trc-aktion{
display:inline-flex; align-items:center; gap:var(--tr-s-2);
min-height:var(--tr-touch); padding:0 var(--tr-s-2);
color:inherit; text-decoration:none; white-space:nowrap;
font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium); line-height:var(--tr-lh-ui);
background:none; border:0; border-radius:var(--tr-r-md); cursor:pointer;
transition:background-color var(--tr-dur-1) var(--tr-ease-out), color var(--tr-dur-1) var(--tr-ease-out);
} .trc-aktion:hover{
background:var(--trc-kopf-flaeche,rgba(255,255,255,.10));
color:var(--trc-kopf-fg,#fff);
} .trc-aktion__zahl{
display:inline-flex; align-items:center; justify-content:center;
min-width:18px; height:18px; padding:0 5px;
background:var(--trc-kopf-fg,#fff); color:var(--tr-brand,#0F3D2F);
border-radius:var(--tr-r-pill);
font-size:var(--tr-fs-200); font-weight:var(--tr-fw-medium); line-height:1;
} @media (min-width:1120px){
.trc-vgl-bar-an .trc-aktion__text{
position:absolute; width:1px; height:1px;
margin:-1px; padding:0; border:0;
overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
}     .trc-footer{ --tr-mut: var(--trc-footer-mut);
--tr-line: rgba(255,255,255,.14);
background: var(--trc-footer-bg);
color: var(--trc-footer-fg);
font-size: var(--tr-fs-300);
line-height: var(--tr-lh-ui);
}
.trc-footer__innen{
max-width: var(--tr-maxw);
margin: 0 auto;
padding: var(--tr-s-8) var(--tr-pad-x-sm);
}
@media (min-width: 768px){
.trc-footer__innen{ padding-left: var(--tr-pad-x); padding-right: var(--tr-pad-x); }
} .trc-footer__spalten{
display: grid;
gap: var(--tr-s-5);
grid-template-columns: minmax(0,1fr);
}
@media (min-width: 560px){
.trc-footer__spalten{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1024px){
.trc-footer__spalten{ grid-template-columns: repeat(var(--trc-footer-cols, 4), minmax(0,1fr)); }
} .trc-footer__marke{
grid-column: 1 / -1;
display: grid;
gap: var(--tr-s-3);
align-content: start;
}
@media (min-width: 1024px){
.trc-footer__marke{ grid-column: auto; }
}
.trc-footer__claim{
margin: 0;
max-width: var(--tr-maxw-text);
color: var(--trc-footer-fg);
hyphens: auto;
} .trc-footer__block{ min-width: 0; }
.trc-footer__kopf{
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--tr-s-2);
min-height: var(--tr-touch);
cursor: pointer;
list-style: none;
}
.trc-footer__kopf::-webkit-details-marker{ display: none; }
.trc-footer__kopf .trc-colhead{ margin-bottom: 0; flex: 1 1 auto; }
.trc-footer__pfeil{
flex: 0 0 auto;
color: var(--trc-footer-mut);
transition: transform var(--tr-dur-1) var(--tr-ease-out);
}
.trc-footer__block[open] .trc-footer__pfeil{ transform: rotate(180deg); } @media (min-width: 768px){
.trc-footer__pfeil{ display: none; }
}
.trc-footer__block[data-trc-fix] .trc-footer__kopf{ cursor: default; pointer-events: none; }
.trc-footer__nav{ margin-top: var(--tr-s-3); }
.trc-footer__liste{ list-style: none; margin: 0; padding: 0; }
.trc-footer__liste a{
display: flex;
align-items: center;
min-height: var(--tr-touch); padding: var(--tr-s-1) 0;
color: var(--trc-footer-link);
text-decoration: none;
transition: color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-footer__liste a:hover{
color: var(--tr-brand-inv,#8FD3B8);
text-decoration: underline;
text-underline-offset: 3px;
} .trc-footer__liste a[aria-current="page"]{
color: var(--tr-brand-inv,#8FD3B8);
font-weight: var(--tr-fw-medium);
} .trc-footer__fuss{
margin-top: var(--tr-s-6);
padding-top: var(--tr-s-5);
border-top: 1px solid var(--tr-line);
display: grid;
gap: var(--tr-s-3);
}
.trc-footer__rechtliste{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0 var(--tr-s-5);
}
.trc-footer__rechtliste a{
display: inline-flex;
align-items: center;
min-height: var(--tr-touch);
color: var(--trc-footer-link);
font-weight: var(--tr-fw-medium);
text-decoration: none;
transition: color var(--tr-dur-1) var(--tr-ease-out);
}
.trc-footer__rechtliste a:hover{
color: var(--tr-brand-inv,#8FD3B8);
text-decoration: underline;
text-underline-offset: 3px;
}
.trc-footer__affiliate{
margin: 0;
max-width: var(--tr-maxw-text);
font-size: var(--tr-fs-300);
color: var(--trc-footer-fg);
hyphens: auto;
}
.trc-footer__hinweis{
margin: 0;
max-width: var(--tr-maxw-text);
font-size: var(--tr-fs-200);
color: var(--trc-footer-mut);
hyphens: auto;
}
.trc-footer__copy{
margin: 0;
font-size: var(--tr-fs-200);
color: var(--trc-footer-mut);
}    .trc-home{ max-width:var(--tr-maxw); margin:0 auto; padding:var(--tr-s-6) var(--tr-pad-x-sm) var(--tr-s-7); color:var(--tr-body); font-size:var(--tr-fs-500); line-height:var(--tr-lh-read); }
@media (min-width:768px){ .trc-home{ padding-left:var(--tr-pad-x); padding-right:var(--tr-pad-x); } } .trc-home__h1{ margin:0 0 var(--tr-s-3); max-width:var(--tr-maxw-text); font-size:var(--tr-fs-700); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); letter-spacing:var(--tr-ls-tight); color:var(--tr-ink); text-wrap:balance; }
@media (min-width:768px){ .trc-home__h1{ font-size:var(--tr-fs-800); } }
.trc-home__leit{ margin:0 0 var(--tr-s-5); max-width:var(--tr-maxw-text); hyphens:auto; }
.trc-home__kennzahlen{ margin:var(--tr-s-4) 0 0; color:var(--tr-mut); font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); }
.trc-home__kennzahlen .trc-num{ color:var(--tr-ink); font-weight:var(--tr-fw-black); } .trc-home__abschnitt{ margin-top:var(--tr-s-7); padding-top:var(--tr-s-7); border-top:var(--tr-bw) solid var(--tr-line); }
.trc-home__h2{ margin:0 0 var(--tr-s-3); font-size:var(--tr-fs-600); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); letter-spacing:var(--tr-ls-tight); color:var(--tr-ink); text-wrap:balance; }
@media (min-width:768px){ .trc-home__h2{ font-size:var(--tr-fs-700); } }
.trc-home__h3{ margin:var(--tr-s-6) 0 var(--tr-s-3); font-size:var(--tr-fs-500); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); color:var(--tr-ink); }
.trc-home__text{ margin:0 0 var(--tr-s-4); max-width:var(--tr-maxw-text); hyphens:auto; }
.trc-home__mut{ color:var(--tr-mut); font-weight:var(--tr-fw-normal); } .trc-home a{ color:var(--tr-blue); text-decoration:underline; text-decoration-color:var(--tr-blue-rule); text-underline-offset:2px; }
.trc-home a:hover{ color:var(--tr-blue-hover); text-decoration-color:currentColor; } .trc-home a.trc-home__kachel,
.trc-home a.trc-home__tool,
.trc-home .trc-home__gruppe a{ text-decoration:none; color:inherit; }
.trc-home a.trc-home__kachel:hover,
.trc-home a.trc-home__tool:hover{ text-decoration:none; }
.trc-home .trc-home__gruppe a:hover{ text-decoration:underline; color:var(--tr-blue); } .trc-home__kacheln{ list-style:none; margin:0 0 var(--tr-s-6); padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:var(--tr-s-2); }
@media (min-width:640px){ .trc-home__kacheln{ grid-template-columns:repeat(auto-fill,minmax(212px,1fr)); gap:var(--tr-s-3); } }
.trc-home__kachel{ display:flex; flex-direction:column; gap:var(--tr-s-1); min-height:var(--tr-touch); padding:var(--tr-s-3) var(--tr-s-4); border:var(--tr-bw) solid var(--tr-line); border-radius:var(--tr-r-lg); background:var(--tr-surface); text-decoration:none; transition:border-color var(--tr-dur-1) var(--tr-ease-out), color var(--tr-dur-1) var(--tr-ease-out); }
.trc-home__kachel:hover{ border-color:var(--tr-line-strong); }
.trc-home__kachel-name{ font-size:var(--tr-fs-500); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); color:var(--tr-ink); }
.trc-home__kachel:hover .trc-home__kachel-name{ color:var(--tr-blue); }
.trc-home__kachel-meta{ font-size:var(--tr-fs-300); line-height:var(--tr-lh-ui); color:var(--tr-mut); }
.trc-home__kachel-meta .trc-num{ color:var(--tr-ink); font-weight:var(--tr-fw-black); } .trc-home__index{ margin:0; border-top:var(--tr-bw) solid var(--tr-line); } .trc-home__index>summary{ display:flex; align-items:center; gap:.25em; min-height:var(--tr-touch); font-size:var(--tr-fs-400); font-weight:var(--tr-fw-medium); color:var(--tr-ink); cursor:pointer; }
.trc-home__index-raster{ display:grid; grid-template-columns:1fr; gap:var(--tr-s-5); padding-bottom:var(--tr-s-2); }
@media (min-width:560px){ .trc-home__index-raster{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .trc-home__index-raster{ grid-template-columns:repeat(4,1fr); } }
.trc-home__gruppe ul{ list-style:none; margin:0; padding:0; }
.trc-home__gruppe li{ margin:0; }
.trc-home__gruppe a{ display:flex; align-items:center; min-height:var(--tr-touch); padding:var(--tr-s-1) 0; font-size:var(--tr-fs-300); line-height:var(--tr-lh-ui); text-decoration:none; color:var(--tr-body); }
.trc-home__gruppe a:hover{ color:var(--tr-blue); text-decoration:underline; } .trc-home__tabwrap{ overflow-x:auto; margin:0 0 var(--tr-s-4); }
.trc-home__tab{ width:100%; border-collapse:collapse; font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); }
.trc-home__tab th,.trc-home__tab td{ padding:var(--tr-s-2) var(--tr-s-3); text-align:left; vertical-align:top; border-bottom:var(--tr-bw) solid var(--tr-line); }
.trc-home__tab thead th{ background:var(--tr-bg-head); font-size:var(--tr-fs-300); font-weight:var(--tr-fw-medium); color:var(--tr-ink); white-space:nowrap; }
.trc-home__tab tbody th{ font-weight:var(--tr-fw-medium); color:var(--tr-ink); }
.trc-home__gew{ min-width:120px; }
.trc-home__gew .trc-num{ font-weight:var(--tr-fw-black); color:var(--tr-ink); }
.trc-home__balken{ display:block; margin-top:var(--tr-s-1); height:var(--tr-bw-marker); background:var(--tr-bg); border-radius:var(--tr-r-pill); } .trc-home__balken i{ display:block; height:100%; background:var(--tr-blue); border-radius:var(--tr-r-pill); } .trc-home__grenzen{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:var(--tr-s-3); max-width:var(--tr-maxw-text); }
@media (min-width:768px){ .trc-home__grenzen{ grid-template-columns:repeat(2,1fr); max-width:none; gap:var(--tr-s-4); } }
.trc-home__grenzen li{ padding-left:var(--tr-s-3); border-left:var(--tr-bw-marker) solid var(--tr-line); font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); }
.trc-home__grenzen b{ color:var(--tr-ink); font-weight:var(--tr-fw-medium); } .trc-home__tools{ list-style:none; margin:0 0 var(--tr-s-4); padding:0; display:grid; grid-template-columns:1fr; gap:var(--tr-s-3); }
@media (min-width:560px){ .trc-home__tools{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .trc-home__tools{ grid-template-columns:repeat(3,1fr); } }
.trc-home__tool{ display:flex; flex-direction:column; gap:var(--tr-s-1); min-height:var(--tr-touch); padding:var(--tr-s-4); border:var(--tr-bw) solid var(--tr-line); border-radius:var(--tr-r-lg); background:var(--tr-surface); text-decoration:none; transition:border-color var(--tr-dur-1) var(--tr-ease-out); }
.trc-home__tool:hover{ border-color:var(--tr-line-strong); }
.trc-home__tool-name{ font-size:var(--tr-fs-400); font-weight:var(--tr-fw-bold); line-height:var(--tr-lh-tight); color:var(--tr-ink); }
.trc-home__tool:hover .trc-home__tool-name{ color:var(--tr-blue); }
.trc-home__tool-frage{ font-size:var(--tr-fs-400); line-height:var(--tr-lh-ui); color:var(--tr-body); }
.trc-home__tool-eingabe{ font-size:var(--tr-fs-200); line-height:var(--tr-lh-ui); color:var(--tr-mut); } .trc-home__kopf .trc-suche--gross{ margin:0; max-width:var(--tr-maxw-text); }    @media (min-width:1024px){ body.trc-breit .rh-container:not(.full_post_area){
width:auto;
max-width:var(--tr-maxw);
} body.trc-breit .main-side{
width:auto;
float:none;
} body.trc-on.trc-breit .rh-post-wrapper{
padding:0;
background:none;
border:0;
box-shadow:none;
} body.trc-breit .sidebar{
display:none;
}  body.trc-breit--merkliste .trc-merk-liste{
max-width:960px;
}
}      @media (max-width:359px){ .trc-header .trc-header__zeile--haupt{ gap:var(--tr-s-1); }
.trc-header--dicht .trc-logo{ --trc-logo-fs:17px; } .trc-header .trc-vgl-einstieg{ display:none; }
} @media (max-width:359px){
.trc-home__kacheln{ grid-template-columns:repeat(auto-fill,minmax(136px,1fr)); }
} @media (max-width:767px){ .trc-home .trc-suche--gross{ display:none; }
} @media (max-width:767px){ .trc-on .rh-container{
padding-left:var(--tr-pad-x-sm);
padding-right:var(--tr-pad-x-sm);
} .trc-on .rh-content-wrap .rh-post-wrapper{ padding-left:0; padding-right:0; } .trc-on .rh-container:has(.trc-home, .trc-merk, .trc-vgl, .trc-konto){
padding-left:0;
padding-right:0;
} .trc-on .elementor-column > .elementor-widget-wrap.elementor-element-populated{
padding-left:0;
padding-right:0;
}
.trc-on .elementor-widget-wrap > .elementor-widget{
padding-left:var(--tr-pad-x-sm);
padding-right:var(--tr-pad-x-sm);
} .trc-on .elementor-inner-section .elementor-widget{
padding-left:0;
padding-right:0;
} .trc-on .elementor-location-archive .elementor-widget-shortcode{
padding-left:0;
padding-right:0;
}
}