.hm-start{position:relative;background-color:var(--hm-weiss);border-bottom:var(--hm-linie-staerke) solid var(--hm-linie)}.hm-start__raster{display:grid;gap:var(--hm-abstand-l);align-items:center;padding-block:var(--hm-abstand-xl)}@media screen and (max-width:989px){.hm-start__raster{gap:var(--hm-abstand-m);padding-block:var(--hm-abstand-s) var(--hm-abstand-l)}.hm-start__medium{order:-1;display:flex;justify-content:center;min-width:0}.hm-start__medium .hm-medium{display:grid;justify-items:center;align-items:center;width:max-content;max-width:100%;aspect-ratio:auto;background-color:var(--hm-weiss)}.hm-start__medium .hm-medium>img,.hm-start__medium .hm-medium>img.hm-wechsel__nacht{grid-area:1 / 1;position:relative;inset:auto;width:auto;max-width:100%;height:auto;max-height:min(68svh,34rem);object-fit:contain}}@media screen and (max-width:989px)and (max-height:520px)and (orientation:landscape){.hm-start__raster{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--hm-abstand-m);padding-block:var(--hm-abstand-s)}.hm-start__text{gap:var(--hm-abstand-xs)}.hm-start__text h1{font-size:clamp(1.35rem,5.2vh,2.15rem)}.hm-start__medium .hm-medium>img,.hm-start__medium .hm-medium>img.hm-wechsel__nacht{max-height:calc(100svh - var(--hm-kopfhoehe) - var(--hm-abstand-l))}}@media screen and (max-width:749px)and (max-height:520px)and (orientation:landscape){.hm-start__raster{align-items:start;gap:var(--hm-abstand-s)}.hm-start__text{gap:var(--hm-abstand-2xs)}.hm-start__linie{display:none}.hm-start__medium .hm-medium>img,.hm-start__medium .hm-medium>img.hm-wechsel__nacht{max-height:calc(100svh - var(--hm-kopfhoehe) - 5.75rem - env(safe-area-inset-bottom,0px))}}@media screen and (min-width:990px){.hm-start__raster{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--hm-abstand-xl);min-height:calc(100svh - var(--hm-kopfhoehe));padding-block:var(--hm-abstand-l)}}.hm-start__text{display:grid;gap:var(--hm-abstand-m);justify-items:start;max-width:34rem}.hm-start__text>*{min-width:0;max-width:100%}.hm-start__text h1{animation:hm-einblenden .7s cubic-bezier(.22,.61,.36,1) both}.hm-start__medium{position:relative}.hm-start__medium .hm-medium{border-radius:var(--hm-radius-gross)}@media screen and (min-width:990px){.hm-start__medium .hm-medium{aspect-ratio:4 / 5;max-height:calc(100svh - var(--hm-kopfhoehe) - var(--hm-abstand-xl))}}.hm-start__linie{width:3.5rem;height:2px;background-color:var(--hm-akzent)}.hm-start__punkte{display:grid;gap:var(--hm-abstand-2xs);margin:0;padding:0;list-style:none;font-size:.9375rem;color:var(--hm-graphit-weich)}.hm-start__punkte li{display:flex;align-items:baseline;gap:var(--hm-abstand-2xs)}.hm-start__punkte li:before{content:"";flex:0 0 auto;width:.375rem;height:.375rem;border-radius:50%;background-color:var(--hm-akzent)}.hm-start__scrollhinweis{display:none}@media screen and (min-width:990px){.hm-start__scrollhinweis{display:flex;align-items:center;gap:var(--hm-abstand-2xs);font-size:.75rem;letter-spacing:var(--hm-laufweite-weit);text-transform:uppercase;color:var(--hm-graphit-leise)}.hm-start__scrollhinweis:before{content:"";width:2.5rem;height:1px;background-color:var(--hm-linie)}}@keyframes hm-einblenden{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hm-start__text h1{animation:none}}.hm-buehne,.hm-buehne.hm-flaeche-graphit{position:relative;background-color:var(--hm-graphit);--hm-linie-dunkel: #3a3d40;color:var(--hm-weiss)}.hm-buehne__einleitung{display:grid;gap:var(--hm-abstand-s);max-width:44rem;padding-block:var(--hm-abstand-xl) var(--hm-abstand-m)}.hm-buehne__raster{position:relative;display:grid;gap:var(--hm-abstand-l)}.hm-buehne__schritt{display:grid;gap:var(--hm-abstand-s)}.hm-ebene{position:relative;margin:0;border-radius:var(--hm-radius-gross);overflow:hidden;background-color:#23262a;aspect-ratio:3 / 4}.hm-ebene img,.hm-ebene video,.hm-ebene .hm-platzhalter{width:100%;height:100%;object-fit:cover}.hm-ebene__inhalt{width:100%;height:100%;transform:scale(var(--ebene-zoom, 1));transform-origin:var(--ebene-fokus-x, 50%) var(--ebene-fokus-y, 50%);transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}.hm-buehne[data-bereit] .hm-ebene{opacity:0;transition:opacity var(--hm-uebergang-lang)}.hm-buehne[data-bereit] .hm-ebene.ist-aktiv{opacity:1;z-index:2}.hm-buehne[data-bereit] .hm-ebene{pointer-events:none}.hm-buehne[data-bereit] .hm-ebene.ist-aktiv{pointer-events:auto}.hm-ebene__bezeichnung{position:absolute;left:var(--hm-abstand-s);bottom:var(--hm-abstand-s);padding:.35rem .7rem;border-radius:var(--hm-radius-klein);background-color:#1c1e20b8;color:var(--hm-weiss);font-family:var(--hm-schrift-ueberschrift);font-size:.6875rem;letter-spacing:var(--hm-laufweite-weit);text-transform:uppercase}.hm-kapitel{display:grid;gap:var(--hm-abstand-s);align-content:start;min-height:0;padding-block:var(--hm-abstand-m)}@media screen and (max-width:989px){.hm-buehne[data-bereit] .hm-buehne__spur{height:calc(var(--hm-schritte) * (100svh - var(--hm-kopfhoehe)))}.hm-buehne[data-bereit] .hm-buehne__pin{position:sticky;top:var(--hm-kopfhoehe);z-index:2;height:calc(100svh - var(--hm-kopfhoehe));overflow:hidden;background-color:var(--hm-graphit)}.hm-buehne[data-bereit] .hm-buehne__raster{display:flex;gap:0;width:calc(var(--hm-schritte) * 100%);height:100%;transform:translate3d(calc(var(--hm-fortschritt, 0) * (1 - var(--hm-schritte)) / var(--hm-schritte) * 100%),0,0)}.hm-buehne[data-bereit] .hm-buehne__schritt{display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;flex:0 0 calc(100% / var(--hm-schritte));min-width:0;height:100%;padding-bottom:var(--hm-abstand-s)}.hm-buehne[data-bereit] .hm-ebene{position:relative;height:100%;min-height:0;aspect-ratio:auto;opacity:1}.hm-buehne[data-bereit] .hm-ebene img,.hm-buehne[data-bereit] .hm-ebene video,.hm-buehne[data-bereit] .hm-wechsel__nacht{object-fit:contain}.hm-buehne[data-bereit] .hm-kapitel{padding-block:var(--hm-abstand-s) 0;align-content:start}}@media screen and (max-width:749px){.hm-buehne[data-bereit] .hm-buehne__spur{height:calc(var(--hm-schritte) * (100svh - var(--hm-kopfhoehe) - 5.5rem - env(safe-area-inset-bottom,0px)))}.hm-buehne[data-bereit] .hm-buehne__pin{height:calc(100svh - var(--hm-kopfhoehe) - 5.5rem - env(safe-area-inset-bottom,0px))}}.hm-kapitel__zahl{font-family:var(--hm-schrift-ueberschrift);font-size:.75rem;letter-spacing:var(--hm-laufweite-weit);color:#ffffffd1}.hm-kapitel__text{color:#ffffffc2;max-width:38ch}.hm-buehne__abschluss{position:relative;z-index:3;display:grid;gap:var(--hm-abstand-m);justify-items:start;padding-block:var(--hm-abstand-l) var(--hm-abstand-xl);border-top:var(--hm-linie-staerke) solid var(--hm-linie-dunkel)}.hm-buehne__fortschritt{position:absolute;inset-inline:0;bottom:0;height:2px;background-color:#ffffff1f}.hm-buehne__fortschritt span{display:block;height:100%;width:calc(var(--hm-fortschritt, 0) * 100%);background-color:var(--hm-weiss)}@media screen and (min-width:990px){.hm-buehne[data-bereit] .hm-buehne__spur,.hm-buehne[data-bereit] .hm-buehne__pin{display:contents}.hm-buehne[data-bereit] .hm-buehne__raster{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:var(--hm-abstand-xl);grid-template-rows:repeat(var(--hm-schritte),minmax(100svh,auto));gap:0}.hm-buehne[data-bereit] .hm-buehne__schritt{display:contents}.hm-buehne[data-bereit] .hm-ebene{position:sticky;top:var(--hm-kopfhoehe);grid-column:1;grid-row:1 / span var(--hm-schritte);align-self:start;height:calc(100svh - var(--hm-kopfhoehe));aspect-ratio:auto}.hm-buehne[data-bereit] .hm-kapitel{grid-column:2;grid-row:var(--hm-zeile);align-content:center;min-height:100svh;padding-block:var(--hm-abstand-2xl);opacity:.55;transition:opacity var(--hm-uebergang-lang)}.hm-buehne[data-bereit] .hm-kapitel.ist-aktiv{opacity:1}}.hm-buehne:not([data-bereit]) .hm-ebene__inhalt{transform:none}.hm-buehne:not([data-bereit]) .hm-buehne__fortschritt{display:none}@media(prefers-reduced-motion:reduce){.hm-ebene,.hm-ebene__inhalt{transition:none}}.hm-kollektionen__raster{display:grid;gap:var(--hm-abstand-m)}@media screen and (min-width:750px){.hm-kollektionen__raster{display:flex;align-items:flex-start}.hm-kollektion{flex:var(--hm-kartenbreite, 1) 1 0%;min-width:0}}.hm-kollektion{display:grid;gap:var(--hm-abstand-s);text-decoration:none;color:inherit}.hm-kollektion .hm-medium{border-radius:var(--hm-radius)}.hm-kollektion img{transition:transform var(--hm-uebergang-lang)}.hm-kollektion:hover img{transform:scale(1.025)}.hm-kollektion__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hm-abstand-s);min-height:3.5rem;padding-bottom:var(--hm-abstand-2xs);border-bottom:var(--hm-linie-staerke) solid var(--hm-linie)}.hm-kollektion__kopf .hm-titel-s{line-height:1.25;white-space:pre-line}.hm-sektion-kollektionen .hm-abschnittskopf,.hm-sektion-kollektionen .hm-fliesstext{max-width:none}.hm-kollektion__pfeil{flex:0 0 auto;color:var(--hm-akzent);transition:transform var(--hm-uebergang)}.hm-kollektion__pfeil svg{width:1.25rem;height:1.25rem}.hm-kollektion:hover .hm-kollektion__pfeil{transform:translate(4px)}.hm-merkmale{display:grid;gap:var(--hm-abstand-m);margin:var(--hm-abstand-s) 0 0;padding:var(--hm-abstand-l) 0 0;border-top:var(--hm-linie-staerke) solid var(--hm-linie);list-style:none}.hm-merkmal{display:grid;gap:var(--hm-abstand-2xs);align-content:start}.hm-merkmal__wert{margin:0;font-family:var(--hm-schrift-ueberschrift);font-size:1.5rem;line-height:1.2;color:var(--hm-graphit)}.hm-merkmal__text{margin:0;max-width:36ch;font-size:.9375rem;color:var(--hm-graphit-weich)}@media screen and (min-width:750px){.hm-merkmale{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hm-abstand-l)}}.hm-sektion-kollektionen.hm-abschnitt,.hm-sektion-kollektionen>.hm-abschnitt{padding-bottom:var(--hm-abstand-l)}.hm-sektion-kollektionen+.hm-abschnitt,.hm-sektion-kollektionen+.shopify-section>.hm-abschnitt{padding-top:var(--hm-abstand-l)}.hm-auswahlhilfe__raster{display:grid;gap:var(--hm-abstand-m);counter-reset:hm-schritt}.hm-auswahlhilfe__aktion{margin-top:var(--hm-abstand-l)}@media screen and (min-width:750px){.hm-auswahlhilfe__raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--hm-abstand-l)}}.hm-schritt{display:grid;gap:var(--hm-abstand-2xs);padding-top:var(--hm-abstand-s);border-top:2px solid var(--hm-akzent);counter-increment:hm-schritt}.hm-schritt:before{content:counter(hm-schritt,decimal-leading-zero);font-family:var(--hm-schrift-ueberschrift);font-size:.75rem;letter-spacing:var(--hm-laufweite-weit);color:var(--hm-akzent)}.hm-schritt__text{font-size:.9375rem;color:var(--hm-graphit-weich)}.hm-konfiguratorband__innen{display:grid;gap:var(--hm-abstand-m);align-items:center}@media screen and (min-width:990px){.hm-konfiguratorband__innen{grid-template-columns:minmax(0,1fr) auto;gap:var(--hm-abstand-xl)}}.hm-konfiguratorband__hinweis{font-size:.8125rem;color:var(--hm-graphit-leise)}.hm-flaeche-graphit .hm-konfiguratorband__hinweis{color:#ffffff8c}.hm-konfigurator-einbettung{min-height:32rem;border:var(--hm-linie-staerke) solid var(--hm-linie);border-radius:var(--hm-radius);background-color:var(--hm-papier)}.hm-konfigurator-einbettung iframe{display:block;width:100%;min-height:32rem;border:0}.hm-einblendung{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,.61,.36,1)}.hm-einblendung.ist-sichtbar{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.hm-einblendung{opacity:1;transform:none;transition:none}}.no-js .hm-einblendung{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/startseite.css.map */