.konf { --konf-sticky: calc(var(--header-top) * 0.66 + var(--header-h-condensed) + 0.5rem); }
.konf-kopf { padding-bottom: clamp(2rem, 1rem + 3vw, 3.5rem); }
.konf-kopf__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(2rem, 1rem + 3vw, 4rem);
  align-items: end;
}
@media (min-width: 1024px) {
  .konf-kopf__inner { grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.85fr); }
}
.konf-kopf__titel {
  max-width: 24ch;
  font-size: clamp(2.125rem, 1.45rem + 2.6vw, 3.75rem);
  hyphens: manual;
  -webkit-hyphens: manual;
}
.konf-kopf__titel .t-ghost { margin-top: 0.06em; }
.konf-kopf__lead { max-width: 54ch; }
.konf-kopf__fakten {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-7);
  margin: var(--space-7) 0 0;
}
.konf-kopf__fakt { display: flex; flex-direction: column-reverse; gap: 0.125rem; }
.konf-kopf__fakt dt {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.konf-kopf__fakt dd {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-num-l);
  font-weight: var(--fw-light);
  line-height: 1;
  letter-spacing: var(--tracking-num);
  font-variant-numeric: tabular-nums;
}
.konf-ablauf {
  position: relative;
  padding: clamp(1.25rem, 0.9rem + 1.2vw, 1.875rem);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-xl);
  background: var(--surface-metal);
  box-shadow: var(--shadow-md);
}
.konf-ablauf__titel { margin: 0 0 var(--space-5); }
.konf-ablauf__liste { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.konf-ablauf__schritt {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-4) 0;
  border-top: 1px solid var(--color-divider);
}
.konf-ablauf__schritt:first-child { padding-top: 0; border-top: 0; }
.konf-ablauf__nr {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-round);
  background: var(--graphite-900);
  color: #fff;
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.konf-ablauf__text { display: grid; gap: 0.125rem; padding-top: 0.125rem; }
.konf-ablauf__text strong { font-family: var(--font-display); font-size: 1rem; font-weight: var(--fw-semibold); line-height: 1.3; }
.konf-ablauf__text span { color: var(--color-text-muted); font-size: var(--fs-small); line-height: 1.45; }
.konf-ablauf__notiz {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin: var(--space-5) 0 0;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, .72);
  color: var(--color-text-muted);
  font-size: var(--fs-small);
  line-height: 1.45;
}
.konf-ablauf__notiz .icon { flex: none; width: 1.125rem; height: 1.125rem; margin-top: 0.0625rem; color: var(--color-text-subtle); }
@media (max-width: 767.98px) {
  .konf-kopf__fakten { display: none; }
  .konf-ablauf { padding: 1rem 1.125rem; border-radius: var(--radius-lg); }
  .konf-ablauf__titel { margin-bottom: 0.75rem; }
  .konf-ablauf__schritt { grid-template-columns: 1.75rem minmax(0, 1fr); gap: 0.75rem; padding: 0.625rem 0; align-items: center; }
  .konf-ablauf__nr { width: 1.75rem; height: 1.75rem; font-size: 0.625rem; }
  .konf-ablauf__text strong { font-size: 0.9375rem; }
  .konf-ablauf__text span { display: none; }
  .konf-ablauf__notiz { margin-top: 0.75rem; padding: 0.625rem 0.75rem; font-size: 0.8125rem; }
}
.konf-meldung {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  max-width: 48rem;
  margin: var(--space-7) 0 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--red-500);
  border-radius: var(--radius-md);
  background: var(--color-bg-raised);
  font-size: var(--fs-small);
}
.konf-meldung .icon { flex: none; width: 1.125rem; height: 1.125rem; color: var(--color-accent-text); }
.konf-filter { display: none; }
.js .konf-filter {
  display: block;
  position: sticky;
  top: var(--konf-sticky);
  z-index: 20;
  margin-bottom: var(--space-4);
  pointer-events: none;
}
.konf-filter__marke { height: 1px; margin-bottom: -1px; }
.konf-filter__inner {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.konf-filter__pillen {
  pointer-events: auto;
  display: flex;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
  padding: 0.3125rem;
  overflow-x: auto;
  scrollbar-width: none;
  border: 1px solid rgba(255, 255, 255, .85);
  border-radius: var(--radius-pill);
  background: var(--glass-sheen), var(--glass-bg-fallback);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--dur-base) var(--ease-out);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .konf-filter__pillen { background: var(--glass-sheen), var(--glass-bg-strong); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); }
}
.konf-filter__pillen::-webkit-scrollbar { display: none; }
.konf-filter.is-klebend .konf-filter__pillen { box-shadow: var(--glass-shadow); }
.konf-filter__pillen.is-rechts { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent); }
.konf-filter__pillen.is-links { -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.5rem); mask-image: linear-gradient(90deg, transparent, #000 2.5rem); }
.konf-filter__pillen.is-links.is-rechts { -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.5rem, #000 calc(100% - 2.5rem), transparent); mask-image: linear-gradient(90deg, transparent, #000 2.5rem, #000 calc(100% - 2.5rem), transparent); }
.konf-pille {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 0.5rem;
  min-height: var(--tap-min);
  padding: 0 0.875rem 0 0.75rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-muted);
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  white-space: nowrap;
  transition: background-color var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-base);
}
.konf-pille:hover { color: var(--color-text); background: rgba(255, 255, 255, .7); }
.konf-pille__nr {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.konf-pille__zahl {
  display: inline-grid;
  place-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.3125rem;
  border-radius: var(--radius-pill);
  background: var(--steel-150);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
}
.konf-pille[aria-pressed="true"] { background: var(--graphite-900); color: #fff; box-shadow: var(--shadow-dark-btn); }
.konf-pille[aria-pressed="true"] .konf-pille__nr { color: var(--red-300); }
.konf-pille[aria-pressed="true"] .konf-pille__zahl { background: rgba(255, 255, 255, .14); color: #fff; }
.konf-pille:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.konf-filter__status {
  pointer-events: auto;
  flex: none;
  margin: 0 0 0 auto;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
}
.konf-filter__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.konf-uebersicht { padding-bottom: var(--section-y-tight); }
.konf-familie { padding-top: clamp(1.75rem, 1rem + 2.5vw, 3.5rem); scroll-margin-top: calc(var(--konf-sticky) + 4.5rem); }
.konf-familie[hidden] { display: none; }
.konf-familie__kopf {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem var(--space-5);
  align-items: end;
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-divider);
}
.konf-familie__nr {
  grid-row: span 2;
  align-self: end;
  font-family: var(--font-display);
  font-size: clamp(2.75rem, 1.9rem + 3vw, 4.5rem);
  font-weight: var(--fw-thin);
  line-height: 0.82;
  letter-spacing: var(--tracking-num);
  font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, var(--steel-500) 0%, var(--steel-700) 70%, var(--graphite-700) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.konf-familie__titel { margin: 0; font-size: var(--fs-h3); line-height: 1.15; }
.konf-familie__nutzen { margin: 0.25rem 0 0; color: var(--color-text-muted); font-size: var(--fs-small); }
.konf-familie__meta {
  grid-column: 2;
  margin: 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .konf-familie__kopf { grid-template-columns: auto minmax(0, 1fr) auto; }
  .konf-familie__meta { grid-column: 3; grid-row: 1 / span 2; align-self: end; padding-bottom: 0.25rem; }
}
.konf-raster {
  --sr-ratio: 16 / 8.6;
  --sr-horizon: 64%;
  --sr-stand: 13%;
  --sr-name-fs: 1.25rem;
  --sr-name-lh: 1.2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 19.5rem), 1fr));
  gap: var(--gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) { .konf-raster { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.konf-kachel { scroll-margin-top: calc(var(--konf-sticky) + 4.5rem); background: rgba(255, 255, 255, .78); border-radius: var(--radius-xl); }
.konf-kachel .showroom-tile__body { padding: 1rem 1.125rem 1.125rem; gap: 0; }
.konf-kachel .showroom-tile__idx { font-size: var(--fs-micro); }
.konf-kachel .showroom-tile__badge { min-height: 1.375rem; font-size: 0.6875rem; }
.konf-kachel__zugang { min-height: 1.375rem; padding: 0 0.5rem; border-color: var(--color-border-strong); background: rgba(255, 255, 255, .8); color: var(--color-text-muted); font-size: 0.625rem; }
h3.konf-kachel__name { margin: 0; white-space: normal; overflow: visible; text-overflow: clip; text-wrap: balance; hyphens: manual; }
.konf-kachel__nutzen {
  display: -webkit-box;
  margin: 0.375rem 0 0;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--fs-small);
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: calc(2 * 1.45em);
}
.konf-kachel__specs { min-height: 0; margin-top: 0.75rem; }
.konf-kachel .showroom-spec:last-child { border-bottom: 1px solid var(--color-border); }
.konf-kachel:hover .showroom-tile__body::before,
.konf-kachel:focus-within .showroom-tile__body::before,
.konf-kachel.is-hervorgehoben .showroom-tile__body::before { opacity: 1; transform: translateX(-50%) scaleX(1); }
.konf-kachel.is-hervorgehoben {
  background: #fff;
  box-shadow: 0 0 0 2px var(--graphite-900), 0 18px 34px -22px rgba(21, 23, 26, .4);
}
.konf-kachel.is-hervorgehoben .showroom-tile__idx { color: var(--color-accent-text); }
@keyframes konf-aufruf {
  0% { box-shadow: 0 0 0 2px var(--graphite-900), 0 0 0 0 rgba(217, 0, 26, .35), 0 18px 34px -22px rgba(21, 23, 26, .4); }
  60% { box-shadow: 0 0 0 2px var(--graphite-900), 0 0 0 14px rgba(217, 0, 26, 0), 0 18px 34px -22px rgba(21, 23, 26, .4); }
  100% { box-shadow: 0 0 0 2px var(--graphite-900), 0 0 0 0 rgba(217, 0, 26, 0), 0 18px 34px -22px rgba(21, 23, 26, .4); }
}
.konf-kachel.is-aufgerufen { animation: konf-aufruf 1.4s var(--ease-out) 0.2s 1 both; }
.konf-kachel__wahl { display: flex; flex-direction: column; gap: 0.625rem; margin-top: auto; padding-top: 1rem; }
.konf-kachel__label {
  margin: 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.konf-kachel__hinweis {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  margin: 0;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-sm);
  background: var(--steel-100);
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.konf-kachel__hinweis .icon { flex: none; width: 1rem; height: 1rem; margin-top: 0.0625rem; color: var(--color-text-subtle); }
.konf-kachel__hinweis--leise { padding: 0; background: transparent; color: var(--color-text-subtle); }
.konf-kachel__anfrage { align-self: flex-start; }
.konf-kachel--anfrage .showroom-tile__img { filter: drop-shadow(0 6px 5px rgba(21, 23, 26, .14)) saturate(.92); }
.konf-varianten { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0; padding: 0; list-style: none; }
.konf-variante {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  min-height: 2.5rem;
  padding: 0 0.625rem 0 0.875rem;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.15;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
  transition: background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-base), transform var(--dur-base) var(--ease-out);
}
.konf-variante__ic { flex: none; width: 0.9375rem; height: 0.9375rem; color: var(--color-text-subtle); transition: color var(--dur-fast), transform var(--dur-slow) var(--ease-spring); }
a.konf-variante:hover { border-color: var(--graphite-900); box-shadow: var(--shadow-sm); }
a.konf-variante:hover .konf-variante__ic { color: var(--red-500); }
a.konf-variante:active { transform: translateY(1px); }
a.konf-variante:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.konf-variante.is-aktiv { background: var(--graphite-900); border-color: var(--graphite-900); color: #fff; }
.konf-variante.is-aktiv .konf-variante__ic { color: var(--red-300); }
.konf-variante--anfrage { background: transparent; border-style: dashed; color: var(--color-text-muted); }
.konf-variante--info {
  min-height: 2rem;
  padding: 0 0.75rem;
  border-color: var(--color-border);
  background: var(--steel-50);
  color: var(--color-text-muted);
  font-size: 0.8125rem;
}
.konf-abschluss { padding-bottom: var(--section-y); }
.konf-abschluss__karte {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: var(--space-7);
  align-items: end;
  padding: clamp(1.75rem, 1rem + 3vw, 3.5rem);
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background: var(--surface-graphite);
  color: #fff;
}
.konf-abschluss__karte::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(60% 90% at 85% 0%, var(--stage-spot) 0%, var(--stage-spot-mid) 45%, transparent 75%), var(--pattern-prism-dark, none);
  opacity: 0.9;
  pointer-events: none;
}
.konf-abschluss__karte::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  height: 2px;
  background: var(--taillight);
  box-shadow: var(--taillight-glow);
  opacity: 0.85;
}
@media (min-width: 1024px) { .konf-abschluss__karte { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } }
.konf-abschluss__eyebrow { color: var(--steel-300); }
.konf-abschluss__titel { margin: 0; color: #fff; font-size: var(--fs-h2); }
.konf-abschluss__titel .t-ghost { display: block; color: var(--steel-500); }
.konf-abschluss__lead { margin: var(--space-5) 0 0; max-width: 48ch; color: var(--steel-400); font-size: var(--fs-body); }
.konf-abschluss__aktionen { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-6); align-items: center; }
@media (min-width: 1024px) { .konf-abschluss__aktionen { justify-content: flex-end; } }
.konf-abschluss__tel {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: var(--tap-min);
  color: #fff;
  font-family: var(--font-mono);
  font-size: 0.9375rem;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.konf-abschluss__tel .icon { width: 1.125rem; height: 1.125rem; color: var(--steel-400); }
.konf-abschluss__tel:hover span { text-decoration: underline; text-underline-offset: 0.2em; }
.konf-abschluss__tel:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: var(--radius-xs); }
.konf-lader { display: none; }
.js .konf-startet .konf-lader,
.js .konf-lader.is-fehler {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: grid;
  place-items: center;
  padding: var(--gutter);
  background:
    radial-gradient(62% 52% at 50% 24%, #FFFFFF 0%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, #F7F8F9 0%, #EDEFF2 63.5%, #D3D7DC 64%, #DFE2E6 72%, #ECEEF1 86%, #F3F4F6 100%);
  color: var(--color-text);
  text-align: center;
  transition: opacity var(--dur-slow) var(--ease-out);
}
.konf-lader.is-weg { opacity: 0; pointer-events: none; }
.konf-lader__licht { display: none; }
.konf-lader__inhalt { position: relative; display: grid; justify-items: center; gap: var(--space-3); max-width: 32rem; }
.konf-lader__eyebrow { margin: 0; color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.konf-lader__titel { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); font-weight: var(--fw-medium); letter-spacing: -0.015em; }
.konf-lader__text { margin: 0; color: var(--color-text-muted); font-size: var(--fs-small); }
.konf-lader__spinner {
  width: 2.5rem;
  height: 2.5rem;
  margin: var(--space-4) 0 var(--space-2);
  border: 2px solid var(--steel-200);
  border-top-color: var(--red-500);
  border-radius: var(--radius-round);
  animation: konf-dreh 0.9s linear infinite;
}
.konf-lader.is-fehler .konf-lader__spinner { display: none; }
.konf-lader__aktionen { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-4); }
.konf-lader__aktionen[hidden] { display: none; }
@keyframes konf-dreh { to { transform: rotate(360deg); } }
.hubstork_pc.gk-skin {
  --gk-panel: clamp(24rem, 38vw, 37.5rem);
  --gk-pad: clamp(1.25rem, 0.75rem + 1.4vw, 2rem);
  --hubstork_pc_lebolide-toolbar-width: var(--gk-panel);
  --hubstork_pc_lebolide-spacing: var(--gk-pad);
  --hubstork_pc_color-primary: var(--red-500);
  --hubstork_pc_color-primary_rgb: 217, 0, 26;
  --hubstork_pc_color-primary_hover: var(--red-550);
  --hubstork_pc_color-border: var(--steel-200);
  --hubstork_pc_color-border_active: var(--graphite-900);
  --hubstork_pc_color-main_background: var(--steel-50);
  --hubstork_pc_color-form_background: #fff;
  --hubstork_pc_color-toolbar_bg: #fff;
  --hubstork_pc_color-layers_button_text_color: var(--graphite-900);
  --hubstork_pc_color-choices_button_text_color: var(--graphite-900);
  --hubstork_pc_choice--border-radius: var(--radius-md);
  --hubstork_pc-choice-spacing: 0.625rem;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: var(--lh-body);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}
.hubstork_pc.gk-skin *,
.hubstork_pc.gk-skin *::before,
.hubstork_pc.gk-skin *::after { box-sizing: border-box; }
.hubstork_pc.gk-skin button { font-family: inherit; letter-spacing: inherit; }
.hubstork_pc.gk-skin > .overlay { background: rgba(15, 17, 19, .5); }
.hubstork_pc.gk-skin .hubstork_pc_container {
  background: var(--steel-50);
  overflow-x: hidden;
  transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);
  transform: translateY(12px);
}
.hubstork_pc.gk-skin.opened .hubstork_pc_container { transform: none; transition-delay: 0s; }
.hubstork_pc.gk-skin :is(.sku, .choice-sku, .summary-item--sku, [class*="-sku"], [class^="sku"]) { display: none !important; }
.hubstork_pc.gk-skin :is(.price-container, .pc-total-price, .choice-price, .extra-cost) { display: none !important; }
.hubstork_pc.gk-skin :focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.keyboard-navigation .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices button.choice-item:focus { outline: none; }
.hubstork_pc.gk-skin {
  --gk-horizont: 64%;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer {
  isolation: isolate;
  background:
    radial-gradient(62% 52% at 50% 20%, #FFFFFF 0%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, #F7F8F9 0%, #EDEFF2 calc(var(--gk-horizont) - 0.5%), #D3D7DC var(--gk-horizont), #DFE2E6 calc(var(--gk-horizont) + 8%), #ECEEF1 86%, #F3F4F6 100%);
  color: var(--color-text);
  overflow: hidden;
}
.hubstork_pc.gk-skin .gk-buehne { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hubstork_pc.gk-skin .gk-buehne__spot {
  position: absolute;
  inset: 0;
  background: radial-gradient(45% 38% at 50% 58%, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, 0) 70%);
}
.hubstork_pc.gk-skin .gk-buehne__boden {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--gk-horizont);
  bottom: 0;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0 15px, rgba(255, 255, 255, .55) 15px 16px);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 80%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 80%);
  opacity: 0.6;
}
.hubstork_pc.gk-skin .gk-buehne__ruecklicht { display: none; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer .hubstork_pc_layers {
  z-index: 1;
  top: clamp(5.5rem, 4rem + 4vh, 7.5rem);
  bottom: clamp(3.5rem, 2.5rem + 4vh, 5.5rem);
  left: clamp(1rem, 4%, 3rem);
  right: clamp(1rem, 4%, 3rem);
  overflow: hidden;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer .hubstork_pc_layers img {
  inset: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  transform: none;
  transition: opacity var(--dur-base) var(--ease-out);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer .hubstork_pc_layers .images-loading {
  left: 50%;
  bottom: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: -0.3125rem;
  background: var(--red-500);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > footer,
.hubstork_pc.gk-skin .hubstork_pc_container .angles-select { display: none; }
.hubstork_pc.gk-skin .gk-hinweis-abbildung {
  position: absolute;
  z-index: 3;
  left: var(--gk-pad);
  bottom: var(--gk-pad);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.375rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-pill);
  background: var(--glass-sheen), rgba(255, 255, 255, .78);
  box-shadow: var(--shadow-xs);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.hubstork_pc.gk-skin .gk-hinweis-abbildung__punkt { width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--steel-500); }
.hubstork_pc.gk-skin .gk-ist-leer .gk-hinweis-abbildung { display: none; }
.hubstork_pc.gk-skin .gk-vorschau-leer {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: none;
  justify-items: center;
  gap: 0.5rem;
  width: min(26rem, calc(100% - 2 * var(--gk-pad)));
  padding: clamp(1.25rem, 1rem + 1vw, 2rem);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-xl);
  background: var(--glass-sheen), rgba(255, 255, 255, .8);
  box-shadow: var(--glass-shadow), var(--glass-inner);
  text-align: center;
  transform: translate(-50%, -50%);
}
.hubstork_pc.gk-skin .gk-ist-leer .gk-vorschau-leer { display: grid; }
.hubstork_pc.gk-skin .gk-vorschau-leer__icon {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.25rem;
  border-radius: var(--radius-round);
  background: var(--graphite-900);
}
.hubstork_pc.gk-skin .gk-vorschau-leer__icon::before {
  content: "";
  position: absolute;
  inset: 0.6875rem;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='m2 13 10 5 10-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='m2 13 10 5 10-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hubstork_pc.gk-skin .gk-vorschau-leer__titel { font-family: var(--font-display); font-size: 1.25rem; font-weight: var(--fw-semibold); color: var(--color-text); }
.hubstork_pc.gk-skin .gk-vorschau-leer__text { color: var(--color-text-muted); font-size: var(--fs-small); line-height: 1.5; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header {
  z-index: 4;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 1rem;
  align-items: center;
  padding: var(--gk-pad);
  padding-left: var(--gk-pad);
}
.hubstork_pc.gk-skin .gk-kopf__eyebrow {
  grid-column: 2;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hubstork_pc.gk-skin .gk-kopf__punkt { flex: none; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--red-500); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header h3.product-name {
  grid-column: 2;
  grid-row: 2;
  order: 0;
  margin: 0.125rem 0 0;
  padding: 0;
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: clamp(1.375rem, 1.1rem + 0.9vw, 2rem);
  font-weight: var(--fw-medium);
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-align: left;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel {
  grid-column: 1;
  grid-row: 1 / span 2;
  order: 0;
  position: relative;
  top: auto;
  right: auto;
  width: var(--tap-min);
  height: var(--tap-min);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-round);
  background: var(--glass-sheen), rgba(255, 255, 255, .82);
  box-shadow: var(--shadow-sm);
  transform: none;
  cursor: pointer;
  transition: background-color var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-base);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel::before,
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel::after {
  left: calc(50% - 0.5625rem);
  width: 1.125rem;
  height: 1.5px;
  background: var(--graphite-900);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel:hover { background: #fff; border-color: var(--color-border-strong); box-shadow: var(--shadow-md); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.hubstork_pc.gk-skin .hubstork_pc_toolbar {
  background: linear-gradient(180deg, var(--steel-50) 0%, #fff 9rem);
  color: var(--color-text);
  box-shadow: -1px 0 0 var(--color-divider), -24px 0 48px -36px rgba(21, 23, 26, .35);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container {
  position: relative;
  display: block;
  width: auto;
  margin: 0;
  padding: var(--gk-pad) 0 0;
  border-bottom: 1px solid var(--color-divider);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::before,
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: var(--gk-pad);
  bottom: 1px;
  width: 2.5rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::before { left: 0; background: linear-gradient(90deg, var(--steel-50), rgba(243, 244, 246, 0)); }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::after { right: 0; background: linear-gradient(270deg, var(--steel-50), rgba(243, 244, 246, 0)); }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container.gk-links::before,
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container.gk-rechts::after { opacity: 1; }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress {
  display: flex;
  gap: 0.375rem;
  width: 100%;
  margin: 0;
  padding: 0 var(--gk-pad) 1rem;
  overflow-x: auto;
  scroll-padding-inline: var(--gk-pad);
  scrollbar-width: none;
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item {
  flex: none;
  font-size: 0.875rem;
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item.gk-ausgeblendet,
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item.hidden { display: none; }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--active-marker { display: none; }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item a.step-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0 0.875rem 0 0.375rem;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--color-text-muted);
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item a.step-link::before {
  content: counter(steps-progress, decimal-leading-zero);
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-round);
  background: var(--steel-150);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.02em;
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item a.step-link:hover { border-color: var(--graphite-900); color: var(--color-text); }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item.active a.step-link {
  background: var(--graphite-900);
  border-color: var(--graphite-900);
  color: #fff;
  font-weight: var(--fw-medium);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item.active a.step-link::before { background: var(--red-500); color: #fff; }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item.active ~ li.steps-progress--item a { color: var(--color-text-subtle); font-weight: var(--fw-medium); }
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item:has(~ li.active) a.step-link::before {
  content: "";
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171A' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 0.875rem no-repeat,
    var(--steel-150);
}
.hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item a.step-link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices { padding: var(--gk-pad) var(--gk-pad) calc(var(--gk-pad) * 1.5); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item.type-step > .layer-item.step-label {
  display: block;
  margin: 0 0 1.25rem;
  padding: 0;
  border: 0;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item.type-step > .layer-item.step-label .layer-name {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 1.3rem + 0.6vw, 2rem);
  font-weight: var(--fw-medium);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item { line-height: 1.4; animation: none; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item:not(.type-step):not(:last-of-type) { margin-bottom: 2.25rem; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.group > li.choices-list > ul > li.layers-list-item + li.layers-list-item { margin-top: 2rem; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item { color: var(--color-text); padding: 0; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item .layer-name {
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: var(--fw-semibold);
  letter-spacing: -0.01em;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item span.selected-choice {
  display: block;
  margin-top: 0.125rem;
  color: var(--color-text-subtle);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item span.selected-choice::before { display: none; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item .description { color: var(--color-text-muted); font-size: var(--fs-small); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers li.layers-list-item.type-group:not(.type-step):not(.display-mode-dropdown) > .layer-item { padding-bottom: 0.5rem; border-bottom: 1px solid var(--color-divider); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layers .layer-item[aria-invalid="true"] .layer-name { color: var(--color-accent-text); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices > li { padding: 0.75rem 0 0; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group) {
  --choice-border-color: var(--steel-200);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--choice-border-color), 0 1px 2px rgba(21, 23, 26, .04);
  transition: box-shadow var(--dur-fast), background-color var(--dur-fast);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group):hover { --choice-border-color: var(--steel-500); background: var(--steel-25); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group).active {
  --choice-border-color: var(--graphite-900);
  background: #fff;
  box-shadow: inset 0 0 0 2px var(--graphite-900), 0 8px 18px -12px rgba(21, 23, 26, .35);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group)::before {
  top: 50%;
  left: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1.5px solid var(--steel-500);
  border-radius: 50%;
  background: #fff;
  opacity: 1;
  transform: translateY(-50%);
  transition: background-color var(--dur-fast), border-color var(--dur-fast);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.multiple li.choices-list li.choice:not(.is-group)::before { border-radius: 0.375rem; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group)::after {
  top: 50%;
  left: calc(1rem + 0.625rem);
  width: 0.6875rem;
  height: 0.375rem;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  opacity: 0;
  transform: translate(-50%, -65%) rotate(-45deg);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group).active::before { background: var(--red-500); border-color: var(--red-500); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group).active::after { opacity: 1; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item {
  min-height: 3.5rem;
  padding: 0.875rem 1rem 0.875rem 3rem;
  border-radius: var(--radius-md);
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item .choice-text--container {
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  text-align: left;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li span.text.choice-name {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.35;
  text-align: left;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li span.description {
  margin-top: 0.25rem;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
  text-align: left;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item:disabled { opacity: .45 !important; cursor: not-allowed; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item[aria-invalid="true"] { box-shadow: inset 0 0 0 2px var(--red-500); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li i.hubstork-pc-thumbnail { flex: none; width: 2.75rem; height: 2.75rem; margin: 0 0.75rem 0 0; border-radius: var(--radius-sm); background: var(--steel-50); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.columns-2 > li.choices-list > ul li.choice:not(.is-group) .choice-text--container,
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.columns-4 > li.choices-list > ul li.choice:not(.is-group) .choice-text--container { text-align: left; flex-direction: row; }
@media (max-width: 1279.98px) {
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.columns-2 > li.choices-list > ul li.choice:not(.is-group),
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices.columns-4 > li.choices-list > ul li.choice:not(.is-group) { width: 100%; }
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.is-group div.choice-group-label {
  margin: 0.5rem 0 0.5rem;
  padding: 0;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.is-group div.choice-group-label span.text.choice-name {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.is-group + .is-group { margin-top: 1rem; }
.hubstork_pc.gk-skin a.hubstork-pc-show-description { color: var(--color-text-subtle); }
.hubstork_pc.gk-skin a.hubstork-pc-show-description svg { fill: currentColor; }
.hubstork_pc.gk-skin a.hubstork-pc-show-description:hover { color: var(--color-accent-text); }
.hubstork_pc.gk-skin .hubstork_pc_summary { margin-top: 0; }
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork-pc-summary--content {
  padding: 0.25rem 1.25rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-xs);
}
.hubstork_pc.gk-skin .hubstork_pc_summary > .hubstork-pc-summary--content > .hubstork_pc_summary_item_group.group > h5,
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork-pc-summary--content > .hubstork_pc_summary_item_group.group > h5 {
  display: block;
  margin: 1rem 0 0.25rem;
  padding: 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-decoration: none;
  text-transform: uppercase;
}
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork_pc_summary_item_group.group + .group { margin-top: 0.5rem; padding-top: 0.25rem; border-top: 1px solid var(--color-divider); }
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork_pc_summary_item_group:not(.group) {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0.25rem 1rem;
  margin: 0;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-border-hair);
}
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork_pc_summary_item_group:not(.group) > h5 {
  width: auto;
  margin: 0;
  color: var(--color-text-muted);
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: var(--fw-regular);
}
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork_pc_summary_item_group:not(.group) > h5::after { content: ""; }
.hubstork_pc.gk-skin .hubstork_pc_summary .hubstork_pc_summary_item { grid-column: 2; font-size: 0.875rem; font-weight: var(--fw-medium); line-height: 1.4; }
.hubstork_pc.gk-skin .hubstork_pc_summary .summary-item--parent-name { color: var(--color-text-subtle); font-weight: var(--fw-regular); }
.hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem var(--gk-pad) calc(1rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-divider);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 -12px 24px -20px rgba(21, 23, 26, .35);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart { background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); }
}
.hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart nav.hubstork-pc--steps {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.75rem;
  width: auto;
  padding: 0;
}
.hubstork_pc.gk-skin.last-step .hubstork_pc_container .form.form-cart nav.hubstork-pc--steps { flex: 0 0 auto; }
.hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart nav.hubstork-pc--steps .step-container--next { flex: 1 1 auto; min-width: 0; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 3.25rem;
  border-radius: var(--radius-pill);
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.15;
  transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base), color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-base) var(--ease-out);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button svg { width: 1.125rem; height: 1.125rem; transform: none; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button svg path { fill: currentColor; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-previous {
  width: 3.25rem;
  padding: 0;
  border: 1px solid var(--color-border-strong);
  background: #fff;
  color: var(--color-text);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-previous:hover:not(:disabled) { border-color: var(--graphite-900); box-shadow: var(--shadow-sm); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-previous:disabled { opacity: .45; cursor: default; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-previous:disabled svg path { fill: currentColor; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next {
  width: 100%;
  justify-content: space-between;
  padding: 0 0.4375rem 0 1.375rem;
  border: 1px solid var(--graphite-900);
  background: linear-gradient(180deg, var(--graphite-600) 0%, var(--graphite-900) 100%);
  color: #fff;
  box-shadow: var(--shadow-dark-btn);
  text-align: left;
  text-transform: none;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next > span:not(.screen-reader-text) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next > span:not(.screen-reader-text)::before {
  content: "Weiter" / "";
  color: var(--steel-400);
  font-family: var(--font-mono);
  font-size: 0.625rem;
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  line-height: 1.3;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next svg {
  flex: none;
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.6875rem;
  border-radius: var(--radius-round);
  background: rgba(255, 255, 255, .12);
  transition: transform var(--dur-slow) var(--ease-spring), background-color var(--dur-base);
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next:hover { background: linear-gradient(180deg, var(--graphite-700) 0%, var(--graphite-950) 100%); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-next:hover svg { transform: translateX(3px); }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart .pc_configurator_form.gka-anfrage {
  flex: 1 1 auto;
  padding: 0;
  gap: 0;
}
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 3.25rem;
  padding: 0 0.4375rem 0 1.375rem;
  border: 1px solid var(--red-550);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, #E5102A 0%, var(--red-550) 100%);
  color: #fff;
  box-shadow: var(--shadow-red), inset 0 1px 0 rgba(255, 255, 255, .22);
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.15;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-base) var(--ease-out);
}
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf::after {
  content: "";
  flex: none;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: var(--radius-round);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9001A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 1.0625rem no-repeat,
    #fff;
  transition: transform var(--dur-slow) var(--ease-spring);
}
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf:hover,
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf:focus-visible {
  background: linear-gradient(180deg, var(--red-500) 0%, #A80014 100%);
  border-color: var(--red-550);
  box-shadow: 0 1px 1px rgba(143, 0, 17, .3), 0 12px 28px -8px var(--red-glow), inset 0 1px 0 rgba(255, 255, 255, .2);
}
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf:hover::after { transform: translateX(3px); }
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf:active { background: var(--red-700); transform: translateY(1px); }
.hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf:focus-visible { outline: 2px solid var(--red-600); outline-offset: 3px; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary,
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox {
  margin: 0 0 1.5rem !important;
  padding: 1rem 1.125rem 1rem 1.25rem !important;
  border: 1px solid var(--color-border) !important;
  border-left: 4px solid var(--red-500) !important;
  border-radius: var(--radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--color-text) !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-small) !important;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar > .hubstork-pc-validation-summary { margin: var(--gk-pad) var(--gk-pad) 0 !important; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary:focus { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary .hubstork-pc-validation-summary__title,
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox .gkm-i18n-head {
  margin: 0 0 0.375rem !important;
  color: var(--color-text) !important;
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: var(--fw-semibold) !important;
}
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox .gkm-i18n-ico { background: var(--red-500) !important; font-family: var(--font-mono) !important; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary ul,
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox .gkm-i18n-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary li,
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox .gkm-i18n-list li {
  position: relative !important;
  padding: 0.25rem 0 0.25rem 1rem !important;
  border: 0 !important;
  font-family: var(--font-body) !important;
  font-size: var(--fs-small) !important;
  color: var(--color-text-muted) !important;
}
.hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc-validation-summary li::before,
.hubstork_pc.gk-skin .hubstork_pc_container .gkm-i18n-errbox .gkm-i18n-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.75em !important;
  width: 0.375rem !important;
  height: 0.375rem !important;
  border-radius: 50% !important;
  background: var(--red-500) !important;
}
.hubstork_pc.gk-skin .hubstork_pc_container a.hubstork-pc-validation-summary__error-link {
  color: var(--color-accent-text);
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
  text-underline-offset: 0.2em;
}
.hubstork_pc.gk-skin .hubstork_pc_container a.hubstork-pc-validation-summary__error-link:hover { text-decoration-color: currentColor; }
.hubstork_pc.gk-skin.loading > .overlay { background: var(--steel-50); -webkit-backdrop-filter: none; backdrop-filter: none; }
.hubstork_pc.gk-skin .hubstork-loader { z-index: 3; }
.hubstork_pc.gk-skin .hubstork-loader .header {
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  text-shadow: none;
}
.hubstork_pc.gk-skin .hubstork-loader .spinner {
  width: 2.5rem;
  height: 2.5rem;
  margin: 1.25rem auto 0;
  border: 2px solid var(--steel-200);
  border-top-color: var(--red-500);
  border-radius: 50%;
  background: transparent;
  animation: konf-dreh 0.9s linear infinite;
}
body .hubstork-pc-advanced-description--container .hubstork-pc-advanced-description {
  font-family: var(--font-body);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-xl);
}
body .hubstork-pc-advanced-description--container .close-description {
  min-width: var(--tap-min);
  min-height: var(--tap-min);
  border-radius: var(--radius-pill);
  font-family: var(--font-display);
}
.tippy-box { border-radius: var(--radius-sm); font-family: var(--font-body); }
@media (max-width: 660px) {
  body:not(.configurator_is_inline) .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer { bottom: 62%; min-height: 0; }
  body:not(.configurator_is_inline) .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar { top: 38%; }
  .hubstork_pc.gk-skin { --gk-pad: 1rem; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header {
    position: relative;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background: rgba(255, 255, 255, .86);
    border-bottom: 1px solid var(--color-divider);
  }
  .hubstork_pc.gk-skin .gk-kopf__eyebrow,
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header h3.product-name { grid-column: 1; margin-right: 0; }
  .hubstork_pc.gk-skin .gk-kopf__eyebrow { font-size: 0.625rem; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header h3.product-name { font-size: 1.0625rem; margin-top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer > header > .cancel { grid-column: 2; position: relative; top: auto; right: auto; transform: none; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer .hubstork_pc_layers { top: auto; left: auto; right: auto; bottom: auto; margin: 0.25rem 0.75rem 1.25rem; }
  .hubstork_pc.gk-skin { --gk-horizont: 70%; }
  .hubstork_pc.gk-skin .gk-hinweis-abbildung { left: 0.75rem; bottom: 0.5rem; padding: 0.25rem 0.5rem; font-size: 0.5625rem; }
  .hubstork_pc.gk-skin .gk-vorschau-leer { top: calc(50% + 1.5rem); padding: 0.875rem 1rem; gap: 0.25rem; }
  .hubstork_pc.gk-skin .gk-vorschau-leer__icon { display: none; }
  .hubstork_pc.gk-skin .gk-vorschau-leer__titel { font-size: 1rem; }
  .hubstork_pc.gk-skin .gk-vorschau-leer__text { font-size: 0.75rem; }
  .hubstork_pc.gk-skin .hubstork_pc_toolbar { box-shadow: 0 -1px 0 var(--color-divider), 0 -12px 24px -16px rgba(21, 23, 26, .3); }
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container { padding-top: 0.75rem; }
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::before,
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container::after { top: 0.75rem; }
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress { padding-bottom: 0.75rem; }
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container ol.steps-progress > li.steps-progress--item a.step-link { min-height: 2.25rem; font-size: 0.8125rem; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item.type-step > .layer-item.step-label .layer-name { font-size: 1.375rem; }
  .hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart { padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px)); }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button,
  .hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf { min-height: 3rem; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button.step-previous { width: 3rem; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .hubstork_pc.gk-skin .hubstork_pc_toolbar .steps-progress--container { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .konf-kachel.is-aufgerufen { animation: none; }
  .konf-lader__spinner,
  .hubstork_pc.gk-skin .hubstork-loader .spinner { animation-duration: 2.4s; }
  .hubstork_pc.gk-skin .hubstork_pc_container,
  .hubstork_pc.gk-skin.opened .hubstork_pc_container { transition: none; transform: none; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_viewer .hubstork_pc_layers img,
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices > ul > li.layers-list-item { transition: none; animation: none; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork-pc--steps button svg,
  .hubstork_pc.gk-skin .hubstork_pc_container button.gka-anfrage-knopf::after { transition: none; }
  .hubstork_pc.gk-skin,
  .hubstork_pc.gk-skin *,
  .hubstork_pc.gk-skin *::before,
  .hubstork_pc.gk-skin *::after { transition-duration: 0s !important; transition-delay: 0s !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .konf-filter__pillen { background: var(--glass-bg-fallback); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hubstork_pc.gk-skin .hubstork_pc_container .form.form-cart { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
  .hubstork_pc.gk-skin .gk-buehne { display: none; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group) { border: 1px solid CanvasText; }
  .hubstork_pc.gk-skin .hubstork_pc_container .hubstork_pc_toolbar section.choices .layer_choices li.choices-list li.choice:not(.is-group).active { border: 3px solid Highlight; }
  .konf-pille[aria-pressed="true"], .konf-variante.is-aktiv { border: 2px solid Highlight; }
}
@media print {
  .konf-filter, .konf-lader, .konf-abschluss { display: none !important; }
}