.sgx{--fg: var(--color-foreground, #14181c);--bg: var(--color-background, #ffffff);--page: color-mix(in srgb, var(--fg) 4%, var(--bg));--tone: color-mix(in srgb, var(--fg) 7%, var(--bg));--line: color-mix(in srgb, var(--fg) 12%, transparent);--dim: color-mix(in srgb, var(--fg) 58%, transparent);--r: 22px;--rs: 14px;background-color:var(--page)}.sgx__in{max-width:84rem;margin-inline:auto;padding-inline:clamp(.75rem,3vw,2rem)}.sgx__band{padding-block:var(--sgx-pt, 22px) var(--sgx-pb, 22px)}.sgx__box--tone{background:var(--tone);border-radius:var(--r);padding:clamp(1.25rem,2.6vw,2.25rem)}.sgx-mono{font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem}.sgx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:clamp(1rem,2vw,1.5rem)}.sgx-head h2{font-size:clamp(1.5rem,3.2vw,2.375rem);line-height:1.08;letter-spacing:-.028em;margin:.5rem 0 0;text-wrap:balance}.sgx-head p{color:var(--dim);margin:.5rem 0 0;max-width:54ch}.sgx-all{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9375rem;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:.2rem;white-space:nowrap}.sgx-all:hover{border-color:var(--fg)}.sgx-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;background:var(--bg);color:var(--dim)}.sgx-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.sgx-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.95rem 1.8rem;font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid var(--line);transition:opacity .15s ease,transform .15s ease}.sgx-btn--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.sgx-btn--ghost{background:var(--bg);color:var(--fg)}.sgx-btn:hover{opacity:.88;transform:translateY(-1px)}.sgx-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.75rem}.sgx-hero{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.5rem,3.6vw,3.25rem);display:grid;gap:clamp(1.75rem,3vw,3rem);align-items:center}@media(min-width:940px){.sgx-hero--media{grid-template-columns:1.02fr .98fr}}.sgx-hero h1{font-size:clamp(2rem,5.4vw,3.875rem);line-height:1.02;letter-spacing:-.035em;margin:1.25rem 0 0;text-wrap:balance}.sgx-hero h1 em{font-style:normal;color:var(--dim)}.sgx-hero__lead{color:var(--dim);max-width:46ch;margin:1.125rem 0 0;font-size:clamp(1rem,1.3vw,1.0625rem)}.sgx-hero__media{border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);aspect-ratio:1 / 1;display:grid;place-items:center;overflow:hidden;padding:clamp(.75rem,1.6vw,1.5rem)}.sgx-hero__media img{width:100%;height:100%;object-fit:contain;display:block}.sgx-trust{display:flex;flex-wrap:wrap;gap:.5rem .625rem;margin-top:1.75rem}.sgx-trust span{border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;color:var(--dim);background:var(--bg)}.sgx-nav{display:flex;gap:.5rem;overflow-x:auto;padding-block:.25rem;scrollbar-width:none}.sgx-nav::-webkit-scrollbar{display:none}.sgx-nav a{flex:none;border:1px solid var(--line);border-radius:999px;padding:.6rem 1.05rem;background:var(--bg);color:var(--fg);text-decoration:none;font-size:.875rem;font-weight:600;transition:border-color .15s ease}.sgx-nav a:hover{border-color:var(--fg)}.sgx-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,1.3vw,1rem)}@media(min-width:760px){.sgx-cats{grid-template-columns:repeat(3,1fr)}}.sgx-cat{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;text-decoration:none;color:var(--fg);transition:border-color .18s ease,transform .18s ease}.sgx-cat:hover{border-color:var(--fg);transform:translateY(-2px)}.sgx-cat__media{aspect-ratio:1 / 1;background:var(--bg);display:grid;place-items:center;padding:clamp(.75rem,1.8vw,1.5rem);border-bottom:1px solid var(--line)}.sgx-cat__media img{width:100%;height:100%;object-fit:contain;display:block}.sgx-cat__body{padding:clamp(.75rem,1.6vw,1.125rem);display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.sgx-cat__body h3{font-size:clamp(.9375rem,1.4vw,1.0625rem);margin:0;letter-spacing:-.012em;text-transform:none;line-height:1.25}.sgx-cat__n{color:var(--dim);white-space:nowrap}.sgx-chips{display:flex;gap:.45rem;overflow-x:auto;margin-bottom:clamp(.875rem,1.8vw,1.25rem);scrollbar-width:none}.sgx-chips::-webkit-scrollbar{display:none}.sgx-chips a{flex:none;border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;background:var(--bg);color:var(--dim);text-decoration:none;font-size:.8125rem;font-weight:600}.sgx-chips a:hover{color:var(--fg);border-color:var(--fg)}.sgx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,1.3vw,1rem)}@media(min-width:760px){.sgx-grid{grid-template-columns:repeat(4,1fr)}}.sgx-p{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;text-decoration:none;color:var(--fg);transition:border-color .18s ease,transform .18s ease}.sgx-p:hover{border-color:var(--fg);transform:translateY(-2px)}.sgx-p__media{aspect-ratio:1 / 1;background:var(--bg);display:grid;place-items:center;padding:clamp(.6rem,1.4vw,1.125rem)}.sgx-p__media img{width:100%;height:100%;object-fit:contain;display:block}.sgx-p__body{padding:clamp(.7rem,1.4vw,1rem);display:flex;flex-direction:column;gap:.35rem;flex:1;border-top:1px solid var(--line)}.sgx-p__v{color:var(--dim);font-size:.625rem;letter-spacing:.1em}.sgx-p__t{font-size:.875rem;line-height:1.35;margin:0;font-weight:500}.sgx-p__pr{margin-top:auto;padding-top:.5rem;font-weight:700;font-size:.9375rem}.sgx-note{color:var(--dim);font-size:.8125rem;margin:1rem 0 0}.sgx-leer{color:var(--dim);font-size:.875rem;margin:0}.sgx-cad{background:var(--fg);color:var(--bg);border-radius:var(--r);padding:clamp(1.375rem,2.8vw,2.25rem);display:grid;gap:clamp(1.25rem,2.4vw,2rem);align-items:center}@media(min-width:860px){.sgx-cad--refs{grid-template-columns:1.15fr .85fr}}.sgx-cad h2{font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.1;letter-spacing:-.025em;margin:.875rem 0 0;max-width:22ch;text-wrap:balance}.sgx-cad__lead{color:color-mix(in srgb,var(--bg) 74%,transparent);margin:.75rem 0 0;max-width:52ch;font-size:.9375rem}.sgx-cad .sgx-pill{background:transparent;border-color:color-mix(in srgb,var(--bg) 32%,transparent);color:color-mix(in srgb,var(--bg) 76%,transparent)}.sgx-cad__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.125rem}.sgx-cad__tags span{border:1px solid color-mix(in srgb,var(--bg) 26%,transparent);border-radius:999px;padding:.35rem .8rem;font-size:.75rem;color:color-mix(in srgb,var(--bg) 78%,transparent)}.sgx-cad .sgx-actions{margin-top:1.375rem}.sgx-cad .sgx-btn{padding:.8rem 1.5rem}.sgx-cad .sgx-btn--solid{background:var(--bg);color:var(--fg);border-color:var(--bg)}.sgx-cad__refs{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.sgx-ref{border:1px solid color-mix(in srgb,var(--bg) 22%,transparent);border-radius:var(--rs);overflow:hidden;background:color-mix(in srgb,var(--bg) 8%,transparent)}.sgx-ref__m{aspect-ratio:1 / 1}.sgx-ref__m img{width:100%;height:100%;object-fit:cover;display:block}.sgx-ref__b{padding:.5rem .625rem;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 66%,transparent)}.sgx-why{display:grid;gap:clamp(.6rem,1.3vw,1rem)}@media(min-width:640px){.sgx-why{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.sgx-why{grid-template-columns:repeat(4,1fr)}}.sgx-w{background:var(--bg);border:1px solid var(--line);border-radius:var(--rs);padding:clamp(1.1rem,2vw,1.5rem)}.sgx-w svg{width:26px;height:26px;display:block;opacity:.8;margin-bottom:1rem}.sgx-w b{display:block;font-size:.9375rem;letter-spacing:-.01em}.sgx-w p{color:var(--dim);font-size:.875rem;margin:.375rem 0 0}.sgx-end{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.75rem,3.6vw,3.25rem);text-align:center}.sgx-end h2{font-size:clamp(1.625rem,3.6vw,2.75rem);line-height:1.06;letter-spacing:-.03em;margin:1rem auto 0;max-width:22ch;text-wrap:balance}.sgx-end p{color:var(--dim);margin:1rem auto 0;max-width:52ch}.sgx-end .sgx-actions{justify-content:center}@media(prefers-reduced-motion:reduce){.sgx-btn,.sgx-cat,.sgx-p{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sgx-startseite.css.map */