.sn-scope .pd-kopf{max-width:62ch}.sn-scope .pd-kopf.mitte{margin-inline:auto;text-align:center}.sn-scope .pd-kopf .lede{margin-top:calc(1.1 * var(--snu))}.sn-scope .pd-kopf.mitte .lede{margin-inline:auto}.sn-scope .pd-abstand{margin-top:clamp(calc(2 * var(--snu)),4vw,calc(3.2 * var(--snu)))}.sn-scope .pd-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(calc(1.2 * var(--snu)),3vw,calc(2.6 * var(--snu)))}.sn-scope .pd-drei>div{border-top:2px solid var(--ink);padding-top:calc(1.1 * var(--snu))}.sn-scope .pd-nr{display:block;font-family:var(--font-akzent);font-style:italic;font-size:var(--body-lg);color:var(--red);line-height:1;margin-bottom:calc(.7 * var(--snu))}.sn-scope .pd-drei h3,.sn-scope .pd-seite h3{font-size:var(--h4);line-height:1.25;letter-spacing:-.025em;margin:0 0 calc(.5 * var(--snu))}.sn-scope .pd-drei p{color:var(--ink-70);font-size:var(--body);line-height:var(--lh-body)}@media(max-width:900px){.sn-scope .pd-drei{grid-template-columns:1fr;gap:calc(1.6 * var(--snu))}}.sn-scope .pd-seiten{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(calc(.9 * var(--snu)),1.8vw,calc(1.4 * var(--snu)))}.sn-scope .pd-seite{margin:0;background:var(--card);border:var(--rule);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.sn-scope .pd-seite .pd-foto{aspect-ratio:3/4;background:var(--off);overflow:hidden}.sn-scope .pd-seite .pd-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}.sn-scope .pd-seite figcaption{padding:calc(1 * var(--snu)) calc(1.05 * var(--snu)) calc(1.2 * var(--snu))}.sn-scope .pd-seite .kicker{margin-bottom:calc(.4 * var(--snu))}.sn-scope .pd-seite p{color:var(--ink-70);font-size:var(--label);line-height:1.55}@media(max-width:760px){.sn-scope .pd-seiten{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:calc(.7 * var(--snu));padding-bottom:calc(.3 * var(--snu));-webkit-overflow-scrolling:touch}.sn-scope .pd-seiten::-webkit-scrollbar{display:none}.sn-scope .pd-seite{flex:0 0 78%;scroll-snap-align:start}}@media(min-width:521px)and (max-width:760px){.sn-scope .pd-seite{flex-basis:46%}}.sn-scope .pd-zwei{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(calc(2 * var(--snu)),5vw,calc(4.5 * var(--snu)));align-items:center}.sn-scope .pd-zwei figure{margin:0}.sn-scope .pd-zwei figure img{display:block;width:100%;height:auto;border-radius:var(--r)}.sn-scope .pd-zwei figcaption{margin-top:calc(.6 * var(--snu));font-family:var(--font);font-size:var(--label);color:var(--ink-55)}.sn-scope .pd-werte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:calc(1.8 * var(--snu)) 0 0;border-top:var(--rule);border-bottom:var(--rule)}.sn-scope .pd-werte>div{padding:calc(1 * var(--snu)) 0}.sn-scope .pd-werte>div:nth-child(2n){border-left:var(--rule);padding-left:calc(1.1 * var(--snu))}.sn-scope .pd-werte>div:nth-child(n+3){border-top:var(--rule)}.sn-scope .pd-werte b{display:block;font-family:var(--font);font-size:clamp(22px,1.75vw,26px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.sn-scope .pd-werte span{display:block;margin-top:.35em;font-family:var(--font);font-size:var(--label);line-height:1.35;color:var(--ink-55)}@media(min-width:1200px){.sn-scope .pd-werte{grid-template-columns:repeat(4,minmax(0,1fr))}.sn-scope .pd-werte>div{border-top:0;padding-right:calc(.6 * var(--snu))}.sn-scope .pd-werte>div+div{border-left:var(--rule);padding-left:calc(1.1 * var(--snu))}.sn-scope .pd-werte>div:nth-child(n+3){border-top:0}}.sn-scope .pd-merkmale{list-style:none;margin:calc(1.5 * var(--snu)) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(1.1 * var(--snu)) calc(1.4 * var(--snu))}.sn-scope .pd-merkmale li{display:flex;align-items:center;gap:calc(.75 * var(--snu));min-width:0}.sn-scope .pd-merkmale .sym{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--off);color:var(--red)}.sn-scope .pd-merkmale b{display:block;font-family:var(--font);font-size:var(--body);font-weight:600;line-height:1.3;color:var(--ink)}.sn-scope .pd-merkmale b+span{display:block;font-family:var(--font);font-size:var(--label);line-height:1.4;color:var(--ink-55)}@media(max-width:900px){.sn-scope .pd-zwei{grid-template-columns:1fr}}@media(max-width:560px){.sn-scope .pd-merkmale{gap:calc(1.2 * var(--snu)) calc(1 * var(--snu))}.sn-scope .pd-merkmale li{flex-direction:column;align-items:flex-start;gap:calc(.55 * var(--snu))}.sn-scope .pd-merkmale .sym{width:36px;height:36px}}.sn-scope .pd-handy{margin:calc(1.8 * var(--snu)) auto 0;text-align:center}.sn-scope .pd-handy img{display:inline-block;width:min(215px,52%);height:auto}.sn-scope .pd-handy figcaption{margin-top:calc(.6 * var(--snu));font-family:var(--font);font-size:var(--label);color:var(--ink-55)}.sn-scope .pd-stufen{display:grid;grid-template-columns:1fr 1fr;gap:calc(.8 * var(--snu));max-width:820px;margin:calc(1.8 * var(--snu)) auto 0}.sn-scope .pd-stufe{background:var(--card);border:var(--rule);border-radius:var(--r);padding:calc(1.1 * var(--snu)) calc(1.15 * var(--snu)) calc(1.2 * var(--snu))}.sn-scope .pd-stufe .marke{display:inline-block;font-family:var(--font);font-size:var(--fein);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.32em .8em;background:var(--ink-06);color:var(--ink-70)}.sn-scope .pd-stufe.pro .marke{background:var(--red-bg);color:#fff}.sn-scope .pd-stufe h3{font-size:var(--body-lg);line-height:1.3;letter-spacing:-.02em;margin:calc(.7 * var(--snu)) 0 calc(.2 * var(--snu))}.sn-scope .pd-stufe .unter{font-size:var(--label);color:var(--ink-55);line-height:1.45}.sn-scope .pd-stufe ul{list-style:none;margin:calc(.8 * var(--snu)) 0 0;padding:0;display:grid;gap:calc(.4 * var(--snu))}.sn-scope .pd-stufe li{position:relative;padding-left:calc(1.2 * var(--snu));font-size:var(--label);line-height:1.45;color:var(--ink-90)}.sn-scope .pd-stufe li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--ink-35)}.sn-scope .pd-stufe.pro li:before{background:var(--red)}.sn-scope #die-app .stores{justify-content:center;max-width:820px;margin:calc(1.4 * var(--snu)) auto 0}@media(max-width:560px){.sn-scope .pd-stufen{grid-template-columns:1fr}}@media(min-width:901px){.sn-scope #die-app .wrap{display:grid;grid-template-columns:auto minmax(0,440px);grid-template-rows:auto 1fr auto auto 1fr;grid-template-areas:"kopf kopf" "handy ." "handy stufen" "handy stores" "handy .";justify-content:center;column-gap:clamp(calc(2.5 * var(--snu)),5vw,calc(4.5 * var(--snu)))}.sn-scope #die-app .pd-kopf{grid-area:kopf;justify-self:center}.sn-scope #die-app .pd-handy{grid-area:handy;margin:calc(1.8 * var(--snu)) 0 0}.sn-scope #die-app .pd-handy img{width:240px}.sn-scope #die-app .pd-stufen{grid-area:stufen;grid-template-columns:1fr;max-width:none;margin:calc(1.8 * var(--snu)) 0 0}.sn-scope #die-app .stores{grid-area:stores;justify-content:flex-start;max-width:none;margin:calc(1.1 * var(--snu)) 0 0}}.sn-scope .pd-servicekopf{font-size:var(--h4);letter-spacing:-.025em;line-height:1.25;margin:0 0 calc(1 * var(--snu))}.sn-scope .pd-band{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);outline:0}.sn-scope .pd-band::-webkit-scrollbar{display:none}.sn-scope .pd-band:focus-visible{box-shadow:inset 0 0 0 2px var(--red)}.sn-scope .pd-band-spur{display:flex;width:max-content;padding:2px var(--gutter) 4px}.sn-scope .pd-kachel{flex:0 0 auto;width:300px;margin-right:calc(.8 * var(--snu));scroll-snap-align:start;background:var(--off);border-radius:var(--r);padding:calc(1.2 * var(--snu)) calc(1.2 * var(--snu)) calc(1.3 * var(--snu))}.sn-scope .pd-kachel:last-child{margin-right:0}.sn-scope .pd-kachel svg{display:block;color:var(--red);margin-bottom:calc(.7 * var(--snu))}.sn-scope .pd-kachel h4{font-size:var(--body);line-height:1.3;letter-spacing:-.015em;margin:0 0 calc(.35 * var(--snu))}.sn-scope .pd-kachel p{font-size:var(--label);line-height:1.5;color:var(--ink-70)}.sn-scope .pd-band-punkte{display:flex;margin-top:calc(.9 * var(--snu))}.sn-scope .pd-links{display:flex;flex-wrap:wrap;gap:calc(.6 * var(--snu)) calc(1.6 * var(--snu));margin-top:calc(1.2 * var(--snu))}@media(max-width:760px){.sn-scope .pd-kachel{width:260px}}@media(min-width:1100px){.sn-scope .pd-band{overflow:visible;margin-inline:0}.sn-scope .pd-band-spur{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(.8 * var(--snu));width:auto;padding:0}.sn-scope .pd-kachel{width:auto;margin-right:0}.sn-scope .pd-band-punkte{display:none}}.sn-scope .pd-leiste{position:fixed;z-index:114;left:50%;bottom:max(calc(.8 * var(--snu)),env(safe-area-inset-bottom,0px));width:min(520px,calc(100% - 2 * var(--gutter)));opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,16px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.75,.2,1),visibility 0s linear .4s}.sn-scope .pd-leiste.an{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.75,.2,1),visibility 0s}.sn-scope .pd-leiste .btn{width:100%;justify-content:space-between;padding:calc(.95 * var(--snu)) calc(1.4 * var(--snu));box-shadow:0 12px 28px -12px #d4000fa6,0 4px 12px -6px #222c2e4d}.sn-scope .pd-leiste{border-radius:999px;padding:4px;background-color:var(--paper,#fff);background-clip:content-box}.sn-scope .pd-leiste .btn{display:flex;width:calc(100% + 8px);margin:-4px;background-color:transparent;background-image:linear-gradient(var(--red-bg),var(--red-bg))}.sn-scope .pd-leiste .btn:hover{background-color:transparent;background-image:linear-gradient(#ee1522,#ee1522)}.sn-scope .pdl-info{font-weight:500;opacity:.9;white-space:nowrap;font-variant-numeric:tabular-nums}.sn-scope .pd-leiste .btn[disabled]{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.sn-scope .pd-leiste,.sn-scope .pd-leiste.an{transform:translate(-50%);transition:opacity .2s ease,visibility 0s}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/sn-produkt-b.css.map */