.product-page{--category-accent:var(--lemon);--category-soft:#fff8d2;background:var(--paper)}.product-page--tagesgeld{--category-accent:var(--mint);--category-soft:#e8fff2}.product-page--depot{--category-accent:#9fc5ff;--category-soft:var(--sky)}.product-page--kreditkarte{--category-accent:var(--coral);--category-soft:#fff0eb}.product-page .nav-links{gap:26px}.product-page .nav-links a[aria-current=page]{color:var(--blue);text-decoration:underline}.mobile-product-menu{display:none}.product-hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);align-items:center;gap:clamp(48px,7vw,98px);min-height:690px;padding-block:72px 92px;display:grid}.product-hero-copy h1{font-family:var(--font-display);letter-spacing:-.055em;max-width:850px;margin:0;font-size:clamp(52px,6vw,84px);font-weight:900;line-height:.94}.product-hero-copy{min-width:0}.product-hero-copy .eyebrow{margin-top:34px}.product-hero-lede{color:var(--ink-soft);max-width:720px;margin:30px 0 0;font-size:18px;line-height:1.65}.product-hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.product-pass{background:var(--category-accent);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);min-height:360px;padding:26px;position:relative;transform:rotate(1.2deg)}.product-pass:after{border:1px dashed color-mix(in srgb, var(--ink) 55%, transparent);content:"";pointer-events:none;position:absolute;inset:10px}.product-pass-label,.recommendation-rank,.recommendation-verdict>span,.recommendation-reason>span,.product-criteria-grid article>span,.product-thesis span{font-family:var(--font-utility);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.product-pass>strong{font-family:var(--font-display);letter-spacing:-.08em;margin:52px 0 20px -7px;font-size:clamp(112px,13vw,170px);font-weight:900;line-height:.75;display:block}.product-pass h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:34px;font-weight:900;line-height:1}.product-pass>p{margin:18px 0 0;font-size:13px;line-height:1.55}.product-thesis{background:var(--ink);color:var(--white)}.product-thesis-grid{grid-template-columns:.35fr 1.65fr;align-items:center;gap:50px;min-height:150px;padding-block:28px;display:grid}.product-thesis span{color:var(--category-accent)}.product-thesis p{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:750;line-height:1.2}.product-shortlist{padding-top:76px}.product-shortlist-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.product-shortlist-heading .eyebrow{margin:0}.product-shortlist-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:900;line-height:1}.product-shortlist-grid{border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-shortlist-grid a{background:var(--white);align-content:start;min-height:210px;padding:28px;transition:background .16s;display:grid}.product-shortlist-grid a+a{border-left:2px solid var(--ink)}.product-shortlist-grid a:hover{background:var(--category-soft)}.product-shortlist-grid span,.product-shortlist-grid i{color:var(--blue);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:800}.product-shortlist-grid strong{font-family:var(--font-display);letter-spacing:-.03em;margin-top:30px;font-size:clamp(24px,2.6vw,34px);line-height:1}.product-shortlist-grid p{color:var(--ink-soft);max-width:450px;margin:12px 0 22px;font-size:13px;line-height:1.5}.product-shortlist-grid i{align-self:end;margin-top:auto}.product-shortlist+.product-criteria-section{padding-top:84px}.product-criteria-section{padding-bottom:110px}.product-criteria-grid{border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-criteria-grid article{min-height:390px;padding:34px}.product-criteria-grid article:first-child{background:var(--category-soft)}.product-criteria-grid article+article{border-left:2px solid var(--ink)}.product-criteria-grid article>span{color:var(--blue);margin-bottom:38px;display:block}.check-list,.minus-list{margin:0;padding:0;list-style:none}.check-list li,.minus-list li{border-top:1px solid var(--line);grid-template-columns:22px 1fr;gap:14px;padding:15px 0;font-size:14px;line-height:1.5;display:grid}.check-list li:before,.minus-list li:before{font-family:var(--font-utility);font-weight:900}.check-list li:before{color:#087346;content:"✓"}.minus-list li:before{color:#b7351d;content:"−"}.product-recommendations{background:var(--blue-deep);color:var(--white)}.product-recommendations-heading{margin-bottom:54px}.product-recommendations-heading>p{color:#bdcbea}.recommendation-stack{gap:42px;display:grid}.recommendation-card{background:var(--white);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--category-accent);color:var(--ink);scroll-margin-top:28px}.recommendation-card-header{grid-template-columns:.82fr 1.18fr;display:grid}.recommendation-card-header>div{min-height:220px;padding:32px}.recommendation-card-header>div+div{border-left:2px solid var(--ink)}.recommendation-rank{color:var(--blue);display:block}.recommendation-card-header p:not(.recommendation-verdict p){color:var(--ink-soft);text-transform:uppercase;margin:50px 0 4px;font-size:13px;font-weight:800}.recommendation-card h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,54px);font-weight:900;line-height:.95}.recommendation-verdict{background:var(--category-soft);align-content:center;display:grid}.recommendation-verdict>span,.recommendation-reason>span{color:var(--blue)}.recommendation-verdict p{font-family:var(--font-display);letter-spacing:-.025em;margin:18px 0 0;font-size:clamp(20px,2.2vw,29px);font-weight:750;line-height:1.2}.recommendation-facts{border-block:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.recommendation-facts dl{min-height:144px;margin:0;padding:24px}.recommendation-facts dl+dl{border-left:1px solid var(--line)}.recommendation-facts dt{color:var(--ink-soft);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:9px;font-weight:800}.recommendation-facts dd{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:24px;font-weight:850;line-height:1}.recommendation-facts .recommendation-fact-note{font-family:var(--font-body);letter-spacing:normal;color:var(--ink-soft);margin-top:9px;font-size:10px;font-weight:400;line-height:1.4;display:block}.recommendation-reason{grid-template-columns:.35fr 1.65fr;gap:42px;padding:36px 32px;display:grid}.recommendation-reason p{margin:0;font-size:15px;line-height:1.7}.recommendation-deep-dive>summary{cursor:pointer;font-family:var(--font-utility);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:22px 32px;font-size:10px;font-weight:800;list-style:none;display:flex}.recommendation-deep-dive>summary::-webkit-details-marker{display:none}.recommendation-deep-dive>summary i{color:var(--blue);font-family:var(--font-display);font-size:25px;font-style:normal;line-height:1;transition:transform .16s}.recommendation-deep-dive[open]>summary{border-bottom:1px solid var(--line)}.recommendation-deep-dive[open]>summary i{transform:rotate(45deg)}.recommendation-deep-dive-mobile{display:none}.recommendation-lists{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recommendation-lists section{padding:32px}.recommendation-lists section+section{border-left:1px solid var(--line)}.recommendation-lists h4{font-family:var(--font-display);margin:0 0 24px;font-size:19px}.recommendation-exclusion{border-block:2px solid var(--ink);background:#fff1ec;grid-template-columns:.42fr 1.58fr;gap:28px;padding:27px 32px;display:grid}.recommendation-exclusion strong{font-family:var(--font-display);font-size:16px}.recommendation-exclusion ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.recommendation-exclusion li{background:var(--white);border:1px solid var(--ink);padding:7px 10px;font-size:11px;line-height:1.4}.recommendation-card-footer{border-top:2px solid var(--ink);grid-template-columns:1fr;gap:24px 30px;padding:30px 32px;display:grid}.recommendation-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.recommendation-official-link{font-size:13px;font-weight:800}.recommendation-sources{border-top:1px solid var(--line);grid-column:1/-1;padding-top:20px}.recommendation-sources summary{cursor:pointer;font-family:var(--font-utility);letter-spacing:.04em;width:fit-content;font-size:10px;font-weight:800}.recommendation-sources ul{flex-wrap:wrap;gap:9px 22px;margin:18px 0 0;padding:0;list-style:none;display:flex}.recommendation-sources a{color:var(--blue);text-underline-offset:4px;font-size:12px;text-decoration:underline}.recommendation-sources p{color:var(--ink-soft);margin:12px 0 0;font-size:10px}.product-pitfalls-grid{border:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-pitfalls-grid article{min-height:310px;padding:28px}.product-pitfalls-grid article+article{border-left:2px solid var(--ink)}.product-pitfalls-grid span{color:var(--blue);font-family:var(--font-display);font-size:42px;font-weight:900}.product-pitfalls-grid h3{font-family:var(--font-display);margin:76px 0 14px;font-size:22px;line-height:1.15}.product-pitfalls-grid p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.product-next-section{background:var(--category-accent);padding-block:88px}.product-next-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.product-next-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1}.product-next-grid{border:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-next-grid a{background:var(--paper);align-content:space-between;min-height:180px;padding:24px;transition:background .16s,color .16s;display:grid}.product-next-grid a+a{border-left:2px solid var(--ink)}.product-next-grid a:hover{background:var(--ink);color:var(--white)}.product-next-grid span{font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.product-next-grid strong{font-family:var(--font-display);align-self:end;font-size:26px;line-height:1}.product-next-grid i{justify-self:end;font-size:24px;font-style:normal}@media (max-width:980px){.product-hero{grid-template-columns:1fr;align-items:start;min-height:0}.product-pass{width:100%;max-width:620px;min-height:380px}.product-pass>strong{font-size:150px}.recommendation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-facts dl:nth-child(3){border-left:0;border-top:1px solid var(--line)}.recommendation-facts dl:nth-child(4){border-top:1px solid var(--line)}.product-shortlist-heading{flex-direction:column;align-items:start;gap:16px}}@media (max-width:760px){.recommendation-deep-dive-desktop{display:none}.recommendation-deep-dive-mobile{display:block}.product-page .nav{height:82px;padding:0}.product-page .nav-links,.product-page .nav>.button{display:none}.mobile-product-menu{justify-self:end;display:block;position:relative}.mobile-product-menu>summary{background:var(--white);border:2px solid var(--ink);cursor:pointer;font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;padding:10px 12px;font-size:10px;font-weight:800;list-style:none;display:flex}.mobile-product-menu>summary::-webkit-details-marker{display:none}.mobile-product-menu[open]>summary{background:var(--category-accent);box-shadow:3px 3px 0 var(--ink)}.mobile-product-menu-icon{border-block:2px solid var(--ink);width:20px;height:14px;display:block;position:relative}.mobile-product-menu-icon:after{background:var(--ink);content:"";height:2px;position:absolute;inset:4px 0 auto}.mobile-product-menu-panel{background:var(--paper);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);z-index:20;width:min(310px,100vw - 28px);display:grid;position:absolute;top:calc(100% + 12px);right:0}.mobile-product-menu-panel a{justify-content:space-between;align-items:center;min-height:64px;padding:14px 16px;display:flex}.mobile-product-menu-panel a+a{border-top:1px solid var(--line)}.mobile-product-menu-panel a[aria-current=page]{background:var(--category-soft)}.mobile-product-menu-panel span{color:var(--blue);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.mobile-product-menu-panel strong{font-family:var(--font-display);font-size:18px}.product-hero{gap:38px;padding-block:48px 58px}.product-hero-copy h1{font-size:clamp(43px,12vw,58px)}.product-hero-lede{font-size:16px}.product-hero-actions{flex-direction:column;align-items:flex-start}.product-pass{box-shadow:7px 7px 0 var(--ink);grid-template-columns:auto 1fr;min-height:0;padding:20px;display:grid;transform:none}.product-pass-label{grid-column:1/-1}.product-pass>strong{margin:44px 18px 0 -4px;font-size:86px}.product-pass h2{align-self:end;margin-bottom:12px;font-size:28px}.product-pass>p{grid-column:1/-1;margin:14px 0 0}.product-shortlist{padding-top:54px}.product-shortlist-heading h2{font-size:34px}.product-shortlist-grid{scroll-snap-type:x mandatory;scrollbar-width:none;border:0;gap:12px;margin-inline:-14px;padding:0 14px 12px;display:flex;overflow-x:auto}.product-shortlist-grid::-webkit-scrollbar{display:none}.product-shortlist-grid a{border:2px solid var(--ink);scroll-snap-align:start;flex:0 0 min(82vw,300px);min-height:205px;padding:22px}.product-shortlist-grid a+a{border-left:2px solid var(--ink)}.product-shortlist+.product-criteria-section{padding-top:66px}.product-thesis-grid,.recommendation-reason{grid-template-columns:1fr;gap:18px}.product-thesis-grid{padding-block:30px}.product-criteria-grid,.recommendation-card-header,.recommendation-lists,.recommendation-exclusion,.product-pitfalls-grid,.product-next-grid{grid-template-columns:1fr}.product-criteria-grid article{min-height:0;padding:25px 22px}.product-criteria-grid article+article,.recommendation-card-header>div+div,.recommendation-lists section+section,.product-pitfalls-grid article+article,.product-next-grid a+a{border-left:0;border-top:2px solid var(--ink)}.product-criteria-grid article>span{margin-bottom:25px}.recommendation-card{box-shadow:6px 6px 0 var(--category-accent)}.recommendation-card-header>div{min-height:0;padding:25px 22px}.recommendation-card-header p:not(.recommendation-verdict p){margin-top:34px}.recommendation-verdict p{font-size:21px}.recommendation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-facts dl,.recommendation-facts dl:nth-child(3),.recommendation-facts dl:nth-child(4){min-height:0;padding:20px 22px}.recommendation-facts dl:nth-child(2),.recommendation-facts dl:nth-child(4){border-left:1px solid var(--line)}.recommendation-facts dl:nth-child(n+3){border-top:1px solid var(--line)}.recommendation-facts dl{display:block}.recommendation-facts .recommendation-fact-note{margin-top:8px}.recommendation-deep-dive>summary{padding:20px 22px}.recommendation-reason,.recommendation-lists section,.recommendation-exclusion,.recommendation-card-footer{padding:25px 22px}.recommendation-exclusion{gap:18px}.recommendation-actions{flex-direction:column;align-items:flex-start}.product-pitfalls-grid article{min-height:0;padding:25px 22px 30px}.product-pitfalls-grid h3{margin-top:34px}.product-next-grid a{min-height:140px}}
