/* Generiert aus den Prototypen. Utility-Klassen je Element-Stil. */
.u0 {
  min-height:100vh;
  background:var(--color-bg);
  color:var(--color-text);
  padding-bottom:90px;
}
.u1 {
  max-width:none;
  margin:0 auto;
  background:var(--color-bg);
  box-shadow:none;
  min-height:100vh;
  position:relative;
}
.u2 {
  position:absolute;
  left:12px;
  top:-60px;
  z-index:50;
  background:var(--color-text);
  color:var(--color-bg);
  padding:10px 16px;
  border-radius:999px;
}
.u4 {
  position:sticky;
  top:0;
  z-index:20;
  background:var(--color-bg);
  border-bottom:1px solid var(--color-divider);
}
.u5 {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:20px;
  padding:12px 24px;
}
.u6 {
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--color-text);
}
.u7 {
  width:34px;
  height:34px;
  border-radius:50%;
  background:conic-gradient(var(--color-accent-2) 0 78%, var(--color-accent) 0);
  display:grid;
  place-items:center;
}
.u8 {
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--color-bg);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:13px;
}
.u9 {
  font-family:var(--font-heading);
  font-size:20px;
}
.ua {
  display:flex;
  gap:18px;
  align-items:center;
  font-size:14px;
}
.ub {
  color:var(--color-text);
  text-decoration:none;
  font-weight:600;
}
.uc {
  flex:1;
  max-width:320px;
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--color-surface);
  border-radius:999px;
  padding:0 6px 0 14px;
}
.ud {
  color:var(--color-neutral-700);
}
.ue {
  flex:1;
  border:0;
  background:transparent;
  font:inherit;
  font-size:14px;
  padding:9px 0;
  color:var(--color-text);
  outline:none;
}
.uf {
  display:flex;
  gap:8px;
  align-items:center;
  margin-left:auto;
}
.ug {
  max-width:1200px;
  margin:0 auto;
  padding:72px 24px 56px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:48px;
  align-items:center;
}
.uh {
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  font-size:13px;
  color:var(--color-accent-2-800);
  margin-bottom:22px;
}
.ui {
  display:flex;
  gap:6px;
  align-items:center;
}
.uj {
  font-size:64px;
  line-height:1.04;
  margin-bottom:18px;
  text-wrap:balance;
}
.uk {
  font-size:18px;
  max-width:540px;
  color:var(--color-neutral-800);
  margin-bottom:28px;
}
.ul {
  background:var(--color-neutral-100);
  border-radius:32px;
  padding:10px;
  display:flex;
  flex-direction:row;
  gap:8px;
  max-width:620px;
}
.um {
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  min-height:48px;
}
.un {
  flex:1;
  border:0;
  background:transparent;
  font:inherit;
  font-size:16px;
  color:var(--color-text);
  outline:none;
  min-width:0;
}
.uo {
  width:auto;
  min-height:48px;
  background:var(--color-surface);
}
.up {
  min-height:48px;
  padding:0 24px;
  font-size:16px;
}
.uq {
  font-size:14px;
  margin-top:16px;
  color:var(--color-neutral-700);
}
.ur {
  padding:26px;
  gap:18px;
  background:var(--color-neutral-100);
  max-width:440px;
}
.us {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.ut {
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--color-neutral-700);
}
.uu {
  display:flex;
  gap:14px;
  align-items:center;
}
.uv {
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.uw {
  font-weight:700;
}
.ux {
  font-size:13px;
  color:var(--color-neutral-700);
}
.uy {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
}
.uz {
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
}
.u10 {
  display:flex;
  flex-direction:column;
  align-items:center;
}
.u11 {
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--color-accent-2);
  color:var(--color-bg);
  display:grid;
  place-items:center;
  box-shadow:none;
}
.u12 {
  transform:scale(.7);
}
.u13 {
  flex:1;
  width:2px;
  background:var(--color-neutral-300);
  min-height:18px;
}
.u14 {
  padding-bottom:14px;
}
.u15 {
  font-weight:600;
  font-size:14px;
}
.u16 {
  font-size:12px;
  color:var(--color-neutral-700);
}
.u17 {
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--color-accent);
  color:var(--color-bg);
  display:grid;
  place-items:center;
  box-shadow:0 0 0 4px var(--color-accent-200);
}
.u18 {
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--color-neutral-400);
  color:var(--color-bg);
  display:grid;
  place-items:center;
  box-shadow:none;
}
.u19 {
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px;
}
.u1a {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.u1b {
  display:flex;
  gap:18px;
  padding:26px;
  border-radius:32px;
  background:var(--color-surface);
}
.u1c {
  font-family:var(--font-heading);
  font-size:30px;
  color:var(--color-accent-700);
  line-height:1;
}
.u1d {
  margin-bottom:6px;
}
.u1e {
  font-size:14px;
  margin:0;
  color:var(--color-neutral-800);
}
.u1f {
  color:var(--color-accent-700);
}
.u1g {
  font-size:38px;
  max-width:640px;
  margin-bottom:36px;
}
.u1h {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.u1i {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.u1j {
  height:150px;
  border-radius:28px;
  background:var(--color-accent-2-100);
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.u1k {
  background:var(--color-bg);
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  display:flex;
  gap:8px;
  align-items:center;
}
.u1l {
  background:var(--color-bg);
  border-radius:16px;
  padding:8px 14px;
  font-size:12px;
  display:flex;
  justify-content:space-between;
}
.u1m {
  color:var(--color-star);
}
.u1n {
  display:flex;
  gap:12px;
  align-items:baseline;
}
.u1o {
  font-family:var(--font-heading);
  font-size:22px;
  color:var(--color-accent-700);
}
.u1p {
  margin-bottom:4px;
}
.u1q {
  font-size:14px;
  color:var(--color-neutral-800);
  margin:0;
}
.u1r {
  height:150px;
  border-radius:28px;
  background:var(--color-accent-100);
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.u1s {
  display:flex;
  gap:6px;
}
.u1t {
  flex:1;
  height:6px;
  border-radius:9px;
  background:var(--color-accent);
}
.u1u {
  flex:1;
  height:6px;
  border-radius:9px;
  background:var(--color-accent-300);
}
.u1v {
  font-size:13px;
}
.u1w {
  background:var(--color-bg);
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
}
.u1x {
  height:150px;
  border-radius:28px;
  background:var(--color-surface);
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.u1y {
  background:var(--color-bg);
  border-radius:16px;
  padding:10px 14px;
  font-size:12px;
}
.u1z {
  display:flex;
  justify-content:space-between;
}
.u20 {
  align-self:flex-end;
}
.u21 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.u22 {
  font-size:38px;
  margin:0;
}
.u23 {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.u24 {
  padding:20px;
  gap:12px;
  text-decoration:none;
  color:var(--color-text);
}
.u26 {
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u27 {
  display:flex;
  gap:6px;
  align-items:center;
  font-size:14px;
}
.u28 {
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--color-accent-2-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u29 {
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u2a {
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--color-accent-100);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u2b {
  background:var(--color-text);
  color:var(--color-bg);
  border-radius:40px;
  padding:56px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.u2c {
  font-size:38px;
  color:var(--color-bg);
}
.u2d {
  margin:0;
  opacity:.85;
  font-size:16px;
  max-width:520px;
}
.u2e {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.u2f {
  min-height:48px;
  padding:0 24px;
  font-size:16px;
  background:#D7FF00;
  color:#102B46;
}
.u2g {
  min-height:48px;
  padding:0 24px;
  font-size:16px;
  color:var(--color-bg);
  border-color:var(--color-neutral-600);
}
.u2h {
  margin-top:64px;
  background:var(--color-surface);
  border-radius:40px 40px 0 0;
}
.u2i {
  max-width:1200px;
  margin:0 auto;
  padding:48px 24px 32px;
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:32px;
}
.u2j {
  font-family:var(--font-heading);
  font-size:22px;
  margin-bottom:8px;
}
.u2k {
  font-size:14px;
  color:var(--color-neutral-800);
  max-width:280px;
}
.u2l {
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:14px;
}
.u2m {
  justify-content:flex-start;
  padding:0;
}
.u2n {
  position:fixed;
  z-index:45;
  left:50%;
  transform:translateX(-50%);
  bottom:14px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  background:var(--color-text);
  color:var(--color-bg);
  border-radius:999px;
  padding:8px 10px 8px 18px;
  font-size:13px;
  box-shadow:var(--shadow-lg);
  max-width:calc(100vw - 20px);
}
.u2o {
  opacity:.7;
}
.u2p {
  background:transparent;
  color:inherit;
  border:1px solid var(--color-neutral-600);
  border-radius:999px;
  padding:5px 10px;
  font:inherit;
}
.u2q {
  color:#201e1d;
}
.u2r {
  background:#D7FF00;
  color:#102B46;
  border:0;
  border-radius:999px;
  padding:6px 14px;
  font:inherit;
  cursor:pointer;
}
.u2s {
  color:inherit;
  opacity:.8;
  padding:0 8px;
}
.u2t {
  position:fixed;
  z-index:40;
  right:16px;
  bottom:88px;
  left:auto;
  max-width:420px;
  background:var(--color-neutral-100);
  border-radius:32px;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.u2u {
  font-family:var(--font-heading);
  font-size:20px;
  font-weight:400;
}
.u2v {
  margin:0;
  font-size:14px;
}
.u2w {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  gap:10px;
  cursor:pointer;
}
.u2x {
  display:block;
  font-size:12px;
  color:var(--color-neutral-700);
}
.u2y {
  width:20px;
  height:20px;
  accent-color:var(--color-accent-2);
}
.u2z {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.u30 {
  flex:1;
}
.u31 {
  color:var(--color-text);
  text-decoration:none;
}
.u32 {
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:var(--color-text);
}
.u33 {
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--color-accent-2-300);
  display:grid;
  place-items:center;
  font-weight:700;
  font-size:13px;
}
.u34 {
  font-size:44px;
}
.u35 {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 14px;
  align-items:center;
}
.u36 {
  flex:1 1 280px;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--color-surface);
  border-radius:999px;
  padding:0 14px;
  min-height:44px;
  border:1px solid var(--color-divider);
}
.u37 {
  flex:1;
  border:0;
  background:transparent;
  font:inherit;
  font-size:15px;
  color:var(--color-text);
  outline:none;
  min-width:0;
}
.u38 {
  width:auto;
  min-height:44px;
}
.u39 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}
.u3a {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.u3b {
  font-size:14px;
}
.u3c {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.u3d {
  padding:22px;
  gap:14px;
  text-decoration:none;
  color:var(--color-text);
}
.u3e {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3f {
  min-width:0;
}
.u3g {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:14px;
}
.u3h {
  color:var(--color-star);
  letter-spacing:1px;
}
.u3i {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}
.u3j {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-2-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3k {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3l {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-100);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3m {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-2-100);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3n {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-neutral-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3o {
  width:52px;
  height:52px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:18px;
}
.u3p {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.u3q {
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  align-items:center;
  padding:14px 18px;
  border-radius:24px;
  background:var(--color-surface);
  text-decoration:none;
  color:var(--color-text);
}
.u3s {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u3t {
  flex:1 1 200px;
  min-width:0;
}
.u3u {
  display:flex;
  gap:6px;
  align-items:center;
  font-size:14px;
  min-width:130px;
}
.u3v {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-2-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u3w {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u3x {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-100);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u3y {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-2-100);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u3z {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-neutral-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u40 {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
}
.u41 {
  gap:6px;
  padding:5px 6px 5px 12px;
  font-size:13px;
}
.u42 {
  padding:0;
  width:22px;
  height:22px;
  border-radius:50%;
}
.u43 {
  transform:scale(.8);
}
.u44 {
  padding:40px;
  align-items:flex-start;
  gap:12px;
  max-width:560px;
}
.u45 {
  width:64px;
  height:64px;
  border-radius:50%;
  border:2px dashed var(--color-neutral-500);
  display:grid;
  place-items:center;
}
.u46 {
  font-size:22px;
}
.u47 {
  font-size:15px;
}
.u48 {
  font-size:13px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  color:var(--color-neutral-700);
  margin-bottom:20px;
}
.u49 {
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:40px;
  align-items:start;
}
.u4a {
  display:flex;
  flex-direction:column;
  gap:28px;
  min-width:0;
}
.u4b {
  display:flex;
  gap:20px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.u4c {
  width:88px;
  height:88px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:30px;
}
.u4d {
  flex:1;
  min-width:220px;
}
.u4e {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.u4f {
  font-size:44px;
  margin-bottom:6px;
}
.u4g {
  font-size:14px;
  color:var(--color-neutral-800);
  display:flex;
  gap:6px;
  align-items:center;
}
.u4h {
  font-size:16px;
  max-width:640px;
  margin:0;
}
.u4i {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.u4j {
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 20px;
  border-radius:28px;
  background:var(--color-accent-2-100);
  color:var(--color-accent-2-900);
  font-size:14px;
}
.u4k {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:8px;
}
.u4l {
  margin:0;
}
.u4m {
  width:auto;
}
.u4n {
  padding:22px;
  border-radius:32px;
  background:var(--color-surface);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.u4o {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.u4p {
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-weight:700;
  font-size:13px;
}
.u4q {
  color:var(--color-star);
  letter-spacing:2px;
}
.u4r {
  margin-left:20px;
  padding:14px 18px;
  border-radius:24px;
  background:var(--color-bg);
  font-size:14px;
}
.u4s {
  font-weight:700;
  margin-bottom:4px;
  display:flex;
  gap:6px;
  align-items:center;
}
.u4t {
  width:36px;
  height:36px;
  padding:0;
}
.u4u {
  display:flex;
  flex-direction:column;
  gap:20px;
  position:sticky;
  top:90px;
}
.u4v {
  padding:26px;
  gap:18px;
  background:var(--color-neutral-100);
}
.u4w {
  display:flex;
  gap:20px;
  align-items:center;
}
.u4x {
  width:116px;
  height:116px;
  flex:none;
  border-radius:50%;
  background:conic-gradient(var(--color-accent-2) 0 92%, var(--color-neutral-300) 0);
  display:grid;
  place-items:center;
}
.u4y {
  width:90px;
  height:90px;
  border-radius:50%;
  background:var(--color-neutral-100);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.u4z {
  font-family:var(--font-heading);
  font-size:32px;
  line-height:1;
}
.u50 {
  font-size:11px;
  color:var(--color-neutral-700);
}
.u51 {
  color:var(--color-star);
  letter-spacing:2px;
  font-size:18px;
}
.u52 {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
}
.u53 {
  display:grid;
  grid-template-columns:26px 1fr 34px;
  gap:8px;
  align-items:center;
}
.u54 {
  height:8px;
  border-radius:9px;
  background:var(--color-neutral-300);
}
.u55 {
  width:72%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u56 {
  text-align:right;
  color:var(--color-neutral-700);
}
.u57 {
  width:18%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u58 {
  width:5%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u59 {
  width:2%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent);
}
.u5a {
  width:4%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent);
}
.u5b {
  padding:24px;
  gap:14px;
}
.u5c {
  font-size:20px;
}
.u5d {
  border:0;
  padding:0;
  margin:0;
}
.u5e {
  font-size:12px;
  margin-bottom:6px;
  color:var(--color-neutral-800);
}
.u5f {
  display:flex;
  gap:2px;
}
.u5g {
  background:none;
  border:0;
  padding:2px;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  color:var(--color-star);
  border-radius:8px;
}
.u5h {
  background:none;
  border:0;
  padding:2px;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  color:var(--color-neutral-400);
  border-radius:8px;
}
.u5i {
  font-size:12px;
  color:var(--color-neutral-700);
  min-height:18px;
}
.u5j {
  border-radius:20px;
  min-height:110px;
}
.u5k {
  font-size:12px;
  display:flex;
  justify-content:space-between;
  margin-top:4px;
}
.u5l {
  color:var(--color-accent-800);
}
.u5m {
  min-height:44px;
}
.u5n {
  border-radius:20px;
  min-height:110px;
  border-color:var(--color-danger);
  background:var(--color-danger-100);
}
.u5o {
  padding:22px;
  border-radius:32px;
  background:var(--color-accent-2-100);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.u5p {
  display:flex;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.u5q {
  display:flex;
  gap:10px;
  padding:14px;
  border-radius:20px;
  background:var(--color-accent-2-100);
  color:var(--color-accent-2-900);
  font-size:14px;
}
.u5r {
  display:flex;
  gap:10px;
  padding:14px;
  border-radius:20px;
  background:var(--color-accent-100);
  color:var(--color-accent-900);
  font-size:14px;
}
.u5s {
  width:88px;
  height:88px;
  flex:none;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:30px;
}
.u5t {
  display:flex;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
  padding:18px 22px;
  border-radius:28px;
  border:2px dashed var(--color-neutral-400);
}
.u5u {
  flex:1;
  min-width:200px;
}
.u5v {
  font-size:14px;
  color:var(--color-neutral-800);
}
.u5w {
  width:116px;
  height:116px;
  flex:none;
  border-radius:50%;
  background:conic-gradient(var(--color-accent-2) 0 78%, var(--color-neutral-300) 0);
  display:grid;
  place-items:center;
}
.u5x {
  width:44%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u5y {
  width:23%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u5z {
  width:12%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent-2);
}
.u60 {
  width:8%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent);
}
.u61 {
  width:13%;
  height:100%;
  border-radius:9px;
  background:var(--color-accent);
}
.u62 {
  max-width:960px;
  padding:40px 24px;
  margin:0 auto;
}
.u63 {
  font-size:14px;
  display:inline-flex;
  gap:6px;
  align-items:center;
}
.u64 {
  font-size:44px;
  margin:16px 0 6px;
}
.u65 {
  color:var(--color-neutral-800);
  margin-bottom:24px;
}
.u66 {
  list-style:none;
  padding:0;
  margin:0 0 28px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.u67 {
  height:8px;
  border-radius:9px;
  background:var(--color-accent);
}
.u68 {
  font-size:13px;
  font-weight:700;
  color:var(--color-text);
}
.u69 {
  font-size:13px;
  font-weight:400;
  color:var(--color-neutral-700);
}
.u6a {
  padding:36px;
  gap:20px;
  background:var(--color-neutral-100);
}
.u6b {
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:24px;
  background:var(--color-surface);
  flex-wrap:wrap;
}
.u6c {
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--color-neutral-300);
  display:grid;
  place-items:center;
  font-family:var(--font-heading);
  font-size:20px;
}
.u6d {
  flex:1;
  min-width:180px;
}
.u6e {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:15px;
  cursor:pointer;
}
.u6f {
  width:20px;
  height:20px;
  accent-color:var(--color-accent);
  margin-top:2px;
}
.u6g {
  font-size:13px;
  color:var(--color-danger);
}
.u6h {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}
.u6i {
  display:flex;
  gap:10px;
}
.u6j {
  min-height:44px;
  padding:0 22px;
}
.u6k {
  font-size:13px;
  font-weight:400;
  color:var(--color-text);
}
.u6l {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.u6m {
  font-size:12px;
  color:var(--color-danger);
}
.u6n {
  min-height:44px;
  border-color:var(--color-danger);
  background:var(--color-danger-100);
}
.u6o {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.u6p {
  display:flex;
  gap:12px;
  padding:18px;
  border-radius:24px;
  cursor:pointer;
  background:var(--color-accent-100);
  border:2px solid var(--color-accent);
}
.u6q {
  accent-color:var(--color-accent);
  width:18px;
  height:18px;
}
.u6r {
  font-size:13px;
  color:var(--color-neutral-800);
}
.u6s {
  display:flex;
  gap:12px;
  padding:18px;
  border-radius:24px;
  cursor:pointer;
  background:var(--color-surface);
  border:2px solid transparent;
}
.u6t {
  border-radius:20px;
}
.u6u {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:10px 20px;
  margin:0;
  font-size:15px;
}
.u6v {
  margin:0;
  font-weight:600;
}
.u6w {
  display:flex;
  gap:10px;
  padding:14px 18px;
  border-radius:20px;
  background:var(--color-accent-100);
  color:var(--color-accent-900);
  font-size:14px;
}
.u6x {
  display:flex;
  gap:16px;
  align-items:center;
}
.u6y {
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  color:var(--color-accent-800);
}
.u6z {
  font-weight:600;
}
.u70 {
  max-width:1100px;
  margin:0 auto;
  padding:40px 24px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:48px;
  align-items:start;
}
.u71 {
  padding:36px;
  gap:18px;
  background:var(--color-neutral-100);
  max-width:480px;
}
.u72 {
  font-size:36px;
  margin:0;
}
.u73 {
  min-height:46px;
  width:100%;
}
.u74 {
  font-weight:700;
  font-family:var(--font-body);
}
.u75 {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:var(--color-neutral-700);
}
.u76 {
  flex:1;
  height:1px;
  background:var(--color-divider);
}
.u77 {
  display:flex;
  gap:10px;
  align-items:center;
  font-size:14px;
  cursor:pointer;
}
.u78 {
  width:18px;
  height:18px;
  accent-color:var(--color-accent);
}
.u79 {
  min-height:46px;
}
.u7a {
  font-size:14px;
  margin:0;
}
.u7b {
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-top:12px;
  max-width:440px;
}
.u7c {
  display:flex;
  gap:14px;
}
.u7d {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-surface);
  display:grid;
  place-items:center;
}
.u7e {
  font-size:14px;
  color:var(--color-neutral-800);
  margin:4px 0 0;
}
.u7f {
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  background:var(--color-accent-2-200);
  display:grid;
  place-items:center;
  color:var(--color-accent-2-800);
}
.u7g {
  display:flex;
  gap:8px;
  padding:12px 16px;
  border-radius:20px;
  background:var(--color-danger-100);
  color:var(--color-danger);
  font-size:14px;
}
.u7h {
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.u7i {
  max-width:480px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.u7j {
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--color-accent-200);
  display:grid;
  place-items:center;
  color:var(--color-accent-800);
}
.u7k {
  font-size:40px;
  margin:0;
}
.u7l {
  margin:0;
  font-size:16px;
  color:var(--color-neutral-800);
}
.u7m {
  padding:22px;
  gap:12px;
}
.u7n {
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:48px;
  align-items:start;
}
.u7o {
  display:flex;
  flex-direction:column;
  gap:4px;
  position:sticky;
  top:90px;
  overflow-x:auto;
}
.u7p {
  padding:9px 16px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  font-size:14px;
  color:var(--color-text);
  background:var(--color-accent-100);
  font-weight:700;
}
.u7r {
  padding:9px 16px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  font-size:14px;
  color:var(--color-text);
  background:transparent;
  font-weight:400;
}
.u7s {
  max-width:68ch;
}
.u7t {
  font-size:44px;
  margin:8px 0 28px;
}
.u7u {
  margin-bottom:28px;
}
.u7v {
  font-size:16px;
  line-height:1.7;
  color:var(--color-neutral-800);
}
.u7w {
  padding:20px 24px;
  border-radius:28px;
  background:var(--color-surface);
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}
.u7x {
  max-width:1200px;
  margin:0 auto;
  padding:72px 24px 56px;
}
.u7y {
  font-family:var(--font-heading);
  font-size:160px;
  line-height:.9;
  color:var(--color-accent-700);
}
.u7z {
  font-size:44px;
  margin:16px 0 10px;
}
.u80 {
  font-size:17px;
  max-width:520px;
  color:var(--color-neutral-800);
}
.u81 {
  display:flex;
  gap:8px;
  max-width:480px;
  margin:20px 0;
}
.u82 {
  display:flex;
  gap:10px;
  margin-top:20px;
  flex-wrap:wrap;
}
.u83 {
  max-width:390px;
  margin:0 auto;
  background:var(--color-bg);
  box-shadow:var(--shadow-lg);
  min-height:100vh;
  position:relative;
}
.u84 {
  max-width:1200px;
  margin:0 auto;
  padding:40px 20px 32px;
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:center;
}
.u85 {
  font-size:40px;
  line-height:1.04;
  margin-bottom:18px;
  text-wrap:balance;
}
.u86 {
  background:var(--color-neutral-100);
  border-radius:32px;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:620px;
}
.u87 {
  max-width:1200px;
  margin:0 auto;
  padding:28px 20px;
}
.u88 {
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.u89 {
  font-size:28px;
  max-width:640px;
  margin-bottom:36px;
}
.u8a {
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.u8b {
  font-size:28px;
  margin:0;
}
.u8c {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.u8d {
  background:var(--color-text);
  color:var(--color-bg);
  border-radius:40px;
  padding:32px 24px;
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:center;
}
.u8e {
  font-size:28px;
  color:var(--color-bg);
}
.u8f {
  max-width:1200px;
  margin:0 auto;
  padding:48px 24px 32px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.u8g {
  position:fixed;
  z-index:40;
  right:16px;
  bottom:88px;
  left:16px;
  max-width:420px;
  background:var(--color-neutral-100);
  border-radius:32px;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.u8h {
  max-width:1200px;
  margin:0 auto;
  padding:24px 20px;
}
.u8i {
  font-size:32px;
}
.u8j {
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
  align-items:start;
}
.u8k {
  font-size:32px;
  margin-bottom:6px;
}
.u8l {
  display:flex;
  flex-direction:column;
  gap:20px;
  position:static;
  top:90px;
}
.u8m {
  max-width:960px;
  padding:24px 20px;
  margin:0 auto;
}
.u8n {
  font-size:32px;
  margin:16px 0 6px;
}
.u8o {
  padding:22px;
  gap:20px;
  background:var(--color-neutral-100);
}
.u8p {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.u8q {
  display:grid;
  grid-template-columns:1fr;
  gap:10px 20px;
  margin:0;
  font-size:15px;
}
.u8r {
  max-width:1100px;
  margin:0 auto;
  padding:24px 20px;
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:start;
}
.u8s {
  padding:22px;
  gap:18px;
  background:var(--color-neutral-100);
  max-width:480px;
}
.u8t {
  max-width:1200px;
  margin:0 auto;
  padding:24px 20px;
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:start;
}
.u8u {
  display:flex;
  flex-direction:row;
  gap:4px;
  position:static;
  top:90px;
  overflow-x:auto;
}
.u8v {
  font-size:32px;
  margin:8px 0 28px;
}
.u8w {
  max-width:1200px;
  margin:0 auto;
  padding:40px 20px 32px;
}
.u8x {
  font-family:var(--font-heading);
  font-size:96px;
  line-height:.9;
  color:var(--color-accent-700);
}
.u8y {
  font-size:32px;
  margin:16px 0 10px;
}
.u8z {
  padding:8px 24px 28px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:17px;
}
.u90 {
  padding:12px 0;
  color:var(--color-text);
  text-decoration:none;
}
.u91 {
  display:flex;
  gap:10px;
  margin-top:12px;
}
.u92 {
  flex:1;
  min-height:44px;
}
.u93 {
  padding:20px;
  gap:14px;
  margin-bottom:14px;
}

/* Hover, Fokus, Aktiv */
.p3:focus-visible {
  top:12px !important;
}
.p25:hover {
  box-shadow:var(--shadow-md) !important;
}
.p3r:hover {
  background:var(--color-neutral-300) !important;
}
.p7q:hover {
  background:var(--color-surface) !important;
}