.x-home__h2{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--step-h2);line-height:var(--line-height-heading);margin:0 0 var(--space-6);text-wrap:balance}.x-hero{background:var(--color-paper)}.x-hero__inner{display:grid;gap:var(--space-8);align-items:center;padding-block:var(--section-padding-block);grid-template-columns:1fr}@media(min-width:768px){.x-hero__inner{grid-template-columns:7fr 5fr}}.x-hero__h1{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--step-h1);line-height:var(--line-height-heading);margin:0 0 var(--space-4);text-wrap:balance;animation:x-hero-fade var(--duration-hero) var(--easing-standard) both}.x-hero__subline{max-width:var(--measure);color:var(--color-stone);font-size:var(--step-0);line-height:var(--line-height-body);margin:0 0 var(--space-6)}.x-hero__cta{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.x-hero__textlink{color:var(--color-amber-deep)}.x-hero__flaeche{background:var(--color-ink);border-radius:var(--radius-card);aspect-ratio:4 / 5;max-height:55vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(ellipse at 30% 20%,rgb(180 118 42 / 35%),transparent 60%)}.x-hero__bild{width:100%;height:100%;object-fit:cover}.x-hero__emblem{width:60%;height:auto;opacity:.9}@media(max-width:767px){.x-hero__inner{grid-template-columns:1fr;padding-top:0}.x-hero__flaeche{order:-1;width:100vw;margin-left:calc(50% - 50vw);border-radius:0;aspect-ratio:4 / 3;max-height:60vh}.x-hero__subline{font-size:1.6rem}}@keyframes x-hero-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.x-hero__h1{animation:none}}.x-familien{padding-block:var(--section-padding-block)}.x-familien__grid{display:grid;gap:var(--layout-gutter);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.x-familien__grid{grid-template-columns:repeat(4,1fr)}.x-familien__kachel--gross{grid-column:span 2}}.x-familien__kachel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-1);min-height:160px;padding:var(--space-4);border-radius:var(--radius-card);text-decoration:none;color:#fff;background:color-mix(in srgb,var(--familien-farbe) 38%,var(--color-paper));border:1px solid color-mix(in srgb,var(--familien-farbe) 55%,var(--color-border))}.x-familien__bild{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-hover) var(--easing-standard)}.x-familien__kachel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#17150fb8,#17150f47 45%,#17150f00 70%)}.x-familien__kachel--gross{min-height:220px}.x-familien__kachel:hover .x-familien__bild{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.x-familien__bild{transition:none}.x-familien__kachel:hover .x-familien__bild{transform:none}}.x-familien__kachel:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.x-familien__name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:2rem;text-shadow:0 1px 2px rgba(0,0,0,.35)}.x-familien__zeile{font-size:1.3rem;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.35)}.x-sets{padding-block:var(--section-padding-block)}.x-sets__grid{display:grid;gap:var(--layout-gutter);grid-template-columns:1fr}@media(min-width:768px){.x-sets__grid{grid-template-columns:repeat(3,1fr)}}.x-sets__karte{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-card);padding:var(--space-4);text-decoration:none;color:var(--color-ink)}.x-sets__karte:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.x-sets__bild{width:100%;height:auto;border-radius:2px}.x-sets__platzhalter{aspect-ratio:4 / 5}.x-sets__name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:1.8rem}.x-sets__meta{font-size:1.4rem;color:var(--color-stone);font-variant-numeric:tabular-nums}.x-sets__leer{color:var(--color-stone)}.x-transparenz{padding-block:var(--section-padding-block)}.x-transparenz__spalten{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:768px){.x-transparenz__spalten{grid-template-columns:repeat(3,1fr)}}.x-transparenz__spalte h3{font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:1.6rem;margin:0 0 var(--space-2)}.x-transparenz__spalte p{margin:0;color:var(--color-stone);line-height:var(--line-height-body);font-size:1.5rem}.x-faq{padding-block:var(--section-padding-block)}.x-faq__liste{max-width:var(--measure)}.x-quiz{max-width:64rem;margin:0 auto;padding-block:var(--section-padding-block)}.x-quiz__fortschritt{height:4px;background:var(--color-border);border-radius:2px;margin-bottom:var(--space-8);overflow:hidden}.x-quiz__fortschritt-balken{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-amber));width:20%;transition:width var(--duration-hover) var(--easing-standard)}.x-quiz__frage{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--step-h2);margin:0 0 var(--space-6);text-wrap:balance}.x-quiz__optionen{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.x-quiz__option{min-height:var(--touch-target-min);padding:var(--space-4);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--step-0);cursor:pointer}.x-quiz__option[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.x-quiz__option:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.x-quiz__weiter{margin-top:var(--space-8);display:flex;justify-content:space-between;gap:var(--space-4)}.x-quiz__ergebnisse{display:grid;gap:var(--layout-gutter);grid-template-columns:1fr;margin-top:var(--space-8)}@media(min-width:768px){.x-quiz__ergebnisse{grid-template-columns:repeat(3,1fr)}}.x-quiz__begruendung{font-size:1.4rem;color:var(--color-stone);margin:var(--space-2) 0 0}.x-schritte{padding-block:var(--section-padding-block)}.x-schritte__liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--layout-gutter);grid-template-columns:1fr}@media(min-width:768px){.x-schritte__liste{grid-template-columns:repeat(3,1fr)}}.x-schritte__schritt{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper)}.x-schritte__nummer{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:3.2rem;line-height:1;color:var(--color-amber-deep)}.x-schritte__h3{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:1.8rem;margin:0}.x-schritte__text{margin:0;color:var(--color-stone);font-size:1.5rem;line-height:var(--line-height-body)}.x-quiz__h1{font-family:var(--font-body);font-size:1.3rem;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-signature);text-transform:uppercase;color:var(--color-stone);margin:0 0 var(--space-2)}.x-quiz__ergebnisse{display:grid;gap:var(--layout-gutter);grid-template-columns:1fr}@media(min-width:990px){.x-quiz__ergebnisse{grid-template-columns:repeat(3,1fr)}}.x-quiz__ergebnisse .x-product-card__media{max-height:260px;aspect-ratio:auto}.x-quiz__ergebnisse .x-product-card__bild{object-fit:contain;max-height:260px}@media(min-width:990px){.x-quiz__ergebnisse .x-product-card__media,.x-quiz__ergebnisse .x-product-card__bild{max-height:340px}}.x-quiz:has(.x-quiz__ergebnisse){max-width:120rem}.x-button--hell{background:var(--color-text-hell);color:var(--color-ink);font-size:1.5rem}.x-button--hell:hover{background:var(--color-paper)}.x-vertrauen{background:var(--color-taupe)}.x-vertrauen__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-6);padding-block:var(--space-6)}@media(min-width:990px){.x-vertrauen__inner{grid-template-columns:repeat(4,1fr)}}.x-vertrauen__punkt{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.4}.x-vertrauen__icon{flex-shrink:0;width:28px;height:28px;color:var(--color-gold)}.x-vertrauen__icon svg{width:100%;height:100%}.x-finder-buehne{background:var(--color-burgund);color:var(--color-text-hell)}.x-finder-buehne__inner{display:grid;gap:var(--space-8);padding-block:var(--section-padding-block);align-items:center}@media(min-width:990px){.x-finder-buehne__inner{grid-template-columns:7fr 5fr}}.x-finder-buehne__eyebrow{margin:0 0 var(--space-2);font-size:1.3rem;letter-spacing:var(--letter-spacing-signature);text-transform:uppercase;color:var(--color-gold)}.x-finder-buehne__h2{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--step-h2);line-height:var(--line-height-heading);margin:0 0 var(--space-4);text-wrap:balance}.x-finder-buehne__sub{max-width:var(--measure);font-size:1.6rem;line-height:var(--line-height-body);margin:0 0 var(--space-6);color:var(--color-text-hell)}.x-finder-buehne__schritte{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);counter-reset:schritt}.x-finder-buehne__schritte li{counter-increment:schritt;display:flex;align-items:center;gap:var(--space-3);font-size:1.6rem;padding:var(--space-3) var(--space-4);border:1px solid rgba(255,249,240,.25);border-radius:var(--radius-card)}.x-finder-buehne__schritte li:before{content:counter(schritt);font-family:var(--font-display);font-weight:var(--font-weight-semibold);color:var(--color-gold);min-width:2rem}.x-auswahl{padding-block:var(--section-padding-block)}.x-auswahl__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.x-auswahl__grid{display:grid;gap:var(--layout-gutter);grid-template-columns:repeat(2,1fr)}@media(min-width:990px){.x-auswahl__grid{grid-template-columns:repeat(4,1fr)}}.x-ueberuns{padding-block:var(--section-padding-block);display:grid;gap:var(--space-8);align-items:center}@media(min-width:990px){.x-ueberuns{grid-template-columns:5fr 7fr}}.x-ueberuns__bildflaeche{border-radius:var(--radius-card);overflow:hidden}.x-ueberuns__bild{width:100%;height:auto;display:block}.x-ueberuns__platzhalter{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:var(--color-taupe)}.x-ueberuns__platzhalter img{opacity:.55}.x-ueberuns__text p{max-width:var(--measure);font-size:1.6rem;line-height:var(--line-height-body);margin:0 0 var(--space-6)}.x-transparenz--dunkel{background:var(--color-ink);color:var(--color-text-hell)}.x-transparenz--dunkel .x-home__h2{color:var(--color-text-hell)}.x-transparenz--dunkel .x-transparenz__spalte h3{color:var(--color-gold);font-size:1.6rem}.x-transparenz--dunkel .x-transparenz__spalte p{color:#fff9f0d9;font-size:1.6rem}.x-hero__suche{display:flex;gap:var(--space-2);margin:0 0 var(--space-6);max-width:48rem}.x-hero__suche-feld{flex:1;min-height:var(--touch-target-min);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-button);font-family:var(--font-body);font-size:1.6rem;background:var(--color-surface);color:var(--color-text)}.x-hero__suche-feld:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.x-hero__suche-knopf{font-size:1.5rem}.x-faq__cta{margin-top:var(--space-6)}.x-faqseite{padding-block:var(--section-padding-block);max-width:83.2rem}.x-faqseite__h1{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--step-h1);margin:0 0 var(--space-4)}.x-faqseite__filter{width:100%;max-width:44.8rem;min-height:var(--touch-target-min);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-button);font-family:var(--font-body);font-size:1.6rem;background:var(--color-surface);margin-bottom:var(--space-8)}.x-faqseite__filter:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.x-faqseite__h2{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:2.2rem;margin:var(--space-8) 0 var(--space-3)}.x-faqseite__leer{color:var(--color-stone)}.x-quiz__laden{display:grid;gap:var(--space-3)}.x-quiz__laden-balken{height:5.2rem;border-radius:var(--radius-button);background:linear-gradient(90deg,var(--color-border) 25%,var(--color-paper) 50%,var(--color-border) 75%);background-size:200% 100%;animation:x-skeleton 1.2s ease-in-out infinite}@keyframes x-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.x-quiz__laden-balken{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/x-home.css.map */