@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../schrift/Geist-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../schrift/Geist-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../schrift/Geist-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../schrift/Geist-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../schrift/Geist-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../schrift/Geist-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../schrift/Geist-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../schrift/Geist-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../schrift/GeistMono-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../schrift/GeistMono-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../schrift/GeistMono-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../schrift/GeistMono-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
:root {
  --ink: #121211;
  --ink-2: #3a3936;
  --muted: #6e6d69;
  --line: #e6e5e1;
  --line-2: #cfcdc7;
  --paper: #f3f3f1;
  --paper-2: #eaeae6;
  --sheet: #ffffff;
  --ink-hover: #2b2a28;
  --sheet-hover: #fafaf9;
  --platzhalter: #9a9893;
  --dark: #121211;
  --on-dark: #f5f4f1;
  --on-dark-mute: #a9a7a1;
  --linie-hell: rgba(255, 255, 255, 0.14);
  --ci: #7a5626;
  --ci-hell: #e2c08a;
  --ok: #2f9e5b;
  --warn: #9a5b13;
  --herz: #c2452d;
  --glas: rgba(18, 18, 17, 0.45);
  --studio-a: #f7f7f5;
  --studio-b: #e3e2de;
  --font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --t-titel: clamp(56px, 9vw, 140px);
  --t-display: clamp(44px, 7.4vw, 104px);
  --t-h1: clamp(34px, 4.4vw, 56px);
  --t-h2: clamp(28px, 3.4vw, 48px);
  --t-h3: 22px;
  --t-lead: clamp(17px, 1.45vw, 20px);
  --t-text: 15px;
  --t-ui: 14px;
  --t-dicht: 13px;
  --t-meta: 12px;
  --t-mono: 11px;
  --t-h2-spalte: clamp(28px, 6.5cqi, 40px);
  --f-titel: 600 var(--t-titel)/0.92 var(--font);
  --ls-titel: -0.055em;
  --f-display: 600 var(--t-display)/0.95 var(--font);
  --ls-display: -0.045em;
  --f-h1: 600 var(--t-h1)/1.02 var(--font);
  --ls-h1: -0.04em;
  --f-h2: 600 var(--t-h2)/1.06 var(--font);
  --ls-h2: -0.035em;
  --f-h3: 600 var(--t-h3)/1.15 var(--font);
  --ls-h3: -0.025em;
  --f-lead: 400 var(--t-lead)/1.5 var(--font);
  --ls-lead: -0.005em;
  --f-text: 400 var(--t-text)/1.55 var(--font);
  --f-ui: 600 var(--t-ui)/1.3 var(--font);
  --ls-ui: -0.005em;
  --f-dicht: 500 var(--t-dicht)/1.3 var(--font);
  --f-meta: 400 var(--t-meta)/1.4 var(--font);
  --f-mono: 500 var(--t-mono)/1.3 var(--mono);
  --ls-mono: 0.07em;
  --a1: 4px;
  --a2: 8px;
  --a3: 12px;
  --a4: 16px;
  --a5: 24px;
  --a6: 32px;
  --a7: 48px;
  --a8: 64px;
  --a9: 96px;
  --a10: 128px;
  --rand: clamp(20px, 6vw, 88px);
  --inhalt: 1264px;
  --rand-inhalt: max(var(--rand), calc((100% - var(--inhalt)) / 2));
  --bar-h: 64px;
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 22px;
  --r-xl: 28px;
  --r-pille: 999px;
  --ring: inset 0 0 0 1px var(--line);
  --ring-2: inset 0 0 0 1px var(--line-2);
  --ring-wahl: inset 0 0 0 2px var(--ink);
  --ring-hell: inset 0 0 0 1px var(--linie-hell);
  --ring-kante: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --wahl-abstand: 0 0 0 2px var(--sheet), 0 0 0 4px var(--ink);
  --fokus: 0 0 0 2px var(--sheet), 0 0 0 4px var(--ink);
  --e0: none;
  --e1: 0 1px 2px rgba(0, 0, 0, 0.06), 0 6px 16px -8px rgba(0, 0, 0, 0.35);
  --e2: 0 1px 2px rgba(0, 0, 0, 0.05), 0 18px 40px -20px rgba(0, 0, 0, 0.4);
  --e3: 0 2px 6px rgba(0, 0, 0, 0.06), 0 32px 80px -28px rgba(0, 0, 0, 0.55);
  --pille-innen: 6px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --kurz: 0.16s;
  --mittel: 0.28s;
  --lang: 0.5s;
  --weg: 0.18s;
  --haken-tinte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.5l4 4 9-9.5' fill='none' stroke='%23121211' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --haken-weiss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.5l4 4 9-9.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color-scheme: light;
}
@media (max-width: 600px) {
  :root {
    --t-text: 16px;
    --t-h3: 20px;
    --rand: 16px;
  }
}
@media (max-width: 900px) {
  :root {
    --bar-h: 56px;
  }
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  height: 100%;
}
body {
  font: var(--f-text);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow: hidden;
}
img,
video {
  display: block;
  max-width: 100%;
}
button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
[hidden] {
  display: none !important;
}
p,
li,
small,
.weg-karte span {
  text-wrap: pretty;
}
h1,
h2,
h3 {
  text-wrap: balance;
}
:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}
::selection {
  background: #12121124;
}
svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
.herz-voll {
  fill: var(--herz);
  stroke: var(--herz);
}
.mono {
  font: var(--f-mono);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--muted);
}
.mono.hell {
  color: var(--on-dark-mute);
}
.querverweis {
  font: var(--f-ui);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.buehne-laedt {
  height: min(70vh, 640px);
  display: grid;
  place-items: center;
  color: var(--muted);
}
.knopf {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--a2);
  min-height: 48px;
  padding: 0 var(--a5);
  border-radius: var(--r-pille);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  text-decoration: none;
  background: var(--ink);
  color: #fff;
  transition:
    transform var(--kurz) var(--ease),
    background var(--kurz) ease,
    box-shadow var(--kurz) ease,
    opacity var(--kurz);
  white-space: nowrap;
}
.knopf:hover {
  background: var(--ink-hover);
}
.knopf:active {
  transform: scale(0.98);
}
.knopf.hell {
  background: var(--sheet);
  color: var(--ink);
  box-shadow: var(--ring);
}
.knopf.hell:hover {
  box-shadow: var(--ring-2);
  background: var(--sheet-hover);
}
.knopf.auf-dunkel {
  background: var(--on-dark);
  color: var(--ink);
}
.knopf.auf-dunkel:hover {
  background: #fff;
}
.knopf.klein {
  min-height: 36px;
  padding: 0 var(--a4);
}
.knopf svg {
  width: 17px;
  height: 17px;
}
.knopf[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.link {
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.link:hover {
  color: var(--ink-2);
}
.link-pfeil {
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  min-height: 32px;
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  text-decoration: none;
  cursor: pointer;
}
.link-pfeil svg {
  width: 16px;
  height: 16px;
  transition: transform var(--kurz) var(--ease);
}
.link-pfeil:hover svg:last-child {
  transform: translate(3px);
}
@media (pointer: coarse) {
  .knopf.klein:after,
  .merk-knopf:after,
  .link-pfeil:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }
}
@media (pointer: coarse) {
  .link-pfeil {
    position: relative;
  }
}
@media (pointer: coarse) {
  .merk-knopf {
    position: relative;
  }
}
.merk-knopf {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fffffff0;
  color: var(--ink);
  box-shadow: var(--e1);
  transition:
    transform var(--kurz) var(--ease),
    opacity var(--mittel);
}
.merk-knopf:hover {
  transform: scale(1.08);
}
.merk-knopf:active {
  transform: scale(0.94);
}
.merk-knopf svg {
  width: 17px;
  height: 17px;
}
.kn-stapel {
  display: grid;
  gap: var(--a2);
}
.kn-stapel .link-pfeil {
  min-height: 40px;
  justify-self: center;
}
.feld {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
.feld > span > small {
  font: var(--f-meta);
  letter-spacing: 0;
  color: var(--muted);
}
.feld.dunkel > span > small {
  color: var(--on-dark-mute);
}
.feld input,
.feld textarea,
.feld select {
  font: 400 16px/1.4 var(--font);
  letter-spacing: 0;
  min-height: 48px;
  padding: var(--a3) var(--a4);
  border-radius: var(--r-s);
  border: 0;
  background: var(--paper);
  box-shadow: var(--ring);
  color: var(--ink);
  width: 100%;
  transition:
    box-shadow var(--kurz),
    background var(--kurz);
}
.feld input::placeholder,
.feld textarea::placeholder {
  color: var(--platzhalter);
}
.feld input:hover,
.feld textarea:hover,
.feld select:hover {
  box-shadow: var(--ring-2);
}
.feld select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: var(--a7);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23121211' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
}
.feld textarea {
  min-height: 110px;
  resize: vertical;
  line-height: 1.5;
}
.feld input:focus,
.feld textarea:focus,
.feld select:focus {
  outline: none;
  box-shadow: var(--ring-wahl);
  background-color: var(--sheet);
}
.felder-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--a3);
}
.check {
  display: flex;
  gap: var(--a3);
  align-items: flex-start;
  font: 400 var(--t-dicht)/1.45 var(--font);
  cursor: pointer;
}
.check input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--ink);
  flex: none;
}
.klein-grau {
  font: 400 var(--t-meta)/1.45 var(--font);
  color: var(--muted);
  text-wrap: pretty;
}
@media (max-width: 600px) {
  .felder-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.klein-grau.hell {
  color: var(--on-dark-mute);
}
.link-pfeil.hell {
  color: var(--on-dark);
}
.feld.dunkel {
  color: var(--on-dark-mute);
}
.feld.dunkel input,
.feld.dunkel textarea {
  background: #ffffff12;
  color: #fff;
  box-shadow: var(--ring-hell);
}
.feld.dunkel input:focus,
.feld.dunkel textarea:focus {
  background: #ffffff1a;
  box-shadow: inset 0 0 0 2px #fff;
}
.check.hell {
  color: var(--on-dark-mute);
}
.kn-zeile {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3);
  align-items: center;
}
.hinweis-ok {
  background: var(--paper);
  border-radius: var(--r-m);
  padding: var(--a4);
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  font: 400 var(--t-ui)/1.45 var(--font);
}
.hinweis-ok input {
  font: 400 var(--t-meta)/1.3 var(--mono);
  padding: var(--a3);
  border-radius: var(--r-s);
  border: 0;
  box-shadow: var(--ring);
  width: 100%;
}
.schicht {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  background: #12121180;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  animation: einblenden var(--mittel) ease;
  padding: var(--a5);
}
.schicht-karte {
  position: relative;
  background: var(--sheet);
  border-radius: var(--r-xl);
  box-shadow: var(--e3);
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow: auto;
  overscroll-behavior: contain;
  width: min(560px, 100%);
  animation: hoch var(--mittel) var(--ease);
}
.schicht.zu {
  animation: ausblenden var(--weg) ease forwards;
  pointer-events: none;
}
.schicht.zu .schicht-karte {
  animation: runter var(--weg) ease forwards;
}
.schicht-karte:focus,
.schicht-karte:focus-visible {
  outline: none;
}
.schicht-zu {
  position: absolute;
  z-index: 5;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fffffff0;
  box-shadow: var(--e1);
  transition:
    transform var(--kurz) var(--ease),
    background var(--kurz);
}
.schicht-zu:hover {
  background: #fff;
  transform: scale(1.06);
}
.schicht-innen {
  padding: var(--a6);
  display: flex;
  flex-direction: column;
  gap: var(--a4);
}
.schicht-innen > h2 {
  padding-right: var(--a7);
}
.schicht-innen h2 {
  margin: 0;
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
  text-wrap: balance;
}
.schicht-innen p {
  margin: 0;
}
.blatt-unten {
  align-items: end;
  padding: 0;
}
@media (max-width: 760px) {
  .schicht {
    padding: 0;
    place-items: end stretch;
  }
}
@media (max-width: 760px) {
  .schicht-karte {
    width: 100%;
    max-height: 92dvh;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    animation-name: hochBlatt;
  }
}
@media (max-width: 760px) {
  .schicht.zu .schicht-karte {
    animation-name: runterBlatt;
  }
}
@media (max-width: 760px) {
  .schicht-innen {
    padding: var(--a5) var(--rand);
  }
}
@media (min-width: 761px) {
  .schicht-innen > .knopf,
  .schicht-innen > form > .knopf {
    align-self: flex-start;
  }
}
@media (max-width: 760px) {
  .schicht-innen .kn-zeile {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 760px) {
  .schicht-innen .kn-zeile > .knopf,
  .schicht-innen > .knopf {
    width: 100%;
  }
}
.schicht > .schicht-karte {
  transition:
    transform var(--mittel) var(--ease),
    filter var(--mittel) var(--ease);
}
.schicht:has(~ .schicht:not(.zu)) > .schicht-karte {
  transform: scale(0.98);
  filter: brightness(0.97);
}
.schicht ~ .schicht {
  background: #12121147;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.schicht.unter-leiste {
  top: calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  z-index: 45;
}
@media (max-width: 900px) {
  .schicht.unter-leiste {
    padding: 0;
  }
}
@keyframes einblenden {
  0% {
    opacity: 0;
  }
}
@keyframes hoch {
  0% {
    transform: translateY(14px);
    opacity: 0;
  }
}
@keyframes ausblenden {
  to {
    opacity: 0;
  }
}
@keyframes runter {
  to {
    transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes hochBlatt {
  0% {
    transform: translateY(40px);
    opacity: 0.4;
  }
}
@keyframes runterBlatt {
  to {
    transform: translateY(40px);
    opacity: 0;
  }
}
@media (pointer: coarse) {
  ._v5-chip_1f1k8_7:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }
}
._v5-bar_1f1k8_14 {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) var(--a5) 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--a4);
  background: #ffffffeb;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
._v5-logo_1f1k8_32 {
  display: flex;
  align-items: center;
  gap: var(--a3);
  text-decoration: none;
  min-width: 0;
}
._v5-logo_1f1k8_32 i {
  width: 30px;
  height: 30px;
  border-radius: var(--r-s);
  background: var(--ink);
  display: grid;
  place-items: center;
  flex: none;
}
._v5-logo_1f1k8_32 i:after {
  content: "";
  width: 10px;
  height: 13px;
  background: var(--ci-hell);
  border-radius: 50%/62% 62% 38% 38%;
}
._v5-logo_1f1k8_32 i._mono-logo_1f1k8_58 {
  background: var(--ci);
  color: var(--ci-text, #fff);
  font: 600 var(--t-meta)/1 var(--font);
  letter-spacing: 0.02em;
  font-style: normal;
}
._v5-logo_1f1k8_32 i._mono-logo_1f1k8_58:after {
  content: none;
}
._v5-logo_1f1k8_32 img {
  width: 30px;
  height: 30px;
  border-radius: var(--r-s);
  object-fit: contain;
}
._v5-logo_1f1k8_32 b {
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._v5-schritte_1f1k8_85 {
  display: flex;
  gap: var(--a1);
}
._v5-schritt_1f1k8_85 {
  display: flex;
  align-items: center;
  gap: var(--a2);
  padding: 6px var(--a4) 6px 6px;
  border-radius: var(--r-pille);
  text-align: left;
  transition: background var(--kurz);
  position: relative;
}
._v5-schritt_1f1k8_85:hover {
  background: var(--paper);
}
._v5-schritt_1f1k8_85 ._k_1f1k8_105 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 600 var(--t-meta)/1 var(--font);
  box-shadow: var(--ring);
  color: var(--muted);
  flex: none;
}
._v5-schritt_1f1k8_85 span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
._v5-schritt_1f1k8_85 b {
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._v5-schritt_1f1k8_85 small {
  font: var(--f-dicht);
  color: var(--muted);
  white-space: nowrap;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._v5-schritt_1f1k8_85._hat_1f1k8_137 ._k_1f1k8_105 {
  color: transparent;
  background: var(--sheet) var(--haken-tinte) center / 14px no-repeat;
  box-shadow: var(--ring-2);
}
._v5-schritt_1f1k8_85._an_1f1k8_143 {
  background: var(--paper);
  box-shadow: var(--ring);
}
._v5-schritt_1f1k8_85._an_1f1k8_143 ._k_1f1k8_105 {
  background: var(--ink);
  color: #fff;
  box-shadow: none;
}
._v5-schritt_1f1k8_85._an_1f1k8_143._hat_1f1k8_137 ._k_1f1k8_105 {
  color: transparent;
  background: var(--ink) var(--haken-weiss) center / 14px no-repeat;
}
._v5-schritt_1f1k8_85._frisch_1f1k8_159 ._k_1f1k8_105 {
  animation: _hakenPop_1f1k8_1 0.55s var(--ease);
}
@media (prefers-reduced-motion: reduce) {
  ._v5-schritt_1f1k8_85._frisch_1f1k8_159 ._k_1f1k8_105 {
    animation: none;
  }
}
._v5-schritt_1f1k8_85._neu_1f1k8_169:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 26px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ci);
  box-shadow: 0 0 0 2px var(--sheet);
}
._v5-aktionen_1f1k8_181 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--a2);
}
._v5-chip_1f1k8_7 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--a2);
  height: 40px;
  min-width: 40px;
  padding: 0 var(--a3);
  border-radius: var(--r-pille);
  box-shadow: var(--ring);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  font-variant-numeric: tabular-nums;
  background: var(--sheet);
  transition:
    box-shadow var(--kurz),
    transform var(--kurz) var(--ease),
    background var(--kurz);
}
._v5-chip_1f1k8_7:hover {
  box-shadow: var(--ring-2);
  background: var(--sheet-hover);
}
._v5-chip_1f1k8_7._puls_1f1k8_214 {
  animation: _puls_1f1k8_214 0.6s var(--ease);
}
._v5-chip_1f1k8_7 svg {
  width: 17px;
  height: 17px;
}
._zahl_1f1k8_3[data-n="0"] {
  display: none;
}
._v5-chip_1f1k8_7:has(> span[data-n="0"]) {
  padding: 0;
  width: 40px;
}
._v5-chip-text_1f1k8_232 {
  display: none;
  font: inherit;
  font-weight: 500;
}
@media (min-width: 1181px) {
  ._v5-aktionen_1f1k8_181 ._v5-chip_1f1k8_7:has(> ._v5-chip-text_1f1k8_232) {
    width: auto;
    padding: 0 var(--a3);
  }
}
@media (min-width: 1181px) {
  ._v5-chip-text_1f1k8_232 {
    display: inline;
  }
}
@media (min-width: 1181px) {
  ._v5-chip_1f1k8_7:has(> ._v5-chip-text_1f1k8_232) > span[data-n="0"] {
    display: none;
  }
}
._v5-btn-text_1f1k8_257 {
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  height: 40px;
  padding: 0 var(--a3);
  font: var(--f-dicht);
  color: var(--muted);
  border-radius: var(--r-pille);
}
._v5-btn-text_1f1k8_257:hover {
  color: var(--ink);
}
._v5-btn-text_1f1k8_257 svg {
  width: 16px;
  height: 16px;
}
._v5-rueckweg_1f1k8_277 button {
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  height: 36px;
  padding: 0 var(--a4) 0 var(--a3);
  border-radius: var(--r-pille);
  background: var(--sheet);
  color: var(--ink);
  box-shadow: var(--ring);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  transition:
    box-shadow var(--kurz),
    background var(--kurz);
}
._v5-rueckweg_1f1k8_277 button:hover {
  box-shadow: var(--ring-2);
  background: var(--sheet-hover);
}
._v5-rueckweg_1f1k8_277 svg {
  width: 16px;
  height: 16px;
}
@media (max-width: 900px) {
  ._v5-bar_1f1k8_14 {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: env(safe-area-inset-top, 0px) var(--a3) 0;
    gap: var(--a2);
  }
}
@media (max-width: 900px) {
  ._v5-logo_1f1k8_32 b,
  ._nur-desk_1f1k8_314 {
    display: none;
  }
}
@media (max-width: 900px) {
  ._v5-schritte_1f1k8_85 {
    justify-content: center;
    gap: 2px;
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85 {
    padding: 5px 9px 5px 5px;
    gap: 6px;
    min-height: 40px;
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85:not(._an_1f1k8_143) {
    padding: 5px;
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85 small {
    display: none;
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85:not(._an_1f1k8_143) b {
    display: none;
  }
}
@media (max-width: 900px) {
  ._v5-chip_1f1k8_7 {
    height: 36px;
    min-width: 36px;
    padding: 0 var(--a3);
  }
}
@media (max-width: 900px) {
  ._v5-chip_1f1k8_7:has(> span[data-n="0"]) {
    width: 36px;
  }
}
@media (max-width: 900px) {
  ._v5-chip_1f1k8_7[data-akt="speichern"] {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 901px) {
  ._v5-logo_1f1k8_32 b {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 901px) {
  ._v5-bar_1f1k8_14 {
    gap: var(--a3);
    padding-left: var(--a4);
    padding-right: var(--a4);
  }
}
@media (max-width: 1080px) and (min-width: 901px) {
  ._v5-schritte_1f1k8_85 {
    gap: 0;
  }
}
@media (max-width: 1080px) and (min-width: 901px) {
  ._v5-schritt_1f1k8_85 {
    gap: var(--a2);
    padding-right: var(--a3);
  }
}
@media (max-width: 1080px) and (min-width: 901px) {
  ._v5-schritt_1f1k8_85 small {
    max-width: 170px;
  }
}
@media (max-width: 1080px) and (min-width: 901px) {
  ._v5-aktionen_1f1k8_181 {
    gap: var(--a1);
  }
}
._v5-links_1f1k8_411 {
  display: flex;
  align-items: center;
  gap: var(--a3);
  min-width: 0;
}
._v5-bar_1f1k8_14 ._v5-rueckweg_1f1k8_277 {
  position: static;
  z-index: auto;
  top: auto;
  left: auto;
  bottom: auto;
  flex: none;
  animation: _wegEin_1f1k8_1 var(--mittel, 0.28s) var(--ease, ease);
}
._v5-rueckweg_1f1k8_277 ._kurz_1f1k8_428 {
  display: none;
}
._v5-rueckweg_1f1k8_277 button {
  white-space: nowrap;
}
@media (max-width: 1360px) {
  ._v5-links_1f1k8_411:has(._v5-rueckweg_1f1k8_277:not([hidden]))
    ._v5-logo_1f1k8_32
    b {
    display: none;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._ohne-name_1f1k8_443 ._v5-logo_1f1k8_32 b {
    display: none;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._eng_1f1k8_449
    ._v5-schritt_1f1k8_85:not(._an_1f1k8_143)
    small {
    display: none;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._enger_1f1k8_455 ._v5-schritt_1f1k8_85 small {
    display: none;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._enger_1f1k8_455 ._v5-schritt_1f1k8_85 {
    padding-right: var(--a3);
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._engst_1f1k8_467 ._v5-kontakt_1f1k8_467 {
    font-size: 0;
    gap: 0;
    padding: 0 10px;
    width: auto;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._engst_1f1k8_467 ._v5-kontakt_1f1k8_467 svg {
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 901px) {
  ._v5-bar_1f1k8_14._engst_1f1k8_467 ._v5-kontakt_1f1k8_467:after {
    margin-left: 6px;
  }
}
._v5-schritte_1f1k8_85 {
  align-items: center;
}
._v5-schritt_1f1k8_85 + ._v5-unter_1f1k8_492 {
  margin-left: -2px;
  margin-right: 6px;
}
._v5-bar_1f1k8_14 ._v5-unter_1f1k8_492 button {
  min-height: 32px;
  padding: 0 14px;
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85:not(._an_1f1k8_143),
  ._v5-schritte_1f1k8_85 > ._v5-unter_1f1k8_492 {
    display: none;
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85._an_1f1k8_143 {
    padding-right: var(--a3);
  }
}
@media (max-width: 900px) {
  ._v5-schritt_1f1k8_85._an_1f1k8_143:before {
    content: "";
    order: 5;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 2px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.7;
  }
}
@media (max-width: 900px) {
  ._v5-schritte_1f1k8_85._neu-anderswo_1f1k8_531
    ._v5-schritt_1f1k8_85._an_1f1k8_143:after {
    content: "";
    position: absolute;
    top: var(--a1);
    right: var(--a1);
    left: auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ci);
    box-shadow: 0 0 0 2px #fff;
  }
}
@media (max-width: 900px) {
  ._v5-rueckweg_1f1k8_277 ._lang_1f1k8_546 {
    display: none;
  }
}
@media (max-width: 900px) {
  ._v5-rueckweg_1f1k8_277 ._kurz_1f1k8_428 {
    display: inline;
  }
}
@media (max-width: 900px) {
  ._v5-rueckweg_1f1k8_277 button {
    height: 36px;
    padding: 0 var(--a3) 0 var(--a2);
    font: var(--f-ui);
    letter-spacing: var(--ls-ui);
  }
}
@media (max-width: 900px) {
  ._v5-links_1f1k8_411:has(._v5-rueckweg_1f1k8_277:not([hidden]))
    ._v5-logo_1f1k8_32 {
    display: none;
  }
}
._v5-kontakt_1f1k8_467 {
  color: var(--ink);
  font-weight: 600;
  padding: 0 var(--a3) 0 10px;
}
._v5-kontakt_1f1k8_467:after {
  content: "";
  width: 6px;
  height: 6px;
  margin: -3px 0 0 3px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.55;
  transition: transform var(--kurz, 0.16s) var(--ease, ease);
}
._v5-kontakt_1f1k8_467[aria-expanded="true"]:after {
  transform: translateY(3px) rotate(225deg);
}
._v5-kontakt_1f1k8_467[aria-expanded="true"],
._v5-kontakt_1f1k8_467:hover {
  background: var(--paper);
}
._v5-links_1f1k8_411:has(._v5-rueckweg_1f1k8_277:not([hidden]))
  ._v5-logo_1f1k8_32
  b {
  display: none;
}
@keyframes _hakenPop_1f1k8_1 {
  0% {
    transform: scale(0.55);
  }
  55% {
    transform: scale(1.18);
  }
  to {
    transform: scale(1);
  }
}
@keyframes _puls_1f1k8_214 {
  40% {
    transform: scale(1.12);
  }
}
@keyframes _wegEin_1f1k8_1 {
  0% {
    opacity: 0;
    transform: translate(-6px);
  }
}
._v5-toast_70wvw_4 :focus-visible {
  outline-color: #fff;
}
._v5-toast_70wvw_4 {
  position: fixed;
  z-index: 120;
  left: 50%;
  bottom: calc(26px + env(safe-area-inset-bottom, 0px));
  transform: translate(-50%);
  display: flex;
  align-items: center;
  gap: var(--a4);
  max-width: min(560px, calc(100vw - 32px));
  min-height: 48px;
  padding: var(--pille-innen) var(--pille-innen) var(--pille-innen) var(--a5);
  border-radius: var(--r-pille);
  background: #121211f0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  font: 500 var(--t-ui)/1.3 var(--font);
  box-shadow: var(--e2), var(--ring-hell);
  animation: _toastEin_70wvw_1 var(--mittel) var(--ease);
}
._v5-toast_70wvw_4:not(:has(button)) {
  padding-right: var(--a5);
}
._v5-toast_70wvw_4 button {
  min-height: 36px;
  padding: 0 var(--a4);
  border-radius: var(--r-pille);
  background: #ffffff24;
  color: #fff;
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  white-space: nowrap;
  transition: background var(--kurz);
}
._v5-toast_70wvw_4 button:hover {
  background: #ffffff3d;
}
._v5-toast_70wvw_4._oben_70wvw_50 {
  bottom: auto !important;
  width: max-content;
  max-width: calc(100vw - 32px);
  animation-name: _toastEinOben_70wvw_1;
}
._merk-flug_70wvw_57 {
  position: fixed;
  z-index: 200;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--sheet);
  box-shadow: var(--e2);
  pointer-events: none;
  will-change: transform, opacity;
}
._merk-flug_70wvw_57 svg {
  width: 16px;
  height: 16px;
}
body[data-schritt="angebot"] ._v5-toast_70wvw_4 {
  bottom: calc(var(--a9) + env(safe-area-inset-bottom, 0px));
}
._v5-ankunft_70wvw_80 {
  position: fixed;
  z-index: 56;
  left: var(--a5);
  bottom: calc(var(--a5) + env(safe-area-inset-bottom, 0px));
  width: min(420px, calc(100vw - 48px));
  display: flex;
  align-items: center;
  gap: var(--a3);
  padding: 10px var(--a2) 10px var(--a4);
  border-radius: var(--r-l, 22px);
  background: #fffffff7;
  color: var(--ink);
  box-shadow:
    var(--e2),
    inset 0 0 0 1px var(--line);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  animation: _hinweisEin_70wvw_1 var(--mittel, 0.28s) var(--ease, ease);
}
._v5-ankunft_70wvw_80:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ci);
  flex: none;
}
._v5-ankunft_70wvw_80 p {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  text-wrap: pretty;
}
._v5-ankunft_70wvw_80 ._knopf_70wvw_120 {
  flex: none;
}
._v5-ankunft_70wvw_80 ._zu_70wvw_124 {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--muted);
  flex: none;
}
._v5-ankunft_70wvw_80 ._zu_70wvw_124:hover {
  color: var(--ink);
  background: var(--paper);
}
._v5-ankunft_70wvw_80 ._zu_70wvw_124 svg {
  width: 16px;
  height: 16px;
}
._v5-ankunft_70wvw_80._frei_70wvw_144 {
  right: auto;
  bottom: auto;
}
._v5-ankunft_70wvw_80._kompakt_70wvw_149 {
  gap: 10px;
  padding: 6px var(--a1) 6px 14px;
  border-radius: var(--r-m, 16px);
}
._v5-ankunft_70wvw_80._kompakt_70wvw_149 p {
  font-size: 13px;
  line-height: 1.35;
}
._v5-ankunft_70wvw_80._kompakt_70wvw_149 ._zu_70wvw_124 {
  width: 32px;
  height: 32px;
}
._v5-ankunft_70wvw_80._weg_70wvw_165 {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
  pointer-events: none;
}
@media (min-width: 901px) and (max-width: 1199px) {
  body[data-schritt="angebot"] ._v5-ankunft_70wvw_80:not(._frei_70wvw_144) {
    bottom: calc(var(--a9) + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 900px) {
  ._v5-ankunft_70wvw_80:not(._frei_70wvw_144) {
    top: calc(var(--bar-h) + env(safe-area-inset-top, 0px) + var(--a2));
    bottom: auto;
    left: var(--a3);
    right: var(--a3);
    width: auto;
  }
}
@media (max-width: 900px) {
  ._v5-ankunft_70wvw_80:not(._frei_70wvw_144)._weg_70wvw_165 {
    transform: translateY(-8px);
  }
}
@media (max-width: 900px) {
  ._v5-ankunft_70wvw_80:not(._frei_70wvw_144) {
    animation-name: _hinweisEinOben_70wvw_1;
  }
}
@keyframes _toastEin_70wvw_1 {
  0% {
    transform: translate(-50%, 12px);
    opacity: 0;
  }
}
@keyframes _toastEinOben_70wvw_1 {
  0% {
    transform: translate(-50%, -10px);
    opacity: 0;
  }
}
@keyframes _hinweisEin_70wvw_1 {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes _hinweisEinOben_70wvw_1 {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
}
._ap-karte_17i6d_4 {
  display: flex;
  align-items: center;
  gap: var(--a4);
}
._ap-karte_17i6d_4 ._ini_17i6d_10 {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ci);
  color: var(--ci-text, #fff);
  font: 600 var(--t-text)/1 var(--font);
  font-style: normal;
  letter-spacing: 0.02em;
}
._ap-karte_17i6d_4 span {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
._ap-karte_17i6d_4 b {
  font: 600 var(--t-text)/1.3 var(--font);
}
._ap-karte_17i6d_4 small {
  font: var(--f-meta);
  color: var(--muted);
}
._tage_17i6d_40 {
  display: flex;
  gap: var(--a2);
  overflow-x: auto;
  padding: 2px 2px var(--a1);
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 calc(100% - 64px),
    transparent
  );
  mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent);
  padding-right: var(--a7);
}
._tage_17i6d_40::-webkit-scrollbar {
  display: none;
}
._tag_17i6d_40 {
  flex: none;
  width: 64px;
  padding: var(--a3) 0;
  border-radius: var(--r-m);
  box-shadow: var(--ring);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition:
    background var(--kurz),
    box-shadow var(--kurz);
}
._tag_17i6d_40:hover,
._slot_17i6d_75:hover {
  box-shadow: var(--ring-2);
}
._tag_17i6d_40 b {
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
  font-variant-numeric: tabular-nums;
}
._tag_17i6d_40 small {
  font: var(--f-meta);
  color: var(--muted);
}
._tag_17i6d_40._an_17i6d_90 {
  background: var(--sheet);
  color: var(--ink);
  box-shadow: var(--ring-wahl);
}
._tag_17i6d_40._an_17i6d_90 small {
  color: var(--ink-2);
}
._slots_17i6d_100 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a2);
}
._slot_17i6d_75 {
  height: 44px;
  padding: 0 var(--a4);
  border-radius: var(--r-pille);
  box-shadow: var(--ring);
  font: var(--f-dicht);
  font-variant-numeric: tabular-nums;
  transition:
    background var(--kurz),
    box-shadow var(--kurz);
}
._slot_17i6d_75._an_17i6d_90 {
  background: var(--sheet);
  color: var(--ink);
  font-weight: 600;
  box-shadow: var(--ring-wahl);
}
._v5-kontakt-karte_17i6d_125 {
  position: fixed;
  z-index: 70;
  width: min(344px, calc(100vw - 24px));
  padding: var(--a4);
  border-radius: var(--r-l, 22px);
  background: var(--sheet);
  color: var(--ink);
  box-shadow:
    var(--e2),
    inset 0 0 0 1px var(--line);
  animation: _kontaktEin_17i6d_1 var(--mittel, 0.28s) var(--ease, ease) both;
}
._v5-kontakt-karte_17i6d_125._zu_17i6d_139 {
  opacity: 0;
  transition: opacity var(--weg, 0.18s) ease;
  pointer-events: none;
}
._v5-kontakt-karte_17i6d_125 ._ap-karte_17i6d_4 {
  gap: var(--a3);
  padding: 2px var(--a1) var(--a4);
}
._v5-kontakt-karte_17i6d_125 ._ap-karte_17i6d_4 ._ini_17i6d_10 {
  width: 40px;
  height: 40px;
  font-size: var(--t-ui);
}
._v5-kontakt-karte_17i6d_125 ._ap-karte_17i6d_4 b {
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._kontakt-zeilen_17i6d_161 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: var(--a2);
  border-top: 1px solid var(--line);
}
._kontakt-zeile_17i6d_161 {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 10px;
  align-items: center;
  gap: var(--a4);
  width: 100%;
  min-height: 56px;
  padding: var(--a2) var(--a3);
  border-radius: var(--r-m, 16px);
  text-align: left;
  color: var(--ink);
  transition: background var(--kurz, 0.16s);
}
._kontakt-zeile_17i6d_161:hover,
._kontakt-zeile_17i6d_161:focus-visible {
  background: var(--paper);
}
._kontakt-zeile_17i6d_161 svg {
  width: 20px;
  height: 20px;
}
._kontakt-zeile_17i6d_161 span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._kontakt-zeile_17i6d_161 b {
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._kontakt-zeile_17i6d_161 small {
  font: var(--f-meta);
  color: var(--muted);
}
._kontakt-pfeil_17i6d_210 {
  width: 7px;
  height: 7px;
  border-right: 1.6px solid currentColor;
  border-top: 1.6px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.45;
  transition:
    transform var(--kurz, 0.16s) var(--ease, ease),
    opacity var(--kurz, 0.16s);
}
._kontakt-zeile_17i6d_161:hover ._kontakt-pfeil_17i6d_210 {
  transform: translate(2px) rotate(45deg);
  opacity: 0.8;
}
@keyframes _kontaktEin_17i6d_1 {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
}
.knopf._termin-ok_17i6d_235:disabled {
  opacity: 1;
  background: var(--paper-2);
  color: var(--muted);
  font-size: 0;
}
.knopf._termin-ok_17i6d_235:disabled:before {
  content: "Bitte zuerst eine Uhrzeit wählen";
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._weg-karte_1lxq9_7 span {
  text-wrap: pretty;
}
@media (pointer: coarse) {
  ._filter_1lxq9_12 button:after,
  ._prod-zeile_1lxq9_13 ._mini_1lxq9_13:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }
}
@media (pointer: coarse) {
  ._filter_1lxq9_12 button,
  ._prod-zeile_1lxq9_13 ._mini_1lxq9_13 {
    position: relative;
  }
}
._ideen_1lxq9_3 {
  max-width: 1480px;
  margin: 0 auto;
  padding: var(--a6) var(--a5) var(--a10);
}
._ideen-kopf_1lxq9_33 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--a4) var(--a6);
  margin-bottom: var(--a5);
}
._ideen-kopf_1lxq9_33 h1 {
  margin: var(--a2) 0 var(--a2);
  font: var(--f-h1);
  letter-spacing: var(--ls-h1);
  text-wrap: balance;
}
._ideen-kopf_1lxq9_33 p {
  margin: 0;
}
._ideen-kopf_1lxq9_33 p:not(.mono) {
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  color: var(--muted);
  max-width: 62ch;
  text-wrap: balance;
}
._filter_1lxq9_12 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a2);
  margin: 0 0 var(--a5);
}
._filter_1lxq9_12 button {
  height: 36px;
  padding: 0 var(--a4);
  border-radius: var(--r-pille);
  font: var(--f-dicht);
  background: var(--sheet);
  box-shadow: var(--ring);
  white-space: nowrap;
  transition:
    box-shadow var(--kurz),
    background var(--kurz),
    color var(--kurz);
}
._filter_1lxq9_12 button:hover {
  box-shadow: var(--ring-2);
}
._filter_1lxq9_12 button._an_1lxq9_86 {
  background: var(--sheet);
  color: var(--ink);
  font-weight: 600;
  box-shadow: var(--ring-wahl);
}
._filter_1lxq9_12 ._trenner_1lxq9_93 {
  flex: none;
  width: 1px;
  background: var(--line);
  margin: var(--a2) var(--a1);
}
._ideen-raster_1lxq9_3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--a5);
  align-items: start;
}
._ideen-raster_1lxq9_3._mit-mood_1lxq9_107 {
  grid-template-columns: minmax(0, 1fr) 312px;
}
._board_1lxq9_111 {
  display: flex;
  gap: var(--a4);
  align-items: flex-start;
}
._board-spalte_1lxq9_117 {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--a4);
}
._board-spalte_1lxq9_117 ._kachel_1lxq9_125 {
  margin: 0;
}
._kachel_1lxq9_125 {
  position: relative;
  break-inside: avoid;
  margin: 0 0 var(--a4);
  border-radius: var(--r-m);
  overflow: hidden;
  background: var(--paper-2);
  cursor: zoom-in;
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  isolation: isolate;
}
._kachel_1lxq9_125 img {
  width: 100%;
  height: auto;
  transition:
    transform var(--lang) var(--ease),
    opacity var(--lang) ease;
}
._kachel_1lxq9_125 img:not(._da_1lxq9_152) {
  opacity: 0;
}
._kachel_1lxq9_125:hover img {
  transform: scale(1.03);
}
._kachel_1lxq9_125:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #1212118c, #1212112e 26%, #12121100 45%);
  opacity: 0;
  transition: opacity var(--mittel);
  pointer-events: none;
}
._kachel_1lxq9_125:hover:after,
._kachel_1lxq9_125:focus-visible:after {
  opacity: 1;
}
._kachel_1lxq9_125 .merk-knopf {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}
._kachel_1lxq9_125 ._schild_1lxq9_187 {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 56px;
  bottom: var(--a3);
  color: #fff;
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity var(--mittel),
    transform var(--mittel) var(--ease);
}
._kachel_1lxq9_125:hover ._schild_1lxq9_187,
._kachel_1lxq9_125:focus-visible ._schild_1lxq9_187 {
  opacity: 1;
  transform: none;
}
._kachel_1lxq9_125 ._schild_1lxq9_187 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}
._kachel_1lxq9_125 ._schild_1lxq9_187 b {
  font-weight: 600;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
._kachel_1lxq9_125 ._schild_1lxq9_187 small {
  font: var(--f-meta);
  color: #ffffffdb;
  font-variant-numeric: tabular-nums;
}
@media (hover: hover) and (pointer: fine) {
  ._kachel_1lxq9_125 .merk-knopf:not(:has(.herz-voll)) {
    opacity: 0;
    transform: scale(0.9);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._kachel_1lxq9_125:hover .merk-knopf,
  ._kachel_1lxq9_125:focus-within .merk-knopf,
  ._kachel_1lxq9_125 .merk-knopf:focus-visible {
    opacity: 1;
    transform: none;
  }
}
._leer-hinweis_1lxq9_247 {
  padding: var(--a8) var(--a5);
  text-align: center;
  color: var(--muted);
  background: var(--sheet);
  box-shadow: var(--ring);
  border-radius: var(--r-l);
}
._mood_1lxq9_3 {
  position: sticky;
  top: var(--a4);
  align-self: start;
  max-height: calc(100dvh - var(--bar-h) - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  background: var(--sheet);
  border-radius: var(--r-l);
  padding: var(--a5);
  display: flex;
  flex-direction: column;
  gap: var(--a4);
  box-shadow: var(--ring);
}
._mood_1lxq9_3._neu_1lxq9_273 > :not(._mood-kopf_1lxq9_273) {
  animation: _moodEin_1lxq9_1 0.45s var(--ease) both;
}
@media (prefers-reduced-motion: reduce) {
  ._mood_1lxq9_3._neu_1lxq9_273 > * {
    animation: none;
  }
}
._mood_1lxq9_3._leer_1lxq9_247 {
  gap: var(--a3);
}
._mood-leer-raster_1lxq9_287 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--a1);
}
._mood-leer-raster_1lxq9_287 i {
  aspect-ratio: 1;
  border-radius: var(--r-s);
  border: 1.5px dashed var(--line);
  display: grid;
  place-items: center;
  color: var(--muted);
}
._mood-leer-raster_1lxq9_287 i svg {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}
._mood-leer-text_1lxq9_308 {
  margin: 0;
  font: var(--f-meta);
  color: var(--muted);
  text-wrap: pretty;
}
._mood-leer-text_1lxq9_308 svg {
  width: 13px;
  height: 13px;
  vertical-align: -1px;
}
._mood-kopf_1lxq9_273 {
  display: flex;
  flex-direction: column;
  gap: var(--a1);
}
._mood-kopf_1lxq9_273 b {
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
  white-space: nowrap;
}
.schicht ._mood_1lxq9_3 {
  position: static;
  max-height: none;
  overflow: visible;
  width: 100%;
  align-self: stretch;
}
.schicht ._mood-kopf_1lxq9_273 {
  padding-right: var(--a7);
}
.schicht ._mood-raster_1lxq9_345 img {
  aspect-ratio: 4 / 3;
}
._mood-raster_1lxq9_345 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--a2);
}
._mood-raster_1lxq9_345 img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--r-s);
  background: var(--paper-2);
}
._mood-foto_1lxq9_363,
._mood-eintrag_1lxq9_364 {
  position: relative;
}
._mood-auf_1lxq9_368 {
  display: block;
  width: 100%;
  border-radius: var(--r-s);
  text-align: left;
  transition:
    transform var(--kurz) var(--ease),
    box-shadow var(--kurz);
}
._mood-foto_1lxq9_363 ._mood-auf_1lxq9_368:hover img {
  filter: brightness(1.04);
}
._mood-foto_1lxq9_363 ._mood-auf_1lxq9_368:active,
._mood-eintrag_1lxq9_364 ._mood-auf_1lxq9_368:active {
  transform: scale(0.98);
}
._mood-weg_1lxq9_387 {
  position: absolute;
  top: 2px;
  right: 2px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--ink);
  opacity: 0.55;
  transition: opacity var(--kurz);
}
._mood-weg_1lxq9_387:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 50%;
  background: #fffffff0;
  box-shadow: var(--e1);
}
._mood-weg_1lxq9_387 svg {
  position: relative;
  width: 11px;
  height: 11px;
  stroke-width: 2.2;
}
._mood-foto_1lxq9_363:hover ._mood-weg_1lxq9_387,
._mood-eintrag_1lxq9_364:hover ._mood-weg_1lxq9_387,
._mood-weg_1lxq9_387:focus-visible {
  opacity: 1;
}
@media (hover: none) {
  ._mood-weg_1lxq9_387 {
    opacity: 0.9;
  }
}
._mood-eintrag_1lxq9_364 ._mood-weg_1lxq9_387 {
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}
._mood-eintrag_1lxq9_364 ._mood-weg_1lxq9_387:before {
  box-shadow: none;
  background: transparent;
}
._mood-prod_1lxq9_440 {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
}
._mood-prod_1lxq9_440 ._mood-auf_1lxq9_368 {
  display: flex;
  align-items: center;
  gap: var(--a3);
  min-height: 48px;
  font: 500 var(--t-ui)/1.3 var(--font);
  padding: var(--a1) var(--a7) var(--a1) var(--a1);
  border-radius: var(--r-s);
  background: var(--paper);
  transition: background var(--kurz);
}
._mood-prod_1lxq9_440 ._mood-auf_1lxq9_368:hover {
  background: var(--paper-2);
}
._mood-prod_1lxq9_440 img {
  flex: none;
  width: 48px;
  height: 40px;
  object-fit: contain;
  border-radius: 6px;
  background: var(--sheet);
}
._stil-karte_1lxq9_471 {
  background: var(--paper);
  border-radius: var(--r-m);
  padding: var(--a3) var(--a4);
  font: var(--f-meta);
  color: var(--muted);
}
._stil-karte_1lxq9_471 b {
  display: block;
  margin-top: 2px;
  font: 600 var(--t-text)/1.3 var(--font);
  color: var(--ink);
}
._mood-wahl_1lxq9_486 {
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  padding: var(--a4);
  border-radius: var(--r-m);
  background: var(--paper);
}
._mood-wahl-frage_1lxq9_495 {
  margin: 0;
  font: 400 var(--t-ui)/1.45 var(--font);
  color: var(--ink-2);
  text-wrap: pretty;
}
._mood-wahl-frage_1lxq9_495 b {
  color: var(--ink);
  font-weight: 600;
}
._mood-wahl-optionen_1lxq9_507 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: var(--a2);
}
._mood-option_1lxq9_513 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--a2);
  min-height: 44px;
  padding: var(--a3) var(--a2);
  border-radius: var(--r-s);
  background: var(--sheet);
  box-shadow: var(--ring);
  text-align: center;
  font: 500 var(--t-meta)/1.3 var(--font);
  color: var(--ink-2);
  transition:
    box-shadow var(--kurz),
    color var(--kurz);
}
._mood-option_1lxq9_513 img {
  width: 100%;
  height: 58px;
  object-fit: contain;
}
._mood-option_1lxq9_513:hover {
  box-shadow: var(--ring-2);
  color: var(--ink);
}
._mood-option_1lxq9_513._an_1lxq9_86 {
  box-shadow: var(--ring-wahl);
  color: var(--ink);
  font-weight: 600;
}
._mood-option_1lxq9_513._an_1lxq9_86:after {
  content: "";
  position: absolute;
  top: var(--a2);
  right: var(--a2);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--ink)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-8.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 11px no-repeat;
}
._mood-wahl_1lxq9_486 > .klein-grau {
  margin: 0;
}
._mood_1lxq9_3 > .knopf {
  width: 100%;
}
._ideen-raster_1lxq9_3 ._mood-raster_1lxq9_345:has(> :nth-child(5)),
._ideen-raster_1lxq9_3
  ._mood-raster_1lxq9_345:has(> :nth-child(3)):not(:has(> :nth-child(4))) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--a1);
}
._ideen-raster_1lxq9_3
  ._mood-raster_1lxq9_345:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--a1);
}
._ideen-raster_1lxq9_3 ._mood_1lxq9_3 > .knopf {
  position: sticky;
  z-index: 2;
  bottom: 0;
  flex: none;
}
._ideen-raster_1lxq9_3 ._mood_1lxq9_3._ueberlauf_1lxq9_588 > .knopf {
  box-shadow:
    0 0 0 var(--a4) var(--sheet),
    0 calc(-1 * var(--a5)) var(--a5) var(--a2) var(--sheet);
}
.schicht ._mood_1lxq9_3 > .knopf {
  position: sticky;
  z-index: 2;
  bottom: var(--a4);
  flex: none;
  box-shadow:
    0 0 0 var(--a4) var(--sheet),
    0 calc(-1 * var(--a5)) var(--a5) var(--a2) var(--sheet);
}
._mood_1lxq9_3 > .link-pfeil {
  align-self: flex-start;
}
._mood-sichern_1lxq9_608 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding-top: var(--a3);
  border-top: 1px solid var(--line);
}
._mood-sichern_1lxq9_608 .link-pfeil {
  min-height: 32px;
}
._mood-sichern_1lxq9_608 .klein-grau {
  margin: 0;
  text-wrap: balance;
}
@media (max-width: 980px) {
  ._ideen-raster_1lxq9_3._mit-mood_1lxq9_107 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 980px) {
  ._mood_1lxq9_3 {
    position: static;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 980px) {
  ._mood_1lxq9_3._leer_1lxq9_247 {
    display: none;
  }
}
._mood-leiste_1lxq9_646 {
  display: none;
}
._mood-leiste_1lxq9_646 {
  transition:
    opacity var(--mittel) ease,
    transform var(--mittel) var(--ease);
}
._mood-leiste_1lxq9_646._weg_1lxq9_7 {
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}
@media (max-width: 980px) {
  ._mood-leiste_1lxq9_646 {
    position: sticky;
    z-index: 6;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    display: flex;
    align-items: center;
    gap: var(--a3);
    width: fit-content;
    max-width: calc(100% - 8px);
    margin: var(--a4) auto 0;
    padding: var(--pille-innen) var(--pille-innen) var(--pille-innen) var(--a4);
    border-radius: var(--r-pille);
    background: #121211e6;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    color: #fff;
    font: var(--f-dicht);
    box-shadow: var(--e2), var(--ring-hell);
  }
}
@media (max-width: 980px) {
  ._mood-leiste_1lxq9_646 svg {
    width: 17px;
    height: 17px;
  }
}
@media (max-width: 980px) {
  ._mood-leiste_1lxq9_646 b {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 var(--a4);
    border-radius: var(--r-pille);
    background: var(--on-dark);
    color: var(--ink);
    font: var(--f-ui);
    letter-spacing: var(--ls-ui);
  }
}
._bs-karte_1lxq9_705 {
  width: min(1360px, 100%);
  height: min(860px, calc(100dvh - 40px));
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, 1fr);
  overflow: hidden;
}
._bs-bild_1lxq9_713 {
  position: relative;
  background: #161513;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
}
._bs-umgebung_1lxq9_723 {
  position: absolute;
  z-index: -1;
  top: -20%;
  right: -20%;
  bottom: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  max-width: none;
  object-fit: cover;
  filter: blur(42px) saturate(1.1) brightness(0.66);
  transform: translateZ(0);
  pointer-events: none;
  transition: opacity var(--lang);
}
._bs-haupt_1lxq9_737 {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._bs-haupt_1lxq9_737 > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: _bildEin_1lxq9_1 var(--mittel) ease;
}
._bs-daumen_1lxq9_753 {
  display: flex;
  gap: var(--a2);
  padding: var(--a3);
  overflow-x: auto;
  scrollbar-width: none;
  background: linear-gradient(0deg, #00000059, #0000);
}
._bs-daumen_1lxq9_753::-webkit-scrollbar {
  display: none;
}
._bs-daumen_1lxq9_753 button {
  flex: none;
  width: 92px;
  height: 64px;
  border-radius: var(--r-s);
  overflow: hidden;
  opacity: 0.55;
  transition:
    opacity var(--kurz),
    transform var(--kurz) var(--ease);
}
._bs-daumen_1lxq9_753 button._an_1lxq9_86,
._bs-daumen_1lxq9_753 button:hover {
  opacity: 1;
}
._bs-daumen_1lxq9_753 button._an_1lxq9_86 {
  outline: 2px solid #fff;
  outline-offset: -2px;
}
._bs-daumen_1lxq9_753 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._punkt_1lxq9_794 {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 50%;
  background: #fffffff0;
  box-shadow:
    0 0 0 5px #ffffff47,
    var(--e1);
  display: grid;
  place-items: center;
  z-index: 2;
  transition:
    transform var(--kurz) var(--ease),
    box-shadow var(--mittel);
}
._punkt_1lxq9_794:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ink);
  transition: transform var(--kurz) var(--ease);
}
._punkt_1lxq9_794:before {
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  border-radius: 50%;
  animation: _punktAtmen_1lxq9_1 2.2s cubic-bezier(0.2, 0.7, 0.2, 1) 0.5s 3;
}
@media (prefers-reduced-motion: reduce) {
  ._punkt_1lxq9_794:before {
    animation: none;
  }
}
._punkt_1lxq9_794:hover,
._punkt_1lxq9_794._an_1lxq9_86 {
  transform: scale(1.15);
  box-shadow:
    0 0 0 7px #ffffff57,
    var(--e1);
}
._punkt_1lxq9_794._an_1lxq9_86:after {
  transform: scale(0.7);
}
._punkt-karte_1lxq9_847 {
  position: absolute;
  z-index: 3;
  width: 300px;
  background: var(--sheet);
  border-radius: var(--r-m);
  padding: var(--a4);
  box-shadow: var(--e2);
  display: flex;
  flex-direction: column;
  gap: var(--a1);
  font: 400 var(--t-ui)/1.4 var(--font);
  animation: _hoch_1lxq9_1 var(--kurz) var(--ease);
}
._punkt-karte_1lxq9_847 b {
  margin-top: 2px;
  font: 600 var(--t-text)/1.3 var(--font);
}
._punkt-karte_1lxq9_847 ._punkt-mass_1lxq9_867 {
  color: var(--muted);
}
._punkt-karte_1lxq9_847 ._zeile_1lxq9_871 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a2);
  margin-top: var(--a2);
}
._punkt-karte_1lxq9_847 ._zeile_1lxq9_871 {
  align-items: center;
  flex-wrap: nowrap;
}
._punkt-karte_1lxq9_847 ._zeile_1lxq9_871 .knopf {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 var(--a4);
}
._punkt-karte_1lxq9_847 .merk-knopf,
._prod-zeile_1lxq9_13 .merk-knopf {
  flex: none;
  width: 36px;
  height: 36px;
  background: var(--sheet);
  box-shadow: var(--ring);
}
._punkt-karte_1lxq9_847 .merk-knopf:hover,
._prod-zeile_1lxq9_13 .merk-knopf:hover {
  box-shadow: var(--ring-2);
}
._punkt-karte_1lxq9_847 > .link-pfeil {
  align-self: flex-start;
  margin-top: var(--a1);
}
._punkt-zu_1lxq9_908 {
  display: none;
}
._bs-info_1lxq9_912 {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--a6) var(--a6) var(--a6);
  display: flex;
  flex-direction: column;
  gap: var(--a5);
  container-type: inline-size;
}
._bs-info_1lxq9_912 h2 {
  margin: -6px 0 0;
  font: 600 var(--t-h2-spalte)/1.06 var(--font);
  letter-spacing: var(--ls-h2);
  text-wrap: balance;
  padding-right: var(--a6);
}
._bs-meta_1lxq9_930 {
  margin: -8px 0 0;
  color: var(--muted);
  font: var(--f-text);
  text-wrap: pretty;
}
._plan-karte_1lxq9_937 {
  background: var(--paper);
  border-radius: var(--r-m);
  padding: var(--a4) var(--a5);
}
._plan-karte_1lxq9_937 svg {
  width: 100%;
  height: auto;
  max-height: 200px;
  stroke-width: 1;
}
._plan-karte_1lxq9_937:has(._plan-fakten_1lxq9_950) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--a5);
  align-items: center;
}
._plan-karte_1lxq9_937 ._plan-bild_1lxq9_957 svg {
  max-height: 176px;
  display: block;
  margin: 0 auto;
}
._plan-fakten_1lxq9_950 {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--a3);
}
._plan-fakten_1lxq9_950 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._plan-fakten_1lxq9_950 dt {
  font: var(--f-mono);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--muted);
}
._plan-fakten_1lxq9_950 dd {
  margin: 0;
  font: 600 var(--t-text)/1.3 var(--font);
}
._prod-liste_1lxq9_988 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line);
}
._prod-zeile_1lxq9_13 {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: var(--a3);
  align-items: center;
  padding: var(--a3) 0;
  border-bottom: 1px solid var(--line);
}
._prod-zeile_1lxq9_13 img {
  width: 56px;
  height: 44px;
  object-fit: contain;
  background: var(--paper);
  border-radius: var(--r-s);
}
._prod-text_1lxq9_1011 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}
._prod-zeile_1lxq9_13 b {
  display: block;
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._prod-zeile_1lxq9_13 small {
  display: block;
  color: var(--muted);
  font: var(--f-meta);
}
._prod-zeile_1lxq9_13 .link-pfeil {
  min-height: 28px;
  margin-top: 2px;
}
._preis-zeile_1lxq9_1036 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--a1) var(--a3);
  flex-wrap: wrap;
}
._preis-zeile_1lxq9_1036 b {
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
  font-variant-numeric: tabular-nums;
}
._preis-zeile_1lxq9_1036 small {
  color: var(--muted);
  font: var(--f-meta);
}
._bs-fuss_1lxq9_1055 {
  --fuss-unten: var(--a5);
  position: sticky;
  z-index: 2;
  bottom: calc(-1 * var(--a6));
  margin: calc(-1 * var(--a4)) calc(-1 * var(--a6))
    calc(-1 * (var(--fuss-unten) + var(--a3)));
  padding: var(--a4) var(--a6) var(--fuss-unten);
  background: linear-gradient(
    0deg,
    var(--sheet) calc(100% - var(--a4)),
    rgba(255, 255, 255, 0)
  );
}
._bs-fuss_1lxq9_1055 .knopf {
  width: 100%;
}
._bs-fuss_1lxq9_1055._frei_1lxq9_1074 {
  background: none;
}
._bs-merk_1lxq9_1078 {
  position: absolute;
  z-index: 3;
  top: var(--a4);
  right: var(--a4);
}
._aehnliche_1lxq9_1085 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--a2);
}
._aehnliche_1lxq9_1085 button {
  border-radius: var(--r-s);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  transition: opacity var(--kurz);
}
._aehnliche_1lxq9_1085 button:hover {
  opacity: 0.85;
}
._aehnliche_1lxq9_1085 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-karte_1lxq9_705 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-haupt_1lxq9_737 {
    flex: none;
    height: auto;
    aspect-ratio: 3 / 2;
    max-height: 58dvh;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-bild_1lxq9_713 {
    padding-top: env(safe-area-inset-top, 0px);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-daumen_1lxq9_753 {
    position: relative;
    z-index: 1;
    padding: var(--a3) var(--rand) var(--a1);
    gap: var(--a2);
    background: var(--sheet);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-daumen_1lxq9_753 button {
    width: 64px;
    height: 46px;
    border-radius: var(--r-s);
    opacity: 0.72;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-daumen_1lxq9_753 button._an_1lxq9_86 {
    opacity: 1;
    outline: 2px solid var(--ink);
    outline-offset: 2px;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-info_1lxq9_912 {
    padding: var(--a5) var(--rand) var(--a6);
    gap: var(--a4);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-info_1lxq9_912 h2 {
    padding-right: 0;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-merk_1lxq9_1078 {
    top: 14px;
    right: 62px;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-fuss_1lxq9_1055 {
    --fuss-unten: calc(var(--a3) + env(safe-area-inset-bottom, 0px));
    margin-left: calc(-1 * var(--rand));
    margin-right: calc(-1 * var(--rand));
    padding-left: var(--rand);
    padding-right: var(--rand);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-karte_1lxq9_847,
  ._punkt-karte_1lxq9_847._oben_1lxq9_1214 {
    position: fixed;
    z-index: 6;
    left: 0 !important;
    right: 0;
    top: auto !important;
    bottom: 0;
    width: auto;
    padding: var(--a5) var(--rand)
      calc(var(--a4) + env(safe-area-inset-bottom, 0px));
    gap: 2px;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    box-shadow: var(--e3);
    animation: _hochBlatt_1lxq9_1 var(--mittel) var(--ease);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._bs-bild_1lxq9_713:has(._punkt-karte_1lxq9_847) {
    z-index: 3;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-zu_1lxq9_908 {
    position: absolute;
    top: var(--a3);
    right: var(--a3);
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--paper);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-zu_1lxq9_908 svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-karte_1lxq9_847 .mono {
    padding-right: var(--a7);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-karte_1lxq9_847 b {
    margin: 0;
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-karte_1lxq9_847 ._zeile_1lxq9_871 {
    margin-top: var(--a2);
  }
}
@media (max-width: 759px),
  (max-width: 900px) and (max-aspect-ratio: 119/100),
  (max-width: 900px) and (max-height: 439px) {
  ._punkt-karte_1lxq9_847 .merk-knopf {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-karte_1lxq9_705 {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 40vw, 360px);
    border-radius: 0;
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-daumen_1lxq9_753 {
    gap: var(--a2);
    padding: var(--a2) var(--a3) var(--a3);
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-daumen_1lxq9_753 button {
    width: 72px;
    height: 50px;
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-info_1lxq9_912 {
    padding: var(--a5);
    gap: var(--a4);
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-info_1lxq9_912 h2 {
    padding-right: var(--a7);
  }
}
@media (min-width: 760px) and (max-width: 900px) and (min-aspect-ratio: 6/5) and (min-height: 440px) {
  ._bs-fuss_1lxq9_1055 {
    bottom: calc(-1 * var(--a5));
    margin: calc(-1 * var(--a4)) calc(-1 * var(--a5))
      calc(-1 * (var(--fuss-unten) + var(--a3)));
    padding: var(--a4) var(--a5) var(--fuss-unten);
  }
}
@media (max-width: 900px) {
  ._ideen_1lxq9_3 {
    padding: var(--a4) var(--rand) var(--a10);
  }
}
@media (max-width: 900px) {
  ._ideen-kopf_1lxq9_33 {
    gap: var(--a3);
    margin-bottom: var(--a4);
  }
}
@media (max-width: 900px) {
  ._ideen-kopf_1lxq9_33 > div:first-child > .mono {
    display: none;
  }
}
@media (max-width: 900px) {
  ._ideen-kopf_1lxq9_33 h1 {
    margin-top: 0;
  }
}
@media (max-width: 900px) {
  ._ideen-kopf_1lxq9_33 p:not(.mono) {
    font: var(--f-text);
  }
}
@media (max-width: 900px) {
  ._filter_1lxq9_12 {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 calc(-1 * var(--rand)) var(--a4);
    padding: 2px var(--rand);
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 calc(100% - 28px),
      transparent
    );
    mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
  }
}
@media (max-width: 900px) {
  ._filter_1lxq9_12::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 900px) {
  ._filter_1lxq9_12 button {
    flex: none;
    height: 38px;
  }
}
@media (max-width: 900px) {
  ._board_1lxq9_111,
  ._board-spalte_1lxq9_117 {
    gap: var(--a2);
  }
}
@media (max-width: 900px) {
  ._kachel_1lxq9_125 {
    margin-bottom: var(--a2);
    border-radius: var(--r-s);
  }
}
@media (max-width: 900px) {
  ._kachel_1lxq9_125 .merk-knopf {
    top: var(--a2);
    right: var(--a2);
    width: 32px;
    height: 32px;
    background: #ffffffdb;
  }
}
@media (max-width: 900px) {
  ._kachel_1lxq9_125 .merk-knopf svg {
    width: 15px;
    height: 15px;
  }
}
._plan-skizze_1lxq9_1431 {
  width: 100%;
  height: auto;
  max-height: 260px;
  stroke-width: 1;
}
._ideen-kopf_1lxq9_33 h1 ._kurz_1lxq9_1438 {
  display: none;
}
@media (max-width: 600px) {
  ._ideen-kopf_1lxq9_33 h1 ._lang_1lxq9_1443 {
    display: none;
  }
}
@media (max-width: 600px) {
  ._ideen-kopf_1lxq9_33 h1 ._kurz_1lxq9_1438 {
    display: inline;
  }
}
@media (min-width: 901px) {
  ._ideen-kopf_1lxq9_33 ._v5-reiter_1lxq9_1455 {
    display: none;
  }
}
._weg-ende_1lxq9_1460 {
  margin: clamp(40px, 7vw, 88px) 0 0;
  padding-top: clamp(28px, 4vw, 44px);
  border-top: 1px solid var(--line);
}
._weg-ende_1lxq9_1460 h2 {
  margin: 6px 0 18px;
  font: 600 clamp(24px, 2.6vw, 34px)/1.1 var(--font);
  letter-spacing: -0.035em;
}
._weg-ende-karten_1lxq9_1472 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--a3);
}
._weg-karte_1lxq9_7 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--a1);
  min-height: 112px;
  padding: 20px 52px 20px 22px;
  border-radius: var(--r-l, 22px);
  background: var(--sheet);
  box-shadow: inset 0 0 0 1px var(--line);
  text-decoration: none;
  color: var(--ink);
  transition:
    box-shadow var(--kurz, 0.16s),
    transform var(--kurz, 0.16s) var(--ease, ease);
}
._weg-karte_1lxq9_7:hover {
  box-shadow:
    inset 0 0 0 1px var(--line-2),
    var(--e1);
  transform: translateY(-1px);
}
._weg-karte_1lxq9_7 b {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
._weg-karte_1lxq9_7 span {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.4;
}
._weg-karte_1lxq9_7 svg {
  position: absolute;
  right: 20px;
  top: 22px;
  width: 18px;
  height: 18px;
}
._merk-leer_1lxq9_1522 ._herz-inline_1lxq9_1522 {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  display: inline;
}
.schicht.unter-leiste ._bs-karte_1lxq9_705 {
  height: min(
    860px,
    calc(100dvh - var(--bar-h) - env(safe-area-inset-top, 0px) - 40px)
  );
}
@media (max-width: 900px) {
  .schicht.unter-leiste ._bs-karte_1lxq9_705 {
    height: calc(100dvh - var(--bar-h) - env(safe-area-inset-top, 0px));
    max-height: none;
  }
}
@media (max-width: 900px) {
  .schicht.unter-leiste ._bs-bild_1lxq9_713 {
    padding-top: 0;
  }
}
aside._mood_1lxq9_3._aufmerksam_1lxq9_1549 {
  animation: _aufmerksam_1lxq9_1549 1.1s var(--ease, ease);
}
@media (prefers-reduced-motion: reduce) {
  aside._mood_1lxq9_3._aufmerksam_1lxq9_1549 {
    animation: none;
  }
}
@keyframes _moodEin_1lxq9_1 {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes _hoch_1lxq9_1 {
  0% {
    transform: translateY(14px);
    opacity: 0;
  }
}
@keyframes _hochBlatt_1lxq9_1 {
  0% {
    transform: translateY(40px);
    opacity: 0.4;
  }
}
@keyframes _bildEin_1lxq9_1 {
  0% {
    opacity: 0.35;
  }
}
@keyframes _punktAtmen_1lxq9_1 {
  0% {
    box-shadow: 0 0 #fff9;
  }
  to {
    box-shadow: 0 0 0 16px #fff0;
  }
}
@keyframes _aufmerksam_1lxq9_1549 {
  0% {
    box-shadow: 0 0 #12121100;
  }
  30% {
    box-shadow: 0 0 0 3px var(--ink);
  }
  to {
    box-shadow: 0 0 #12121100;
  }
}
._v5-reiter_vdrtl_4 {
  display: inline-flex;
  gap: 2px;
  padding: var(--a1);
  border-radius: var(--r-pille);
  background: var(--paper-2);
}
._v5-reiter_vdrtl_4 button,
._v5-reiter_vdrtl_4 a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 var(--a4);
  border-radius: var(--r-pille);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
  color: #5e5d59;
  text-decoration: none;
  transition:
    color var(--kurz),
    background var(--kurz);
}
._v5-reiter_vdrtl_4 a:hover,
._v5-reiter_vdrtl_4 button:hover {
  color: var(--ink);
}
._v5-reiter_vdrtl_4 ._an_vdrtl_33 {
  background: var(--sheet);
  color: var(--ink);
  box-shadow: var(--e1);
}
._weg-kontakt_qq0r1_4 ._ap-karte_qq0r1_2 ._ini_qq0r1_4 {
  width: 40px;
  height: 40px;
  font-size: var(--t-ui);
}
._weg-kontakt_qq0r1_4 {
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  padding-top: var(--a4);
  border-top: 1px solid var(--line);
}
._weg-kontakt_qq0r1_4 ._kontakt-zeilen_qq0r1_18 {
  padding-top: 0;
  border-top: 0;
}
._weg-kontakt_qq0r1_4 ._kontakt-zeile_qq0r1_2 {
  min-height: 60px;
  padding-left: 6px;
}
._weg-sichern_qq0r1_28 {
  align-self: flex-start;
}
._weg-blatt_qq0r1_32 {
  gap: 18px;
}
._weg-liste_qq0r1_36 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._weg-liste_qq0r1_36 li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 6px;
  border-radius: var(--r-m, 16px);
}
._weg-liste_qq0r1_36 li._an_qq0r1_53 {
  background: var(--paper);
  box-shadow: inset 0 0 0 1px var(--line);
}
._weg-liste_qq0r1_36 button[data-schritt] {
  display: flex;
  align-items: center;
  gap: var(--a3);
  min-height: 52px;
  padding: var(--a1) var(--a2);
  text-align: left;
  border-radius: 12px;
}
._weg-liste_qq0r1_36 ._k_qq0r1_2 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: none;
  font: 600 13px/1 var(--font);
  box-shadow: inset 0 0 0 1px var(--line-2);
  color: var(--muted);
}
._weg-liste_qq0r1_36 li._hat_qq0r1_80 ._k_qq0r1_2 {
  color: transparent;
  background: var(--sheet) var(--haken-tinte) center / 15px no-repeat;
  box-shadow: inset 0 0 0 1px var(--line-2);
}
._weg-liste_qq0r1_36 li._an_qq0r1_53 ._k_qq0r1_2 {
  background: var(--ink);
  color: #fff;
  box-shadow: none;
}
._weg-liste_qq0r1_36 li._an_qq0r1_53._hat_qq0r1_80 ._k_qq0r1_2 {
  color: transparent;
  background: var(--ink) var(--haken-weiss) center / 15px no-repeat;
}
._weg-liste_qq0r1_36 button[data-schritt] > span:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}
._weg-liste_qq0r1_36 b {
  font-size: 16px;
  font-weight: 600;
}
._weg-liste_qq0r1_36 small {
  font-size: 13px;
  color: var(--muted);
}
._weg-liste_qq0r1_36 em {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
}
._weg-liste_qq0r1_36 svg {
  width: 18px;
  height: 18px;
  color: var(--muted);
}
._weg-liste_qq0r1_36 ._v5-reiter_qq0r1_2 {
  align-self: flex-start;
  margin: 0 0 var(--a1) 50px;
}
._bro-bildlabel_wb5va_10._aktualisiert_wb5va_10 {
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  left: auto;
  right: var(--a4);
  bottom: var(--a4);
  top: auto;
  position: absolute;
}
._bro-bildlabel_wb5va_10._aktualisiert_wb5va_10 i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  animation: _rechnet_wb5va_1 1.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._bro-bildlabel_wb5va_10._aktualisiert_wb5va_10 i {
    animation: none;
  }
}
._bro_wb5va_5 {
  background: var(--sheet);
  min-height: 100%;
  position: relative;
  display: flow-root;
}
._bro-nav_wb5va_42 {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  gap: var(--a5);
  padding: 0 var(--rand-inhalt);
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
  background: var(--sheet);
  border-bottom: 1px solid var(--line);
  font: 500 var(--t-ui)/1.3 var(--font);
}
._bro-nav_wb5va_42::-webkit-scrollbar {
  display: none;
}
._bro-nav_wb5va_42 a {
  display: flex;
  align-items: center;
  min-height: 48px;
  color: var(--muted);
  text-decoration: none;
  transition:
    color var(--kurz),
    box-shadow var(--kurz);
}
._bro-nav_wb5va_42 a:hover {
  color: var(--ink);
}
._bro-nav_wb5va_42 a._an_wb5va_76 {
  color: var(--ink);
  box-shadow: inset 0 -2px 0 var(--ink);
}
._bro-sek_wb5va_81 {
  padding: clamp(var(--a6), 4.5vw, var(--a8)) var(--rand-inhalt);
}
[id^="kap-"] {
  scroll-margin-top: var(--a7);
}
._bro-sek_wb5va_81.dunkel,
:where(#_v-angebot_wb5va_1) .dunkel {
  background: var(--dark);
  color: var(--on-dark);
}
._bro-h_wb5va_95 {
  margin: var(--a3) 0 0;
  font: var(--f-h2);
  letter-spacing: var(--ls-h2);
  text-wrap: balance;
}
._bro-h_wb5va_95._gross_wb5va_102 {
  font: var(--f-h1);
  letter-spacing: var(--ls-h1);
}
._bro-h_wb5va_95.klein {
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
}
._bro-h_wb5va_95.hell,
:where(#_v-angebot_wb5va_1) .hell {
  color: var(--on-dark);
}
._bro-lead_wb5va_117 {
  max-width: 58ch;
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  margin: var(--a4) 0 0;
  text-wrap: pretty;
}
._bro-bildlabel_wb5va_10 {
  position: absolute;
  z-index: 3;
  left: var(--a4);
  bottom: var(--a4);
  font: 500 var(--t-meta)/1.2 var(--font);
  color: #fff;
  background: var(--glas);
  padding: var(--a2) var(--a3);
  border-radius: var(--r-pille);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
._bro-bildlabel_wb5va_10.hell {
  color: #fff;
  background: var(--glas);
}
._bro-bildlabel_wb5va_10._hinweis_wb5va_144 {
  bottom: auto;
  top: var(--a4);
  left: auto;
  right: var(--a4);
  max-width: 70%;
}
._bro-titel_wb5va_153 {
  position: relative;
  height: clamp(420px, 66vh, 760px);
  overflow: hidden;
  color: #fff;
}
._bro-titel_wb5va_153 > img,
._bro-auftakt_wb5va_162 > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._bro-titel-leer_wb5va_170 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(160deg, #3a3833, #161513);
}
._bro-titel_wb5va_153:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #00000057, #0000 26%, #0000 50%, #0009);
  pointer-events: none;
}
._bro-titel-oben_wb5va_190 {
  position: absolute;
  z-index: 2;
  top: var(--a5);
  left: var(--rand-inhalt);
  right: var(--rand-inhalt);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--a3);
  flex-wrap: wrap;
}
._bro-logo_wb5va_203 {
  display: flex;
  align-items: center;
  gap: var(--a3);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._bro-logo_wb5va_203 i {
  width: 28px;
  height: 28px;
  border-radius: var(--r-s);
  background: #fff;
  display: grid;
  place-items: center;
}
._bro-logo_wb5va_203 i:after {
  content: "";
  width: 9px;
  height: 12px;
  background: var(--ci);
  border-radius: 50%/62% 62% 38% 38%;
}
._bro-logo_wb5va_203 ._marke_wb5va_228 {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: var(--r-s);
  display: grid;
  place-items: center;
  background: var(--ci);
  color: var(--ci-text, #fff);
  font: 600 var(--t-meta)/1 var(--font);
  font-style: normal;
  letter-spacing: 0.02em;
  object-fit: contain;
}
._bro-logo_wb5va_203 i._marke_wb5va_228:after {
  content: none;
}
._bro-fuss_wb5va_247 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a2) var(--a5);
  margin: 0 var(--rand-inhalt);
  padding: var(--a6) 0;
  border-top: 1px solid var(--line);
  font: 400 var(--t-ui)/1.4 var(--font);
  color: var(--muted);
}
._bro-fuss_wb5va_247 ._bro-logo_wb5va_203 {
  color: var(--ink);
}
._bro-fuss_wb5va_247 .klein-grau {
  margin-left: auto;
}
@media (max-width: 700px) {
  ._bro-fuss_wb5va_247 .klein-grau {
    margin-left: 0;
    flex-basis: 100%;
  }
}
._glas_wb5va_274 {
  background: var(--glas);
  padding: var(--a2) var(--a3);
  border-radius: var(--r-pille);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff !important;
}
._bro-titel-unten_wb5va_283 {
  position: absolute;
  z-index: 2;
  left: var(--rand-inhalt);
  right: var(--rand-inhalt);
  bottom: clamp(var(--a5), 5vh, var(--a8));
}
._bro-titel_wb5va_153 h1 {
  margin: var(--a3) 0 var(--a5);
  font: var(--f-titel);
  letter-spacing: var(--ls-titel);
  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.25);
}
._bro-titel_wb5va_153 h1 {
  font-size: clamp(52px, 7vw, 104px);
}
._bro-titel_wb5va_153 .mono {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
._bro-chips_wb5va_307 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a2);
}
._bro-chips_wb5va_307 span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  font: var(--f-dicht);
  padding: 0 var(--a4);
  border-radius: var(--r-pille);
  background: #ffffff29;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px #ffffff3d;
}
._bro-intro_wb5va_327 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(var(--a5), 5vw, var(--a8));
  align-items: start;
}
._bro-intro_wb5va_327 > div:first-child {
  container-type: inline-size;
}
._bro-statement_wb5va_339 {
  margin: var(--a4) 0 var(--a6);
  font: 600 var(--t-h2-spalte)/1.1 var(--font);
  letter-spacing: var(--ls-h2);
  text-wrap: balance;
}
._bro-statement-satz_wb5va_346 {
  display: block;
  max-width: 34em;
  margin-top: var(--a3);
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  color: var(--ink-2);
  text-wrap: pretty;
}
._bro-notiz_wb5va_356 {
  display: flex;
  gap: var(--a4);
  align-items: flex-start;
  font: var(--f-text);
  max-width: 58ch;
}
._bro-notiz_wb5va_356 p {
  margin: 0;
}
._bro-notiz_wb5va_356 small {
  display: block;
  margin-top: var(--a2);
  color: var(--muted);
  font: var(--f-meta);
}
._bro-notiz_wb5va_356 ._ini_wb5va_375 {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ci);
  color: var(--ci-text, #fff);
  font: 600 var(--t-ui)/1 var(--font);
  font-style: normal;
  letter-spacing: 0.02em;
}
._bro-plan_wb5va_389 {
  background: var(--paper);
  border-radius: var(--r-l);
  padding: var(--a5);
  display: flex;
  flex-direction: column;
  gap: var(--a4);
  container-type: inline-size;
}
._grundriss_wb5va_399 {
  width: 100%;
  height: auto;
  max-height: 260px;
  stroke-width: 1;
}
._bro-groesse_wb5va_406 {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
}
._bro-groesse_wb5va_406._zum-plan_wb5va_412 {
  padding-top: var(--a5);
  border-top: 1px solid var(--line-2);
}
._groesse-kopf_wb5va_417 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--a4);
}
._groesse-kopf_wb5va_417 span {
  display: flex;
  flex-direction: column;
  gap: var(--a1);
  min-width: 0;
}
._groesse-kopf_wb5va_417 span b {
  font: 600 var(--t-text)/1.3 var(--font);
}
._groesse-kopf_wb5va_417 small {
  font: var(--f-meta);
  color: var(--muted);
  text-wrap: pretty;
}
._groesse-kopf_wb5va_417 > b {
  flex: none;
  font: 600 var(--t-h2-spalte)/1 var(--font);
  letter-spacing: var(--ls-h2);
  font-variant-numeric: tabular-nums;
}
._bro-groesse_wb5va_406 input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 32px;
  margin: var(--a1) 0 0;
  background: transparent;
  cursor: pointer;
  --anteil: 25%;
}
._bro-groesse_wb5va_406 input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: var(--r-pille);
  background: linear-gradient(
    90deg,
    var(--ink) 0 var(--anteil),
    var(--line-2) var(--anteil) 100%
  );
}
._bro-groesse_wb5va_406 input[type="range"]::-moz-range-track {
  height: 4px;
  border-radius: var(--r-pille);
  background: var(--line-2);
}
._bro-groesse_wb5va_406 input[type="range"]::-moz-range-progress {
  height: 4px;
  border-radius: var(--r-pille);
  background: var(--ink);
}
._bro-groesse_wb5va_406 input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  margin-top: -11px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 0 1px #0000001a,
    var(--e1);
  transition: transform var(--kurz) var(--ease);
}
._bro-groesse_wb5va_406 input[type="range"]::-moz-range-thumb {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 0 1px #0000001a,
    var(--e1);
}
._bro-groesse_wb5va_406 input[type="range"]:active::-webkit-slider-thumb {
  transform: scale(1.1);
}
._bro-groesse_wb5va_406 input[type="range"]:focus-visible {
  outline: none;
}
._bro-groesse_wb5va_406
  input[type="range"]:focus-visible::-webkit-slider-thumb {
  box-shadow: var(--fokus);
}
._groesse-skala_wb5va_517 {
  display: flex;
  justify-content: space-between;
  font: var(--f-meta);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
._bro-zahlen_wb5va_525 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--a3);
}
._bro-zahlen_wb5va_525._zwei_wb5va_531 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
._bro-zahlen_wb5va_525._eins_wb5va_535 {
  grid-template-columns: minmax(0, 1fr);
  text-align: center;
}
._bro-zahlen_wb5va_525 b {
  display: block;
  font: 600 var(--t-h2-spalte)/1.05 var(--font);
  letter-spacing: var(--ls-h2);
  font-variant-numeric: tabular-nums;
}
._bro-zahlen_wb5va_525 span {
  display: block;
  margin-top: var(--a1);
  font: var(--f-meta);
  color: var(--muted);
}
._bro-zahlen_wb5va_525.hell b {
  color: var(--on-dark);
}
._bro-zahlen_wb5va_525.hell span {
  color: var(--on-dark-mute);
}
._bro-links_wb5va_562 {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  align-items: flex-start;
}
._bro-kapitel_wb5va_570 {
  border-top: 1px solid var(--line);
}
._bro-auftakt_wb5va_162 {
  position: relative;
  height: clamp(380px, 62vh, 700px);
  overflow: hidden;
}
._bro-auftakt_wb5va_162:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #00000094, #0000 55%);
  pointer-events: none;
}
._bro-auftakt_wb5va_162._ohne_wb5va_6 {
  height: auto;
  padding: clamp(var(--a8), 12vh, var(--a10)) 0 var(--a6);
  background: var(--paper);
}
._bro-auftakt_wb5va_162._ohne_wb5va_6:after {
  content: none;
}
._bro-auftakt_wb5va_162._ohne_wb5va_6 ._bro-auftakt-text_wb5va_603 {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0 var(--rand-inhalt);
  color: var(--ink);
}
._bro-auftakt_wb5va_162._ohne_wb5va_6 ._bro-auftakt-text_wb5va_603 .mono {
  color: var(--muted);
  text-shadow: none;
}
._bro-auftakt-text_wb5va_603 {
  position: absolute;
  z-index: 2;
  left: var(--rand-inhalt);
  right: var(--rand-inhalt);
  bottom: clamp(var(--a5), 5vh, var(--a8));
  color: #fff;
}
._bro-auftakt-text_wb5va_603 .mono {
  color: #fff;
  font-weight: 600;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.55),
    0 0 16px rgba(0, 0, 0, 0.4);
}
._bro-auftakt_wb5va_162 h2 {
  margin: var(--a3) 0 0;
  font: var(--f-display);
  letter-spacing: var(--ls-display);
  max-width: 12ch;
  text-wrap: balance;
}
._bro-auftakt_wb5va_162:not(._ohne_wb5va_6):not(._hoch_wb5va_642)
  > ._bro-bildlabel_wb5va_10 {
  left: var(--rand-inhalt);
  bottom: var(--a5);
}
._bro-titel_wb5va_153 > ._bro-bildlabel_wb5va_10 {
  left: var(--rand-inhalt);
  bottom: clamp(var(--a5), 5vh, var(--a8));
}
._bro-titel_wb5va_153 > ._bro-bildlabel_wb5va_10._aktualisiert_wb5va_10 {
  left: auto;
  right: var(--rand-inhalt);
}
._bro-titel_wb5va_153:has(> ._bro-bildlabel_wb5va_10)
  ._bro-titel-unten_wb5va_283 {
  bottom: calc(clamp(var(--a5), 5vh, var(--a8)) + 26px + var(--a4));
}
._bro-auftakt_wb5va_162:not(._ohne_wb5va_6):not(._hoch_wb5va_642):not(
    ._text-oben_wb5va_661
  ):has(> ._bro-bildlabel_wb5va_10)
  ._bro-auftakt-text_wb5va_603 {
  bottom: calc(var(--a5) + 26px + 20px);
}
._bro-auftakt_wb5va_162._text-oben_wb5va_661 ._bro-auftakt-text_wb5va_603 {
  top: clamp(var(--a5), 6vh, var(--a8));
  bottom: auto;
}
._bro-auftakt_wb5va_162._text-oben_wb5va_661:after {
  background: linear-gradient(180deg, #00000085, #0000 52%);
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  height: clamp(480px, calc(100dvh - var(--bar-h) - 48px), 860px);
  min-height: 0;
  background: var(--paper);
}
._bro-auftakt_wb5va_162._hoch_wb5va_642:after {
  content: none;
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 > img {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 ._bro-auftakt-text_wb5va_603 {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0 clamp(var(--a5), 5vw, var(--a8)) 0
    max(var(--rand), calc((100vw - var(--inhalt)) / 2));
  color: var(--ink);
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 ._bro-auftakt-text_wb5va_603 .mono {
  color: var(--muted);
  text-shadow: none;
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 h2 {
  color: var(--ink);
}
._bro-auftakt_wb5va_162._hoch_wb5va_642 ._bro-bildlabel_wb5va_10 {
  left: calc(50% + var(--a4));
}
@media (max-width: 900px) {
  ._bro-auftakt_wb5va_162._hoch_wb5va_642 {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
  }
}
@media (max-width: 900px) {
  ._bro-auftakt_wb5va_162._hoch_wb5va_642 > img {
    grid-column: 1;
    grid-row: 1;
    height: 56svh;
    min-height: 0;
  }
}
@media (max-width: 900px) {
  ._bro-auftakt_wb5va_162._hoch_wb5va_642 ._bro-auftakt-text_wb5va_603 {
    grid-row: 2;
    margin: var(--a5) var(--rand) var(--a1);
  }
}
@media (max-width: 900px) {
  ._bro-auftakt_wb5va_162._hoch_wb5va_642 ._bro-bildlabel_wb5va_10 {
    left: var(--a4);
    top: var(--a4);
    bottom: auto;
  }
}
._bro-produkt_wb5va_757 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._bro-produkt_wb5va_757 ._bro-lead_wb5va_117 {
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}
._bro-staerken_wb5va_770 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(var(--a5), 3vw, var(--a7));
  margin-top: clamp(var(--a6), 4vw, var(--a8));
  text-align: left;
}
._bro-staerken_wb5va_770 div {
  background: none;
  border-radius: 0;
  border-top: 1px solid var(--line-2);
  padding: var(--a4) var(--a1) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  font: var(--f-text);
  color: var(--muted);
}
._bro-staerken_wb5va_770 b {
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
  color: var(--ink);
}
._play_wb5va_797 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
  border-radius: 50%;
  background: #fffffff0;
  box-shadow: var(--e2);
  z-index: 2;
}
._play_wb5va_797:after {
  content: "";
  position: absolute;
  left: 27px;
  top: 22px;
  border-left: 19px solid var(--ink);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
._bro-ausf_wb5va_820 {
  padding-top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: clamp(var(--a5), 3.5vw, var(--a7));
  align-items: start;
}
._bro-3d_wb5va_828 {
  position: sticky;
  top: 72px;
  min-height: min(540px, 68vh);
  border-radius: var(--r-xl);
  background: radial-gradient(
    110% 90% at 50% 40%,
    var(--studio-a) 0%,
    var(--studio-b) 100%
  );
  overflow: hidden;
  touch-action: pan-y;
}
._v3d-canvas_wb5va_842 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  cursor: grab;
}
._bro-3d_wb5va_828 ._live_wb5va_850 {
  position: absolute;
  z-index: 2;
  left: var(--a4);
  top: var(--a4);
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  font: 500 var(--t-mono)/1 var(--mono);
  text-transform: uppercase;
  letter-spacing: var(--ls-mono);
  background: var(--sheet);
  padding: var(--a2) var(--a3);
  border-radius: var(--r-pille);
  box-shadow: var(--e1);
}
._bro-3d_wb5va_828 ._live_wb5va_850:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ok);
}
._bro-3d_wb5va_828 ._drehen_wb5va_875 {
  position: absolute;
  z-index: 2;
  bottom: var(--a4);
  left: var(--a4);
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  font: 500 var(--t-meta)/1 var(--font);
  color: var(--muted);
  background: var(--sheet);
  padding: var(--a2) var(--a3);
  border-radius: var(--r-pille);
  white-space: nowrap;
  pointer-events: none;
  box-shadow: var(--e1);
}
._bro-3d_wb5va_828 ._drehen_wb5va_875 svg {
  width: 14px;
  height: 14px;
}
._bro-ausf_wb5va_820._ohne-wahl_wb5va_898 {
  grid-template-columns: minmax(0, 1fr);
}
._bro-ausf_wb5va_820._ohne-wahl_wb5va_898 ._bro-3d_wb5va_828 {
  position: relative;
  top: auto;
  min-height: min(620px, 72vh);
}
._bro-wahl_wb5va_908 {
  background: none;
  border-radius: 0;
  padding: var(--a1) 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
._bro-wahl_wb5va_908 > ._bro-h_wb5va_95 {
  margin-bottom: var(--a5);
}
._bro-wahl_wb5va_908 > .klein-grau {
  margin-top: var(--a4);
}
._wahl-gruppe_wb5va_925 {
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  padding: var(--a5) 0;
  border-top: 1px solid var(--line);
}
._swatches_wb5va_933 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a4) var(--a2);
}
._sw_wb5va_933 {
  width: 78px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--a2);
  font: 400 var(--t-meta)/1.3 var(--font);
  color: var(--muted);
  text-align: center;
  transition: color var(--kurz);
}
._sw_wb5va_933:hover {
  color: var(--ink);
}
._sw_wb5va_933 i {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow: var(--ring-kante);
  transition:
    box-shadow var(--kurz) var(--ease),
    transform var(--kurz) var(--ease);
}
._sw_wb5va_933:hover i {
  transform: scale(1.05);
}
._sw_wb5va_933._an_wb5va_76 {
  color: var(--ink);
  font-weight: 600;
}
._sw_wb5va_933._an_wb5va_76 i {
  box-shadow: var(--wahl-abstand);
}
._uebernehmen_wb5va_978 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3);
  flex-wrap: wrap;
  margin-top: var(--a1);
  background: var(--paper);
  border-radius: var(--r-m);
  padding: var(--a3) var(--a3) var(--a3) var(--a4);
  font: 400 var(--t-ui)/1.4 var(--font);
  animation: _hoch_wb5va_642 var(--mittel) var(--ease);
}
._bro-alternative_wb5va_992 {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--a4);
}
._bro-alternative_wb5va_992 > .klein-grau {
  margin: 0;
}
._alt-liste_wb5va_1003 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr));
  gap: var(--a3);
}
._alt-karte_wb5va_1009 {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--a5);
  padding: var(--a3) var(--a5) var(--a3) var(--a3);
  border-radius: var(--r-l);
  background: var(--paper);
  transition: box-shadow var(--kurz);
}
._alt-karte_wb5va_1009:hover {
  box-shadow: var(--ring-2);
}
._alt-karte_wb5va_1009 img {
  width: 104px;
  height: 80px;
  object-fit: contain;
  border-radius: var(--r-s);
  background: var(--sheet);
  padding: var(--a2);
}
._alt-text_wb5va_1033 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._alt-text_wb5va_1033 small {
  font: var(--f-mono);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--muted);
}
._alt-text_wb5va_1033 b {
  font: 600 var(--t-text)/1.3 var(--font);
}
._alt-preis_wb5va_1051 {
  margin-top: 2px;
  font: 400 var(--t-ui)/1.4 var(--font);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
._alt-knoepfe_wb5va_1058 {
  display: flex;
  align-items: center;
  gap: var(--a4);
}
@media (max-width: 600px) {
  ._alt-karte_wb5va_1009 {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: var(--a3) var(--a4);
    padding: var(--a3);
  }
}
@media (max-width: 600px) {
  ._alt-karte_wb5va_1009 img {
    width: 80px;
    height: 64px;
  }
}
@media (max-width: 600px) {
  ._alt-knoepfe_wb5va_1058 {
    grid-column: 1 / -1;
    justify-content: space-between;
  }
}
._bro-fakten_wb5va_1086 {
  padding-top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--a5);
  align-items: start;
}
._spec_wb5va_1094 {
  margin: 0;
  border-top: 1px solid var(--line);
}
._spec_wb5va_1094 div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: var(--a3);
  padding: var(--a4) 0;
  border-bottom: 1px solid var(--line);
  font: var(--f-text);
}
._spec_wb5va_1094 dt {
  color: var(--muted);
}
._spec_wb5va_1094 dd {
  margin: 0;
}
._pos-karte_wb5va_1116 {
  background: var(--paper);
  border-radius: var(--r-l);
  padding: var(--a5);
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  container-type: inline-size;
}
._pos-karte_wb5va_1116 b {
  font: 600 var(--t-h2-spalte)/1.05 var(--font);
  letter-spacing: var(--ls-h2);
  font-variant-numeric: tabular-nums;
}
._welten_wb5va_1133 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a2);
  margin: var(--a5) 0 var(--a3);
}
._welt_wb5va_1133 {
  display: flex;
  align-items: center;
  gap: var(--a3);
  min-height: 48px;
  padding: var(--pille-innen) var(--a4) var(--pille-innen) var(--pille-innen);
  border-radius: var(--r-pille);
  box-shadow: var(--ring);
  font: var(--f-dicht);
  transition: box-shadow var(--kurz);
}
._welt_wb5va_1133:hover {
  box-shadow: var(--ring-2);
}
._welt_wb5va_1133 i {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: var(--ring-kante);
}
._welt_wb5va_1133._an_wb5va_76 {
  box-shadow: var(--ring-wahl);
  font-weight: 600;
}
._bro-team_wb5va_1169 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(var(--a5), 5vw, var(--a8));
  align-items: center;
}
._team-bild_wb5va_1176 {
  border-radius: var(--r-xl);
  min-height: 460px;
  background: linear-gradient(160deg, #2c2b27, #161513);
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--on-dark-mute);
  font: var(--f-meta);
  box-shadow: var(--ring-hell);
}
._team-text_wb5va_1188 {
  color: var(--on-dark-mute);
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  max-width: 52ch;
  text-wrap: pretty;
}
._personen_wb5va_1196 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--a5) var(--a4);
  margin: var(--a6) 0;
}
._personen_wb5va_1196 div {
  display: flex;
  flex-direction: column;
  gap: var(--a1);
  font: var(--f-meta);
  color: var(--on-dark-mute);
}
._personen_wb5va_1196 i {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--r-m);
  background: linear-gradient(160deg, #3b3934, #24231f);
}
._personen_wb5va_1196 b {
  color: var(--on-dark);
  font: var(--f-ui);
  letter-spacing: var(--ls-ui);
}
._schritte4_wb5va_1224 {
  list-style: none;
  padding: 0;
  margin: var(--a7) 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--a5);
  counter-reset: ablauf;
}
._schritte4_wb5va_1224 li {
  margin: 0;
  padding: var(--a4) 0 0;
  border-top: 1px solid var(--line-2);
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  font: var(--f-text);
  color: var(--muted);
  counter-increment: ablauf;
}
._schritte4_wb5va_1224 li:before {
  content: counter(ablauf, decimal-leading-zero);
  font: var(--f-mono);
  letter-spacing: var(--ls-mono);
  color: var(--muted);
  margin-bottom: var(--a3);
}
._schritte4_wb5va_1224 b {
  color: var(--ink);
  font: var(--f-h3);
  letter-spacing: var(--ls-h3);
}
._schritte4_wb5va_1224 b._n_wb5va_1260 {
  display: none;
}
._bro-preis_wb5va_1264 {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: clamp(var(--a5), 4vw, var(--a7));
  align-items: start;
}
._preis-tab_wb5va_1271 {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--a5);
  font: var(--f-text);
}
._preis-tab_wb5va_1271 td {
  padding: var(--a4) 0;
  border-bottom: 1px solid var(--line);
}
._preis-tab_wb5va_1271 td:last-child {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
._summe_wb5va_1289 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--a3);
  flex-wrap: wrap;
  margin: var(--a5) 0 var(--a3);
  color: var(--muted);
  font: var(--f-text);
}
._summe_wb5va_1289 b {
  font: 600 var(--t-h1)/1 var(--font);
  letter-spacing: var(--ls-h1);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
._bro-kontakt_wb5va_1307 {
  background: var(--dark);
  color: var(--on-dark);
  border-radius: var(--r-xl);
  padding: var(--a6);
  display: flex;
  flex-direction: column;
  gap: var(--a4);
}
._merk-mit_wb5va_1317 {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  padding: var(--a3);
  border-radius: var(--r-m);
  background: var(--paper);
}
._merk-mit_wb5va_1317.hell {
  background: #ffffff12;
}
._merk-mit-bilder_wb5va_1330 {
  display: flex;
  gap: var(--a1);
  flex-wrap: wrap;
}
._merk-mit-bilder_wb5va_1330 img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  background: var(--paper-2);
}
._merk-mit-bilder_wb5va_1330 img._prod_wb5va_1344 {
  object-fit: contain;
  background: var(--sheet);
  padding: 3px;
}
._merk-mit_wb5va_1317 .check small {
  display: block;
  margin-top: 1px;
  font: var(--f-meta);
  color: var(--muted);
}
._merk-mit_wb5va_1317 .check.hell small {
  color: var(--on-dark-mute);
  opacity: 0.85;
}
._merk-mit_wb5va_1317 .check.hell input {
  accent-color: #fff;
}
._bro-sticky_wb5va_1366 {
  position: sticky;
  bottom: var(--a5);
  z-index: 15;
  margin: 0 auto var(--a5);
  width: fit-content;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  gap: var(--a4);
  padding: var(--pille-innen) var(--pille-innen) var(--pille-innen) var(--a5);
  border-radius: var(--r-pille);
  background: #121211e0;
  color: #fff;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font: var(--f-dicht);
}
._bro-sticky_wb5va_1366 b {
  font: 600 var(--t-text)/1.2 var(--font);
  margin-right: var(--a2);
  font-variant-numeric: tabular-nums;
}
._bro-sticky_wb5va_1366 b {
  white-space: nowrap;
}
._bro-sticky_wb5va_1366 {
  transition:
    opacity var(--mittel) ease,
    transform var(--mittel) var(--ease);
  box-shadow: var(--e2), var(--ring-hell);
}
._bro-sticky_wb5va_1366._weg_wb5va_1402,
._bro-sticky_wb5va_1366._lesen_wb5va_1403,
._bro-sticky_wb5va_1366._titel_wb5va_1404,
._bro-sticky_wb5va_1366._waehlen_wb5va_1405 {
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
}
._bro-sticky_wb5va_1366 > span {
  display: flex;
  align-items: baseline;
  gap: 0 var(--a2);
  flex-wrap: wrap;
  min-width: 0;
}
@media (max-width: 520px) {
  ._bro-sticky_wb5va_1366 {
    gap: var(--a3);
    padding-left: var(--a4);
  }
}
@media (max-width: 520px) {
  ._bro-sticky_wb5va_1366 b {
    margin-right: 0;
  }
}
@media (max-width: 520px) {
  ._bro-sticky_wb5va_1366 > span {
    flex-direction: column;
    gap: 1px;
    font: var(--f-meta);
    opacity: 0.95;
  }
}
@media (max-width: 900px) {
  ._bro-intro_wb5va_327,
  ._bro-ausf_wb5va_820,
  ._bro-fakten_wb5va_1086,
  ._bro-team_wb5va_1169,
  ._bro-preis_wb5va_1264 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  ._bro-staerken_wb5va_770 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  ._schritte4_wb5va_1224 {
    grid-template-columns: 1fr 1fr;
    gap: var(--a6) var(--a5);
  }
}
@media (max-width: 900px) {
  ._bro-3d_wb5va_828 {
    position: relative;
    top: auto;
    min-height: 340px;
  }
}
@media (max-width: 900px) {
  ._bro-nav_wb5va_42 {
    padding: 0 var(--rand);
    gap: var(--a5);
  }
}
@media (max-width: 900px) {
  ._bro-nav_wb5va_42:after {
    content: "";
    position: sticky;
    right: calc(-1 * var(--rand));
    flex: none;
    width: 48px;
    margin-left: calc(-1 * var(--a5));
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      var(--sheet) 70%
    );
    pointer-events: none;
  }
}
@media (max-width: 900px) {
  ._spec_wb5va_1094 div {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  ._team-bild_wb5va_1176 {
    min-height: 260px;
  }
}
#_v-angebot_wb5va_1:has(._direkt-seite_wb5va_1508),
#_v-angebot_wb5va_1:has(._danke-seite_wb5va_1509) {
  background: var(--sheet);
}
._direkt-seite_wb5va_1508 {
  max-width: 1264px;
  margin: 0 auto;
  padding: clamp(var(--a7), 7vw, var(--a9)) var(--rand) var(--a9);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-areas: "kopf form" "links form";
  column-gap: clamp(var(--a6), 6vw, var(--a9));
  row-gap: var(--a6);
  align-items: start;
}
._direkt-kopf_wb5va_1525 {
  grid-area: kopf;
  display: flex;
  flex-direction: column;
  gap: var(--a5);
}
._direkt-kopf_wb5va_1525 h1 {
  margin: -4px 0 0;
  font: var(--f-h1);
  letter-spacing: var(--ls-h1);
  text-wrap: balance;
}
._direkt-kopf_wb5va_1525 .mono,
._direkt-kopf_wb5va_1525 p {
  margin: 0;
}
._direkt-lead_wb5va_1544 {
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  color: var(--ink-2);
  max-width: 40ch;
  text-wrap: pretty;
}
._direkt-kopf_wb5va_1525 ._ap-karte_wb5va_1552 {
  margin-top: var(--a2);
}
._direkt-karte_wb5va_1556 {
  grid-area: form;
  background: var(--paper);
  border-radius: var(--r-xl);
  padding: clamp(var(--a5), 3vw, var(--a7));
  display: flex;
  flex-direction: column;
  gap: var(--a5);
}
._direkt-karte_wb5va_1556 p {
  margin: 0;
}
._direkt-karte_wb5va_1556 .feld input,
._direkt-karte_wb5va_1556 .feld textarea {
  background-color: var(--sheet);
}
._direkt-karte_wb5va_1556 .feld textarea {
  min-height: 132px;
}
._direkt-neben_wb5va_1579 {
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  padding: 0;
}
._anhang_wb5va_1586 {
  display: flex;
  align-items: center;
  gap: var(--a4);
  padding: var(--a4);
  border-radius: var(--r-m);
  border: 1.5px dashed var(--line-2);
  text-align: left;
  transition:
    border-color var(--kurz),
    background var(--kurz);
}
._anhang_wb5va_1586:hover {
  border-color: var(--ink);
  background: var(--paper);
}
._anhang_wb5va_1586 span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._anhang_wb5va_1586 b {
  font: 600 var(--t-text)/1.3 var(--font);
}
._anhang_wb5va_1586 small {
  color: var(--muted);
  font: var(--f-meta);
}
._anhang_wb5va_1586 em {
  margin-left: auto;
  font: 600 var(--t-dicht)/1.3 var(--font);
  font-style: normal;
  color: var(--ok);
}
@media (max-width: 860px) {
  ._direkt-seite_wb5va_1508 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "kopf" "form" "links";
    row-gap: var(--a6);
    padding-top: var(--a6);
  }
}
@media (max-width: 860px) {
  ._direkt-karte_wb5va_1556 {
    padding: var(--a5) var(--a4);
    border-radius: var(--r-l);
  }
}
@media (max-width: 860px) {
  ._direkt-kopf_wb5va_1525 {
    gap: var(--a4);
  }
}
._direkt-links_wb5va_1648 {
  grid-area: links;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a1) var(--a5);
  padding-top: var(--a5);
  border-top: 1px solid var(--line);
}
._direkt-links_wb5va_1648 > p {
  margin: 0;
  font: var(--f-text);
  color: var(--muted);
}
._direkt-neben_wb5va_1579._direkt-links_wb5va_1648 {
  align-items: flex-start;
}
._direkt-links_wb5va_1648:not(:has(.link-pfeil:not(._bs-aus_wb5va_1668))) {
  display: none;
}
._ap-karte_wb5va_1552 {
  display: flex;
  align-items: center;
  gap: var(--a4);
}
._ap-karte_wb5va_1552 ._ini_wb5va_375 {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ci);
  color: var(--ci-text, #fff);
  font: 600 var(--t-text)/1 var(--font);
  font-style: normal;
  letter-spacing: 0.02em;
}
._ap-karte_wb5va_1552 span {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
._ap-karte_wb5va_1552 b {
  font: 600 var(--t-text)/1.3 var(--font);
}
._ap-karte_wb5va_1552 small {
  font: var(--f-meta);
  color: var(--muted);
}
._zusagen_wb5va_1708 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  font: var(--f-text);
}
._zusagen_wb5va_1708 li {
  display: flex;
  align-items: center;
  gap: var(--a3);
}
._haken_wb5va_1724 {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
  color: var(--ink);
}
._danke-seite_wb5va_1509 {
  min-height: 100%;
  display: grid;
  place-items: start center;
  padding: clamp(var(--a6), 9vh, var(--a9)) var(--rand) var(--a9);
}
._danke-karte_wb5va_1738 {
  width: min(600px, 100%);
  background: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--a5);
  animation: _hoch_wb5va_642 var(--lang) var(--ease);
}
._danke-karte_wb5va_1738 h1 {
  margin: -8px 0 0;
  font: var(--f-h1);
  letter-spacing: var(--ls-h1);
  text-wrap: balance;
}
._danke-karte_wb5va_1738 > p {
  margin: 0;
}
._danke-lead_wb5va_1759 {
  font: var(--f-lead);
  letter-spacing: var(--ls-lead);
  color: var(--ink-2);
  text-wrap: balance;
}
._danke-haken_wb5va_1766 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ok);
  color: #fff;
  animation: _hakenEin_wb5va_1 0.5s var(--ease) both 0.1s;
}
._danke-haken_wb5va_1766 ._haken_wb5va_1724 {
  width: 28px;
  height: 28px;
  color: #fff;
  stroke-width: 2.4;
  stroke-dasharray: 24;
  stroke-dashoffset: 24;
  animation: _hakenZug_wb5va_1 0.45s ease forwards 0.35s;
}
._danke-weg_wb5va_1787 {
  list-style: none;
  margin: var(--a2) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  counter-reset: weg;
}
._danke-weg_wb5va_1787 li {
  position: relative;
  display: flex;
  gap: var(--a4);
  padding: 0 0 var(--a5);
  counter-increment: weg;
}
._danke-weg_wb5va_1787 li:last-child {
  padding-bottom: 0;
}
._danke-weg_wb5va_1787 li:not(:last-child):before {
  content: "";
  position: absolute;
  left: 11px;
  top: var(--a5);
  bottom: 2px;
  width: 1px;
  background: var(--line-2);
}
._danke-weg_wb5va_1787 i {
  flex: none;
  width: 24px;
  padding-top: 3px;
  font-size: 0;
  font-style: normal;
  text-align: center;
  color: var(--muted);
}
._danke-weg_wb5va_1787 i:before {
  content: counter(weg, decimal-leading-zero);
  font: var(--f-mono);
  letter-spacing: 0;
}
._danke-weg_wb5va_1787 li._an_wb5va_76 i,
._danke-weg_wb5va_1787 li._an_wb5va_76 b {
  color: var(--ink);
}
._danke-weg_wb5va_1787 span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._danke-weg_wb5va_1787 b {
  font: 600 var(--t-text)/1.3 var(--font);
  color: var(--ink-2);
}
._danke-weg_wb5va_1787 small {
  font: 400 var(--t-ui)/1.4 var(--font);
  color: var(--muted);
}
._danke-karte_wb5va_1738 ._ap-karte_wb5va_1552 {
  padding: var(--a4);
  border-radius: var(--r-m);
  background: var(--paper);
}
@media (prefers-reduced-motion: reduce) {
  ._danke-haken_wb5va_1766 ._haken_wb5va_1724 {
    stroke-dashoffset: 0;
  }
}
._bro-rundgang_wb5va_1870 {
  display: grid;
  gap: clamp(var(--a5), 3vw, var(--a6));
}
._rundgang-kopf_wb5va_1875 {
  max-width: 640px;
}
._film-buehne_wb5va_1879 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--r-l);
  overflow: hidden;
  background: linear-gradient(160deg, #3a3833, #161513);
}
._film-poster_wb5va_1888 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._film-buehne_wb5va_1879[data-status="rechnet"] ._film-poster_wb5va_1888 img {
  filter: brightness(0.86);
  transition: filter 0.6s;
}
._film-buehne_wb5va_1879[data-status="fertig"] ._film-poster_wb5va_1888 {
  display: none;
}
._film-buehne_wb5va_1879[data-status="laeuft"] ._film-live_wb5va_1905 {
  background: transparent;
}
._film-inhalt_wb5va_1909 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
._film-video_wb5va_1914 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #121211;
}
._film-start_wb5va_1923 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font: 600 var(--t-text)/1.3 var(--font);
  background: linear-gradient(0deg, #00000073, #0000 55%);
  cursor: pointer;
}
._film-start_wb5va_1923 > span:not(._play_wb5va_797) {
  position: absolute;
  left: var(--a5);
  bottom: 20px;
}
._film-start_wb5va_1923:hover ._play_wb5va_797 {
  transform: scale(1.06);
}
._film-start_wb5va_1923 ._play_wb5va_797 {
  transition: transform var(--mittel) var(--ease);
  pointer-events: none;
}
._film-status_wb5va_1948 {
  position: absolute;
  left: clamp(20px, 3vw, var(--a6));
  right: clamp(20px, 3vw, var(--a6));
  bottom: clamp(20px, 3vw, var(--a6));
  display: grid;
  gap: var(--a2);
  color: #fff;
  max-width: 520px;
}
._film-status_wb5va_1948 b {
  font: var(--f-h2);
  letter-spacing: var(--ls-h2);
  line-height: 1;
}
._film-status_wb5va_1948 small {
  color: #fffc;
  font: 400 var(--t-dicht)/1.4 var(--font);
}
._film-buehne_wb5va_1879[data-status="rechnet"]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(0deg, #00000094, #0000001f 62%);
  pointer-events: none;
}
._film-buehne_wb5va_1879 ._film-inhalt_wb5va_1909 {
  z-index: 2;
}
._film-status_wb5va_1948 .mono.hell {
  color: #ffffffdb;
}
._film-balken_wb5va_1991 {
  display: block;
  height: 4px;
  border-radius: var(--r-pille);
  background: #ffffff40;
  overflow: hidden;
}
._film-balken_wb5va_1991 i {
  display: block;
  height: 100%;
  background: #fff;
  border-radius: var(--r-pille);
  transition: width var(--lang) ease;
}
._film-zeile_wb5va_2007 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a3) var(--a5);
  min-height: 0;
}
._film-zeile_wb5va_2007:empty {
  display: none;
}
@media (max-width: 900px) {
  ._film-buehne_wb5va_1879 {
    border-radius: var(--r-m);
  }
}
._bro-welt-raster_wb5va_2025 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(var(--a5), 4vw, var(--a8));
  align-items: center;
}
._welt-bild_wb5va_2032 {
  position: relative;
  margin: 0;
  aspect-ratio: 3 / 2;
  border-radius: var(--r-l);
  overflow: hidden;
  background: var(--paper);
}
._welt-bild_wb5va_2032 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 900px) {
  ._bro-welt-raster_wb5va_2025 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  ._welt-bild_wb5va_2032 {
    border-radius: var(--r-m);
  }
}
._tafel_wb5va_2062 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7% 7%;
  padding: 8% 9% 11%;
  background: radial-gradient(120% 100% at 30% 20%, #f7f6f3, #ecebe7);
}
._tafel-muster_wb5va_2073 {
  display: flex;
  flex-direction: column;
  gap: var(--a3);
  min-height: 0;
  animation: _hoch_wb5va_642 var(--lang) var(--ease) both;
}
._tafel-muster_wb5va_2073 i {
  flex: 1;
  min-height: 0;
  border-radius: var(--r-m);
  box-shadow: var(--e2), var(--ring-kante);
}
._tafel-muster_wb5va_2073 small {
  font: 500 var(--t-mono)/1 var(--mono);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--muted);
}
._tafel-muster_wb5va_2073._m1_wb5va_2095 {
  grid-column: 1;
  grid-row: 1 / span 2;
}
._tafel-muster_wb5va_2073._m2_wb5va_2100 {
  grid-column: 2;
  grid-row: 1;
  animation-delay: 0.06s;
}
._tafel-muster_wb5va_2073._m3_wb5va_2106 {
  grid-column: 2;
  grid-row: 2;
  align-items: flex-start;
  animation-delay: 0.12s;
}
._tafel-muster_wb5va_2073._m3_wb5va_2106 i {
  flex: none;
  height: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
}
._film-chip_wb5va_2120 {
  position: absolute;
  left: var(--a4);
  top: var(--a4);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: var(--a2);
  padding: var(--a2) var(--a3);
  border-radius: var(--r-pille);
  font: 500 var(--t-meta)/1.2 var(--font);
  color: #fff;
  background: var(--glas);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
._film-chip_wb5va_2120 i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ok);
  animation: _film-puls_wb5va_1 1.2s ease-in-out infinite;
}
._bro-team_wb5va_1169._ohne-foto_wb5va_2145 {
  grid-template-columns: minmax(0, 1fr);
}
._bro-team_wb5va_1169._ohne-foto_wb5va_2145 > div {
  max-width: 980px;
}
._team-bild_wb5va_1176 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
._team-bild_wb5va_1176:has(img) {
  padding: 0;
  overflow: hidden;
}
._personen_wb5va_1196 i._ini_wb5va_375 {
  width: 64px;
  height: 64px;
  aspect-ratio: auto;
  border-radius: 50%;
  margin-bottom: var(--a3);
  display: grid;
  place-items: center;
  font: 600 var(--t-lead)/1 var(--font);
  letter-spacing: 0.02em;
  color: var(--on-dark);
  background: #2a2925;
  box-shadow: var(--ring-hell);
}
._personen_wb5va_1196 i._ini_wb5va_375._ci_wb5va_2181 {
  background: var(--ci);
  color: var(--ci-text, #fff);
  box-shadow: none;
}
._bro-titel_wb5va_153,
._bro-auftakt_wb5va_162:not(._ohne_wb5va_6):not(._hoch_wb5va_642) {
  background: linear-gradient(160deg, #c9c3ba, #9d968c);
}
._bro-titel_wb5va_153:has(> img[data-live]:not([src])):before,
._bro-titel_wb5va_153:has(> img[data-live]._neu_wb5va_2193):before,
._bro-auftakt_wb5va_162:has(> img[data-live]:not([src])):before,
._bro-auftakt_wb5va_162:has(> img[data-live]._neu_wb5va_2193):before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 28%;
  height: 2px;
  background: #fffc;
  animation: _laufstrich_wb5va_1 1.6s var(--ease) infinite;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  ._bro-titel_wb5va_153:before,
  ._bro-auftakt_wb5va_162:before {
    animation: none !important;
  }
}
@media (max-width: 600px) {
  ._bro-h_wb5va_95._gross_wb5va_102 {
    font-size: var(--t-h2);
    letter-spacing: var(--ls-h2);
  }
}
._bro-pkarten_wb5va_2222 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--a3);
  margin-top: var(--a6);
}
._bro-pkarte_wb5va_2222 {
  display: flex;
  flex-direction: column;
  gap: var(--a2);
  padding: var(--a2);
  border-radius: var(--r-m);
  background: var(--sheet);
  box-shadow: var(--ring);
  color: inherit;
  text-decoration: none;
  transition:
    box-shadow var(--kurz),
    transform var(--kurz) var(--ease);
}
._bro-pkarte_wb5va_2222:hover {
  box-shadow: var(--ring-2), var(--e1);
  transform: translateY(-2px);
}
._bro-pkarte_wb5va_2222 ._bild_wb5va_2249 {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  border-radius: var(--r-s);
  background: linear-gradient(180deg, #f7f7f5, #ecebe8);
  overflow: hidden;
}
._bro-pkarte_wb5va_2222 img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.1));
}
._bro-pkarte_wb5va_2222 ._text_wb5va_661 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 var(--a1) var(--a1);
}
._bro-pkarte_wb5va_2222 small {
  font: var(--f-meta);
  color: var(--muted);
}
._bro-pkarte_wb5va_2222 b {
  font: 600 var(--t-ui)/1.3 var(--font);
  letter-spacing: -0.005em;
  text-wrap: balance;
}
@media (max-width: 600px) {
  ._bro-pkarten_wb5va_2222 {
    grid-template-columns: 1fr 1fr;
    gap: var(--a2);
    margin-top: var(--a5);
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145 > div {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(48px, 6vw, 112px);
    align-items: start;
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145
    > div
    > :is(.mono, ._bro-h_wb5va_95, ._team-text_wb5va_1188, .klein-grau) {
    grid-column: 1;
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145 > div > ._personen_wb5va_1196 {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--a2);
    margin: 0;
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145 ._personen_wb5va_1196 div {
    flex-direction: row;
    align-items: center;
    gap: var(--a4);
    padding: var(--a4) var(--a5);
    border-radius: var(--r-l);
    background: #ffffff0b;
    box-shadow: var(--ring-hell);
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145
    ._personen_wb5va_1196
    div
    > i._ini_wb5va_375 {
    margin: 0;
    flex: none;
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145 ._personen_wb5va_1196 div > b {
    display: block;
  }
}
@media (min-width: 1100px) {
  ._bro-team_wb5va_1169._ohne-foto_wb5va_2145 > div > ._bro-zahlen_wb5va_525 {
    grid-column: 1 / -1;
    margin-top: var(--a7);
    padding-top: var(--a6);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
}
._preis-enthalten_wb5va_2354 li img._mini_wb5va_2354 {
  flex: none;
  width: 44px;
  height: 34px;
  object-fit: contain;
  margin-left: auto;
  order: 3;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.08));
}
._preis-enthalten_wb5va_2354 li:has(img._mini_wb5va_2354) small {
  margin-left: var(--a2);
}
._bro-titel_wb5va_153:has(> img[data-live]:not([src])),
._bro-auftakt_wb5va_162:has(img[data-live]:not([src])),
._film-poster_wb5va_1888:has(> img[data-live]:not([src])) {
  background: linear-gradient(110deg, #2b2925, #3a3732, #2b2925 80%);
  background-size: 240% 100%;
  animation: _liveWartet_wb5va_1 2.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._bro-titel_wb5va_153:has(> img[data-live]:not([src])),
  ._bro-auftakt_wb5va_162:has(img[data-live]:not([src])),
  ._film-poster_wb5va_1888:has(> img[data-live]:not([src])) {
    animation: none;
  }
}
._bro-3d_wb5va_828 ._v3d-platz_wb5va_2384 {
  position: absolute;
  top: 12%;
  right: 12%;
  bottom: 12%;
  left: 12%;
  width: 76%;
  height: 76%;
  object-fit: contain;
  opacity: 0.9;
  transition: opacity 0.5s ease;
  pointer-events: none;
  mix-blend-mode: multiply;
}
._bro-3d_wb5va_828:has(canvas) ._v3d-platz_wb5va_2384 {
  opacity: 0;
}
._bro-vertrauen_wb5va_2400 {
  margin: calc(-1 * var(--a1)) 0 0;
  font: var(--f-meta);
  color: var(--on-dark-mute);
  text-align: center;
}
._preis-ohne_wb5va_2407 ._ap-karte_wb5va_1552 {
  margin: var(--a5) 0 var(--a6);
}
@media (max-width: 600px) {
  ._bro-wahl_wb5va_908 ._swatches_wb5va_933 {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin-right: calc(-1 * var(--rand));
    padding-right: var(--rand);
    scroll-snap-type: x proximity;
  }
}
@media (max-width: 600px) {
  ._bro-wahl_wb5va_908 ._swatches_wb5va_933::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 600px) {
  ._bro-wahl_wb5va_908 ._swatches_wb5va_933 ._sw_wb5va_933 {
    flex: none;
    scroll-snap-align: start;
  }
}
@media (min-width: 901px) {
  ._bro-auftakt_wb5va_162._live_wb5va_850._rechts_wb5va_2436
    ._bro-auftakt-text_wb5va_603 {
    text-align: right;
  }
}
@media (min-width: 901px) {
  ._bro-auftakt_wb5va_162._live_wb5va_850._rechts_wb5va_2436
    ._bro-auftakt-text_wb5va_603
    h2 {
    margin-left: auto;
  }
}
@media (min-width: 901px) {
  ._bro-auftakt_wb5va_162._live_wb5va_850._rechts_wb5va_2436:after {
    transform: scaleX(-1);
  }
}
@media (min-width: 761px) {
  ._bro-staerken_wb5va_770 {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }
}
._spec-klapp_wb5va_2461 > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3);
  padding: 0 0 var(--a3);
  font: 500 12px/1.35 var(--mono, "Geist Mono", ui-monospace, monospace);
  letter-spacing: 0.02em;
  color: var(--muted);
}
._spec-klapp_wb5va_2461 > summary::-webkit-details-marker {
  display: none;
}
._spec-klapp_wb5va_2461 > summary:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg);
  transition: transform var(--kurz);
  margin-right: 4px;
}
._spec-klapp_wb5va_2461[open] > summary:after {
  transform: rotate(-135deg);
}
@media (max-width: 600px) {
  ._bro-titel_wb5va_153 ._bro-chips_wb5va_307,
  ._bro-titel_wb5va_153 > ._bro-bildlabel_wb5va_10 {
    display: none;
  }
}
._bro-titel-warte_wb5va_2500 {
  position: absolute;
  z-index: 1;
  right: clamp(24px, 8vw, 140px);
  top: 50%;
  transform: translateY(-50%);
  display: none;
  flex-direction: column;
  align-items: center;
  gap: var(--a3);
  color: #ffffffc7;
  font: 500 11px/1.3 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  pointer-events: none;
}
._bro-titel-warte_wb5va_2500 svg {
  width: clamp(150px, 18vw, 260px);
  height: auto;
  max-height: 52vh;
  opacity: 0.9;
  filter: invert(1) hue-rotate(180deg) brightness(1.5) contrast(0.9);
  mix-blend-mode: screen;
}
._bro-titel_wb5va_153:has(> img[data-live]:not([src]))
  ._bro-titel-warte_wb5va_2500 {
  display: flex;
  animation: _warteEin_wb5va_1 0.6s ease both;
}
@media (max-width: 600px) {
  ._bro-titel-warte_wb5va_2500 {
    right: 50%;
    transform: translate(50%, -62%);
  }
}
@media (max-width: 600px) {
  ._bro-titel-warte_wb5va_2500 svg {
    width: 120px;
  }
}
#v-angebot.ohne-wege ._direkt-neben_wb5va_1579 {
  display: none;
}
#v-angebot.ohne-wege ._direkt-seite_wb5va_1508 {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}
._preis-ohne_wb5va_2407 ._bro-h_wb5va_95 {
  margin: 6px 0 var(--a3);
}
._preis-ohne_wb5va_2407 ._bro-lead_wb5va_117 {
  margin: 0 0 28px;
  max-width: 46ch;
}
._preis-enthalten_wb5va_2354 {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
._preis-enthalten_wb5va_2354 li {
  display: flex;
  align-items: center;
  gap: var(--a3);
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: var(--t-text, 15px);
}
._preis-enthalten_wb5va_2354 li:before {
  content: "";
  flex: none;
  width: 10px;
  height: 5px;
  margin: -3px 2px 0 3px;
  border-left: 1.8px solid var(--ink);
  border-bottom: 1.8px solid var(--ink);
  transform: rotate(-45deg);
}
._preis-enthalten_wb5va_2354 li._empfehlung_wb5va_2589:before {
  width: 6px;
  height: 6px;
  margin: 0 4px 0 5px;
  border: 0;
  border-radius: 50%;
  background: var(--line-2);
  transform: none;
}
._preis-enthalten_wb5va_2354 li small {
  margin-left: auto;
  font: var(--f-meta);
  color: var(--muted);
}
._bro-sticky_wb5va_1366._ohne-preis_wb5va_2605 b {
  font-variant-numeric: normal;
}
._preis-tab_wb5va_1271 ._empf-tag_wb5va_2610 {
  margin-left: 6px;
  font: var(--f-meta);
  color: var(--muted);
}
@keyframes _hoch_wb5va_642 {
  0% {
    transform: translateY(14px);
    opacity: 0;
  }
}
@keyframes _rechnet_wb5va_1 {
  50% {
    opacity: 0.25;
  }
}
@keyframes _hakenEin_wb5va_1 {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
}
@keyframes _hakenZug_wb5va_1 {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes _film-puls_wb5va_1 {
  50% {
    opacity: 0.35;
  }
}
@keyframes _laufstrich_wb5va_1 {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(360%);
  }
}
@keyframes _liveWartet_wb5va_1 {
  0% {
    background-position: 100% 0;
  }
  to {
    background-position: -40% 0;
  }
}
@keyframes _warteEin_wb5va_1 {
  0% {
    opacity: 0;
  }
}
._v5-main_8xomk_4 {
  position: fixed;
  top: calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  left: 0;
  right: 0;
  bottom: 0;
}
._v5-view_8xomk_2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
._v5-view_8xomk_2._v5-ein_8xomk_20 {
  animation: _ansichtEin_8xomk_1 var(--mittel) var(--ease);
}
@media (prefers-reduced-motion: reduce) {
  ._v5-view_8xomk_2._v5-ein_8xomk_20 {
    animation: none;
  }
}
@keyframes _ansichtEin_8xomk_1 {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
}