.spivex-artikel{--ar-marke: var(--bt-akzent, var(--color-primary-button-background));--ar-marke-dunkel: color-mix(in srgb, var(--ar-marke) 82%, var(--color-foreground));--ar-marke-hauch: color-mix(in srgb, var(--ar-marke) 5%, var(--color-background));--ar-marke-zart: color-mix(in srgb, var(--ar-marke) 14%, var(--color-background));--ar-tinte: var(--color-foreground);--ar-gedaempft: rgb(var(--color-foreground-rgb) / .68);--ar-linie: rgb(var(--color-foreground-rgb) / .1);--ar-linie-stark: rgb(var(--color-foreground-rgb) / .18);--ar-flaeche: color-mix(in srgb, var(--color-foreground) 3.5%, var(--color-background));--ar-schatten: 0 1px 2px rgb(var(--color-foreground-rgb) / .04), 0 14px 34px -20px rgb(var(--color-foreground-rgb) / .28);--ar-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--ar-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h11m-4.5-4.5L15 10l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:var(--ar-tinte);font-size:1.0625rem;line-height:1.7}.spivex-artikel>:first-child{margin-top:0}.spivex-artikel p{margin:0 0 1.1em;text-wrap:pretty}.spivex-artikel :is(h2,h3,h4){color:var(--ar-tinte);font-family:var(--font-heading--family, inherit);font-weight:700;letter-spacing:-.01em;text-wrap:balance;scroll-margin-top:110px}.spivex-artikel h2{margin:2.3em 0 .65em;font-size:clamp(1.375rem,1.18rem + .7vw,1.625rem);line-height:1.25}.spivex-artikel h3{margin:1.8em 0 .5em;font-size:1.1875rem;line-height:1.3}.spivex-artikel h4{margin:1.5em 0 .4em;font-size:1.0625rem}.spivex-artikel strong{font-weight:600}.spivex-artikel a{color:var(--ar-marke);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.spivex-artikel a:hover{text-decoration-thickness:2px}.spivex-artikel :is(ul,ol){margin:0 0 1.25em;padding-left:1.3em}.spivex-artikel li{margin:0 0 .5em;padding-left:.2em}.spivex-artikel li::marker{color:var(--ar-marke);font-weight:600}.spivex-artikel img{display:block;max-width:100%;height:auto;margin:1.5em 0;border-radius:14px}.spivex-artikel hr{margin:2.5em 0;border:0;border-top:1px solid var(--ar-linie)}.spivex-artikel blockquote{margin:1.75em 0;padding:16px 20px;border-left:3px solid var(--ar-marke);border-radius:0 12px 12px 0;background:var(--ar-marke-hauch)}.spivex-artikel blockquote>:last-child{margin-bottom:0}.spivex-artikel .spivex-stand{margin-bottom:1.4em;color:var(--ar-gedaempft);font-size:.875rem;line-height:1.5}.spivex-artikel .spivex-fn{margin-left:.1em;font-size:.68em;font-weight:500;line-height:0;vertical-align:super;white-space:nowrap;color:var(--ar-gedaempft)}.spivex-artikel .spivex-fn a{padding:0 .08em;color:inherit;text-decoration:none}.spivex-artikel .spivex-fn a:hover,.spivex-artikel .spivex-fn a:focus-visible{color:var(--ar-marke);text-decoration:underline}.spivex-artikel .spivex-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:18px 0 0}.spivex-artikel .spivex-knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid var(--color-primary-button-border, var(--color-primary-button-background));border-radius:999px;background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.spivex-artikel .spivex-knopf:hover{border-color:var(--color-primary-button-hover-border, var(--color-primary-button-hover-background));background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.spivex-artikel :is(.spivex-knopf,.spivex-textlink):after{content:"";flex:0 0 auto;width:1.05em;height:1.05em;background:currentcolor;-webkit-mask:var(--ar-pfeil) center / contain no-repeat;mask:var(--ar-pfeil) center / contain no-repeat}.spivex-artikel .spivex-textlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ar-marke);font-weight:600;text-decoration:none}.spivex-artikel .spivex-textlink:hover{text-decoration:underline;text-underline-offset:.2em}.spivex-artikel :is(.spivex-knopf,.spivex-textlink,summary,.spivex-weiterlesen a):focus-visible{outline:2px solid var(--ar-marke);outline-offset:3px}.spivex-artikel .spivex-kurz{position:relative;margin:1.6em 0 2.4em;padding:22px 24px 24px;border:1px solid var(--ar-marke-zart);border-radius:16px;background:var(--ar-marke-hauch)}.spivex-artikel .spivex-kurz__titel{margin:0 0 .7em;color:var(--ar-marke);font-size:.8125rem;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.spivex-artikel :is(.spivex-kurz,.spivex-produktkasten) ul{margin:0;padding:0;list-style:none}.spivex-artikel :is(.spivex-kurz,.spivex-produktkasten) li{position:relative;margin:0 0 .6em;padding-left:1.75em;line-height:1.6}.spivex-artikel :is(.spivex-kurz,.spivex-produktkasten) li:last-child{margin-bottom:0}.spivex-artikel :is(.spivex-kurz,.spivex-produktkasten) li:before{content:"";position:absolute;top:.3em;left:0;width:1.1em;height:1.1em;border-radius:50%;background:var(--ar-marke);-webkit-mask:var(--ar-haken) center / 82% no-repeat;mask:var(--ar-haken) center / 82% no-repeat}@media screen and (min-width:750px){.spivex-artikel--vexi .spivex-kurz{padding-right:128px}.spivex-artikel--vexi .spivex-kurz:after{content:"";position:absolute;right:22px;bottom:18px;width:88px;height:130px;background:var(--bt-vexi) center bottom / contain no-repeat;pointer-events:none}}.spivex-artikel .spivex-produktkasten{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:24px;margin:2.2em 0 2.4em;padding:24px 26px;border:1px solid var(--ar-linie-stark);border-radius:18px;background:var(--color-background);box-shadow:var(--ar-schatten)}.spivex-artikel .spivex-produktkasten~.spivex-produktkasten{border-color:var(--ar-marke-zart);background:var(--ar-marke-hauch)}.spivex-artikel--produktbild .spivex-produktkasten{grid-template-columns:128px minmax(0,1fr)}.spivex-artikel--produktbild .spivex-produktkasten:before{content:"";grid-row:1 / span 6;grid-column:1;align-self:center;width:100%;aspect-ratio:1;border-radius:14px;background:var(--color-background) var(--bt-produktbild) center / 112% no-repeat;box-shadow:inset 0 0 0 1px var(--ar-linie)}.spivex-artikel--produktbild .spivex-produktkasten>*{grid-column:2}.spivex-artikel .spivex-produktkasten>p{margin:0 0 .6em;font-size:1rem;line-height:1.6}.spivex-artikel .spivex-produktkasten>ul{margin:.2em 0 0;font-size:1rem}.spivex-artikel .spivex-produktkasten>:last-child{margin-bottom:0}.spivex-artikel .spivex-produktkasten>.spivex-knoepfe{margin:20px 0 0}.spivex-artikel .spivex-produktkasten .spivex-produktkasten__kopf{margin:0 0 .55em;line-height:1.3}.spivex-artikel .spivex-produktkasten__name{display:block;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.spivex-artikel .spivex-produktkasten__preis{display:block;margin-top:2px;color:var(--ar-marke);font-size:1rem;font-weight:600}.spivex-artikel .spivex-tabelle{margin:1.4em 0 1.8em;overflow-x:auto;border:1px solid var(--ar-linie-stark);border-radius:14px;background:var(--color-background);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}@media screen and (min-width:1000px){.spivex-artikel .spivex-tabelle:has(tr>:nth-child(3)){margin-inline:-48px}}.spivex-artikel .spivex-tabelle:focus-visible{outline:2px solid var(--ar-marke);outline-offset:2px}.spivex-artikel table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:.9375rem;line-height:1.5}.spivex-artikel>table{margin:1.4em 0 1.8em;overflow:hidden;border:1px solid var(--ar-linie-stark);border-radius:14px}.spivex-artikel :is(th,td){padding:13px 16px;border:0;text-align:left;vertical-align:top;background:var(--color-background)}.spivex-artikel :is(th,td)>p{margin:0}.spivex-artikel thead th,.spivex-artikel table:not(:has(thead)) tr:first-child>th{border-bottom:1px solid var(--ar-marke-zart);background:var(--ar-marke-hauch);color:var(--ar-marke-dunkel);font-size:.8125rem;font-weight:700;letter-spacing:.06em;line-height:1.35;text-transform:uppercase;white-space:nowrap}.spivex-artikel tbody tr+tr>*{border-top:1px solid var(--ar-linie)}.spivex-artikel tbody tr:nth-child(2n)>td{background:var(--ar-flaeche)}.spivex-artikel tbody td:first-child,.spivex-artikel tbody td:first-child a{font-weight:600}.spivex-artikel :is(th,td):not(:last-child){border-right:1px solid var(--ar-linie)}.spivex-artikel thead th:not(:last-child){border-right-color:var(--ar-marke-zart)}.spivex-artikel .spivex-faq{margin:.4em 0 2.2em;border-top:1px solid var(--ar-linie-stark)}.spivex-artikel .spivex-faq__frage{border-bottom:1px solid var(--ar-linie-stark)}.spivex-artikel .spivex-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 2px;cursor:pointer;font-size:1.0625rem;font-weight:600;line-height:1.4;list-style:none}.spivex-artikel .spivex-faq summary::-webkit-details-marker{display:none}.spivex-artikel .spivex-faq summary:after{content:"";flex:0 0 30px;height:30px;border-radius:50%;background:linear-gradient(var(--ar-marke),var(--ar-marke)) center / 12px 2px no-repeat,linear-gradient(var(--ar-marke),var(--ar-marke)) center / 2px 12px no-repeat,var(--ar-marke-hauch);transition:background-color .2s ease}.spivex-artikel .spivex-faq [open]>summary:after{background:linear-gradient(var(--ar-marke),var(--ar-marke)) center / 12px 2px no-repeat,var(--ar-marke-zart)}.spivex-artikel .spivex-faq summary:hover{color:var(--ar-marke)}.spivex-artikel .spivex-faq__antwort{padding:0 46px 18px 2px}.spivex-artikel .spivex-faq__antwort>:last-child{margin-bottom:0}.spivex-artikel .spivex-weiterlesen{margin:2.6em 0 0}.spivex-artikel .spivex-weiterlesen__titel{margin:0 0 .8em;color:var(--ar-gedaempft);font-size:.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.spivex-artikel .spivex-weiterlesen ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin:0;padding:0;list-style:none}.spivex-artikel .spivex-weiterlesen li{margin:0;padding:0}.spivex-artikel .spivex-weiterlesen a{display:flex;align-items:center;justify-content:space-between;gap:14px;height:100%;padding:15px 16px 15px 18px;border:1px solid var(--ar-linie-stark);border-radius:14px;background:var(--color-background);color:var(--ar-tinte);font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.spivex-artikel .spivex-weiterlesen a:after{content:"";flex:0 0 auto;width:18px;height:18px;background:var(--ar-marke);-webkit-mask:var(--ar-pfeil) center / contain no-repeat;mask:var(--ar-pfeil) center / contain no-repeat}.spivex-artikel .spivex-weiterlesen a:hover{border-color:var(--ar-marke);background:var(--ar-marke-hauch)}.spivex-artikel .spivex-quellen{margin-top:2.8em;padding-top:1.4em;border-top:1px solid var(--ar-linie);color:var(--ar-gedaempft);font-size:.8125rem;line-height:1.55}.spivex-artikel .spivex-quellen h2{margin:0 0 .9em;color:var(--ar-gedaempft);font-size:.8125rem;letter-spacing:.09em;text-transform:uppercase}.spivex-artikel .spivex-quellen :is(ol,ul){margin:0;padding-left:1.6em}.spivex-artikel .spivex-quellen li{margin:0 0 .45em;padding-left:.15em;overflow-wrap:anywhere;scroll-margin-top:120px}.spivex-artikel .spivex-quellen li::marker{color:var(--ar-gedaempft);font-weight:500}.spivex-artikel .spivex-quellen li:target{color:var(--ar-tinte)}.spivex-artikel .spivex-quellen a{color:inherit;text-decoration-color:rgb(var(--color-foreground-rgb) / .3)}.spivex-artikel .spivex-quellen a:hover{color:var(--ar-marke)}@media screen and (max-width:749px){.spivex-artikel{font-size:1.03rem;line-height:1.65}.spivex-artikel h2{margin-top:2em}.spivex-artikel .spivex-kurz{padding:18px 16px 20px}.spivex-artikel :is(.spivex-kurz,.spivex-produktkasten) li{padding-left:1.55em}.spivex-artikel .spivex-produktkasten{padding:18px}.spivex-artikel--produktbild .spivex-produktkasten{grid-template-columns:88px minmax(0,1fr);column-gap:16px}.spivex-artikel--produktbild .spivex-produktkasten:before{grid-row:1;align-self:start;border-radius:12px}.spivex-artikel--produktbild .spivex-produktkasten>*{grid-column:1 / -1}.spivex-artikel--produktbild .spivex-produktkasten>.spivex-produktkasten__kopf{grid-column:2;align-self:center;margin-bottom:14px}.spivex-artikel .spivex-produktkasten__name{font-size:1.125rem}.spivex-artikel .spivex-produktkasten .spivex-knoepfe,.spivex-artikel .spivex-kurz .spivex-knoepfe{justify-content:center;gap:6px 18px}.spivex-artikel :is(.spivex-produktkasten,.spivex-kurz) .spivex-knopf{flex:1 1 100%}.spivex-artikel table{font-size:.875rem}.spivex-artikel>table{display:block;overflow-x:auto}.spivex-artikel :is(th,td){padding:11px 12px}.spivex-artikel table:has(tr>:nth-child(3)){min-width:34rem}.spivex-artikel table:has(tr>:nth-child(3)) :is(th,td):first-child{position:sticky;left:0;z-index:1;width:8rem;min-width:8rem;max-width:8rem;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;box-shadow:4px 0 8px -6px rgb(var(--color-foreground-rgb) / .35)}.spivex-artikel .spivex-faq summary{padding:16px 0;font-size:1rem}.spivex-artikel .spivex-faq__antwort{padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/spivex-artikel.css.map */