.hb{background:#f4f6fa;color:var(--ink)}.hb .wrap{position:relative}.hb-h2{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;font-size:clamp(1.4rem,1.15rem + .9vw,1.85rem);line-height:1.2}.hb-sub{margin:6px 0 0;color:var(--ink-soft);font-size:.95rem}.hb-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}.hb-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:56px 0 64px;background:linear-gradient(180deg,var(--blue-600) 0%,#0057E0 38%,#0A3F9E 78%,#0B347F 100%)}.hb-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bp) center 62% / cover no-repeat;opacity:.14;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 35%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 35%,#000 80%,transparent 100%)}.hb-hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}.hb-h1{margin:0;font-family:var(--font-display);color:#fff}.hb-h1-k{display:block;font-size:clamp(2.7rem,1.6rem + 3.8vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1}.hb-h1-k:after{content:".";color:var(--pc)}.hb-h1-s{display:block;margin-top:10px;font-size:clamp(1.2rem,.95rem + .9vw,1.6rem);font-weight:600;letter-spacing:-.01em;line-height:1.25;color:#ffffffeb}.hb-lead{margin:16px 0 0;max-width:54ch;font-size:1.04rem;line-height:1.6;color:#ffffffd6}.hb-search{display:flex;align-items:center;gap:10px;max-width:470px;margin-top:24px;padding:0 16px;height:54px;border-radius:14px;background:#fff;color:var(--ink-mute);box-shadow:0 18px 40px -18px #00143c99;cursor:text}.hb-search:focus-within{outline:3px solid var(--pc);outline-offset:2px}.hb-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--ink);outline:none}.hb-search input::placeholder{color:#6b7480}.hb-hero-art{position:relative;height:340px;display:grid;place-items:center}.hb-ring{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pc) 80%,#fff),var(--pc) 60%,color-mix(in srgb,var(--pc) 70%,#000));box-shadow:0 0 0 14px #ffffff14,0 0 0 30px #ffffff0a,0 30px 60px -20px #00000080}.hb-hero-img{position:relative;width:auto;height:300px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.hb-topics{padding:64px 0 16px}.hb-topics-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.hb-chips{display:flex;flex-wrap:wrap;gap:8px}.hb-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid #D5DCE5;background:#fff;color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.hb-chip span{font-family:var(--font-figure);font-size:.76rem;color:var(--ink-mute)}.hb-chip:hover{border-color:var(--ink)}.hb-chip:focus-visible{outline:2px solid var(--blue-700);outline-offset:2px}.hb-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.hb-chip[aria-pressed=true] span{color:#ffffffbf}.hb-empty{margin:24px 0 0;padding:18px;border-radius:14px;background:#fff;border:1px dashed #C9D2DD;color:var(--ink-soft)}.hb-cat{margin-top:36px}.hb-cat[hidden]{display:none}.hb-cat-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}.hb-cat-ic{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--pc);color:var(--pfg)}.hb-cat-h h3{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.01em}.hb-cat-n{padding:2px 9px;border-radius:999px;background:#e6eaf0;font-family:var(--font-figure);font-size:.78rem;color:var(--ink-soft)}.hb-cat-h p{margin:2px 0 0;font-size:.9rem;color:var(--ink-soft)}.hb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none}.hb-grid li[hidden]{display:none}.hb-card{display:grid;grid-template-rows:150px 1fr;height:100%;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #E3E8EF;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .2s,box-shadow .2s}.hb-card:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 18px 36px -22px #10182873}.hb-card:focus-visible{outline:2px solid var(--blue-700);outline-offset:2px}.hb-card-img{display:grid;place-items:center;background:var(--ptint);overflow:hidden}.hb-card-img img{width:auto;height:124px;max-width:82%;object-fit:contain;transition:transform .3s}.hb-card:hover .hb-card-img img{transform:scale(1.06)}.hb-card-b{display:grid;align-content:start;gap:4px;padding:14px 16px 16px;min-width:0}.hb-card-b>b{font-size:1.02rem;line-height:1.3}.hb-card-d{font-size:.86rem;line-height:1.5;color:var(--ink-soft)}.hb-card-meta{display:flex;align-items:center;gap:8px}.hb-typ{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#5b6472}.hb-typ:before{content:"";width:7px;height:7px;border-radius:50%;background:#0064fe}.hb-typ--vergleich:before{background:#7c3aed}.hb-typ--rechner:before{background:#0e9f6e}.hb-typ--liste:before{background:#e0a100}.hb-neu{padding:1px 7px;border-radius:999px;background:var(--pc);color:var(--pfg);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hb-card-go{color:var(--pink);opacity:.45;transition:opacity .15s,transform .15s}.hb-banner-sec{padding:40px 0 8px}.hb-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:32px 40px;border-radius:22px;overflow:hidden;position:relative;background:radial-gradient(60% 120% at 90% 50%,color-mix(in srgb,var(--pc) 34%,transparent),transparent 70%),linear-gradient(135deg,#0e1726,#14274a);color:#fff;text-decoration:none}.hb-banner:focus-visible{outline:3px solid var(--blue-700);outline-offset:3px}.hb-banner-txt{display:grid;gap:8px;max-width:58ch}.hb-banner .hb-kicker{color:var(--pdark)}.hb-banner-txt>b{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.02em;line-height:1.15}.hb-banner-txt>span:not(.hb-kicker):not(.hb-btn){font-size:.98rem;line-height:1.6;color:#ffffffd1}.hb-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:11px 18px;border-radius:999px;background:var(--pc);color:var(--pfg);font-weight:800;font-size:.92rem;transition:transform .15s}.hb-banner:hover .hb-btn{transform:translate(3px)}.hb-banner-img{width:auto;height:210px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.4))}.hb-subs{padding:56px 0 8px}.hb-subs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}.hb-subgrp{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #E3E8EF}.hb-subgrp[hidden]{display:none}.hb-subgrp-h{margin:0 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}.hb-subgrp ul{margin:0;padding:0;list-style:none}.hb-subgrp li[hidden]{display:none}.hb-subgrp a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #EEF1F5;color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none}.hb-subgrp li:first-child a{border-top:0}.hb-subgrp a svg{flex-shrink:0;color:var(--pink);opacity:.5}.hb-subgrp a:hover{color:var(--pink)}.hb-subgrp a:hover svg{opacity:1}.hb-facts{margin-top:56px;padding:56px 0;background:linear-gradient(180deg,#0e1726,#101e36);color:#fff}.hb-facts .hb-h2{color:#fff}.hb-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none}.hb-facts-grid li{display:grid;align-content:start;gap:6px;padding:20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.hb-fact-v{font-family:var(--font-figure);font-size:2rem;line-height:1.1;color:var(--pdark)}.hb-fact-t{font-weight:700}.hb-fact-x{font-size:.88rem;line-height:1.55;color:#ffffffc2}.hb-fact-q{justify-self:start;margin-top:6px;padding:2px 9px;border-radius:999px;background:#ffffff1a;font-size:.74rem;color:#ffffffc7}.hb-cross{padding:56px 0 72px}.hb-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.hb-xcard{display:grid;grid-template-columns:104px minmax(0,1fr) 22px;align-items:center;gap:18px;padding:14px 20px 14px 14px;border-radius:18px;background:#fff;border:1px solid #E3E8EF;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}.hb-xcard:hover{border-color:var(--oink);transform:translateY(-2px)}.hb-xcard:focus-visible{outline:2px solid var(--blue-700);outline-offset:2px}.hb-xcard-img{display:grid;place-items:center;width:104px;height:104px;border-radius:14px;background:var(--otint)}.hb-xcard-img img{width:auto;height:86px;max-width:90%;object-fit:contain}.hb-xcard-b{display:grid;gap:2px}.hb-xcard .hb-kicker{color:var(--oink)}.hb-xcard-b>b{font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.02em}.hb-xcard-b>span:last-child{color:var(--ink-soft);font-size:.92rem}.hb-xcard .hb-card-go{margin:0;color:var(--oink)}.hb-xcard:hover .hb-card-go{opacity:1}@media(prefers-reduced-motion:no-preference){.hb-hero-img{animation:hb-rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes hb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}@media(max-width:1080px){.hb-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hb-hero-in{grid-template-columns:minmax(0,1fr) 240px}.hb-hero-art{height:260px}.hb-ring{width:210px;height:210px}.hb-hero-img{height:220px}}@media(max-width:680px){.hb-hero{padding:32px 0 44px}.hb-hero-in{display:block}.hb-hero-art{position:absolute;top:-10px;right:0;width:112px;height:112px}.hb-h1{padding-right:116px}.hb-ring{width:100px;height:100px;box-shadow:0 0 0 7px #ffffff14}.hb-hero-img{height:108px}.hb-search{height:50px}.hb-topics{padding-top:36px}.hb-grid{grid-template-columns:minmax(0,1fr);gap:10px}.hb-card{grid-template-rows:none;grid-template-columns:108px minmax(0,1fr)}.hb-card-img img{height:84px;max-width:86%}.hb-card-b{padding:12px 14px}.hb-banner{grid-template-columns:minmax(0,1fr);padding:24px 20px}.hb-banner-img{order:-1;height:130px;justify-self:start}.hb-facts{padding:44px 0}.hb-facts-grid,.hb-cross-grid{grid-template-columns:minmax(0,1fr)}.hb-xcard{grid-template-columns:76px minmax(0,1fr) 18px;gap:14px}.hb-xcard-img{width:76px;height:76px}.hb-xcard-img img{height:62px}}
