.cmp-grid{--cmp-label-w:140px;--cmp-gap:10px;--cmp-head-h:54px;--cmp-arrow-top:calc(var(--cmp-head-h) + 40px);--cmp-divider:color-mix(in srgb, var(--color-border) 62%, transparent);--cmp-winner-border:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));width:100%;position:relative}.cmp-grid__viewport{-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-top:-4.5rem;padding-top:4.5rem;padding-bottom:6px;overflow:auto hidden;container-type:inline-size}.cmp-grid__table{--cmp-visible:8;--col-w:max(122px, (100cqi - var(--cmp-label-w) - var(--cmp-visible) * var(--cmp-gap)) / var(--cmp-visible));grid-template-columns:var(--cmp-label-w) repeat(var(--cmp-cols), var(--col-w));column-gap:var(--cmp-gap);width:max-content;display:grid}@media (width>=768px){.cmp-grid{--cmp-label-w:200px}}.cmp-grid__row{display:contents}.cmp-grid__label{z-index:3;min-height:52px;color:var(--color-text);background:var(--color-bg);border-bottom:1px solid var(--cmp-divider);grid-column:1;align-items:center;padding:.7rem .75rem .7rem .25rem;font-size:.875rem;font-weight:600;line-height:1.3;display:flex;position:sticky;left:0}.cmp-grid__label-text{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.cmp-info{flex-shrink:0;display:inline-flex;position:relative}.cmp-info:hover,.cmp-info.is-open{z-index:12}.cmp-info__trigger{border:1px solid color-mix(in srgb, var(--color-text-muted) 55%, transparent);width:1rem;height:1rem;color:var(--color-text-muted);font-size:.62rem;font-style:normal;font-weight:700;font-family:var(--font-body,inherit);font-synthesis:none;cursor:help;background:0 0;border-radius:999px;place-items:center;padding:0;line-height:1;display:inline-grid}.cmp-info__bubble{z-index:8;background:var(--color-text);width:max-content;max-width:min(15rem,70vw);color:var(--color-bg);text-align:left;white-space:normal;box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 18%, transparent);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:.55rem .65rem;font-size:.72rem;font-weight:500;line-height:1.45;transition:opacity .12s,visibility .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cmp-info__bubble:after{content:"";border:5px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.cmp-info:hover .cmp-info__bubble,.cmp-info.is-open .cmp-info__bubble,.cmp-info__trigger:focus-visible+.cmp-info__bubble{opacity:1;visibility:visible}.cmp-info--cell .cmp-info__bubble{width:max-content;max-width:min(15rem,68vw)}.cmp-grid__value--with-info{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.cmp-grid__cell:has(.cmp-info:hover),.cmp-grid__cell:has(.cmp-info.is-open){z-index:6;position:relative}.cmp-grid__label:after{content:"";width:var(--cmp-gap);background:var(--color-bg);position:absolute;top:0;bottom:-1px;left:100%}.cmp-grid__label--anbieter{z-index:4;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);grid-row:1/span 2;align-items:flex-end;padding-bottom:1.1rem;font-size:.7rem;font-weight:700}.cmp-grid__label--group{letter-spacing:.08em;text-transform:uppercase;min-height:42px;color:var(--color-rating-text);border-bottom:1px solid var(--cmp-divider);align-items:flex-end;padding-bottom:.45rem;font-size:.7rem;font-weight:700}.cmp-grid__label--last{border-bottom:none}.cmp-card__head{min-height:var(--cmp-head-h);background:color-mix(in srgb, var(--color-surface-muted) 60%, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:.5rem .55rem;display:flex}.cmp-card__rank{letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem;font-weight:700;line-height:1}.cmp-card__flag{min-width:0;max-width:100%;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex;overflow:hidden}.cmp-card__flag-icon{flex-shrink:0}.cmp-card__head--winner{background:var(--color-winner-bg);border-color:var(--cmp-winner-border)}.cmp-card__head--winner .cmp-card__rank,.cmp-card__head--winner .cmp-card__flag{color:var(--color-rating-text)}.cmp-grid__cell{text-align:center;background:var(--color-surface);border-inline:1px solid var(--color-border);border-bottom:1px solid var(--cmp-divider);justify-content:center;align-items:center;min-width:0;min-height:52px;padding:.65rem .5rem;font-size:.8125rem;display:flex}.cmp-grid__cell--bottom{border-bottom:1px solid var(--color-border);border-radius:0 0 var(--radius) var(--radius)}.cmp-grid__cell--group{background:color-mix(in srgb, var(--color-surface-muted) 45%, var(--color-surface));min-height:42px}.cmp-grid__cell--logo{min-height:76px;padding-block:.85rem}.cmp-grid__cell--offer{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;padding-block:.9rem;container:cmp-offer/inline-size}.cmp-grid__cell--rating{padding-block:.9rem}.cmp-grid__cell.cmp-col--winner{background:color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));border-inline-color:var(--cmp-winner-border)}.cmp-grid__cell--group.cmp-col--winner{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.cmp-grid__cell--bottom.cmp-col--winner{border-bottom-color:var(--cmp-winner-border)}.cmp-grid__logo{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.cmp-grid__logo img{width:auto;max-width:calc(100% - 8px);height:auto;max-height:34px;margin:0 auto}.cmp-grid__logo-fallback{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);width:52px;height:36px;color:var(--color-primary);place-items:center;font-size:.8rem;font-weight:800;display:grid}.cmp-grid__depot-link{color:var(--color-text);text-decoration:underline 2px;text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, transparent);text-underline-offset:3px;overflow-wrap:anywhere;font-size:clamp(.8125rem,1.15vw,.9375rem);font-weight:600;line-height:1.35}.cmp-grid__depot-link:hover{color:var(--color-primary-dark);text-decoration-color:var(--color-accent)}.cmp-grid__offer{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.cmp-grid__cta{border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));width:100%;min-height:44px;color:var(--color-primary);letter-spacing:-.01em;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-size:clamp(.75rem,1.3vw,.875rem);font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.cmp-grid__cta-label{text-align:center;text-wrap:balance;overflow-wrap:normal;hyphens:none;min-width:0;line-height:1.2}.cmp-grid__cta svg{opacity:.85;flex-shrink:0}.cmp-grid__cta:hover,.cmp-grid__cta:focus-visible{background:var(--color-primary-solid);border-color:var(--color-primary);color:#fff;text-decoration:none}.cmp-grid__cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cmp-grid__cta--disabled,.cmp-grid__cta--disabled:hover,.cmp-grid__cta--disabled:focus-visible{border-color:color-mix(in srgb, var(--color-border) 88%, var(--color-text-muted));background:color-mix(in srgb, var(--color-border) 35%, var(--color-surface));color:var(--color-text-muted);cursor:default;pointer-events:none;opacity:.72;outline:none;font-weight:600}.cmp-grid__offer--has-promo{align-items:center;gap:.45rem}.cmp-grid__offer-badge{background:var(--color-winner-bg);color:var(--color-rating-text);border-radius:999px;align-items:center;padding:.24rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.cmp-grid__offer-badge--promo{letter-spacing:-.02em;text-align:center;color:#7a4f00;background:linear-gradient(135deg, #fffbeb 0%, color-mix(in srgb, var(--color-star) 28%, var(--color-surface)) 52%, color-mix(in srgb, var(--color-star) 42%, #fef3c7) 100%);border:1.5px solid color-mix(in srgb, var(--color-star) 62%, #ca8a04);width:auto;min-width:0;max-width:100%;box-shadow:0 2px 8px color-mix(in srgb, var(--color-star) 22%, transparent), inset 0 1px 0 #ffffff94;border-radius:1.1rem;justify-content:center;padding:.32rem .85rem;font-size:clamp(.72rem,1.15vw,.8125rem);font-weight:800;line-height:1.2}.cmp-grid__offer-badge--promo-branded{color:color-mix(in srgb, var(--promo-brand) 72%, #000);background:linear-gradient(135deg, color-mix(in srgb, var(--promo-brand) 12%, var(--color-surface)) 0%, color-mix(in srgb, var(--promo-brand) 32%, var(--color-surface)) 52%, color-mix(in srgb, var(--promo-brand) 46%, var(--color-surface)) 100%);border-color:color-mix(in srgb, var(--promo-brand) 72%, #000);box-shadow:0 2px 10px color-mix(in srgb, var(--promo-brand) 28%, transparent), inset 0 1px 0 #ffffff73}.cmp-grid__offer-badge--promo-dark{color:#f5f5f5;background:linear-gradient(135deg,#2a2a2a 0%,#111 55%,#000 100%);border-color:#000;box-shadow:0 2px 10px #00000059,inset 0 1px #ffffff1f}.cmp-grid__offer-badge-text{text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0}.cmp-grid__offer-badge-tail{white-space:nowrap}.cmp-grid__offer-badge--with-info{padding-inline:1.7rem;position:relative}.cmp-grid__offer-badge .cmp-info{inset-inline-end:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.cmp-info--on-badge .cmp-info__trigger{border-color:color-mix(in srgb, currentColor 45%, transparent);color:currentColor;width:.95rem;height:.95rem;font-size:.58rem}@container cmp-offer (width<=130px){.cmp-grid__cta-prefix{display:none}.cmp-grid__offer-badge--promo{padding-inline:.5rem;font-size:.7rem}.cmp-grid__offer-badge--with-info{padding-inline:1.35rem}.cmp-grid__offer-badge .cmp-info{inset-inline-end:.3rem}.cmp-info--on-badge .cmp-info__trigger{width:.8rem;height:.8rem;font-size:.5rem}}.cmp-grid__rating{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.cmp-note{place-items:center;display:inline-grid}.cmp-note>svg,.cmp-note__num{grid-area:1/1}.cmp-note__track{fill:none;stroke:var(--color-surface-muted);stroke-width:5px}.cmp-note__fill{fill:none;stroke:var(--color-primary);stroke-width:5px;stroke-linecap:round}.cmp-note__num{font-family:var(--font-display);color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1}.cmp-grid__score-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.cmp-grid__score-label--bars{color:var(--color-text);align-self:flex-start;padding-left:.1rem;font-weight:700}.cmp-grid__rating--bars{align-items:flex-start;gap:.3rem}.cmp-bars{align-items:center;gap:.45rem;width:100%;display:flex}.cmp-bars__track{flex:1;align-items:center;gap:.22rem;min-width:0;display:flex}.cmp-bars__pill{background:var(--color-surface-muted);border-radius:999px;flex:1;height:.55rem;position:relative;overflow:hidden}.cmp-bars__fill{border-radius:inherit;background:var(--color-primary-solid);transform-origin:0;width:100%;height:100%;display:block}.cmp-bars__score{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.01em;flex-shrink:0;font-size:.85rem;font-weight:700;line-height:1}.cmp-grid__value--rec{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(.72rem,1.05vw,.8125rem);font-weight:700}.cmp-grid__value{color:var(--color-text);word-break:break-word;overflow-wrap:anywhere;font-size:clamp(.72rem,1.05vw,.8125rem);font-weight:500;line-height:1.4}.cmp-grid__value--em{font-family:var(--font-display);font-size:clamp(.78rem,1.1vw,.9rem);font-weight:700}.cmp-grid__value--free{color:var(--color-primary)}.cmp-pair{justify-content:center;align-items:stretch;gap:.6rem;display:inline-flex}.cmp-pair__item{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.cmp-pair__item b{font-family:var(--font-display);color:var(--color-text);font-size:.9rem;font-weight:700;line-height:1}.cmp-pair__item small{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.58rem;font-weight:600;line-height:1}.cmp-pair__icon{color:var(--color-text-muted)}.cmp-pair__rule{background:var(--cmp-divider);width:1px}.cmp-plans{flex-direction:column;align-items:center;gap:4px;display:flex}.cmp-plans__line{align-items:baseline;gap:4px;line-height:1;display:inline-flex}.cmp-plans__line b{font-family:var(--font-display);color:var(--color-text);font-size:.85rem;font-weight:700}.cmp-plans__line small{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem;font-weight:600}.cmp-plans__line--free b{color:var(--color-primary)}.cmp-plans__line--none b{color:var(--color-text-muted)}.cmp-chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cmp-chip{background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);color:var(--color-text);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.62rem;font-weight:600;line-height:1.4}.cmp-pay{justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.cmp-pay__icon{color:var(--color-text);opacity:.88}.cmp-grid__bool-icon{display:inline-flex}.cmp-grid__bool-icon--yes{color:var(--color-primary)}.cmp-grid__bool-icon--warn{color:#b45309}.cmp-grid__bool-icon--no{color:color-mix(in srgb, var(--color-text-muted) 55%, transparent)}.cmp-grid__bool--with-info{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.cmp-grid__arrow{top:var(--cmp-arrow-top);z-index:6;border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:10px;place-items:center;transition:color .15s,border-color .15s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 3px 12px #0e1f2e24}.cmp-grid__arrow:hover{color:var(--color-primary);border-color:var(--color-primary)}.cmp-grid__arrow[hidden]{display:none}.cmp-grid__arrow:focus-visible,.cmp-grid__depot-link:focus-visible,.cmp-grid__cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cmp-grid__arrow--left{left:calc(var(--cmp-label-w) - 14px)}.cmp-grid__arrow--right{right:8px}@media (width>=768px){.cmp-grid__label{padding:.8rem .85rem .8rem .25rem;font-size:.9375rem}.cmp-grid__cell{padding:.75rem .55rem}.cmp-grid__cell--logo{min-height:84px;padding-block:1rem}.cmp-grid__logo img{max-height:38px}.cmp-grid__cta{gap:.3rem;padding-inline:.4rem}.cmp-grid__cta svg{width:12px;height:12px}}