:root{--c-schiefer: #1c2023;--c-schiefer-tief: #14171a;--c-schiefer-hoch: #262b2f;--c-schiefer-linie: #3a4146;--c-schiefer-linie-stark: #6e787f;--c-papier: #f5f3ee;--c-papier-tief: #ebe7df;--c-weiss: #fff;--c-linie: #d8d3c9;--c-linie-stark: #7d776c;--c-text-gedaempft: #5a6066;--c-text-hell-gedaempft: #a9b0b5;--c-silber: #c8cdd0;--c-teal: #47948a;--c-teal-dunkel: #2b6d64;--c-rot: #e9534e;--c-schiefer-hover: #33393e;--c-papier-hover: #dce0e2;--c-gruen: #2e6b45;--c-gruen-hell: #7cc49b;--c-fehler: #a3302f;--c-fehler-hell: #f2938d;--texture-slate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), repeating-linear-gradient(118deg, rgb(255 255 255 / .014) 0 1px, transparent 1px 11px), repeating-linear-gradient(31deg, rgb(255 255 255 / .01) 0 1px, transparent 1px 37px);--color-page: var(--c-papier);--color-surface: var(--c-papier-tief);--color-surface-alt: var(--c-weiss);--color-ink: var(--c-schiefer);--color-ink-muted: var(--c-text-gedaempft);--color-line: var(--c-linie);--color-accent: var(--c-schiefer);--color-accent-ink: var(--c-papier);--color-accent-hover: var(--c-schiefer-hover);--color-accent-2: var(--c-teal);--color-focus: var(--c-teal-dunkel);--color-success: var(--c-gruen);--color-danger: var(--c-fehler);--font-display: "Oswald", "Oswald Fallback", "Bahnschrift Condensed", "Arial Narrow", sans-serif;--font-body: "Source Sans 3", "Source Sans 3 Fallback", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-body: 1.125rem;--fs-small: 1.0625rem;--fs-h1: clamp(2.375rem, 1.85rem + 2.25vw, 4rem);--fs-h2: clamp(1.875rem, 1.55rem + 1.4vw, 2.875rem);--fs-h3: clamp(1.375rem, 1.27rem + .45vw, 1.75rem);--radius-button: 0;--radius-card: 0;--space-section: clamp(3.5rem, 2.4rem + 4.4vw, 7rem);--container: 82.5rem;--color-line-strong: var(--c-linie-stark);--color-stage: var(--c-schiefer);--color-stage-deep: var(--c-schiefer-tief);--color-silver: var(--c-silber);--color-overlay: rgb(10 12 13 / .6);--band-schuerze: var(--c-rot);--band-ringe: var(--c-teal);--band-ink: var(--c-schiefer-tief);--fs-display: clamp(2.75rem, 1.9rem + 3.6vw, 5.25rem);--fs-h4: 1.25rem;--fs-label: 1rem;--fs-lead: 1.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--gutter: 1rem;--tap-target: 2.75rem;--button-height: 3rem;--container-narrow: 46rem;--container-wide: 90rem;--header-height: 4rem;--shadow-card: 0 1px 0 rgb(28 32 35 / .06), 0 12px 32px -18px rgb(28 32 35 / .35);--duration-fast: .15s;--duration-base: .25s;--ease: cubic-bezier(.2, .7, .2, 1);--z-header: 20;--z-sticky: 30;--z-dialog: 100}@media(min-width:40em){:root{--gutter: 1.5rem}}@media(min-width:73.75em){:root{--gutter: 2.5rem;--header-height: 4.75rem}}.scheme-surface{--color-page: var(--c-papier-tief);--color-surface: var(--c-papier);--color-surface-alt: var(--c-weiss)}.scheme-dark{--color-page: var(--c-schiefer);--color-surface: var(--c-schiefer-hoch);--color-surface-alt: var(--c-schiefer-tief);--color-ink: var(--c-papier);--color-ink-muted: var(--c-text-hell-gedaempft);--color-line: var(--c-schiefer-linie);--color-line-strong: var(--c-schiefer-linie-stark);--color-accent: var(--c-papier);--color-accent-ink: var(--c-schiefer);--color-accent-hover: var(--c-papier-hover);--color-focus: var(--c-teal);--color-success: var(--c-gruen-hell);--color-danger: var(--c-fehler-hell);--shadow-card: none}.scheme-default,.scheme-surface,.scheme-dark{background-color:var(--color-page);color:var(--color-ink)}.scheme-dark{background-image:var(--texture-slate)}:root{--band-color: var(--band-ringe)}.band--schuerze{--band-color: var(--band-schuerze)}.band--ringe,.band--pinsel{--band-color: var(--band-ringe)}.band-tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:var(--space-2);padding:.4rem .75rem .35rem;background:var(--band-color);color:var(--band-ink);font:600 var(--fs-label) / 1.1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.band-strip{display:block;height:.625rem;background:var(--band-color)}.band-rail{border-inline-start:.5rem solid var(--band-color)}.band-edge{box-shadow:inset 0 -.25rem 0 var(--band-color)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + 1rem)}html:has(dialog[open]:modal){overflow:hidden}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--color-page);color:var(--color-ink);font:400 var(--fs-body) / 1.6 var(--font-body);overflow-x:clip;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1 0 auto}main:focus{outline:none}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,video{display:block;max-width:100%;height:auto}svg{flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}table{border-collapse:collapse}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--c-teal);color:var(--c-schiefer-tief)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,.h-display,.h1,.h2,.h3,.h4{font-family:var(--font-display);font-weight:500;color:var(--color-ink);letter-spacing:.005em;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}.h-display{font-size:var(--fs-display);font-weight:600;line-height:1.02;text-transform:uppercase;letter-spacing:.01em}h1,.h1{font-size:var(--fs-h1);line-height:1.08}h2,.h2{font-size:var(--fs-h2);line-height:1.12}h3,.h3{font-size:var(--fs-h3);line-height:1.2}h4,.h4{font-size:var(--fs-h4);line-height:1.3}p{text-wrap:pretty}.eyebrow,.label{display:block;font:500 var(--fs-label) / 1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted)}.text-caps{text-transform:uppercase;letter-spacing:.06em}.text-lead,.text-lg{font-size:var(--fs-lead);line-height:1.55}.text-sm,.text-small,.text-xs{font-size:var(--fs-small);line-height:1.5}.text-muted{color:var(--color-ink-muted)}.text-center{text-align:center}.text-left{text-align:left}.nowrap{white-space:nowrap}a{color:var(--color-ink);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.link{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;background:none;border:0;padding:0;font:inherit;cursor:pointer}.link:hover{text-decoration-thickness:2px}.rte>*+*{margin-block-start:1em}.rte>:first-child{margin-block-start:0}.rte h2,.rte h3,.rte h4{margin-block-start:1.5em}.rte ul,.rte ol{padding-inline-start:1.25em}.rte li+li{margin-block-start:.375em}.rte table{width:100%;font-size:var(--fs-small)}.rte th,.rte td{padding:.625rem .75rem;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.rte th{font-weight:600}.rte blockquote{padding-inline-start:var(--space-4);border-inline-start:4px solid var(--band-color)}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.container--wide{max-width:calc(var(--container-wide) + 2 * var(--gutter))}.container--narrow{max-width:calc(var(--container-narrow) + 2 * var(--gutter))}.section{padding-block:var(--space-section)}.section--tight{padding-block:var(--space-6)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-3))}.grid{display:grid;gap:var(--grid-gap, var(--space-6)) var(--grid-gap-x, var(--space-4));grid-template-columns:repeat(var(--grid-cols, 1),minmax(0,1fr))}.grid--mobile-2{--grid-cols: 2}@media(min-width:40em){.grid--2,.grid--3,.grid--4{--grid-cols: 2}.grid{--grid-gap-x: var(--space-5)}}@media(min-width:56.25em){.grid--3{--grid-cols: 3}.grid--4{--grid-cols: 4}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:var(--space-2);left:var(--space-4);z-index:calc(var(--z-dialog) + 1);padding:.75rem 1.25rem;background:var(--c-papier);color:var(--c-schiefer);font-weight:600;text-decoration:none;transform:translateY(-300%)}.skip-link:focus{transform:none;outline-color:var(--c-teal-dunkel)}.divider{border:0;border-top:1px solid var(--color-line);margin-block:var(--space-6)}.icon{display:inline-block;flex:none;vertical-align:middle}.button{--btn-bg: var(--color-accent);--btn-fg: var(--color-accent-ink);--btn-border: var(--color-accent);--btn-edge: var(--color-accent-2);display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:var(--button-height);padding:.6rem 1.5rem .45rem;border:2px solid var(--btn-border);border-bottom:4px solid var(--btn-edge);border-radius:var(--radius-button);background:var(--btn-bg);color:var(--btn-fg);font:500 1.1875rem / 1.15 var(--font-display);letter-spacing:.02em;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.button:hover{--btn-bg: var(--color-accent-hover);--btn-border: var(--color-accent-hover);color:var(--btn-fg)}.button--secondary{--btn-bg: transparent;--btn-fg: var(--color-ink);--btn-border: var(--color-ink);--btn-edge: var(--color-ink)}.button--secondary:hover{--btn-bg: var(--color-ink);--btn-fg: var(--color-page);--btn-border: var(--color-ink);--btn-edge: var(--color-ink)}.button--link{--btn-bg: transparent;--btn-border: transparent;--btn-edge: transparent;--btn-fg: var(--color-ink);min-height:var(--tap-target);padding-inline:0;font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.button--link:hover{--btn-bg: transparent;--btn-border: transparent;text-decoration-thickness:2px}.button--full{width:100%}.button--sm{min-height:var(--tap-target);padding:.45rem 1.125rem .3rem;font-size:1.0625rem}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.button .icon{width:1.375rem;height:1.375rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:var(--tap-target);min-height:var(--tap-target);padding:0;border:0;background:transparent;color:var(--color-ink);text-decoration:none;cursor:pointer}.icon-button:hover{color:var(--color-ink-muted)}.field{display:grid;gap:.375rem}.field__label{font-size:var(--fs-small);font-weight:600;color:var(--color-ink)}.field__input,.select{width:100%;min-height:var(--button-height);padding:.65rem .9rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-button);background-color:var(--color-surface-alt);color:var(--color-ink);font-size:var(--fs-body)}textarea.field__input{min-height:8rem;resize:vertical}.field__input::placeholder{color:var(--color-ink-muted);opacity:1}.field__input:hover,.select:hover{border-color:var(--color-ink)}.field__input[aria-invalid=true]{border:2px solid var(--color-danger)}.field__hint{font-size:var(--fs-small);line-height:1.5;color:var(--color-ink-muted)}.field__error{display:flex;align-items:flex-start;gap:.375rem;font-size:var(--fs-small);color:var(--color-danger)}.field__required{color:var(--color-danger)}.select{-webkit-appearance:none;appearance:none;padding-inline-end:2.75rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1.3rem) 55%,calc(100% - .95rem) 55%;background-size:.35rem .35rem;background-repeat:no-repeat}.checkbox{display:flex;align-items:flex-start;gap:.75rem;min-height:var(--tap-target);font-size:var(--fs-small);cursor:pointer}.checkbox input{flex:none;width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--color-ink)}.accordion{border-block-end:1px solid var(--color-line)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--tap-target);padding-block:var(--space-4);font-weight:600;list-style:none;cursor:pointer}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:after{content:"";flex:none;width:.55rem;height:.55rem;margin-inline-end:.3rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform var(--duration-base) var(--ease)}.accordion[open]>.accordion__summary:after{transform:translateY(25%) rotate(-135deg)}.accordion__content{padding-block-end:var(--space-5)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem .25rem;background:var(--color-surface);color:var(--color-ink);font:500 var(--fs-label) / 1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.badge--soldout{background:var(--color-ink);color:var(--color-page)}.badge--brand{background:var(--band-color);color:var(--band-ink)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-inline-start:4px solid var(--band-color);background:var(--color-surface-alt);color:var(--color-ink);font-size:var(--fs-small);line-height:1.5}.notice>.icon{margin-top:.15rem}.notice--cool{background:var(--color-surface)}.notice--warning{border-inline-start-color:var(--color-danger)}.notice--warning>.icon{color:var(--color-danger)}.notice .stack{--stack-gap: var(--space-2)}.list-check{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.list-check>li{position:relative;padding-inline-start:1.75rem}.list-check>li:before{content:"";position:absolute;left:.2rem;top:.45em;width:.85rem;height:.45rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.media{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface)}.media>img,.media>svg,.media>video{display:block;width:100%;height:100%;object-fit:cover}.media--contain>img{object-fit:contain}.media--square{aspect-ratio:1}.media--portrait{aspect-ratio:4 / 5}.media--landscape{aspect-ratio:3 / 2}.media__caption{position:absolute;inset:auto 0 0 auto;padding:.2rem .5rem;background:var(--c-schiefer-tief);color:var(--c-papier);font-size:var(--fs-small);line-height:1.4}.placeholder-svg{display:block;width:100%;height:100%;background:var(--color-surface);color:var(--color-line-strong);fill:currentColor}.tag-pending{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .5rem;border:1px dashed var(--color-danger);color:var(--color-danger);font-size:var(--fs-small);font-weight:600;line-height:1.5}.drawer,.dialog{max-width:none;max-height:none;padding:0;border:0;background-color:var(--color-page);color:var(--color-ink)}.drawer::backdrop,.dialog::backdrop{background:var(--color-overlay)}.drawer{position:fixed;inset:0 auto 0 0;width:min(24rem,calc(100vw - 2.5rem));height:100%;height:100dvh;margin:0;flex-direction:column;transform:translate(-100%);transition:transform var(--duration-base) var(--ease),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}.drawer[open]{display:flex;transform:none}.drawer--right{inset:0 0 0 auto;transform:translate(100%)}@starting-style{.drawer[open]{transform:translate(-100%)}.drawer--right[open]{transform:translate(100%)}}.drawer__header,.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);border-bottom:1px solid var(--color-line)}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5)}.drawer__footer{padding:var(--space-5);border-top:1px solid var(--color-line);background-color:var(--color-page)}.dialog{width:min(40rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;box-shadow:var(--shadow-card);overflow:auto;overscroll-behavior:contain}.dialog--top{margin-top:clamp(1rem,8vh,5rem)}.dialog__body{padding:var(--space-5)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */