:root {
  --bg: #070708;
  --card: #101012;
  --gold: #c9a44c;
  --gold2: #e8c96a;
  --gold-dim: color-mix(in srgb, var(--gold) 22%, #000);
  --red: #4a0c14;
  --red-glow: #6b1520;
  --text: #ececf1;
  --muted: #8b8b96;
  --r: 14px;
  --content-max: 80rem;
  --font: "DM Sans", system-ui, sans-serif;
  --serif: "Cormorant Garamond", Georgia, serif;
  --h-gold-grad: linear-gradient(135deg, #fffef8 0%, #d8c896 48%, #c9a44c 100%);
  /* iOS / notched displays — use with max() in padding (viewport-fit=cover) */
  --sa-l: env(safe-area-inset-left, 0px);
  --sa-r: env(safe-area-inset-right, 0px);
  --sa-t: env(safe-area-inset-top, 0px);
  --sa-b: env(safe-area-inset-bottom, 0px);
}

* {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.page {
  margin: 0;
  min-height: 100dvh;
  min-height: 100svh;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(ellipse 100% 80% at 50% -20%, #2a0a12 0%, transparent 50%),
    radial-gradient(ellipse 60% 50% at 100% 20%, #1a0a0c 0%, transparent 45%),
    linear-gradient(180deg, #0a090a 0%, var(--bg) 40%, #040405 100%);
  position: relative;
  overflow-x: clip;
}

body.page::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.035;
  pointer-events: none;
  z-index: 0;
}

a {
  color: var(--gold2);
}

a:hover {
  text-decoration: underline;
}

.legal-inner {
  max-width: 62rem;
  margin: 0 auto;
  line-height: 1.5;
}

.legal-banner {
  background: linear-gradient(90deg, #12080c 0%, #1a0c12 50%, #12080c 100%);
  color: #d4c4a8;
  text-align: center;
  font-size: clamp(0.98rem, 0.32vw + 0.88rem, 1.06rem);
  letter-spacing: 0.02em;
  padding: max(0.55rem, var(--sa-t)) max(0.95rem, var(--sa-r)) 0.6rem max(0.95rem, var(--sa-l));
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 25%, transparent);
  position: relative;
  z-index: 2;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 12%, #1a1a1e);
  background: color-mix(in srgb, #0c0b0c 88%, transparent);
  backdrop-filter: blur(16px) saturate(1.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.header-inner {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 1.05rem max(1.15rem, var(--sa-l)) 1.05rem max(1.15rem, var(--sa-r));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1rem;
  position: relative;
  min-width: 0;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--gold);
  font-weight: 600;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
}

.logo-text {
  font-family: var(--serif);
  font-size: 1.32rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}
.logo-text .brand-oilking,
.footer-legal .brand-oilking,
.admin-brand .brand-oilking {
  text-shadow: none;
  color: var(--gold);
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  vertical-align: middle;
  gap: 0.08em;
}
.admin-brand .brand-oilking {
  color: #e8d5a5;
}
.footer-brand .footer-logo-lockup {
  display: block;
  width: auto;
  height: auto;
  max-width: min(85vw, 11rem);
  max-height: 4.85rem;
  object-fit: contain;
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 22%, transparent));
}
.footer-legal .brand-oilking {
  vertical-align: -0.14em;
}
.page-doc__lead .brand-oilking,
.unternehmen-p .brand-oilking,
.unternehmen-h2 .brand-oilking,
#home-intro .brand-oilking,
.section-eyebrow .brand-oilking,
.page-doc__section .brand-oilking {
  vertical-align: -0.12em;
}
.nav-gold {
  color: var(--gold2) !important;
  font-weight: 500;
}

/* Volles Markenlogo (PNG-Lockup) */
a.logo .logo-mark--lockup {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: clamp(3.05rem, 5.65vw, 3.95rem);
  max-width: min(62vw, 16.75rem);
  object-fit: contain;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  position: static;
  filter: drop-shadow(0 0 12px color-mix(in srgb, var(--gold) 14%, transparent));
}
@media (min-width: 40rem) {
  a.logo .logo-mark--lockup {
    height: clamp(3.35rem, 4.15vw, 4.28rem);
    max-width: min(55vw, 17.5rem);
  }
}

.nav-toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.nav-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.45rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 30%, #333);
  background: #101012;
  cursor: pointer;
  color: var(--gold2);
  flex-shrink: 0;
  z-index: 21;
}
.nav-burger__bar {
  display: block;
  height: 2px;
  width: 100%;
  background: #e0e0e8;
  border-radius: 1px;
}

.main-nav {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 0.62rem 1rem;
  align-items: center;
  font-size: 1.05rem;
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
  justify-content: flex-end;
  min-width: 0;
}

.main-nav a {
  color: #d4d4d8;
  text-decoration: none;
  white-space: nowrap;
}
.main-nav a:hover,
.main-nav a.is-active,
.nav-gold.is-active {
  color: var(--gold2);
}
.nav-link.is-active {
  font-weight: 500;
}
.nav-btn {
  border: 1px solid color-mix(in srgb, var(--gold) 45%, #333);
  padding: 0.48rem 0.9rem;
  border-radius: 999px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 14%, #111), #0a0a0a);
  color: #fef9e7 !important;
  font-weight: 500;
}
.nav-btn:hover {
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 0 20px color-mix(in srgb, var(--gold) 20%, transparent);
}

.site-header .lang-dropdown__trigger {
  font-size: 0.92rem;
  padding: 0.38rem 0.72rem;
}

.lang-dropdown summary::-webkit-details-marker {
  display: none;
}

@media (max-width: 960px) {
  .header-inner {
    flex-wrap: wrap;
    align-items: center;
  }
  .nav-burger {
    display: flex;
    order: 2;
    margin-left: auto;
  }
  .header-inner .lang-switch {
    order: 2;
    margin-left: auto;
    margin-inline-end: 0.65rem;
  }
  .main-nav {
    order: 3;
    flex: 1 0 100%;
    margin: 0.5rem 0 0;
    display: none;
    position: static;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 1rem 0 0.5rem;
    background: linear-gradient(180deg, #0e0e10 0%, #0a090a 100%);
    border-top: 1px solid color-mix(in srgb, var(--gold) 12%, #1a1a1a);
  }
  .main-nav a {
    white-space: normal;
    padding: 0.4rem 0;
  }
  .nav-toggle:checked ~ .main-nav {
    display: flex;
  }
  .nav-toggle:focus-visible + .nav-burger {
    outline: 2px solid var(--gold2);
    outline-offset: 2px;
  }
}

@media (min-width: 961px) {
  .nav-burger {
    display: none;
  }
  .main-nav {
    position: static;
    order: 2;
    margin-top: 0;
    background: none;
    border: none;
    display: flex !important;
  }
  .main-nav a.is-active,
  .main-nav .nav-gold.is-active {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .header-inner {
    flex-wrap: nowrap;
  }
}

.container,
.main-inner {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 1.5rem max(1.35rem, var(--sa-r)) max(3.75rem, var(--sa-b)) max(1.35rem, var(--sa-l));
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 100%;
}

.site-footer {
  text-align: center;
  color: var(--muted);
  font-size: 0.9rem;
  padding: 1.85rem max(1.5rem, var(--sa-r)) max(1.75rem, var(--sa-b)) max(1.5rem, var(--sa-l));
  border-top: 1px solid #27272a;
  position: relative;
  z-index: 1;
}

.site-footer--lux {
  text-align: left;
  background: linear-gradient(180deg, #080809 0%, #040405 100%);
  border-top: 1px solid color-mix(in srgb, var(--gold) 15%, #1a1a1a);
  padding: 3.15rem max(1.25rem, var(--sa-r)) max(2rem, var(--sa-b)) max(1.25rem, var(--sa-l));
}

.footer-grid {
  max-width: var(--content-max);
  margin: 0 auto 1.75rem;
  display: grid;
  gap: 1.85rem 2.35rem;
  grid-template-columns: 1fr;
  align-items: stretch;
}
@media (min-width: 40rem) {
  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
  }
}
/* Breites Lux-Footer-Raster (Marke + 3 Menü-Spalten): oben ausrichten, Logo fest begrenzt */
@media (min-width: 40rem) {
  .site-footer--lux .footer-grid.footer-grid--wide {
    align-items: start;
  }
}
.footer-brand {
  font-family: var(--serif);
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  color: var(--gold2);
  margin: 0;
}
/* Logo-Spalte: feste Max-Höhe — Lockup-Ende liegt auf Höhe der letzten Zeile »Unternehmen« (ohne Raster aufzublasen) */
@media (min-width: 40rem) {
  .site-footer--lux .footer-grid > .footer-brand-col {
    display: flex;
    flex-direction: column;
    align-self: start;
    min-height: 0;
  }
  .site-footer--lux .footer-grid > .footer-brand-col .footer-brand {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
    margin-top: -0.12rem;
  }
  .site-footer--lux .footer-grid > .footer-brand-col .footer-logo-lockup {
    height: auto;
    width: auto;
    display: block;
    /* Oben bundig zur ersten Menü-Spalte: Höhe entspricht Spaltenkopf + 5 Link-Zeileneinheiten (»Unternehmen«) */
    max-height: min(
      12rem,
      calc(0.78rem + 0.58rem + 5 * ((1.02rem * 1.43) + 0.84rem) + 0.2rem)
    );
    max-width: min(11rem, 32vw);
    object-fit: contain;
  }
}
@media (max-width: 39.99rem) {
  .footer-brand .footer-logo-lockup {
    max-height: 4.25rem;
  }
}
.footer-h {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--gold2);
  margin: 0 0 0.58rem;
}
.site-footer--lux a {
  display: block;
  color: #c4c4cc;
  text-decoration: none;
  font-size: 1.02rem;
  margin: 0.42rem 0;
}
.site-footer--lux a:hover {
  color: var(--gold2);
}
.footer-legal {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 1.55rem max(0.5rem, var(--sa-r)) 0 max(0.5rem, var(--sa-l));
  border-top: 1px solid #1f1f24;
  color: #6b6b76;
  font-size: 0.82rem;
  line-height: 1.55;
}
.text-center {
  text-align: center;
}
.mt-2 {
  margin-top: 1.25rem;
}
.ext {
  color: var(--gold2);
  text-underline-offset: 3px;
}

.hero--lux {
  padding: 2.25rem 0 3rem;
  text-align: center;
}
.hero--split {
  text-align: left;
  position: relative;
  isolation: isolate;
  padding: 2rem 0 3.35rem;
}
/* Sanftes Gold-Ambient hinter dem Hero (Startseite) */
.hero--split::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1rem;
  width: min(120%, 90rem);
  height: min(28rem, 78vh);
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse 78% 58% at 50% 0%,
    color-mix(in srgb, var(--gold) 11%, transparent) 0%,
    color-mix(in srgb, var(--gold) 3%, transparent) 45%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}
.hero--split::after {
  content: "";
  position: absolute;
  right: -8%;
  top: 18%;
  width: min(48%, 32rem);
  height: 62%;
  max-height: 36rem;
  background: radial-gradient(
    ellipse 100% 60% at 70% 45%,
    color-mix(in srgb, var(--gold) 6%, transparent) 0%,
    color-mix(in srgb, #1a1208 20%, transparent) 40%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}
.hero--split > * {
  position: relative;
  z-index: 1;
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
  max-width: var(--content-max);
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 70rem) {
  .hero-grid {
    gap: 2.25rem;
  }
}
.hero-grid--pro {
  position: relative;
}
.hero-main--pro {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.hero-main__strip {
  margin-bottom: 1.1rem;
}
.hero-main__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem 2.25rem;
  align-items: stretch;
  width: 100%;
}
@media (min-width: 68rem) {
  .hero-main__cols {
    /* links ~35 %, rechts ~65 % (Kachel „So verdienen Sie Geld“) */
    grid-template-columns: minmax(0, 0.35fr) minmax(0, 0.65fr);
    gap: 1.5rem 2.5rem;
    align-items: stretch;
  }
  .hero-main__converge {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
}
.hero-main__converge {
  min-width: 0;
}
.hero-main {
  min-width: 0;
}
.hero-main .hero-cta {
  justify-content: flex-start;
}
.hero-title--split {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  text-align: left;
  line-height: 1.16;
}
.hero-lead--split {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  text-align: left;
}
.hero-side {
  position: relative;
  min-width: 0;
}
.hero-side-frame {
  border: 1px solid color-mix(in srgb, var(--gold) 30%, #2c2a2a);
  border-radius: 16px;
  padding: 1.4rem 1.2rem 1.35rem;
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 8%, #0c0b0a) 0%, #0a0a0b 45%, #060607 100%);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--gold) 14%, transparent),
    0 0 0 1px color-mix(in srgb, #000 50%, transparent),
    0 24px 56px -14px rgba(0, 0, 0, 0.65),
    0 0 100px -30px color-mix(in srgb, var(--gold) 7%, transparent);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  backdrop-filter: blur(6px);
}
.hero-side::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: calc(var(--r) + 4px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 24%, transparent), transparent 58%);
  z-index: -1;
  opacity: 0.5;
  pointer-events: none;
}
.hero-side-tag {
  font-size: clamp(1.82rem, 4.6vw + 0.45rem, 2.55rem);
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--gold2);
  margin: 0 0 0.65rem;
  font-weight: 700;
  line-height: 1.1;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 12%, transparent);
  will-change: opacity, filter, text-shadow;
  animation: hero-side-tag-glow 2.1s ease-in-out infinite;
}
@keyframes hero-side-tag-glow {
  0%,
  100% {
    opacity: 1;
    filter: brightness(1);
    text-shadow: 0 0 28px color-mix(in srgb, var(--gold) 8%, transparent);
  }
  50% {
    opacity: 0.86;
    filter: brightness(1.18);
    text-shadow:
      0 0 48px color-mix(in srgb, var(--gold) 28%, transparent),
      0 0 20px color-mix(in srgb, var(--gold) 16%, transparent);
  }
}
@media (min-width: 42rem) {
  .hero-side-tag {
    font-size: clamp(2rem, 2vw + 1rem, 2.85rem);
    letter-spacing: 0.015em;
  }
}
.hero-side .hero-metrics {
  max-width: none;
  width: 100%;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0.25rem 0 0.25rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.35rem;
  min-height: 0;
  list-style: none;
  text-align: center;
}
.hero-side .hero-metrics li {
  text-align: center;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 12%, #1a1a20);
  padding: 0.65rem 0.1rem 0.75rem;
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-side .hero-metrics li:first-of-type {
  padding-top: 0.35rem;
}
.hero-side .hero-metrics li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0.4rem;
}
/* Startseite: Kennzahlen-Kachel oben, volle Content-Breite, unter dem Header */
.hero--split .hero-side--top {
  width: 100%;
  max-width: 100%;
  margin: 0 0 2.35rem;
}
.hero--split .hero-side--top .hero-side-frame {
  min-height: 0;
  width: 100%;
  padding: 1.5rem 1.35rem 1.45rem;
}
/* Startseite oben: keine gleich hohen Flex-Zeilen zwischen Tablet (~48rem) und Split-Breakpoint —
   sonst wirken Labels wie „Total barrel capacity“ zwischen zwei Zahlenblöcken überlagert. */
.hero--split .hero-side--top .hero-metrics {
  flex: 0 0 auto;
  justify-content: flex-start;
}
.hero--split .hero-side--top .hero-metrics li {
  flex: 0 0 auto;
  min-height: auto;
  justify-content: flex-start;
  gap: 0.35rem;
}
/* Mobil: Slogan + Kennzahlen nicht zusammendrücken (kein flex-grow auf den Zeilen). */
@media (max-width: 47.99rem) {
  .hero--split .hero-side--top .hero-side-frame {
    padding: 1.15rem 1rem 1.25rem;
    gap: 0.75rem;
    align-items: stretch;
  }
  .hero--split .hero-side--top .hero-side-tag {
    font-size: clamp(1.28rem, 4.8vw + 0.4rem, 1.95rem);
    line-height: 1.18;
    margin: 0 0 0.1rem;
    flex-shrink: 0;
  }
  .hero--split .hero-side--top .hero-metrics {
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 0.45rem;
    padding-top: 0.12rem;
  }
  .hero--split .hero-side--top .hero-metrics li {
    flex: 0 0 auto;
    min-height: 0;
    padding: 0.55rem 0.2rem 0.65rem;
    justify-content: flex-start;
  }
  .hero--split .hero-side--top .m-val {
    font-size: clamp(1.45rem, 5.5vw + 0.55rem, 2.15rem);
    line-height: 1.12;
  }
  .hero--split .hero-side--top .m-lbl {
    margin-top: 0.28rem;
    font-size: clamp(0.76rem, 2.8vw + 0.35rem, 0.92rem);
    line-height: 1.38;
    max-width: 100%;
  }
}
@media (min-width: 58rem) {
  /* Kennzahlen untereinander: vermeidet Überlappung großer Zahlen mit langen Labels (z. B. DE). */
  .hero--split .hero-side--top .hero-metrics {
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    justify-content: flex-start;
  }
  .hero--split .hero-side--top .hero-metrics li {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--gold) 12%, #1a1a20);
    padding: 0.7rem 0.35rem 0.8rem;
    box-sizing: border-box;
  }
  .hero--split .hero-side--top .hero-metrics li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0.35rem;
  }
  .hero--split .hero-side--top .m-val {
    font-size: clamp(1.95rem, 1.85vw + 1.05rem, 2.85rem);
    line-height: 1.12;
  }
  .hero--split .hero-side--top .m-lbl {
    font-size: clamp(0.8rem, 0.5vw + 0.4rem, 0.95rem);
    margin-top: 0.35rem;
    max-width: 22rem;
    margin-inline: auto;
  }
}
.eyebrow {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--gold2);
  margin: 0 0 0.85rem;
  font-weight: 600;
}
.hero--split .eyebrow {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: clamp(0.68rem, 0.75vw, 0.78rem);
  letter-spacing: 0.2em;
  line-height: 1.45;
  max-width: 100%;
  padding: 0.4rem 0.7rem 0.42rem 0.9rem;
  border-radius: 0 6px 6px 0;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #333);
  border-left: 2px solid var(--gold2);
  background: linear-gradient(100deg, color-mix(in srgb, var(--gold) 7%, #111015), #0a0a0c 90%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #000 30%, transparent) inset, 0 8px 28px -8px rgba(0, 0, 0, 0.55);
}
.hero-title {
  font-family: var(--serif);
  font-size: clamp(2rem, 4.5vw, 3.15rem);
  font-weight: 600;
  line-height: 1.12;
  margin: 0 auto 1rem;
  max-width: 18ch;
  background: linear-gradient(135deg, #fffef8 0%, #e8d5a0 45%, #c9a44c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 60px color-mix(in srgb, var(--gold) 15%, transparent);
}
.hero--split .hero-title {
  /* Volle Textspalte, stärkere Präsenz */
  font-size: clamp(1.75rem, 2.4vw + 0.75rem, 2.75rem);
  margin-bottom: 0.9rem;
  max-width: 100%;
  width: 100%;
  font-weight: 600;
}
.hero--split .hero-title.hero-title--split {
  max-width: 100%;
  line-height: 1.16;
  filter: drop-shadow(0 3px 28px color-mix(in srgb, var(--gold) 16%, transparent));
}
.hero-lead {
  color: #b8b4aa;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
  line-height: 1.7;
  max-width: 42rem;
  margin: 0 auto 1.75rem;
  font-weight: 400;
}
.hero--split .hero-lead {
  font-size: clamp(0.98rem, 1.15vw, 1.1rem);
  line-height: 1.7;
  max-width: 100%;
  margin-bottom: 0;
}
.hero--split .hero-lead p {
  margin: 0 0 0.75rem;
}
.hero--split .hero-lead p:last-child {
  margin-bottom: 0;
}
.hero--split .hero-lead a {
  color: var(--gold2);
  text-underline-offset: 3px;
}
/* Home: Lead-Stack (Intro-Spalte) */
.hero--split .hero-lead--rich {
  max-width: 100%;
  width: 100%;
  line-height: 1.72;
  color: color-mix(in srgb, #d4cdc0 90%, #8e8a80);
  font-size: clamp(0.98rem, 1.12vw, 1.08rem);
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
@media (min-width: 68rem) {
  .hero--split .hero-main__cols > .hero-lead--intro.hero-lead--rich {
    min-height: 100%;
    justify-content: flex-start;
  }
}
.hero--split .hero-lead--intro p.hero-lead__kachel {
  font-size: clamp(1.05rem, 1.2vw + 0.2rem, 1.2rem) !important;
  line-height: 1.78 !important;
  color: color-mix(in srgb, #e8e2d8 96%, #9a9090) !important;
}
/* Inline-Marke „Oilking Group“ (Fließtext, Admin) */
.brand-oilking {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.32em;
  margin: 0 0.04em;
  line-height: 1.15;
  color: var(--gold2);
  font-weight: 600;
  white-space: nowrap;
  vertical-align: -0.08em;
  text-shadow: 0 0 16px color-mix(in srgb, var(--gold) 10%, transparent);
}
.brand-oilking__name {
  font-family: var(--serif);
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 1.02em;
  line-height: 1;
}
.brand-oilking__suffix {
  font-family: var(--font);
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.14em;
  opacity: 0.92;
  line-height: 1;
}
@media (min-width: 68rem) {
  .hero--split .hero-lead--intro p.hero-lead__kachel {
    padding-bottom: 0.35rem;
  }
}
.hero--split .hero-lead--rich p {
  position: relative;
  margin: 0;
  padding: 0.9rem 1rem 0.95rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2a30);
  border-left: 3px solid color-mix(in srgb, var(--gold) 52%, #3a3a44);
  border-radius: 12px;
  background: linear-gradient(165deg, color-mix(in srgb, #151518 100%, transparent) 0%, #0b0b0d 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, #000 25%, transparent) inset,
    0 12px 36px -16px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.hero--split .hero-lead--rich p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--gold) 40%, transparent),
    color-mix(in srgb, var(--gold) 8%, transparent) 50%,
    transparent
  );
  opacity: 0.7;
  pointer-events: none;
}
.hero--split .hero-lead--rich p:hover {
  border-color: color-mix(in srgb, var(--gold) 22%, #333);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 6%, transparent) inset,
    0 16px 44px -14px rgba(0, 0, 0, 0.6),
    0 0 48px -20px color-mix(in srgb, var(--gold) 5%, transparent);
  transform: translateY(-1px);
}
.hero--split .hero-lead--rich p:last-child {
  margin-bottom: 0;
}
.hero--split .hero-lead--rich p:first-of-type {
  border-left-color: color-mix(in srgb, var(--gold) 60%, #2a2a2e);
  color: #ddd8ce;
  background: linear-gradient(165deg, #131316, #0c0c0e);
}
/* Erster Absatz: bewusst ohne Rahmen/Kachel, nur Fließtext */
.hero--split .hero-lead--rich p.hero-lead__kachel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0 0 0.15rem;
  font-size: clamp(1.02rem, 1.2vw + 0.2rem, 1.15rem);
  line-height: 1.75;
  color: color-mix(in srgb, #e2dbd0 95%, #9a9488);
  backdrop-filter: none;
  overflow: visible;
  transition: none;
  text-align: justify;
  hyphens: auto;
}
.hero--split .hero-lead--rich p.hero-lead__kachel::before {
  display: none;
}
.hero--split .hero-lead--rich p.hero-lead__kachel:hover {
  border: none;
  box-shadow: none;
  transform: none;
}
/* „So verdienen Sie Geld“ – Conversion-Block */
.hero--split .hero-lead__pitch {
  position: relative;
  margin-top: 0.25rem;
  padding: 1.45rem 1.35rem 1.3rem;
  text-align: center;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--gold) 42%, #2f2c28);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--gold) 8%, transparent) 0%, transparent 48%),
    linear-gradient(180deg, #16181c 0%, #0c0c0e 52%, #060607 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, #000 50%, transparent) inset,
    0 1px 0 color-mix(in srgb, var(--gold) 14%, transparent) inset,
    0 32px 72px -18px rgba(0, 0, 0, 0.78),
    0 0 120px -38px color-mix(in srgb, var(--gold) 12%, transparent);
  overflow: hidden;
}
@media (min-width: 68rem) {
  .hero--split .hero-lead__pitch {
    margin-top: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
}
.hero--split .hero-lead__pitch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--gold) 80%, #c9a44c) 20%,
    var(--gold2) 50%,
    color-mix(in srgb, var(--gold) 60%, #5c4a20) 80%,
    transparent
  );
  pointer-events: none;
  animation: hero-pitch-bar 4.2s ease-in-out infinite;
  box-shadow: 0 0 24px color-mix(in srgb, var(--gold) 35%, transparent);
}
.hero--split .hero-lead__pitch::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 55% at 50% 0%, color-mix(in srgb, var(--gold) 7%, transparent), transparent 58%);
  pointer-events: none;
  z-index: 0;
}
.hero--split .hero-lead__pitch > * {
  position: relative;
  z-index: 1;
}
.hero--split .hero-lead__pitch-h {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-size: clamp(1.7rem, 2.7vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
  background: linear-gradient(125deg, #fffef6 0%, var(--gold2) 42%, #b8892a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 20px color-mix(in srgb, var(--gold) 20%, transparent));
}
.hero--split .hero-lead__pitch-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem 0;
  width: 100%;
}
@media (min-width: 68rem) {
  .hero--split .hero-lead__pitch .hero-lead__pitch-list {
    flex: 1;
    justify-content: flex-start;
  }
}
.hero--split .hero-lead__pitch-list li {
  position: relative;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.55rem;
  padding: 0.65rem 0.4rem 0.65rem 0.5rem;
  font-family: var(--font);
  font-size: clamp(1.08rem, 1.35vw, 1.22rem);
  line-height: 1.52;
  font-variant-numeric: tabular-nums;
  text-align: left;
  color: color-mix(in srgb, #e8e2d8 96%, #888);
  font-weight: 500;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 7%, #222);
  box-sizing: border-box;
}
.hero--split .hero-lead__pitch-li-text {
  flex: 1;
  min-width: 0;
  text-align: justify;
  hyphens: auto;
}
.hero--split .hero-lead__pitch-list li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0.25rem;
}
.hero--split .hero-lead__pitch-list li::before {
  content: "◆";
  position: static;
  flex: 0 0 auto;
  margin-top: 0.48em;
  left: auto;
  top: auto;
  font-size: 0.62rem;
  line-height: 1;
  color: var(--gold2);
  opacity: 0.9;
  text-shadow: 0 0 12px color-mix(in srgb, var(--gold) 40%, transparent);
}
.hero--split .hero-lead__pitch-list li strong {
  font-family: inherit;
  font-weight: 700;
  color: #fff5e8;
}
@keyframes hero-pitch-bar {
  0%,
  100% {
    opacity: 0.75;
    filter: brightness(0.95);
  }
  50% {
    opacity: 1;
    filter: brightness(1.15);
  }
}
@keyframes hero-cta-halo {
  0% {
    opacity: 0.28;
    transform: scale(0.992);
  }
  100% {
    opacity: 0.62;
    transform: scale(1.018);
  }
}
.hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.button--xl {
  padding: 0.7rem 1.6rem;
  font-size: 0.95rem;
  border-radius: 999px;
  font-weight: 500;
}
/* Startseite: ein dominanter CTA */
.hero--split .hero-cta {
  justify-content: stretch;
  align-items: stretch;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.65rem;
  margin-bottom: 0;
  padding-bottom: 0.15rem;
  width: 100%;
  max-width: min(36rem, 100%);
}
/* Volle Inhaltsbreite unter der Zwei-Spalten-Zeile (Start) */
.hero--split .hero-main--pro > .hero-cta--full {
  max-width: 100% !important;
  width: 100%;
  margin-top: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
@media (min-width: 68rem) {
  .hero--split .hero-main--pro > .hero-cta--full {
    margin-top: 1.75rem;
  }
}
/* Zwischen CTA und Story: Hinweiszeile mit Marke (Oilking Group) */
.hero--split .home-post-cta-h {
  margin: clamp(2.25rem, 5vw, 3.75rem) auto 0;
  max-width: min(44rem, 100%);
  padding: clamp(0.5rem, 1.2vw, 0.75rem) 0.4rem 0;
  box-sizing: border-box;
  font-family: var(--serif);
  font-size: clamp(2.05rem, 4.2vw + 0.35rem, 2.9rem);
  font-weight: 600;
  line-height: 1.22;
  text-align: center;
  text-wrap: balance;
  color: var(--gold2);
  letter-spacing: 0.02em;
  text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 12%, transparent);
  will-change: opacity, filter, text-shadow;
  animation: hero-side-tag-glow 2.1s ease-in-out infinite;
}
@media (min-width: 40rem) {
  .hero--split .home-post-cta-h {
    font-size: clamp(2.25rem, 3.2vw + 0.55rem, 3.2rem);
    margin-top: clamp(2.75rem, 5.5vw, 4rem);
    padding-top: clamp(0.5rem, 1.2vw, 0.85rem);
  }
}
.hero--split .home-post-cta-h .brand-oilking {
  vertical-align: -0.14em;
}
/* Optional: zweite Zeile Oilking · Logo · Group (DE lockup); vertikal zentriert zum Logo */
.hero--split .home-post-cta-h__lockup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.12em 0.2em;
  line-height: 1;
  /* Inline-Flex baseline sitzt oft tief → Zeile wirkt unter dem optischen Mittelpunkt */
  vertical-align: middle;
}
.hero--split .home-post-cta-h__w {
  letter-spacing: inherit;
  line-height: 1;
  display: inline-block;
}
.hero--split .home-post-cta-h__mark {
  /* Eine »Cap«-Zeile: Logo-Höhe an Versalhöhe; Flex zentriert Text + Bild vertikal */
  height: 0.92em;
  height: 1cap;
  width: auto;
  max-height: 1.1em;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
  align-self: center;
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 20%, transparent));
}
.hero--split .hero-cta--single {
  max-width: min(32rem, 100%);
}
.hero-cta--beacon {
  position: relative;
  z-index: 3;
  padding: 5px 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.hero-cta--beacon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: radial-gradient(
    ellipse 90% 85% at 50% 40%,
    color-mix(in srgb, var(--gold) 22%, transparent),
    transparent 65%
  );
  z-index: 0;
  pointer-events: none;
  animation: hero-cta-halo 2.6s ease-in-out infinite alternate;
  opacity: 0.5;
}
@media (min-width: 40rem) {
  .hero-cta--beacon::before {
    border-radius: 18px;
  }
}
.hero-cta--beacon .button--hero {
  position: relative;
  z-index: 1;
  width: 100%;
}
.hero--split .hero-cta .button--xl:not(.button--hero) {
  min-height: 2.75rem;
  padding: 0.62rem 1.5rem;
  font-size: clamp(0.86rem, 0.9vw, 0.92rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.hero--split .hero-cta .button--hero {
  min-height: clamp(3.6rem, 7vw, 4.85rem);
  width: 100%;
  padding: 1.1rem 1.85rem 1.15rem;
  font-size: clamp(1.15rem, 1.55vw + 0.3rem, 1.5rem) !important;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: none;
  border-radius: 16px;
  border-width: 1px;
  background: linear-gradient(168deg, #5c4a22 0%, #2a2110 18%, #120f08 45%, #0a0804 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 32%, #333) inset,
    0 5px 0 color-mix(in srgb, #000 50%, transparent),
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent),
    0 22px 56px -6px color-mix(in srgb, var(--gold) 15%, transparent),
    0 40px 72px -14px rgba(0, 0, 0, 0.65);
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease, filter 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 1px 0 color-mix(in srgb, #000 45%, transparent);
}
@keyframes hero-btn-invest-pulse {
  0%,
  100% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--gold) 32%, #333) inset,
      0 5px 0 color-mix(in srgb, #000 50%, transparent),
      0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent),
      0 22px 56px -6px color-mix(in srgb, var(--gold) 18%, transparent),
      0 40px 72px -14px rgba(0, 0, 0, 0.65);
    filter: brightness(1);
  }
  50% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--gold) 48%, #3a3220) inset,
      0 5px 0 color-mix(in srgb, #000 50%, transparent),
      0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent),
      0 18px 52px -4px color-mix(in srgb, var(--gold) 52%, transparent),
      0 0 56px -2px color-mix(in srgb, var(--gold2) 42%, transparent),
      0 40px 72px -14px rgba(0, 0, 0, 0.62);
    filter: brightness(1.09);
  }
}
.hero--split .hero-cta .button--hero.cta-live {
  animation: hero-btn-invest-pulse 2.5s ease-in-out infinite;
  position: relative;
  z-index: 2;
}
.hero--split .hero-cta .button--hero:hover {
  transform: translateY(-3px) scale(1.01);
  border-color: var(--gold2) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 30%, #444) inset,
    0 6px 0 color-mix(in srgb, #000 45%, transparent),
    0 28px 56px -6px color-mix(in srgb, var(--gold) 22%, transparent),
    0 0 64px -8px color-mix(in srgb, var(--gold) 15%, transparent);
  filter: brightness(1.05);
  text-decoration: none !important;
}
.hero--split .hero-cta .button--hero.cta-live:hover {
  animation-play-state: paused;
}
@media (max-width: 30rem) {
  .hero--split .hero-cta .button--xl:not(.button--hero) {
    flex: 1 1 auto;
    min-width: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero--split .hero-lead--rich p,
  .hero--split .hero-cta .button--xl:not(.button--hero),
  .hero--split .hero-cta .button--hero {
    transition: none;
  }
  .hero--split .hero-lead--rich p:hover,
  .hero--split .hero-cta .button--xl:not(.button--hero):hover,
  .hero--split .hero-cta .button--hero:hover {
    transform: none;
  }
  .hero--split .hero-lead__pitch::before,
  .hero-cta--beacon::before {
    animation: none;
  }
  .hero--split .hero-cta .button--hero.cta-live {
    animation: none;
  }
  .hero--split .hero-lead__pitch::before {
    opacity: 1;
    filter: none;
  }
  .hero-side-tag {
    animation: none;
    will-change: auto;
    opacity: 1;
    filter: none;
    text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 12%, transparent);
  }
  .hero--split .home-post-cta-h {
    animation: none;
    will-change: auto;
    opacity: 1;
    filter: none;
    text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 12%, transparent);
  }
}
.button.primary {
  background: linear-gradient(145deg, #3d3520 0%, #1f1a0e 30%, #0f0d08 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 55%, #333);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), 0 0 32px color-mix(in srgb, var(--gold) 8%, transparent);
  color: #fff8e7 !important;
  text-decoration: none;
}
.button.primary:hover {
  text-decoration: none;
  border-color: var(--gold2);
  box-shadow: 0 6px 32px color-mix(in srgb, var(--gold) 15%, transparent);
}
.hero-metrics {
  list-style: none;
  margin: 0;
  padding: 1.25rem 0.75rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  max-width: none;
  width: 100%;
  margin-inline: auto;
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  border-radius: var(--r);
  background: linear-gradient(180deg, color-mix(in srgb, var(--red) 20%, #0a0a0a), #0a0a0a);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--gold) 8%, transparent);
}
@media (min-width: 48rem) {
  .hero-metrics {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem;
  }
}
.hero-metrics li {
  padding: 0.75rem 0.5rem;
  text-align: center;
  color: #9c9caa;
  font-size: 0.82rem;
  line-height: 1.35;
}
.m-val {
  display: block;
  font-family: var(--serif);
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-style: normal;
  font-size: clamp(1.45rem, 2.4vw, 1.75rem);
  color: var(--gold2);
  font-weight: 600;
  text-shadow: 0 0 20px color-mix(in srgb, var(--gold) 12%, transparent);
}
.m-lbl {
  font-size: 0.74rem;
  color: color-mix(in srgb, var(--gold2) 70%, #7a6a50);
  font-weight: 500;
  letter-spacing: 0.04em;
}
.hero-side .m-val {
  font-size: clamp(2.05rem, 2.6vw + 0.75rem, 2.95rem);
  font-weight: 700;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.02em;
  text-align: center;
  text-shadow:
    0 0 32px color-mix(in srgb, var(--gold) 22%, transparent),
    0 0 1px color-mix(in srgb, #fff 8%, transparent);
}
.hero-side .m-lbl {
  font-size: clamp(0.88rem, 0.85vw + 0.45rem, 1.05rem);
  color: color-mix(in srgb, var(--gold2) 72%, #8a7a64);
  line-height: 1.4;
  display: block;
  margin-top: 0.4rem;
  letter-spacing: 0.02em;
  max-width: 100%;
  font-weight: 500;
  text-align: center;
  text-wrap: balance;
}
@media (max-width: 57.99rem) {
  .hero-side:not(.hero-side--top) .hero-metrics {
    flex: 0 1 auto;
    justify-content: flex-start;
    gap: 0.45rem;
  }
  .hero-side:not(.hero-side--top) .hero-metrics li {
    flex: 0 1 auto;
  }
}

.section {
  margin-bottom: 2.5rem;
  padding: 0 0 0.5rem;
}
.section--glow {
  padding: 2.35rem 1.5rem;
  margin: 0 0 2.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
  background: color-mix(in srgb, #141418 60%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 4%, transparent) inset, 0 24px 48px rgba(0, 0, 0, 0.32);
}
.section-eyebrow {
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--gold2);
  margin: 0 0 0.5rem;
  font-weight: 600;
}
.section-title {
  font-family: var(--serif);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 600;
  margin: 0 0 1.35rem;
  line-height: 1.22;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
  letter-spacing: 0.02em;
}
.grid-3 {
  display: grid;
  gap: 1.15rem 1.25rem;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 50rem) {
  .grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.card-lux {
  padding: 1.35rem 1.2rem 1.5rem;
  border-radius: var(--r);
  border: 1px solid color-mix(in srgb, var(--gold) 12%, #2a2a2e);
  background: linear-gradient(165deg, #151518 0%, #0d0d0f 100%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 color-mix(in srgb, #fff 4%, transparent);
}
.card-lux h2,
.card-lux h3 {
  font-family: var(--serif);
  font-size: 1.18rem;
  color: var(--gold2);
  margin: 0 0 0.5rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.card-lux p {
  color: #a8a8b3;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}
/* Kartenüberschrift ohne Icon (z. B. Seite Leistungen); .card-lux__row optional für Icon+Titel */
.card-lux__row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  margin: 0 0 0.65rem;
}
.card-lux__row .card-icon {
  display: block;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1;
  flex-shrink: 0;
}
.card-lux__row .h-like-h3 {
  margin: 0;
  flex: 1;
  min-width: 0;
  line-height: 1.28;
}
.card-lux__row + p {
  margin-top: 0;
}
.page-doc .card-lux--page {
  padding: 1.5rem 1.35rem 1.65rem;
}
.page-doc .card-lux--page .h-like-h3 {
  font-size: clamp(1.32rem, 0.85vw + 1.06rem, 1.46rem);
  letter-spacing: 0.02em;
}
.page-doc .card-lux--page p {
  font-size: 1.1rem;
  line-height: 1.72;
  color: #b0aca4;
}
.card-icon {
  display: block;
  color: var(--gold);
  font-size: 0.65rem;
  margin-bottom: 0.4rem;
  letter-spacing: 0.1em;
}
.card-lux--accent {
  text-align: center;
}
.card-lux--accent h2,
.card-lux--accent h3 {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
}
.card-lux--accent .pct {
  font-family: var(--serif);
  font-size: 2rem;
  color: #fef3c7;
  margin: 0.5rem 0 0.25rem;
  font-weight: 600;
}
.page-doc--ablauf .ablauf-footlinks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem 0.75rem;
  max-width: min(100%, 40rem);
  margin: 2.25rem auto 0;
  padding: 0 0.25rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--muted);
}
.page-doc--ablauf .ablauf-footlinks__sep {
  color: color-mix(in srgb, var(--muted) 80%, #6a6a72);
  user-select: none;
}
.page-doc--ablauf .ablauf-footlinks__a {
  color: var(--gold2);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: inherit;
  font-weight: 400;
}
.page-doc--ablauf .ablauf-footlinks__a:hover {
  color: #fff0d0;
}
.page-doc--preise p.page-doc--preise__hint {
  text-align: center;
  max-width: 32rem;
  margin: 0.5rem auto 0.9rem;
  line-height: 1.6;
}
.page-doc--preise__hint a {
  color: var(--gold2);
  text-underline-offset: 3px;
}
.page-doc--preise__hint a:hover {
  color: #fff0d0;
}
.table-premium {
  border-radius: var(--r);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gold) 15%, #333);
  background: #0b0b0c;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 3%, transparent);
}
.table-premium .prices th {
  background: linear-gradient(180deg, #1a1216, #120c0e);
  color: #d4b87a;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 25%, #222);
  padding: 0.75rem 0.5rem;
}
.table-premium .prices td {
  padding: 0.7rem 0.5rem;
  color: #d4d4de;
  border-color: #222228;
}
.table-premium--preise {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 8px 32px rgba(0, 0, 0, 0.38);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.page-doc--preise .table-premium--preise:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent) inset,
    0 14px 44px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.55));
}
.table-premium--preise .prices {
  font-family: var(--font);
}
.table-premium--preise .prices th {
  background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 10%, #1a1210), #0c0908);
  color: #e2c48a;
  font-family: var(--font);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.88rem 0.65rem;
}
.table-premium--preise .prices td {
  font-family: var(--font);
  font-size: 1.2rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #e8dcc8;
  padding: 0.95rem 0.65rem;
  border-color: color-mix(in srgb, var(--gold) 12%, #222);
}
.table-premium--preise .prices td:nth-child(1) {
  font-size: 1.28rem;
  font-weight: 700;
  color: #f2e4c8;
  text-align: left;
}
.table-premium--preise .prices td:nth-child(2),
.table-premium--preise .prices td:nth-child(3) {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff0d0;
  letter-spacing: 0.01em;
  text-align: center;
}
.table-premium--preise .prices th:nth-child(2),
.table-premium--preise .prices th:nth-child(3) {
  text-align: center;
}
.table-premium--preise .prices th:nth-child(1) {
  text-align: left;
}
.block--inline {
  margin-top: 1rem;
  border-left: 3px solid var(--red-glow);
  padding: 0.5rem 0 0.5rem 1rem;
}
.h-inline {
  font-family: var(--serif);
  color: #f0e6d0;
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
}

.hero {
  padding: 1rem 0 2.5rem;
}
.hero h1 {
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  line-height: 1.16;
  font-weight: 600;
  font-family: var(--serif);
  margin: 0 0 0.5rem;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  letter-spacing: 0.02em;
}
.lead {
  color: #b0aca4;
  font-size: clamp(1.02rem, 1.4vw, 1.1rem);
  max-width: 46rem;
  line-height: 1.65;
}
.section h2:not(.section-title),
.section h3 {
  font-family: var(--serif);
  color: var(--gold2);
  margin-top: 0;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.block {
  background: color-mix(in srgb, var(--card) 80%, #000);
  border: 1px solid #27272a;
  border-radius: var(--r);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
}
.muted {
  color: var(--muted);
  font-size: 0.95rem;
}
.flow {
  padding-left: 1.1rem;
  color: #d4d4d8;
  line-height: 1.7;
}

.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
table.prices {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
table.prices th,
table.prices td {
  border-bottom: 1px solid #27272a;
  padding: 0.5rem 0.4rem;
  text-align: left;
}

.button {
  display: inline-block;
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  text-decoration: none;
  font-size: 0.95rem;
  cursor: pointer;
  border: 1px solid #3a3a42;
  background: #121214;
  color: #e8e8ee;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.button.ghost {
  background: transparent;
  color: #c4c4ce;
  border-color: color-mix(in srgb, var(--gold) 25%, #444);
}
.button.ghost:hover {
  text-decoration: none;
  color: #fff;
  border-color: color-mix(in srgb, var(--gold) 45%, #555);
  box-shadow: 0 0 20px color-mix(in srgb, var(--gold) 6%, transparent);
}

@keyframes cta-attention-soft {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
    filter: brightness(1);
    transform: translateY(0);
  }
  45% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--gold) 42%, transparent),
      0 0 26px color-mix(in srgb, var(--gold) 38%, transparent);
    filter: brightness(1.04);
    transform: translateY(-1px);
  }
}

.button.primary.cta-live {
  animation: cta-attention-soft 3s ease-in-out infinite;
  will-change: transform, filter, box-shadow;
}

@media (prefers-reduced-motion: reduce) {
  .button.primary.cta-live {
    animation: none;
  }
}


.konto-head {
  margin: 0 auto 1.5rem;
  width: 100%;
}
.auth-wrap {
  max-width: 32rem;
  margin: 0 auto 1.5rem;
}
.stack {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.stack label,
.inline-form label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  color: #a1a1aa;
  font-size: 0.9rem;
}
.stack input,
.inline-form input {
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 15%, #3f3f46);
  color: #fafafa;
  border-radius: 8px;
  padding: 0.5rem 0.55rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.stack input:focus,
.inline-form input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--gold) 50%, #555);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 15%, transparent);
}
.page-auth .stack label,
.page-auth .inline-form label {
  color: color-mix(in srgb, var(--gold) 18%, #a1a1aa);
  font-size: 0.88rem;
  letter-spacing: 0.04em;
}
input.mono,
.mono {
  font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
  letter-spacing: 0.05em;
}
.err {
  color: #f87171;
  font-size: 0.9rem;
}
.ok {
  color: #86efac;
  font-size: 0.9rem;
}

.grid-2 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 48rem) {
  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}

.box {
  background: #121214;
  border: 1px solid #27272a;
  border-radius: var(--r);
  padding: 1rem 1.25rem;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 6%, transparent) inset;
}
.box h2,
.box h3 {
  font-family: var(--serif);
  margin: 0 0 0.5rem;
  color: var(--gold2);
  font-size: 1.12rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.huge {
  font-size: 1.4rem;
  color: #fafafa;
  margin: 0.25rem 0;
}
.ref {
  font-size: 0.8rem;
  word-break: break-all;
}
.inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: flex-end;
}
.list-box ul {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.85rem;
  color: #d4d4d8;
  max-height: 12rem;
  overflow-y: auto;
}
.list-box li {
  margin: 0.2rem 0;
}

.box-info {
  font-size: 0.8rem;
  color: #a1a1aa;
  background: #0a0a0a;
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  border: 1px solid #3f3f46;
}

code {
  font-size: 0.85em;
  color: #fde68a;
}

.anonym-lead {
  margin-top: 0.75rem;
  border-left: 3px solid var(--gold);
  padding-left: 0.75rem;
  color: #d4d4d8;
}
.small-print {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #a1a1aa;
  margin: 0.25rem 0 0.5rem;
}
.acc-head {
  color: #fef3c7;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.container .konto-head h1 {
  font-size: 1.3rem;
  font-family: var(--serif);
}

#unternehmen p,
#privat p,
#ablauf .text-center {
  line-height: 1.75;
  color: #9e9eaa;
}
#unternehmen p strong,
#privat p strong {
  color: #d8d8e4;
}
.auth-wrap h1,
.konto-head h1 {
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0.04em;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.65rem, 2.8vw, 2.05rem);
  margin: 0 0 0.5rem;
}
.page-auth .auth-wrap .muted,
.page-auth .auth-wrap .small-print {
  color: #9a958c;
}
.page-auth .auth-wrap .small-print {
  font-size: clamp(0.92rem, 0.12vw + 0.86rem, 1.02rem);
  line-height: 1.55;
}
.page-auth .auth-wrap p.lead {
  font-size: 0.98rem;
  line-height: 1.6;
  color: #b0aca4;
}
.box {
  border-color: color-mix(in srgb, var(--gold) 8%, #2a2a2e) !important;
  background: linear-gradient(165deg, #131316, #0c0c0e) !important;
}
.page-konto--pro .konto-app {
  max-width: none;
  margin: 0 auto;
  width: 100%;
}
.konto-summary.grid-2 {
  width: 100%;
  gap: 1.1rem 1.25rem;
  align-items: stretch;
}
.konto-summary.grid-2 > .konto-stat {
  min-height: 100%;
  height: 100%;
}
@media (min-width: 40rem) {
  .konto-summary.grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.konto-bonus-cd {
  margin: 0.35rem 0 0.85rem;
  padding: 1.1rem 1.2rem 1.15rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 30%, #2c2618);
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 7%, #121214), #0a0a0b);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset,
    0 10px 28px color-mix(in srgb, #000 40%, transparent);
  box-sizing: border-box;
}
.konto-bonus-cd__h {
  font-family: var(--serif);
  font-size: clamp(1rem, 1.1vw + 0.4rem, 1.2rem);
  color: var(--gold2);
  margin: 0 0 0.75rem;
  padding-bottom: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.35;
  max-width: none;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
}
.konto-bonus-cd__body {
  margin: 0;
  padding: 0.1rem 0 0;
}
.konto-bonus-cd__in-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 0.55rem;
  margin: 0.15rem 0 0.5rem;
}
.konto-bonus-cd__num.konto-bonus-cd__val--days,
.konto-bonus-cd__val--days {
  margin: 0;
  line-height: 1;
  font-size: clamp(1.75rem, 2.8vw, 2.35rem);
  font-weight: 700;
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  color: #fef3c7;
  letter-spacing: 0.02em;
  text-shadow: 0 0 22px color-mix(in srgb, var(--gold) 20%, transparent);
}
.konto-bonus-cd__unit {
  font-size: clamp(1.1rem, 1.3vw + 0.4rem, 1.4rem);
  font-weight: 600;
  font-family: var(--font);
  color: color-mix(in srgb, var(--gold2) 90%, #f5eedd);
  letter-spacing: 0.04em;
}
.konto-bonus-cd__subl {
  margin: 0.2rem 0 0;
  font-size: clamp(0.76rem, 0.45vw + 0.4rem, 0.9rem);
  line-height: 1.45;
  color: #b0a898;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  padding-bottom: 0.1rem;
}
.page-konto .grid-2 {
  width: 100%;
}
.konto-summary .box--stat__foot {
  font-size: 0.8rem;
  line-height: 1.45;
  margin: 0.5rem 0 0;
  color: #9a9aa4;
}
.box--stat .huge {
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
}
.box--stat__slash {
  opacity: 0.45;
  font-weight: 300;
}
.konto-fee-hint {
  max-width: none;
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #9a948c;
  line-height: 1.5;
}
.box--purchase {
  max-width: none;
}
.barrel-purchase-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: flex-end;
  margin-top: 0.35rem;
}
.barrel-purchase-form .bpl {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  color: #a1a1aa;
  font-size: 0.9rem;
}
.barrel-purchase-form input[type="number"] {
  min-width: 6rem;
  background: #0a0a0a;
  border: 1px solid #3f3f46;
  color: #fafafa;
  border-radius: 6px;
  padding: 0.45rem 0.5rem;
}
.barrel-purchase-form select {
  min-width: 10rem;
  max-width: 100%;
  background: #0a0a0a;
  border: 1px solid #3f3f46;
  color: #fafafa;
  border-radius: 6px;
  padding: 0.45rem 0.5rem;
  font-size: 0.9rem;
}
/* Fass-Ticket: Laufzeit-Kacheln + Bento */
.konto-surface--barrel-bento {
  background: linear-gradient(165deg, #131315, #0b0b0d);
  border-color: color-mix(in srgb, var(--gold) 10%, #2a2a2e);
  padding: 1.1rem 1.15rem 1.2rem;
}
.barrel-bento__title {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
}
.barrel-bento__lead {
  margin: 0 0 1rem !important;
  max-width: 44rem;
}
.barrel-bento__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tenor-tiles-wrap {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.tenor-tiles-legend {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #8a8a96;
  margin: 0 0 0.5rem;
  padding: 0;
}
.tenor-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: 0.5rem;
  margin: 0;
}
.tenor-tile {
  position: relative;
  display: block;
  cursor: pointer;
  margin: 0;
}
.tenor-tile__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.tenor-tile__face {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0.45rem 0.4rem;
  text-align: center;
  background: #0c0c0e;
  border: 1px solid #2c2c32;
  border-radius: 9px;
  color: #c4c0b8;
  font-size: 0.8rem;
  line-height: 1.2;
  transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
}
.tenor-tile:hover .tenor-tile__face {
  border-color: color-mix(in srgb, var(--gold) 30%, #444);
  color: #e8e4dc;
}
.tenor-tile__input:focus-visible + .tenor-tile__face {
  outline: 2px solid color-mix(in srgb, var(--gold) 60%, #666);
  outline-offset: 2px;
}
.tenor-tile:has(.tenor-tile__input:checked) .tenor-tile__face {
  border-color: color-mix(in srgb, var(--gold) 55%, #4a4a2a);
  background: color-mix(in srgb, var(--gold) 6%, #0a0a0b);
  color: #f2ecd8;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 20%, transparent) inset;
}
.barrel-bento__row2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: flex-end;
  padding-top: 0.1rem;
  border-top: 1px solid #232328;
  margin: 0;
}
.barrel-bento__qty {
  flex: 1 1 8rem;
}
.barrel-bento__ql {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8a8a96;
}
.barrel-bento__qtyin {
  min-width: 5rem;
  max-width: 8rem;
  background: #0a0a0a;
  border: 1px solid #3f3f46;
  color: #fafafa;
  border-radius: 6px;
  padding: 0.5rem 0.5rem;
}
.barrel-bento__submit {
  flex: 0 0 auto;
}
.barrel-bento__btn {
  min-width: 7.5rem;
}
.overview-barrel-shop-h {
  margin: 1.4rem 0 0.4rem;
  font-size: clamp(1.5rem, 2.6vw, 1.95rem);
  font-weight: 600;
  font-family: var(--serif);
  letter-spacing: 0.04em;
  line-height: 1.2;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 8%, transparent);
}
.overview-barrel-shop-lead {
  margin: 0 0 1.15rem;
  max-width: none;
  width: 100%;
  font-family: var(--font);
  font-size: clamp(0.92rem, 0.45vw + 0.5rem, 1.04rem);
  line-height: 1.6;
  font-weight: 400;
  color: #c8c4bc;
  letter-spacing: 0.01em;
}
.konto-panel__head .overview-barrel-shop-h {
  margin: 0 0 0.45rem;
}
.konto-panel__head .overview-barrel-shop-lead {
  margin: 0 0 0.5rem;
}
/* Wie „So können Sie investieren“ (overview-barrel-shop-h), eine Stufe kleiner */
.konto-gold-section-h {
  font-family: var(--serif);
  font-size: clamp(1.22rem, 2vw, 1.52rem);
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.konto-panel__title.konto-gold-section-h {
  font-size: clamp(1.22rem, 2vw, 1.52rem);
  color: var(--gold);
  line-height: 1.2;
}
/* Barrel shop (Preise, Laufzeiten, Warenkorb) */
.barrel-shop {
  width: 100%;
  max-width: var(--content-max);
  min-width: 0;
  box-sizing: border-box;
}
.barrel-shop--compact {
  max-width: none;
  width: 100%;
  min-width: 0;
  align-self: stretch;
  box-sizing: border-box;
}
.barrel-shop--compact .barrel-shop__form {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.barrel-shop--compact .barrel-shop__tenor-fieldset {
  width: 100%;
  min-width: 0;
}
.barrel-shop--compact .barrel-tenor-shop--split {
  width: 100%;
}
.barrel-shop--compact .barrel-shop__grid-head {
  margin-top: 0.25rem;
}
.barrel-shop__tagline {
  margin: 0 0 0.9rem;
  line-height: 1.5;
  font-size: 0.86rem;
  max-width: none;
  width: 100%;
}
.barrel-shop__tier-wrap {
  margin: 0 0 1.1rem;
}
/* Preisstaffeln: feste Kachel (wie Warenkorb-Gold-Optik) */
.barrel-shop__tier-tile {
  margin: 0 0 1.15rem;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 34%, #2a2416);
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  align-self: stretch;
}
.barrel-shop__tier-tile .barrel-shop__tier-h.konto-gold-section-h {
  margin: 0;
  padding: 1.05rem 1.1rem 0.6rem;
  font-size: clamp(1.22rem, 2vw, 1.52rem);
  color: var(--gold);
  letter-spacing: 0.04em;
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  background: color-mix(in srgb, var(--gold) 3.5%, transparent);
}
.barrel-shop__tier-tile .barrel-tier-table-wrap {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.barrel-shop__tier-tile .barrel-tier-table {
  font-size: 0.94rem;
}
.barrel-shop__tier-tile .barrel-tier-table th {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  padding: 0.65rem 0.9rem 0.6rem;
  color: color-mix(in srgb, var(--gold2) 55%, #8a8a96);
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 12%, #2c2c32);
  background: color-mix(in srgb, #000 25%, transparent);
}
.barrel-shop__tier-tile .barrel-tier-table td {
  padding: 0.58rem 0.9rem;
  color: #e8e4dc;
  font-size: 0.95rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 6%, #1a1a1e);
}
.barrel-shop__tier-tile .barrel-tier-table .mono {
  font-variant-numeric: tabular-nums;
}
.barrel-shop__tier-tile .barrel-tier-table tbody tr:hover td {
  background: color-mix(in srgb, var(--gold) 4%, transparent);
}
.barrel-shop__tier-h,
.barrel-shop__cart-h {
  font-size: 0.95rem;
  font-weight: 600;
  color: #e2dcd0;
  margin: 0 0 0.45rem;
  font-family: var(--serif);
}
.barrel-shop__grid-sub {
  margin: 0 0 0.6rem;
  max-width: min(70rem, 100%);
}
.barrel-shop__grid-sub--2 {
  margin: -0.2rem 0 0.75rem;
  max-width: min(70rem, 100%);
  line-height: 1.45;
}
.barrel-tier-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #2a2a2e;
  border-radius: 10px;
  background: #0a0a0b;
}
.barrel-tier-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.84rem;
}
.barrel-tier-table th {
  text-align: left;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a8a96;
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid #2c2c32;
}
.barrel-tier-table td {
  padding: 0.45rem 0.65rem;
  border-bottom: 1px solid #1a1a1e;
}
.barrel-tier-table tbody tr:last-child td {
  border-bottom: none;
}
.barrel-shop__tenor-fieldset {
  border: 0;
  margin: 0 0 1.1rem;
  padding: 0;
  min-width: 0;
}
.barrel-shop__tenor-legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.barrel-tenor-shop:not(.barrel-tenor-shop--split) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 32rem) {
  .barrel-tenor-shop:not(.barrel-tenor-shop--split) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 48rem) {
  .barrel-tenor-shop:not(.barrel-tenor-shop--split) {
    grid-template-columns: repeat(6, 1fr);
  }
}
.barrel-tenor-shop--split {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.barrel-tenor-shop--split .barrel-tenor-shop__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  min-width: 0;
  align-items: stretch;
}
@media (min-width: 30rem) {
  .barrel-tenor-shop--split .barrel-tenor-shop__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.barrel-shop__grid-head--tenor {
  margin: 0 0 0.5rem;
}
.barrel-shop__grid-head--tenor .barrel-shop__grid-h {
  margin: 0 0 0.15rem;
}
.barrel-shop__explain-details {
  margin: 0.5rem 0 1rem;
  width: 100%;
  align-self: stretch;
  min-width: 0;
  box-sizing: border-box;
}
.barrel-shop__explain-details-sum {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
  padding: 0.45rem 0.2rem 0.55rem 0.1rem;
  font-size: clamp(0.78rem, 0.5vw + 0.38rem, 0.88rem);
  font-weight: 500;
  line-height: 1.35;
  color: color-mix(in srgb, var(--gold2) 80%, #c4b8a8);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 10%, #2a2a2e);
  transition: color 0.12s, border-color 0.12s;
}
.barrel-shop__explain-details-sum:hover {
  color: #f0e8d4;
  border-color: color-mix(in srgb, var(--gold) 20%, #3a3a3e);
}
.barrel-shop__explain-details-sum::-webkit-details-marker {
  display: none;
}
.barrel-shop__explain-details-sum::after {
  content: "▾";
  font-size: 0.6rem;
  opacity: 0.65;
  line-height: 1;
  transition: transform 0.16s;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
details[open] > .barrel-shop__explain-details-sum {
  border-bottom-color: color-mix(in srgb, var(--gold) 6%, #2a2a2e);
  margin-bottom: 0.35rem;
}
details[open] > .barrel-shop__explain-details-sum::after {
  transform: rotate(-180deg);
}
.barrel-shop__explain-details-body.barrel-shop__guide {
  margin: 0.15rem 0 0;
}
.barrel-shop__guide {
  margin: 0.5rem 0 1rem;
  padding: 0.9rem 1rem 1rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--gold) 10%, #2a2a2e);
  background: linear-gradient(165deg, #0f0f12, #080809);
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}
.barrel-shop__guide .barrel-shop__grid-sub {
  margin: 0 0 0.5rem;
  font-size: 0.88rem;
  line-height: 1.5;
  color: #b0aca4;
  max-width: none;
}
.barrel-shop__guide .barrel-shop__grid-sub--2 {
  margin: 0 0 0.65rem;
  max-width: none;
}
.barrel-shop__tagline--in-guide {
  margin: 0.35rem 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
  max-width: none;
}
.barrel-shop__tagline--in-explain {
  margin: 0.4rem 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
  max-width: none;
}
.barrel-shop--compact .barrel-shop__tagline--in-guide {
  max-width: none;
  width: 100%;
}
.barrel-shop__tagline--lead {
  margin: 0 0 0.9rem;
}
.barrel-shop--compact .barrel-tenor-card__body {
  min-height: 8.4rem;
  padding: 0.85rem 0.5rem 0.75rem;
  gap: 0.5rem;
}
.barrel-shop--compact .barrel-tenor-card__name {
  font-size: 1.05rem;
}
.barrel-shop--compact .barrel-tenor-card__yield-tot-v {
  font-size: clamp(1.28rem, 1.9vw + 0.7rem, 1.82rem);
}
.barrel-shop--compact .barrel-tenor-card__yield-l {
  font-size: 0.72rem;
}
.barrel-shop--compact .barrel-shop__cart {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.barrel-shop--compact .barrel-tier-table-wrap {
  width: 100%;
}
.barrel-shop--compact .barrel-shop__tier-tile {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.barrel-tenor-card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100%;
  cursor: pointer;
  align-self: stretch;
}
.barrel-tenor-shop--split .barrel-tenor-shop__row > .barrel-tenor-card {
  min-height: 100%;
}
.barrel-tenor-card__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.barrel-tenor-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  gap: 0.45rem;
  min-height: 8.4rem;
  box-sizing: border-box;
  padding: 0.8rem 0.5rem 0.75rem;
  text-align: center;
  background: linear-gradient(165deg, #121214, #0c0c0d);
  border: 1px solid #2f2f36;
  border-radius: 10px;
  color: #c9c2b4;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.barrel-tenor-card__name {
  display: block;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  font-weight: 600;
  line-height: 1.25;
  color: #e8e2d6;
  flex: 0 0 auto;
}
.barrel-tenor-card__yield {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-height: 0;
  margin-top: 0;
  padding: 0.55rem 0.35rem 0.45rem;
  border-top: 1px solid #25252c;
  line-height: 1.3;
  color: #9a93a4;
  text-align: center;
}
.barrel-tenor-card__yield-tot {
  display: block;
  width: 100%;
  text-align: center;
}
.barrel-tenor-card__yield-l {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(0.68rem, 0.55vw + 0.5rem, 0.8rem);
  display: block;
  margin-bottom: 0.22rem;
  color: #9ba89e;
  line-height: 1.3;
  text-align: center;
}
.barrel-tenor-card__yield-tot-v {
  font-size: clamp(1.35rem, 2.1vw + 0.75rem, 1.95rem);
  font-weight: 700;
  line-height: 1.22;
  color: #e6f8dc;
  text-shadow: 0 0 18px color-mix(in srgb, #6ecf80 26%, transparent);
  text-align: center;
  letter-spacing: 0.01em;
}
.barrel-tenor-card--long .barrel-tenor-card__yield-tot-v {
  font-size: clamp(1.38rem, 2.15vw + 0.78rem, 2rem);
  color: #f0ffea;
}
.barrel-tenor-card:hover .barrel-tenor-card__body {
  border-color: color-mix(in srgb, var(--gold) 25%, #444);
}
.barrel-tenor-card__input:focus-visible + .barrel-tenor-card__body {
  outline: 2px solid color-mix(in srgb, var(--gold) 50%, #666);
  outline-offset: 2px;
}
.barrel-tenor-card:has(.barrel-tenor-card__input:checked) .barrel-tenor-card__body {
  border-color: color-mix(in srgb, var(--gold) 45%, #3a3a2a);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent) inset;
  background: color-mix(in srgb, var(--gold) 5%, #0c0c0d);
}
.barrel-tenor-card:has(.barrel-tenor-card__input:checked) .barrel-tenor-card__name {
  color: #f4edd8;
}
.barrel-tenor-card--long .barrel-tenor-card__body {
  background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 8%, #121214), #0a0a0a);
  border-color: color-mix(in srgb, var(--gold) 20%, #3a3a40);
  min-height: 8.6rem;
}
.barrel-tenor-card--long:hover .barrel-tenor-card__body {
  border-color: color-mix(in srgb, var(--gold) 40%, #555);
}
.barrel-tenor-card--long:has(.barrel-tenor-card__input:checked) .barrel-tenor-card__body {
  background: color-mix(in srgb, var(--gold) 8%, #0c0b08);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent) inset, 0 8px 24px color-mix(in srgb, var(--gold) 6%, transparent);
}
.barrel-tenor-card__badge {
  position: absolute;
  top: 0.4rem;
  right: 0.35rem;
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #1a1508;
  background: linear-gradient(135deg, #e8c96a, #a67c2a);
  padding: 0.24rem 0.4rem;
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.1;
  max-width: 4.5rem;
  text-align: center;
}
.barrel-shop__profit-hero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0.35rem 0 0.95rem;
  padding: 1.15rem 1.1rem 1.2rem;
  text-align: left;
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  border-radius: 12px;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}
.barrel-shop__profit-hero-primary {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  margin-bottom: 0.85rem;
}
.barrel-shop__profit-usd-h {
  margin: 0 0 0.35rem;
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.2vw + 0.35rem, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.03em;
  color: color-mix(in srgb, var(--gold2) 88%, #fff);
  line-height: 1.25;
}
.barrel-shop__profit-usd--primary {
  margin: 0;
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.85rem, 3.2vw + 0.5rem, 2.65rem);
  font-weight: 700;
  color: #fef3c7;
  letter-spacing: 0.02em;
  line-height: 1.1;
  word-break: break-word;
  text-shadow: 0 0 28px color-mix(in srgb, var(--gold) 22%, transparent);
}
.barrel-shop__profit-usd-note {
  margin: 0.5rem 0 0;
  max-width: 40rem;
  font-size: clamp(0.84rem, 0.55vw + 0.45rem, 0.92rem) !important;
  line-height: 1.5;
  color: #a8a198;
}
.barrel-shop__profit-kicker {
  margin: 0 0 0.2rem;
  max-width: 38rem;
  font-size: clamp(0.8rem, 0.9vw + 0.25rem, 0.95rem);
  line-height: 1.45;
  text-transform: none;
  letter-spacing: 0.04em;
  color: #d8c8a0;
  font-weight: 600;
  font-family: var(--font);
}
.barrel-shop__profit-kicker--bridge {
  margin: 0 0 0.85rem;
  padding: 0.55rem 0.65rem 0.6rem 0.75rem;
  font-size: clamp(0.78rem, 0.45vw + 0.42rem, 0.88rem);
  font-weight: 500;
  color: #b5a990;
  background: color-mix(in srgb, var(--gold) 5%, #0c0c0e);
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 12%, #2a2a2e);
  max-width: none;
}
.barrel-shop__profit-hero-secondary {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-top: 0.15rem;
}
.barrel-shop__profit-sec-lbl {
  margin: 0.5rem 0 0.1rem;
  font-size: clamp(0.78rem, 0.6vw + 0.4rem, 0.86rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.35;
  color: #8a8478;
  font-family: var(--font);
}
.barrel-shop__profit-sec-lbl:first-child {
  margin-top: 0;
}
.barrel-shop__profit-sec-lbl--pa {
  margin-top: 0.65rem;
  color: #6d6a62;
  font-weight: 500;
  font-size: clamp(0.74rem, 0.5vw + 0.38rem, 0.82rem);
}
.barrel-shop__profit-pct-fig {
  margin: 0.1rem 0 0.15rem;
  font-size: clamp(1.05rem, 1.1vw + 0.35rem, 1.28rem);
  font-weight: 600;
  color: color-mix(in srgb, var(--gold2) 75%, #c4b8a4);
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.barrel-shop__profit-pa-fig {
  margin: 0.05rem 0 0.35rem;
  font-size: clamp(0.92rem, 0.9vw + 0.3rem, 1.05rem);
  font-weight: 500;
  color: #8a9088;
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}
.barrel-shop__profit-compare-lbl {
  margin: 0.35rem auto 0.15rem;
  max-width: 36rem;
  font-size: clamp(0.78rem, 0.75vw + 0.45rem, 0.9rem);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.03em;
  line-height: 1.35;
  color: #b0a890;
}
.barrel-shop__profit-compare-lbl--2 {
  margin-top: 0.75rem;
}
.barrel-shop__profit-compare-lbl--3 {
  margin-top: 0.65rem;
}
.barrel-shop__profit-tot-hero {
  margin: 0.1rem 0 0.45rem;
  font-size: clamp(1.6rem, 2.2vw + 0.6rem, 2.2rem);
  font-weight: 700;
  color: #f5f0e6;
  font-family: var(--serif);
  text-shadow: 0 0 20px color-mix(in srgb, var(--gold) 20%, transparent);
  line-height: 1.12;
}
.barrel-shop__profit-pa-hero {
  margin: 0.15rem 0 0.4rem;
  font-size: clamp(1.1rem, 1.2vw + 0.5rem, 1.45rem);
  font-weight: 600;
  color: #d4c4a0;
  font-family: var(--serif);
  text-shadow: 0 0 10px color-mix(in srgb, var(--gold) 10%, transparent);
  line-height: 1.2;
}
.barrel-shop__profit-dash {
  opacity: 0.45;
  font-weight: 500;
  margin: 0 0.1rem;
}
.barrel-shop__profit-pct {
  margin: 0 0 0.4rem;
  font-size: 0.95rem;
  color: #b8d4b0;
}
.barrel-shop__profit-pct-lbl {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7a8f76;
  font-weight: 500;
}
.barrel-shop__profit-tot-pct {
  margin: 0.45rem 0 0.1rem;
  text-align: left;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}
.barrel-shop__profit-hero-details {
  margin: 0.65rem 0 0;
  width: 100%;
  align-self: stretch;
}
.barrel-shop__profit-hero-details-sum {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
  padding: 0.45rem 0.2rem 0.5rem 0.1rem;
  font-size: clamp(0.78rem, 0.5vw + 0.38rem, 0.88rem);
  font-weight: 500;
  line-height: 1.35;
  color: color-mix(in srgb, var(--gold2) 80%, #c4b8a8);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 10%, #2a2a2e);
  transition: color 0.12s, border-color 0.12s;
}
.barrel-shop__profit-hero-details-sum:hover {
  color: #f0e8d4;
  border-color: color-mix(in srgb, var(--gold) 20%, #3a3a3e);
}
.barrel-shop__profit-hero-details-sum::-webkit-details-marker {
  display: none;
}
.barrel-shop__profit-hero-details-sum::after {
  content: "▾";
  font-size: 0.6rem;
  opacity: 0.65;
  line-height: 1;
  transition: transform 0.16s;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
details[open] > .barrel-shop__profit-hero-details-sum {
  border-bottom-color: color-mix(in srgb, var(--gold) 6%, #2a2a2e);
  margin-bottom: 0.4rem;
}
details[open] > .barrel-shop__profit-hero-details-sum::after {
  transform: rotate(-180deg);
}
.barrel-shop__profit-hero-details-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.2rem 0 0.15rem;
}
.barrel-shop__profit-hero-details-body .barrel-shop__profit-kicker--bridge {
  margin: 0 0 0.75rem;
}
.barrel-shop__profit-hero-details-body .barrel-shop__profit-hero-secondary {
  padding-top: 0;
  margin-bottom: 0.35rem;
}
.barrel-shop__profit-ledger-note {
  margin: 0.45rem 0 0;
  padding: 0.65rem 0.85rem 0.7rem 0.95rem;
  text-align: left;
  font-size: clamp(0.86rem, 0.7vw + 0.5rem, 0.95rem) !important;
  line-height: 1.5;
  color: #a8a198;
  border-left: 3px solid var(--gold);
  background: color-mix(in srgb, var(--gold) 4%, #0a0a0c);
  border-radius: 0 8px 8px 0;
  max-width: 38rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset;
  align-self: stretch;
}
.barrel-shop__profit-hero-details .barrel-shop__profit-ledger-note {
  margin: 0.35rem 0 0;
  max-width: none;
}
.barrel-shop__profit-hero .barrel-shop__profit-ledger-note.small {
  font-size: clamp(0.86rem, 0.7vw + 0.5rem, 0.95rem) !important;
}
.barrel-shop__profit-pa {
  margin: 0;
  font-size: 0.8rem;
  color: #c4d8c0;
  padding: 0.4rem 0.5rem;
  background: color-mix(in srgb, #2a3d28 50%, #0a0a0a);
  border-radius: 6px;
  border: 1px solid #2f4030;
}
.barrel-shop__profit-pa.is-hidden {
  display: none;
}
.barrel-shop__pa-label {
  color: #8a9e88;
  font-size: 0.72rem;
}
.is-hidden {
  display: none !important;
}
/* Warenkorb: Preiszeilen-Kachel, optisch an .barrel-shop__profit-hero angeglichen */
.konto-surface.barrel-shop__cart .barrel-shop__price-tile {
  margin: 0.15rem 0 0.95rem;
  padding: 0;
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  border-radius: 12px;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  overflow: hidden;
}
.konto-surface.barrel-shop__cart .barrel-shop__price-tile__h {
  margin: 0;
  padding: 1.05rem 1.1rem 0.5rem;
  font-family: var(--serif);
  font-size: clamp(1.22rem, 2vw, 1.52rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gold);
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  background: color-mix(in srgb, var(--gold) 3%, transparent);
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0.5rem 1.1rem 1.1rem;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem 1.25rem;
  margin: 0;
  padding: 0.65rem 0;
  font-size: 0.88rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 8%, #25252c);
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli:last-child {
  border-bottom: none;
  padding-bottom: 0.2rem;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--emph {
  padding-top: 0.75rem;
  margin-top: 0.1rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 16%, #2a2820);
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 8%, #25252c);
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile dt {
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(75%, 52rem);
  color: #9a9388;
  font-weight: 500;
  line-height: 1.4;
  font-size: clamp(0.8rem, 0.5vw + 0.45rem, 0.9rem);
  padding-right: 0.35rem;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile dd {
  flex: 0 0 auto;
  margin: 0;
  text-align: right;
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.02rem, 1vw + 0.4rem, 1.12rem);
  font-weight: 600;
  color: color-mix(in srgb, var(--gold2) 88%, #fff8e8);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-shadow: 0 0 18px color-mix(in srgb, var(--gold) 12%, transparent);
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--emph dd {
  font-size: clamp(1.12rem, 1.1vw + 0.45rem, 1.25rem);
  font-weight: 700;
  color: #fef3c7;
}
/* Investition & Bonus: höhere Lesbarkeit gegenüber erste Zeile (Preis je Fass) */
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--cart-lg {
  padding-top: 0.82rem;
  padding-bottom: 0.82rem;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--cart-lg dt {
  font-size: clamp(1.02rem, 1.15vw + 0.52rem, 1.2rem);
  color: color-mix(in srgb, #ebe4d8 90%, #6d6860);
  font-weight: 600;
  line-height: 1.38;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--cart-lg dd {
  font-size: clamp(1.28rem, 1.5vw + 0.6rem, 1.62rem);
  font-weight: 700;
  color: #fff4dd;
  line-height: 1.22;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli--cart-lg dd.is-empty {
  font-size: clamp(1rem, 1.1vw + 0.48rem, 1.12rem);
  font-weight: 600;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli.is-muted dt {
  opacity: 0.72;
}
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile dd.is-empty,
.konto-surface.barrel-shop__cart .barrel-shop__dl--price-tile .barrel-shop__dli.is-muted dd {
  color: #6d6a62;
  font-weight: 500;
  text-shadow: none;
}
/* Warenkorb-Panel: .konto-surface.barrel-shop__cart (unter .konto-surface) */
.barrel-shop__cart-row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 0.75rem;
  margin: 0.4rem 0 1.05rem;
}
.barrel-shop__cart-qty {
  min-width: 0;
}
.barrel-shop__qty {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  width: 100%;
  max-width: 15rem;
}
.barrel-shop__ql {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8a8a96;
}
.barrel-shop__qtyin {
  min-width: 5.5rem;
  max-width: 100%;
  min-height: 2.9rem;
  background: #0a0a0a;
  border: 1px solid #3f3f46;
  color: #fafafa;
  border-radius: 8px;
  padding: 0.65rem 0.7rem;
  font-size: 1.2rem;
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.barrel-shop__dl {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0.25rem 0 0.5rem;
  padding: 0.65rem 0.75rem;
  background: #080809;
  border: 1px solid #1e1e24;
  border-radius: 8px;
}
.barrel-shop__dli {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0;
  font-size: 0.86rem;
}
.barrel-shop__dli dt {
  color: #8e8e9a;
  font-weight: 500;
  max-width: 65%;
}
.barrel-shop__dli dd {
  margin: 0;
  text-align: right;
  color: #f0ebe0;
  font-weight: 600;
  font-family: var(--serif);
}
.konto-surface.barrel-shop__cart .barrel-shop__dli dd {
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
}
.konto-surface.barrel-shop__cart .barrel-shop__dli dd.muted {
  color: #7d7a72;
  font-weight: 500;
  font-family: var(--font);
}
.barrel-shop__dli--yield dd {
  color: #b8d4b0;
  font-weight: 600;
}
.barrel-shop__dli.is-muted dt {
  opacity: 0.75;
}
.barrel-shop__checkout {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.barrel-shop__btn {
  min-width: 12rem;
  padding: 0.55rem 1.1rem;
  font-size: 0.95rem;
  font-weight: 600;
}
@media (min-width: 40rem) {
  .tenor-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 52rem) {
  .tenor-tiles {
    grid-template-columns: repeat(6, 1fr);
  }
}
.barrel-desk {
  margin: 0 auto 1.5rem;
  width: 100%;
  padding: 0 0.25rem;
}
.barrel-desk__head {
  margin-bottom: 0.85rem;
}
.barrel-desk__title {
  font-family: var(--serif);
  color: var(--gold2);
  font-size: 1.3rem;
  margin: 0 0 0.3rem;
  letter-spacing: 0.03em;
  font-weight: 600;
}
.barrel-desk__sub {
  font-size: 0.88rem;
  margin: 0;
}
.barrel-empty {
  text-align: center;
  padding: 1.5rem 1rem !important;
  color: #8b8b96;
  font-size: 0.92rem;
}
.barrel-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 40rem) {
  .barrel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 66rem) {
  .barrel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.barrel-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.barrel-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}
.barrel-card__eyebrow {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #7a7a86;
  margin: 0;
}
.barrel-card__h {
  font-family: var(--serif);
  font-size: 1.05rem;
  color: var(--gold2);
  margin: 0.15rem 0 0;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.barrel-pill {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  border: 1px solid #3a3a44;
  color: #b4b4be;
  white-space: nowrap;
}
.barrel-pill--active {
  border-color: color-mix(in srgb, var(--gold) 45%, #444);
  color: #fde68a;
  background: color-mix(in srgb, var(--gold) 8%, #0a0a0a);
}
.barrel-pill--mat {
  border-color: #3d4a3d;
  color: #86efac;
}
.barrel-card__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem 0.75rem;
  font-size: 0.78rem;
  margin-bottom: 0.5rem;
}
.barrel-card__stats > div {
  min-width: 0;
}
.barrel-card__wide {
  grid-column: 1 / -1;
}
.barrel-card__k {
  display: block;
  color: #7a7a86;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.1rem;
}
.barrel-card__v {
  color: #e4e4ea;
  font-weight: 500;
}
.barrel-card__v.small {
  font-size: 0.75rem;
  font-weight: 400;
  word-break: break-word;
}
.barrel-card__glabel {
  font-size: 0.72rem;
  margin: 0.35rem 0 0.2rem;
}
.barrel-card__graph {
  margin-top: 0.15rem;
  border: 1px solid #2a2a2f;
  border-radius: 6px;
  overflow: hidden;
  background: #080809;
}
.barrel-spark {
  display: block;
  width: 100%;
  height: auto;
  max-height: 3.2rem;
}
.barrel-card__gfoot {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #6b6b76;
  padding: 0.1rem 0.35rem 0.2rem;
  background: #0a0a0b;
  border-top: 1px solid #1f1f25;
}
.konto-fund-grid {
  max-width: none;
  width: 100%;
}
.konto-journal {
  max-width: none;
  width: 100%;
}
.konto-journal__ul {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  max-height: 18rem;
  overflow-y: auto;
  font-size: 0.84rem;
}
.konto-journal__li {
  display: grid;
  grid-template-columns: minmax(4.5rem, 7rem) 6.5rem 1fr;
  gap: 0.35rem 0.65rem;
  padding: 0.45rem 0.35rem;
  border-bottom: 1px solid #1c1c22;
  align-items: baseline;
}
@media (max-width: 36rem) {
  .konto-journal__li {
    grid-template-columns: 1fr;
  }
}
.konto-journal__type {
  color: #a78bfa;
  font-size: 0.78rem;
  font-family: ui-monospace, monospace;
}
.konto-journal__amt {
  color: #fde68a;
  font-family: ui-monospace, monospace;
  font-size: 0.8rem;
  text-align: right;
}
.konto-journal__lbl {
  color: #b4b4c0;
  font-size: 0.8rem;
}
.page-konto .box h2,
.page-konto .box h3 {
  font-family: var(--serif);
  color: var(--gold2);
}
.page-auth .auth-wrap {
  max-width: none;
  width: 100%;
  margin: 0 auto clamp(1.35rem, 3vw, 2rem);
  /* wie .page-sub--pro .page-doc.page-doc--leistungen — gleiche Nutzbreite/Rhythmik */
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  border-radius: clamp(14px, 2.2vw, 22px);
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2418);
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 5%, #121214), #0a0a0c);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset,
    0 24px 56px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}
body.page-auth .main-inner {
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 0;
  padding-top: clamp(1.25rem, 4vw, 2.25rem);
  padding-bottom: max(3.5rem, var(--sa-b));
  padding-left: max(1.35rem, var(--sa-l));
  padding-right: max(1.35rem, var(--sa-r));
}
body.page-auth .auth-wrap > h1 {
  font-size: clamp(2rem, 5vw + 0.35rem, 3.15rem);
  margin: 0 0 0.85rem;
  letter-spacing: 0.035em;
}
body.page-auth .auth-wrap .small-print {
  font-size: clamp(1.05rem, 1.8vw + 0.45rem, 1.38rem);
  line-height: 1.58;
  margin: 0 0 1.2rem;
}
body.page-auth .auth-wrap > p.muted:last-of-type {
  margin-top: clamp(1.1rem, 3vw, 1.65rem);
  font-size: clamp(1.02rem, 1.65vw + 0.4rem, 1.24rem);
}
body.page-auth .auth-wrap > p.muted:last-of-type a {
  text-underline-offset: 4px;
}
body.page-auth .auth-wrap .stack {
  gap: clamp(0.9rem, 2.6vw, 1.45rem);
}
body.page-auth .auth-wrap .stack label,
body.page-auth .auth-wrap .inline-form label {
  font-size: clamp(1.02rem, 1.65vw + 0.4rem, 1.24rem);
  gap: 0.35rem;
}
body.page-auth .auth-wrap .stack input,
body.page-auth .auth-wrap .inline-form input {
  padding: clamp(0.7rem, 2vw, 1rem) clamp(0.85rem, 2.5vw, 1.15rem);
  font-size: clamp(1.05rem, 1.75vw + 0.4rem, 1.3rem);
  border-radius: 12px;
  min-height: clamp(3rem, 8vw, 3.45rem);
}
body.page-auth .auth-wrap input.mono,
body.page-auth .auth-wrap .mono {
  font-size: clamp(1.06rem, 1.85vw + 0.4rem, 1.34rem);
  letter-spacing: 0.065em;
}
body.page-auth .auth-wrap .stack .button.primary {
  margin-top: 0.35rem;
  padding: clamp(0.8rem, 2.3vw, 1.05rem) clamp(2rem, 7vw, 3.75rem);
  font-size: clamp(1.06rem, 2vw + 0.4rem, 1.3rem);
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
body.page-auth .auth-wrap .err {
  font-size: clamp(1rem, 1.55vw + 0.4rem, 1.2rem);
  margin: 0 0 0.35rem;
}
/* Registrierung: Hinweis-Kachel (Ablage wie Portal-Karten) + Warn-Block */
.page-auth .auth-wrap .auth-reg-tile {
  margin: clamp(0.35rem, 2vw, 0.85rem) 0 clamp(1rem, 3vw, 1.35rem);
  padding: clamp(1.2rem, 3.5vw, 1.75rem) clamp(1.35rem, 4vw, 2.1rem) clamp(1.25rem, 3.5vw, 1.72rem);
  border-radius: clamp(12px, 2vw, 16px);
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a30);
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 7%, #121416) 0%, #0c0c0e 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #fff 3%, transparent) inset, 0 10px 28px rgba(0, 0, 0, 0.3);
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}
.page-auth .auth-wrap .auth-reg-tile__eyebrow {
  font-size: clamp(0.73rem, 1.05vw + 0.42rem, 0.92rem);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--gold2);
  margin: 0 0 clamp(0.55rem, 2vw, 0.85rem);
  font-weight: 600;
}
.page-auth .auth-wrap .auth-reg-tile__text {
  font-size: clamp(1.12rem, 2.1vw + 0.45rem, 1.42rem);
  line-height: 1.75;
  color: color-mix(in srgb, #e8e2d8 96%, #9a9090);
}
.page-auth .auth-wrap .auth-reg-tile__text strong {
  font-weight: 600;
  color: color-mix(in srgb, #f5f0e8 90%, #b8b0a4);
}
.page-auth .auth-wrap .auth-reg-warn {
  margin: 0 0 clamp(1.15rem, 3vw, 1.65rem);
  padding: clamp(1rem, 3vw, 1.35rem) clamp(1.25rem, 3.8vw, 1.85rem) clamp(1.1rem, 3vw, 1.48rem)
    clamp(1.05rem, 3vw, 1.42rem);
  border-radius: 0 clamp(12px, 2vw, 16px) clamp(12px, 2vw, 16px) 0;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, #b45309 28%, #2a1a0c);
  border-left: 3px solid color-mix(in srgb, var(--gold) 55%, #6b4a18);
  background: linear-gradient(100deg, color-mix(in srgb, #9a3412 15%, #0c0a08) 0%, #101012 50%, #0a0a0b 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #fff 3%, transparent) inset;
}
.page-auth .auth-wrap .auth-reg-warn__title {
  font-family: var(--serif);
  font-size: clamp(1.18rem, 2.35vw + 0.42rem, 1.52rem);
  color: #fde68a;
  margin: 0 0 clamp(0.55rem, 2vw, 0.82rem);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: 0.02em;
}
.page-auth .auth-wrap .auth-reg-warn__body {
  font-size: clamp(1.04rem, 1.85vw + 0.42rem, 1.22rem);
  line-height: 1.72;
  color: #e8e4dc;
}
.page-auth .auth-wrap .auth-reg-warn__body p {
  margin: 0 0 0.65rem;
}
.page-auth .auth-wrap .auth-reg-warn__body p:last-child {
  margin-bottom: 0;
}
.page-auth .auth-wrap .auth-reg-warn__body strong {
  color: #fef3c7;
  font-weight: 600;
}

.page-sub .page-doc {
  max-width: 60rem;
  margin: 0 auto 2.5rem;
  padding: 0 0.25rem;
}
.page-sub--pro .page-doc {
  max-width: 60rem;
  margin: 0 auto 2.5rem;
  padding: 1.9rem 1.65rem 2.6rem;
  background: linear-gradient(165deg, #111113 0%, #0a0a0b 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 11%, #2a2a30);
  border-radius: 16px;
  box-shadow: 0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent), 0 24px 64px rgba(0, 0, 0, 0.45);
}
/* Leistungen: gleiche Nutzbreite wie Startseiten-Hero (--content-max), stärkerer „Section“-Charakter */
.page-sub--pro .page-doc.page-doc--leistungen {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
/* Geschichte (Unternehmen): gleicher Kopf wie Leistungen; Kapitel wie Karten */
.page-sub--pro .page-doc.page-doc--geschichte .page-doc__head {
  border-bottom-color: color-mix(in srgb, var(--gold) 26%, #1c1c22);
  box-shadow: 0 14px 42px -26px color-mix(in srgb, var(--gold) 32%, transparent);
}
.page-doc--geschichte .page-doc--geschichte__lead {
  font-family: var(--font);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.68;
  color: #b4b0a8;
  max-width: min(44rem, 100%);
  margin: 1rem auto 0;
  text-align: center;
  text-wrap: balance;
}
.page-doc--geschichte .page-doc--geschichte__lead .brand-oilking {
  font-weight: 600;
}
.page-doc--geschichte .unternehmen-story {
  margin: 1.35rem auto 0;
  max-width: none;
  padding: 0;
}
.page-doc--geschichte .unternehmen-story__chapter {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 8px 32px rgba(0, 0, 0, 0.38);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.page-doc--geschichte .unternehmen-story__chapter:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent) inset,
    0 14px 44px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.55));
  transform: translateY(-2px);
}
.page-doc--geschichte .unternehmen-story__chapter--finale {
  border-color: color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 8px 32px rgba(0, 0, 0, 0.38);
}
.page-doc--geschichte .unternehmen-story__chapter--finale:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
}
.page-doc--geschichte .unternehmen-story__h {
  font-size: clamp(1.28rem, 0.95vw + 1.02rem, 1.48rem);
  font-weight: 600;
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
  letter-spacing: 0.02em;
}
.page-doc--geschichte .unternehmen-story__p {
  font-family: var(--font);
  color: #b4b0a8;
  font-size: 1.05rem;
  line-height: 1.68;
}
.page-doc--geschichte .unternehmen-story__figure {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2c2c30);
  background: linear-gradient(155deg, #121214 0%, #0a0a0c 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent);
}
.page-doc--geschichte .unternehmen-story__example {
  margin-top: 2rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 8px 32px rgba(0, 0, 0, 0.38);
}
.page-doc--geschichte .unternehmen-story__example-kicker {
  color: color-mix(in srgb, var(--gold2) 55%, #8a857c);
}
.page-doc--geschichte .unternehmen-story__example-title {
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
}
.page-doc--geschichte .unternehmen-story__example-p {
  font-family: var(--font);
  color: #b4b0a8;
  font-size: 1.05rem;
  line-height: 1.68;
}
@media (min-width: 52rem) {
  .page-doc--geschichte .unternehmen-story__chapter {
    gap: 1.35rem 1.55rem;
    padding: 1.42rem 1.45rem 1.58rem;
  }
}
/* Rechtliches: Leistungen-Karten, oben zweispaltig, Haftung breit */
.page-doc--rechtliches .page-doc--rechtliches__top {
  display: grid;
  gap: 1.2rem 1.35rem;
  margin-top: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 50rem) {
  .page-doc--rechtliches .page-doc--rechtliches__top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}
.page-doc--rechtliches .page-doc--rechtliches__full {
  margin-top: 1.35rem;
}
.page-doc--rechtliches .card-lux.card-lux--leistungen > p,
.page-doc--rechtliches .recht-card-prose p {
  max-width: none;
  width: 100%;
}
.page-doc--rechtliches .recht-card-prose p {
  margin: 0 0 0.75rem;
}
.page-doc--rechtliches .recht-card-prose p:last-child {
  margin-bottom: 0;
}
.page-doc--rechtliches .recht-card-prose ul {
  margin: 0.5rem 0 0.85rem;
  padding-left: 1.2rem;
}
.page-doc--rechtliches .recht-card-prose li {
  margin-bottom: 0.45rem;
  color: #b4b0a8;
  font-size: 1.05rem;
  line-height: 1.68;
}
.page-doc--rechtliches .recht-card-prose li:last-child {
  margin-bottom: 0;
}
.page-doc--rechtliches .page-doc--rechtliches__imprint .h-like-h3 {
  font-size: clamp(1.42rem, 1.05vw + 1.08rem, 1.62rem);
}
.page-doc--rechtliches .page-doc--rechtliches__imprint > p {
  font-size: clamp(1.28rem, 1.2vw + 1.05rem, 1.52rem);
  line-height: 1.82;
}
/* Ablauf: gleicher Außenrahmen wie Leistungen */
.page-sub--pro .page-doc.page-doc--ablauf {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
/* Exklusivpreise: gleicher Außenrahmen wie Leistungen / Ablauf */
.page-sub--pro .page-doc.page-doc--preise {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
/* Unsere Partner: gleicher Außenrahmen wie Exklusivpreise */
.page-sub--pro .page-doc.page-doc--unternehmen.page-doc--unternehmen-partner {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
.page-sub--pro .page-doc.page-doc--unternehmen.page-doc--unternehmen-partner .page-doc--unternehmen__head {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-bottom-color: color-mix(in srgb, var(--gold) 26%, #1c1c22);
  box-shadow: 0 14px 42px -26px color-mix(in srgb, var(--gold) 32%, transparent);
}
/* Team: gleicher Außenrahmen wie Leistungen / Ablauf / Preise */
.page-sub--pro .page-doc.page-doc--team {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
/* Kontakt: gleicher Außenrahmen wie Leistungen / Ablauf / Preise / Team */
.page-sub--pro .page-doc.page-doc--kontakt {
  max-width: 100%;
  width: 100%;
  padding: clamp(1.85rem, 4vw, 2.45rem) clamp(1.35rem, 3vw, 2rem) clamp(2.6rem, 5vw, 3.2rem);
  background: linear-gradient(165deg, #141418 0%, #0a0a0c 52%, #080809 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #222);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 4px 0 color-mix(in srgb, var(--gold) 6%, transparent),
    0 28px 72px rgba(0, 0, 0, 0.5);
}
.page-sub--pro .page-doc__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #1c1c22;
}
.page-sub--pro .page-doc.page-doc--team .page-doc__head,
.page-sub--pro .page-doc.page-doc--kontakt .page-doc__head {
  border-bottom-color: color-mix(in srgb, var(--gold) 26%, #1c1c22);
  box-shadow: 0 14px 42px -26px color-mix(in srgb, var(--gold) 32%, transparent);
}
.page-sub--pro .grid-3 {
  gap: 1.1rem;
}
.page-sub--pro .card-lux {
  border-radius: 12px;
  border-color: color-mix(in srgb, var(--gold) 9%, #2a2a2e);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.page-sub--pro .card-lux:hover {
  border-color: color-mix(in srgb, var(--gold) 22%, #444);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent), 0 16px 40px rgba(0, 0, 0, 0.4);
}
.page-sub--pro .main-inner {
  padding-bottom: 4rem;
}
.page-doc__head h1,
.page-404 h1 {
  font-family: var(--serif);
  font-size: clamp(1.72rem, 3.7vw, 2.4rem);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: #f0ebe2;
  background: linear-gradient(135deg, #fffef8 0%, #d8c896 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.page-doc__lead {
  color: #a8a8b4;
  line-height: 1.6;
  margin: 0 0 0.5rem;
  max-width: 40rem;
}
/* Leistungen: Titel + Lead an Kachelblock optisch anbinden (zentriert) */
.page-doc--leistungen .page-doc--leistungen__head {
  text-align: center;
}
.page-doc--leistungen .page-doc--leistungen__head h1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.leistungen-page__eyebrow {
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--gold2);
  margin: 0 0 0.55rem;
  font-weight: 600;
  text-align: center;
}
.page-doc--leistungen .leistungen-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  margin: 0 0 0.35rem;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--leistungen__grid {
  margin-top: 0;
}
.page-sub--pro .grid-3.page-doc--leistungen__grid {
  gap: 1.2rem 1.35rem;
}
@media (min-width: 50rem) {
  .page-sub--pro .grid-3.page-doc--leistungen__grid {
    gap: 1.35rem 1.55rem;
  }
}
.page-doc--leistungen__grid > .card-lux--page p {
  text-align: start;
  hyphens: manual;
}
.page-sub--pro .card-lux.card-lux--leistungen {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset, 0 8px 32px rgba(0, 0, 0, 0.38);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
  padding: 1.42rem 1.32rem 1.58rem;
}
.page-sub--pro .card-lux.card-lux--leistungen:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent) inset, 0 14px 44px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.55));
  transform: translateY(-2px);
}
.page-sub--pro .card-lux.card-lux--ablauf {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset, 0 8px 32px rgba(0, 0, 0, 0.38);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
  padding: 1.42rem 1.32rem 1.58rem;
}
.page-sub--pro .card-lux.card-lux--ablauf:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent) inset, 0 14px 44px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.55));
  transform: translateY(-2px);
}
.page-sub--pro .page-doc--team .partner-program--team-page .card-lux.card-lux--accent {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset, 0 8px 32px rgba(0, 0, 0, 0.38);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
  padding: 1.42rem 1.32rem 1.58rem;
}
.page-sub--pro .page-doc--team .partner-program--team-page .card-lux.card-lux--accent:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #333);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent) inset, 0 14px 44px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.55));
  transform: translateY(-2px);
}
.page-doc--team .page-doc--team__grid {
  margin-top: 0;
}
.page-sub--pro .grid-3.page-doc--team__grid {
  gap: 1.2rem 1.35rem;
}
@media (min-width: 50rem) {
  .page-sub--pro .grid-3.page-doc--team__grid {
    gap: 1.35rem 1.55rem;
  }
}
.ablauf-step {
  display: flex;
  gap: 1rem;
  align-items: center;
}
/* Schritt-Ziffern: DM Sans wie der Fließtext, dunkle Gold-Kachel für maximalen Kontrast */
.ablauf-step__num {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 2.45rem;
  height: 2.45rem;
  min-width: 2.45rem;
  display: grid;
  place-items: center;
  font-family: var(--font);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.05rem, 0.85vw + 0.88rem, 1.22rem);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f8efd8;
  background: linear-gradient(165deg, #242018 0%, #12100d 48%, #0c0b09 100%);
  border: 1px solid color-mix(in srgb, var(--gold2) 62%, #4a3d22);
  border-radius: 11px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45) inset,
    0 1px 0 color-mix(in srgb, var(--gold2) 22%, transparent) inset,
    0 6px 18px rgba(0, 0, 0, 0.42);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}
.page-sub--pro .card-lux.card-lux--ablauf:hover .ablauf-step__num {
  border-color: color-mix(in srgb, var(--gold2) 78%, #6b5a38);
  color: #fff8ea;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.45) inset,
    0 1px 0 color-mix(in srgb, var(--gold2) 30%, transparent) inset,
    0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent),
    0 8px 22px rgba(0, 0, 0, 0.48);
}
.ablauf-step__body {
  flex: 1;
  min-width: 0;
  color: #b4b0a8;
  font-size: 1.05rem;
  line-height: 1.68;
  font-family: var(--font);
  text-align: start;
  hyphens: manual;
}
.ablauf-step__body strong {
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
  font-weight: 600;
}
.ablauf-step__body a:not(.ablauf-step__cta),
.ablauf-step__cta {
  color: var(--gold2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ablauf-step__body a:not(.ablauf-step__cta):hover,
.ablauf-step__cta:hover {
  color: #fff0d0;
}
.ablauf-step__cta {
  display: block;
  margin-top: 0.65rem;
  font-weight: 600;
  max-width: max-content;
}
.page-doc--leistungen .card-lux--leistungen .h-like-h3 {
  font-size: clamp(1.28rem, 0.95vw + 1.02rem, 1.48rem);
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
}
.page-doc--leistungen .card-lux--leistungen .h-like-h3::before {
  content: none;
}
.page-doc--leistungen .card-lux--leistungen p {
  color: #b4b0a8;
  font-size: 1.05rem;
  line-height: 1.68;
}
.page-doc--leistungen .card-lux--leistungen a {
  font-weight: 600;
}
@media (min-width: 50rem) {
  .page-doc--leistungen__grid {
    grid-template-rows: auto auto;
  }
  .page-doc--leistungen__grid > .card-lux--page {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    align-content: start;
  }
  .page-doc--leistungen__grid > .card-lux--page > .h-like-h3,
  .page-doc--leistungen__grid > .card-lux--page > p {
    align-self: start;
  }
}
@supports not (grid-template-rows: subgrid) {
  @media (min-width: 50rem) {
    .page-doc--leistungen__grid > .card-lux--page .h-like-h3 {
      min-height: calc(1.46rem * 1.32 * 2 + 0.5rem);
    }
  }
}
.page-doc p {
  line-height: 1.7;
  color: #b8b8c4;
  margin: 0.75rem 0 0;
  max-width: 44rem;
}
.page-doc--leistungen p.page-doc--leistungen__disclaimer {
  margin: 2.25rem auto 0;
  max-width: min(44rem, 100%);
  text-align: center;
  line-height: 1.72;
  font-size: 1rem;
  color: #9898a2;
  padding: 0 0.5rem 0.25rem;
}
/* Ablauf: Kopf wie Leistungen; Schritte als Karten untereinander */
.page-doc--ablauf .page-doc--ablauf__head {
  text-align: center;
}
.page-doc--ablauf .page-doc--ablauf__head h1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--ablauf .ablauf-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  margin: 0 0 0.35rem;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--ablauf .page-doc--ablauf__head .page-doc__lead {
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--gold2) 22%, #9a9490);
  line-height: 1.65;
  font-size: 1.02rem;
}
.page-doc--ablauf__grid {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 0;
  width: 100%;
}
/* Preise: Kopf wie Leistungen / Ablauf */
.page-doc--preise .page-doc--preise__head {
  text-align: center;
}
.page-doc--preise .page-doc--preise__head h1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--preise .preise-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  margin: 0 0 0.35rem;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--preise .page-doc--preise__head .page-doc__lead {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--gold2) 22%, #9a9490);
  line-height: 1.65;
  font-size: 1.02rem;
}
.page-doc--preise .page-doc--preise__head .page-doc__lead a {
  color: var(--gold2);
  text-underline-offset: 3px;
  font-weight: 600;
}
.page-doc--preise .page-doc--preise__head .page-doc__lead a:hover {
  color: #fff0d0;
}
.page-doc--preise__table {
  width: 100%;
  max-width: 100%;
  margin: 0.25rem auto 0;
}
.page-doc p.page-doc--preise__tail {
  margin: 2.25rem auto 0;
  max-width: min(44rem, 100%);
  text-align: center;
  line-height: 1.72;
  font-size: 1rem;
  color: #9898a2;
  padding: 0 0.5rem 0.25rem;
}
#team-program {
  scroll-margin-top: 5.75rem;
}
#partner-program {
  scroll-margin-top: 5.75rem;
}
.unternehmen-team-pointer {
  margin: 2rem auto 0;
  max-width: 48rem;
  padding: 1rem 1.35rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2e2e32);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--gold) 6%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, #121214 0%, #0a0a0c 100%);
  box-sizing: border-box;
  text-align: start;
}
.unternehmen-team-pointer p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.62;
  color: #aaa59d;
}
.unternehmen-team-pointer a.ext {
  color: var(--gold2);
}
.unternehmen-team-pointer a.ext:hover {
  color: #fff0d0;
}
.page-doc--team__head {
  text-align: center;
}
.page-doc--team__head h1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--team .team-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  margin: 0 0 0.35rem;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--team__head .page-doc__lead {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--gold2) 22%, #9a9490);
  line-height: 1.65;
  font-size: 1.02rem;
}
.page-doc--team .partner-program--team-page {
  margin-top: 1.75rem;
}
.page-doc--team .partner-program__team {
  border-color: color-mix(in srgb, var(--gold) 28%, #2e2e32);
  background:
    radial-gradient(ellipse 88% 72% at 50% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 55%),
    linear-gradient(165deg, color-mix(in srgb, var(--gold) 8%, #101012) 0%, #0a0a0b 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent),
    0 10px 36px -14px color-mix(in srgb, var(--gold) 12%, rgba(0, 0, 0, 0.45));
}
.page-doc--team .partner-program__team p {
  font-size: clamp(1.05rem, 0.55vw + 0.94rem, 1.14rem);
  line-height: 1.74;
}
#hinweis-adnoc-markt {
  scroll-margin-top: 5.75rem;
}
/* Partner-/Team-Programm (unter «Unternehmen» eingebettet) */
.page-doc--unternehmen .partner-program--in-unternehmen {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.page-doc--unternehmen .partner-program__team {
  margin-left: 0;
  margin-right: auto;
  max-width: 48rem;
  text-align: start;
}
.page-doc--unternehmen .partner-program__team .h-inline {
  text-align: start;
}
.page-doc--unternehmen .partner-program__team p {
  text-align: start;
}
.page-doc--unternehmen.page-doc--unternehmen-partner .page-doc--unternehmen-partner__head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--unternehmen.page-doc--unternehmen-partner .page-doc--unternehmen-partner__head h1 {
  margin-left: auto;
  margin-right: auto;
}
.page-doc--unternehmen.page-doc--unternehmen-partner .unternehmen-partner-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--unternehmen.page-doc--unternehmen-partner .partner-program--in-unternehmen {
  margin-top: 0;
  padding-top: 0;
}
.page-doc--unternehmen-partner .partner-program__cards {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 1.65rem);
  max-width: none;
}
.page-doc--unternehmen-partner .partner-program__partner-card.card-lux--page {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: none;
}
.page-doc--unternehmen-partner .partner-program__partner-card .h-like-h3 {
  margin-bottom: 0.85rem;
}
.page-doc--unternehmen-partner .partner-program__partner-card.card-lux--leistungen .h-like-h3 {
  font-size: clamp(1.28rem, 0.95vw + 1.02rem, 1.48rem);
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
}
.page-doc--unternehmen-partner .partner-program__partner-card.card-lux--leistungen .h-like-h3::before {
  content: none;
}
.page-doc--unternehmen-partner .partner-program__partner-card.card-lux--leistungen .partner-program__partner-prose p {
  color: #b4b0a8;
  font-size: clamp(1.05rem, 0.45vw + 0.98rem, 1.12rem);
  line-height: 1.72;
}
.page-doc--unternehmen-partner .partner-program__partner-card.card-lux--leistungen .partner-program__partner-prose a {
  font-weight: 600;
}
.partner-program__partner-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.15rem 1.65rem;
  align-items: stretch;
}
.partner-program__partner-row--logo-start {
  grid-template-columns: auto minmax(0, 1fr);
}
.partner-program__partner-row--logo-start .partner-program__partner-logo {
  justify-content: flex-start;
}
.partner-program__partner-prose {
  text-align: left;
  min-width: 0;
}
.partner-program__partner-prose p {
  margin: 0 0 0.85rem;
}
.partner-program__partner-prose p:last-child {
  margin-bottom: 0;
}
.partner-program__partner-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 0;
}
.partner-program__partner-logo--adnoc .partner-program__adnoc-mark {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 42.0625rem) {
  .partner-program__partner-row--logo-start .partner-program__partner-logo--adnoc {
    align-items: stretch;
    height: 100%;
    min-height: 0;
  }
  .partner-program__partner-row--logo-start .partner-program__partner-logo--adnoc .partner-program__adnoc-mark {
    height: 100%;
    width: auto;
    max-height: none;
    max-width: none;
    object-fit: contain;
    object-position: left center;
  }
}
.partner-program__partner-logo--somfuel .partner-program__somfuel-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  max-height: 100%;
}
.partner-program__partner-logo--somfuel .partner-program__somfuel-mark {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: min(15rem, 42vw);
  object-fit: contain;
}
.partner-program__somfuel-logo-link {
  text-decoration: none;
  border-radius: 8px;
  transition: opacity 0.15s ease, transform 0.12s ease;
}
.partner-program__somfuel-logo-link:hover {
  opacity: 0.92;
}
.partner-program__somfuel-logo-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--gold2) 65%, transparent);
  outline-offset: 4px;
}
@media (max-width: 42rem) {
  .partner-program__partner-row--logo-end,
  .partner-program__partner-row--logo-start {
    grid-template-columns: 1fr;
  }
  .partner-program__partner-row--logo-end .partner-program__partner-prose {
    order: 1;
  }
  .partner-program__partner-row--logo-end .partner-program__partner-logo {
    order: 2;
    justify-content: center;
    padding-top: 0.15rem;
  }
  .partner-program__partner-row--logo-start .partner-program__partner-logo {
    justify-content: center;
    padding-bottom: 0.15rem;
  }
  .partner-program__partner-logo--adnoc .partner-program__adnoc-mark {
    max-height: clamp(4.75rem, 22vw, 6.5rem);
    max-width: min(9rem, 55vw);
  }
  .partner-program__partner-logo--somfuel .partner-program__somfuel-mark {
    max-height: clamp(2.6rem, 12vw, 3.5rem);
    max-width: min(17rem, 88vw);
  }
}
.partner-program__grid {
  margin-top: 1.15rem;
}
.partner-program .partner-program__grid .card-lux--accent .pct {
  font-size: clamp(2.4rem, 4.8vw, 3.05rem);
  font-weight: 600;
  margin: 0.6rem 0 0.35rem;
  letter-spacing: 0.02em;
}
.partner-program__team {
  margin: 1.75rem auto 0;
  max-width: 40rem;
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2a2e);
  border-radius: var(--r);
  padding: 1.1rem 1.25rem 1.2rem;
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 5%, #101012) 0%, #0a0a0b 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 3%, transparent);
}
.partner-program__team .h-inline {
  text-align: center;
  margin: 0 0 0.65rem;
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gold2);
  font-family: var(--serif);
  line-height: 1.2;
}
.partner-program__team p {
  margin: 0;
  text-align: center;
  line-height: 1.7;
  font-size: 0.95rem;
  color: #9a9aa0;
  max-width: none;
}
.partner-program__team a {
  color: var(--gold2);
  text-underline-offset: 3px;
}
.partner-program__team a:hover {
  color: #fff0d0;
}
/* Unternehmen: eine Lesekante (wie Kapitel/Prosa), kein Mittel-/Zangenfluss-Mix */
.page-doc--unternehmen .page-doc--unternehmen__head {
  text-align: start;
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.35rem 0 1.85rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2824);
  box-shadow: 0 12px 40px -28px color-mix(in srgb, var(--gold) 24%, transparent);
}
.page-doc--unternehmen .page-doc--unternehmen__head h1 {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.15rem;
  letter-spacing: 0.02em;
}
.page-doc--unternehmen .page-doc--unternehmen__head .page-doc__lead--unternehmen {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.1rem;
  margin-bottom: 0;
  padding-top: 0.15rem;
  font-family: var(--serif);
  font-size: clamp(1.24rem, 2.9vw, 1.58rem);
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--gold2) 42%, #c4beb2);
  text-wrap: balance;
}
.page-doc--unternehmen .page-doc--unternehmen__head .page-doc__lead--unternehmen .brand-oilking {
  font-weight: 600;
  letter-spacing: 0.06em;
}
.page-doc--unternehmen__prose {
  margin-top: 0;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--unternehmen .unternehmen-h2 {
  font-family: var(--serif);
  font-size: clamp(1.12rem, 2vw, 1.28rem);
  font-weight: 600;
  color: var(--gold2);
  margin: 1.65rem 0 0.55rem;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.page-doc--unternehmen .unternehmen-h2:first-of-type {
  margin-top: 0.35rem;
}
.page-doc--unternehmen .unternehmen-p {
  margin: 0 0 0.15rem;
  color: #b0aca4;
  font-size: 1.02rem;
  line-height: 1.7;
  text-align: left;
  max-width: none;
}
.page-doc--unternehmen .unternehmen-p a.ext {
  color: var(--gold2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-doc--unternehmen .unternehmen-p a.ext:hover {
  color: #fff0d0;
}
.page-doc p.page-doc--unternehmen__foot {
  margin: 1.75rem auto 0;
  max-width: 48rem;
  text-align: center;
  line-height: 1.6;
  font-size: 0.92rem;
  color: #8e8e98;
  padding: 0 0.5rem;
}
.page-doc--unternehmen .page-doc--unternehmen__foot a {
  color: var(--gold2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-doc--unternehmen .page-doc--unternehmen__foot a:hover {
  color: #fff0d0;
}

/* Unternehmen: narrative (Roots / Today / Ahead) */
.unternehmen-story {
  margin: 0.15rem auto 0;
  max-width: 58rem;
  padding: 0 0 1.75rem;
  box-sizing: border-box;
}
.unternehmen-story__series {
  text-align: start;
  margin: 0 0 0.65rem;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold2) 48%, #7d796f);
}
.unternehmen-story__tagline {
  text-align: start;
  margin: 0 0 1.45rem;
  max-width: 44rem;
  font-family: var(--serif);
  font-size: clamp(1.12rem, 2.35vw, 1.42rem);
  font-weight: 500;
  line-height: 1.48;
  color: #ece8de;
  letter-spacing: 0.012em;
}
.unternehmen-story__pull {
  margin: 0 0 2.15rem;
  max-width: 48rem;
  padding: 1.2rem 1.45rem 1.28rem 1.45rem;
  text-align: start;
  border-left: 3px solid color-mix(in srgb, var(--gold) 60%, transparent);
  border-radius: 0 14px 14px 0;
  background:
    linear-gradient(
      100deg,
      color-mix(in srgb, var(--gold) 9%, #131315) 0%,
      #0e0e11 72%
    );
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--gold) 11%, transparent),
    0 12px 32px rgba(0, 0, 0, 0.28);
  font-family: var(--serif);
  font-size: clamp(1.03rem, 2vw, 1.22rem);
  font-style: italic;
  font-weight: 600;
  line-height: 1.62;
  color: color-mix(in srgb, var(--gold2) 32%, #c5c1b8);
}
.unternehmen-story__chapter {
  display: grid;
  gap: 1.35rem;
  align-items: center;
  margin: 0 0 2.45rem;
  padding: 1.55rem 1.32rem 1.65rem;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--gold) 20%, #2f2f33);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--gold) 7%, transparent) 0%, transparent 48%),
    linear-gradient(188deg, #151518 0%, #0b0b0d 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 2.8%, transparent),
    0 18px 44px rgba(0, 0, 0, 0.38);
}
.unternehmen-story__chapter--finale {
  border-color: color-mix(in srgb, var(--gold) 32%, #3a3428);
  background:
    radial-gradient(ellipse 90% 70% at 75% 20%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 55%),
    linear-gradient(188deg, #16161a 0%, #0a0a0c 100%);
}
.unternehmen-story__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold2) 55%, #8a857c);
}
.unternehmen-story__h {
  margin: 0 0 0.85rem;
  font-family: var(--serif);
  font-size: clamp(1.18rem, 2.2vw, 1.42rem);
  font-weight: 600;
  line-height: 1.28;
  color: var(--gold2);
  letter-spacing: 0.02em;
}
.unternehmen-story__p {
  margin: 0 0 0.78rem;
  color: color-mix(in srgb, #c8c4bc 92%, var(--gold2));
  font-size: 1.035rem;
  line-height: 1.74;
}
.unternehmen-story__p:last-child {
  margin-bottom: 0;
}
.unternehmen-story__figure {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 14%, #2c2c30);
  background:
    radial-gradient(ellipse 80% 60% at 50% 30%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 70%),
    #0d0d0f;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 2%, transparent);
}
.unternehmen-story__visual {
  width: min(100%, 18rem);
  height: auto;
  opacity: 0.95;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45));
}
.unternehmen-story__figure--portrait {
  padding: 0.55rem 0.65rem;
  align-self: stretch;
}
.unternehmen-story__visual--portrait {
  display: block;
  width: min(100%, 15.75rem);
  aspect-ratio: 3 / 4;
  height: auto;
  max-height: min(72vh, 23rem);
  object-fit: cover;
  object-position: center 20%;
  border-radius: 12px;
  opacity: 1;
}
.unternehmen-story__visual--mark {
  width: min(92%, 15rem);
  opacity: 1;
}
.unternehmen-story__example {
  margin: 2.15rem auto 0;
  max-width: 50rem;
  padding: 1.4rem 1.42rem 1.5rem;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--gold) 24%, #2a3430);
  background:
    linear-gradient(
      152deg,
      color-mix(in srgb, #6d9e8f 22%, transparent) 0%,
      transparent 48%
    ),
    linear-gradient(188deg, #101816 0%, #090b0f 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 2%, transparent),
    0 18px 44px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}
.unternehmen-story__example-kicker {
  margin: 0 0 0.4rem;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: color-mix(in srgb, #9ec4b6 72%, #5e6f68);
}
.unternehmen-story__example-title {
  margin: 0 0 0.95rem;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 2vw, 1.38rem);
  font-weight: 600;
  line-height: 1.28;
  color: #e2efe8;
  letter-spacing: 0.02em;
}
.unternehmen-story__example-p {
  margin: 0 0 0.78rem;
  font-size: 0.98rem;
  line-height: 1.76;
  color: #a9b6ae;
}
.unternehmen-story__example-p:last-child {
  margin-bottom: 0;
}
@media print {
  .unternehmen-story__example {
    break-inside: avoid;
    border-color: #999;
    background: #f6faf7 !important;
  }
  .unternehmen-story__example-p,
  .unternehmen-story__example-title,
  .unternehmen-story__example-kicker {
    color: #333 !important;
  }
}
@media (min-width: 52rem) {
  .unternehmen-story__chapter {
    grid-template-columns: minmax(0, 1.12fr) minmax(14rem, 0.88fr);
    gap: 1.85rem;
    padding: 1.65rem 1.85rem 1.75rem;
  }
}
.unternehmen-detail-strip {
  margin: 2.15rem auto 0;
  max-width: 48rem;
  padding: 1.5rem 1.48rem 1.55rem;
  text-align: start;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #2a2a2e);
  background:
    linear-gradient(165deg, color-mix(in srgb, var(--gold) 5%, transparent) 0%, transparent 42%),
    linear-gradient(180deg, #121214 0%, #0a0a0c 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 2%, transparent),
    0 16px 40px rgba(0, 0, 0, 0.22);
}
.unternehmen-detail-strip__eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.71rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold2) 52%, #7f7a72);
}
.unternehmen-detail-strip__h {
  margin: 0 0 0.62rem;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 2vw, 1.28rem);
  font-weight: 600;
  color: var(--gold2);
  line-height: 1.3;
}
.unternehmen-detail-strip__p {
  margin: 0;
  font-size: 1.04rem;
  line-height: 1.72;
  color: #a9a399;
}

/* Team deck: screen + print-to-PDF */
.page-team-deck-shell.page-doc {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}
.page-team-deck__intro {
  margin-bottom: 1.75rem;
  padding: 0 0.25rem;
  text-align: center;
}
.page-team-deck__print-hint {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #9a958d;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.page-team-deck__h {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  font-weight: 600;
  color: #eae6de;
}
.page-team-deck__intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: center;
  align-items: center;
}
.pitch-deck-track {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding-bottom: 2rem;
}
.pitch-slide {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pitch-slide__canvas {
  min-height: 14rem;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #33302a);
  padding: 2rem 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 2.5%, transparent),
    0 20px 52px rgba(0, 0, 0, 0.4);
}
.pitch-slide__canvas--hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  background:
    radial-gradient(ellipse 75% 55% at 50% -5%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 62%),
    linear-gradient(185deg, #18181d 0%, #0c0c0f 92%);
}
.pitch-slide__canvas--dark {
  min-height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(160deg, #1f1418 0%, #0f0a0c 85%);
  border-color: color-mix(in srgb, #c87878 25%, #3a2828);
}
.pitch-slide__brand {
  max-width: 14rem;
  height: auto;
  filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.5));
}
.pitch-slide__deck-label {
  margin: 0;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold2) 40%, #9b968d);
}
.pitch-slide__bg-art {
  position: absolute;
  right: -5%;
  bottom: -12%;
  width: min(48%, 18rem);
  opacity: 0.22;
  pointer-events: none;
}
.pitch-slide__warn {
  margin: 0;
  max-width: 40rem;
  text-align: center;
  font-size: 0.88rem;
  line-height: 1.58;
  color: #cbb6b9;
}
.pitch-slide__grid {
  min-height: 16rem;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--gold) 20%, #2e2e32);
  padding: 1.5rem 1.35rem 1.65rem;
  background:
    linear-gradient(148deg, color-mix(in srgb, var(--gold) 6%, transparent) 0%, transparent 52%),
    linear-gradient(188deg, #141417 0%, #09090b 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 2%, transparent),
    0 18px 46px rgba(0, 0, 0, 0.36);
}
.pitch-slide__grid--split {
  display: grid;
  gap: 1.35rem;
  align-items: center;
}
@media (min-width: 44rem) {
  .pitch-slide__grid--split {
    grid-template-columns: minmax(11rem, 0.92fr) minmax(0, 1.2fr);
    padding: 1.65rem 1.65rem 1.75rem;
    min-height: 17rem;
  }
}
.pitch-slide__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 9rem;
  padding: 0.85rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 12%, #2a2a2e);
  background: radial-gradient(ellipse 70% 60% at 50% 35%, color-mix(in srgb, var(--gold) 10%, transparent), #0c0c0e 75%);
}
.pitch-slide__asset {
  width: 100%;
  max-width: 13rem;
  height: auto;
  opacity: 0.96;
  filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.42));
}
.pitch-slide__asset--tall {
  max-width: 10rem;
}
.pitch-slide__text {
  min-width: 0;
}
.pitch-slide__counter {
  margin: 0 0 0.45rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold2) 38%, #8a857c);
}
.pitch-slide__h {
  margin: 0 0 0.65rem;
  font-family: var(--serif);
  font-size: clamp(1.08rem, 2vw, 1.32rem);
  font-weight: 600;
  line-height: 1.28;
  color: var(--gold2);
}
.pitch-slide__body {
  font-size: 0.95rem;
  line-height: 1.62;
  color: #b0aba2;
}
.pitch-slide__body p {
  margin: 0 0 0.55rem;
}
.pitch-slide__body p:last-child {
  margin-bottom: 0;
}
.pitch-slide__body ul,
.pitch-slide__body ol {
  margin: 0.4rem 0 0.55rem;
  padding-left: 1.15rem;
}
.pitch-slide__body li {
  margin-bottom: 0.35rem;
}

@media print {
  body.page-team-deck .legal-banner,
  body.page-team-deck .site-header,
  body.page-team-deck .site-footer,
  body.page-team-deck .page-team-deck__intro {
    display: none !important;
  }
  body.page-team-deck {
    background: #fff !important;
    color: #111 !important;
  }
  body.page-team-deck main {
    max-width: none !important;
    padding: 0 !important;
  }
  body.page-team-deck .page-team-deck-shell {
    max-width: none !important;
  }
  .pitch-deck-track {
    gap: 0;
    padding: 0;
  }
  .pitch-slide {
    break-inside: avoid;
    page-break-after: always;
    page-break-inside: avoid;
  }
  .pitch-slide:last-child {
    page-break-after: auto;
  }
  .pitch-slide__canvas,
  .pitch-slide__grid {
    min-height: 0;
    border-radius: 0;
    border: 1px solid #ccc;
    box-shadow: none;
    background: #fff !important;
    color: #111 !important;
  }
  .pitch-slide__canvas--dark {
    background: #f5f0f0 !important;
    border-color: #bbb;
  }
  .pitch-slide__warn {
    color: #333 !important;
  }
  .pitch-slide__h,
  .pitch-slide__counter,
  .pitch-slide__deck-label {
    color: #222 !important;
  }
  .pitch-slide__body {
    color: #333 !important;
  }
  .pitch-slide__visual {
    border-color: #ddd;
    background: #f8f8f8 !important;
  }
}

/* Kontakt: zentrierter Kopf, Firmensitz- und Service-Kachel, ausklappbare Zeitzonen */
.page-doc--kontakt .page-doc--kontakt__head {
  text-align: center;
}
.page-doc--kontakt .page-doc--kontakt__head h1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--kontakt .kontakt-page__h1 {
  font-size: clamp(1.62rem, 3.15vw + 0.85rem, 2.55rem);
  line-height: 1.22;
  margin: 0;
  letter-spacing: 0.025em;
  text-shadow: 0 0 48px color-mix(in srgb, var(--gold) 10%, transparent);
}
.page-doc--kontakt__prose {
  margin-top: 0;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.page-doc--kontakt .kontakt-seat {
  margin: 1.35rem auto 0;
  max-width: none;
  width: 100%;
  padding: 1.25rem 1.35rem 1.4rem;
  text-align: center;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2a2e);
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--gold) 10%, transparent) 0%, transparent 45%),
    linear-gradient(180deg, #141417 0%, #0c0c0e 88%, #080809 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 3%, transparent),
    0 0 36px color-mix(in srgb, var(--gold) 8%, transparent),
    0 20px 48px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}
.page-doc--kontakt .kontakt-seat__name {
  font-family: var(--serif);
  font-size: clamp(1.32rem, 2.2vw, 1.62rem);
  font-weight: 600;
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
  margin: 0 0 0.55rem;
  letter-spacing: 0.02em;
  line-height: 1.25;
}
.page-doc--kontakt .kontakt-seat__addr {
  margin: 0;
  color: #e4dfd6;
  font-size: 1.06rem;
  line-height: 1.68;
}
.page-doc--kontakt .kontakt-service-tile {
  margin: 1.35rem auto 0;
  max-width: none;
  width: 100%;
  padding: 1.25rem 1.35rem 1.35rem;
  text-align: center;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2a2e);
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--gold) 10%, transparent) 0%, transparent 45%),
    linear-gradient(180deg, #141417 0%, #0c0c0e 88%, #080809 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 3%, transparent),
    0 0 36px color-mix(in srgb, var(--gold) 8%, transparent),
    0 20px 48px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}
.page-doc--kontakt .kontakt-service-tile__h {
  text-align: center;
  margin: 0 0 0.65rem;
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gold2);
  line-height: 1.2;
}
.page-doc--kontakt .kontakt-service-tile__lead {
  margin: 0;
  font-size: 1.05rem;
  color: #cfc9bf;
  line-height: 1.55;
}
.page-doc--kontakt .kontakt-service-tile__times {
  margin: 0.45rem 0 0;
  font-size: clamp(1.12rem, 2.2vw, 1.38rem);
  line-height: 1.5;
  color: #eae6df;
  font-weight: 600;
}
.page-doc--kontakt .kontakt-service-tile__times strong {
  color: var(--gold2);
  font-weight: 700;
}
.page-doc--kontakt .kontakt-service-tile__tg {
  margin: 0.75rem 0 0;
  font-size: 1.06rem;
  line-height: 1.55;
  color: #e4dfd6;
}
.page-doc--kontakt .kontakt-service-tile__tg a {
  color: var(--gold2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-doc--kontakt .kontakt-service-tile__tg a:hover {
  color: #fff0d0;
}
.page-doc--kontakt .kontakt-hours-details {
  margin: 1.15rem auto 0;
  max-width: none;
  width: 100%;
  text-align: left;
}
.page-doc--kontakt .kontakt-hours-details__summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.95rem;
  color: var(--gold2);
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0.35rem 0;
  outline-offset: 4px;
}
.page-doc--kontakt .kontakt-hours-details__summary::-webkit-details-marker {
  display: none;
}
.page-doc--kontakt .kontakt-hours-details__summary::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.45rem;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid color-mix(in srgb, var(--gold2) 85%, #444);
  vertical-align: middle;
  transform: rotate(-90deg);
  transition: transform 0.18s ease;
}
.page-doc--kontakt .kontakt-hours-details[open] .kontakt-hours-details__summary::before {
  transform: rotate(0deg);
}
.page-doc--kontakt .kontakt-hours-details__body {
  margin-top: 0.5rem;
  padding: 0.85rem 1rem 1rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--gold2) 22%, #333);
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 6%, #121214) 0%, #0a0a0c 100%);
}
.page-doc--kontakt .kontakt-hours-seat-note {
  margin: 0 0 0.75rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--gold2) 18%, #cdc8bf);
}
.page-doc--kontakt .kontakt-hours-seat-note strong {
  color: var(--gold2);
  font-weight: 700;
}
.page-doc--kontakt .kontakt-hours-zones-label {
  margin: 1rem 0 0.4rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #8e8a82;
  font-weight: 600;
}
.page-doc--kontakt .kontakt-hours-zones {
  margin: 0;
  padding-inline-start: 1.2rem;
  color: #aeaaa4;
  font-size: 1.02rem;
  line-height: 1.68;
}
.page-doc--kontakt .kontakt-hours-zones li + li {
  margin-top: 0.35rem;
}
.page-doc--kontakt .kontakt-hours-zone-name {
  font-weight: 600;
  color: #cbc6be;
}
.page-doc__section {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 10%, #222);
}
.page-doc__section h2 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--gold2);
  margin: 0 0 0.5rem;
  font-family: var(--serif);
  letter-spacing: 0.03em;
}
.h-like-h3 {
  font-size: 1.08rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
  color: var(--gold2);
  font-family: var(--serif);
  letter-spacing: 0.02em;
}
.page-404 {
  text-align: center;
  max-width: 32rem;
  margin: 2rem auto 3rem;
}
.page-404 p {
  color: #9a9aa6;
}
.section--portal {
  padding-bottom: 3rem;
}
.section--portal .portal-grid--titles {
  margin-top: 1.35rem;
}
.portal-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.1rem 1.2rem;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 32rem) {
  .portal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 60rem) {
  .portal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem 1.35rem;
  }
  .portal-grid--titles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Gleiche Kartenhöhe pro Zeile: li streckt, Link füllt die Zelle */
.portal-grid > li {
  display: flex;
  min-width: 0;
  align-items: stretch;
}
.portal-card {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  text-decoration: none;
  text-align: left;
  padding: 1.15rem 1.2rem 1.2rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 20%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 4%, transparent) inset, 0 8px 32px rgba(0, 0, 0, 0.38);
  color: #c4c4ce !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.portal-card__row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}
.portal-card__row .portal-card__icon {
  flex-shrink: 0;
  line-height: 1;
  margin-top: 0.08rem;
}
.portal-card__row .portal-card__h {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}
.portal-card:hover {
  text-decoration: none;
  border-color: color-mix(in srgb, var(--gold) 40%, #333);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset, 0 12px 40px color-mix(in srgb, var(--gold) 8%, rgba(0, 0, 0, 0.55));
  transform: translateY(-2px);
  color: #e8e4dc !important;
}
.portal-card__icon {
  font-size: 0.92rem;
  color: var(--gold2);
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.portal-card__h {
  font-family: var(--serif);
  font-size: clamp(1.24rem, 1.05vw + 1.06rem, 1.42rem);
  color: color-mix(in srgb, var(--gold2) 90%, #fff);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.portal-card__p {
  flex: 1 1 auto;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #8e8a80;
  margin: 0;
  min-width: 0;
}
.portal-closing {
  text-align: center;
  max-width: 32rem;
  margin: 2rem auto 0;
  font-size: 0.9rem;
}
.footer-grid--wide {
  grid-template-columns: 1fr;
}
@media (min-width: 40rem) {
  .footer-grid--wide {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
  }
}

.lang-switch {
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
}
.lang-dropdown {
  padding: 0;
  border-radius: 8px;
  border: none;
}
.lang-dropdown__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  list-style: none;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.32rem 0.62rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 40%, #2e2e34);
  background: linear-gradient(180deg, #1a1510, #0c0c0e);
  color: #f5f0e5;
}
.lang-dropdown__trigger:hover {
  border-color: color-mix(in srgb, var(--gold) 55%, #333);
}
.lang-dropdown__trigger:focus-visible {
  outline: 2px solid var(--gold2);
  outline-offset: 2px;
}
.lang-dropdown__current {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lang-dropdown__caret {
  display: inline-block;
  width: 0;
  height: 0;
  border-inline-start: 5px solid transparent;
  border-inline-end: 5px solid transparent;
  border-top: 5px solid #a8a3a0;
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
.lang-dropdown[open] > .lang-dropdown__trigger .lang-dropdown__caret {
  transform: rotate(180deg);
}
.lang-dropdown__panel {
  position: absolute;
  z-index: 80;
  margin-top: 0.35rem;
  inset-inline-end: 0;
  min-width: max(100%, 10.5rem);
  max-height: min(70vh, 22rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.35rem 0;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 28%, #2e2e34);
  background: #0f0f12;
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.45);
}
.lang-dropdown__item {
  display: block;
  padding: 0.45rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 500;
  text-decoration: none;
  color: #c8c4bc;
}
.lang-dropdown__item:hover {
  color: var(--gold2);
  background: color-mix(in srgb, var(--gold) 8%, transparent);
}
.lang-dropdown__item--current {
  color: var(--gold2);
  font-weight: 600;
  background: color-mix(in srgb, var(--gold) 10%, transparent);
  cursor: default;
}
.section--narrative {
  padding-top: 2rem;
}
.narrative-grid {
  display: grid;
  gap: 1.2rem 1.35rem;
  margin-top: 1.35rem;
  max-width: none;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 45rem) {
  .narrative-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.narrative-p {
  /* wie Hero-Intro p.hero-lead__kachel (Startseite, erster Fließblock) */
  color: color-mix(in srgb, #e8e2d8 96%, #9a9090);
  line-height: 1.78;
  margin: 0;
  font-size: clamp(1.05rem, 1.2vw + 0.2rem, 1.2rem);
  font-weight: 400;
}
.ref-studio {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ref-rows {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.ref-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}
.ref-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold-dim);
  min-width: 4.5rem;
}
code.ref-url {
  flex: 1 1 12rem;
  display: block;
  font-size: 0.75rem;
  padding: 0.45rem 0.5rem;
  background: #0a0a0b;
  border: 1px solid #2a2a2e;
  border-radius: 6px;
  color: #c4c4ce;
}
.ref-row .button.small,
.ref-row .button.ghost.small {
  padding: 0.35rem 0.65rem;
  font-size: 0.78rem;
}
.ref-line {
  font-size: 0.8rem;
  margin-top: 0.9rem;
}
.crypto-links {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
}
.crypto-links li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.9rem;
  align-items: baseline;
  border-bottom: 1px solid #1e1e24;
  padding: 0.5rem 0;
}
.crypto-links li:last-child {
  border-bottom: 0;
}
.crypto-k {
  min-width: 8rem;
  color: #9a9aa6;
  font-size: 0.86rem;
}
.sim-deposit {
  border: 1px dashed color-mix(in srgb, var(--gold) 28%, #333);
  background: color-mix(in srgb, var(--gold) 3%, #0a0a0a);
}
.page-admin,
.page-admin .admin-main,
.page-admin .admin-header {
  background: #060607;
}
.admin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--content-max);
  margin: 0 auto;
  padding: max(0.9rem, var(--sa-t)) max(1.25rem, var(--sa-r)) 0.9rem max(1.25rem, var(--sa-l));
  border-bottom: 1px solid #1a1a1f;
  min-width: 0;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.admin-brand {
  font-family: var(--serif);
  font-size: 1.25rem;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: #e8d5a5;
  font-weight: 600;
}
.admin-main {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 1.5rem max(1.25rem, var(--sa-r)) max(2.5rem, var(--sa-b)) max(1.25rem, var(--sa-l));
  min-width: 0;
}
.admin-wrap h1 {
  font-family: var(--serif);
  color: var(--gold2);
  font-size: 1.75rem;
  margin: 0 0 0.5rem;
  letter-spacing: 0.03em;
  font-weight: 600;
}
.admin-wrap h2 {
  font-size: 1.05rem;
  margin: 0 0 0.5rem;
  color: #ddd;
}
.admin-form .block-label {
  display: block;
  margin: 0.5rem 0 0.35rem;
}
.admin-form .block-label input {
  display: block;
  width: 100%;
  max-width: 22rem;
  margin-top: 0.2rem;
}
.admin-grid {
  margin-bottom: 1.25rem;
}
.table-wrap {
  overflow-x: auto;
}
.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
}
.admin-table th,
.admin-table td {
  text-align: left;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #222;
}
.admin-table th {
  color: #8e8e98;
  font-weight: 500;
}
.admin-deposit-proof-thumb {
  display: block;
  max-height: 3rem;
  max-width: 4.5rem;
  width: auto;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #333;
  vertical-align: middle;
}
.admin-ledger {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.84rem;
}
.admin-ledger li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid #1a1a20;
  align-items: baseline;
}
.admin-foot {
  border-top: 1px solid #1a1a1f;
  margin-top: 2rem;
}
.small {
  font-size: 0.86rem;
}
.page-admin .button.primary {
  margin-top: 0.5rem;
}
.wallet-line {
  font-size: 0.9rem;
  word-break: break-all;
  color: #d4d0c8;
  margin: 0.35rem 0 0.5rem;
}
.konto-subh {
  font-size: 0.95rem;
  margin: 1.25rem 0 0.4rem;
  color: #b8b8c2;
}
.req-list {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: 0.88rem;
}
.req-list li {
  padding: 0.4rem 0;
  border-bottom: 1px solid #1c1c22;
}
.admin-inline-form {
  display: inline-block;
  vertical-align: top;
  margin: 0.2rem 0.35rem 0.2rem 0;
}
.admin-note-field {
  max-width: 10rem;
  font-size: 0.8rem;
  margin-right: 0.25rem;
}
.button.small {
  font-size: 0.8rem;
  padding: 0.35rem 0.6rem;
}

/* Account desk (page-konto--pro) */
body.page-konto--pro .main-inner {
  max-width: var(--content-max);
  padding-left: max(1.2rem, var(--sa-l));
  padding-right: max(1.2rem, var(--sa-r));
  position: relative;
  isolation: isolate;
}

@keyframes konto-page-ambient {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    opacity: 0.72;
    transform: translate3d(2%, -1.5%, 0) scale(1.04);
  }
  100% {
    opacity: 0.58;
    transform: translate3d(-1.5%, 1%, 0) scale(1.025);
  }
}

body.page-konto--pro main.main-inner::before {
  content: "";
  position: absolute;
  inset: -0.35rem clamp(-0.85rem, -2vw, 0) -2.5rem;
  z-index: 0;
  pointer-events: none;
  border-radius: 0;
  background:
    radial-gradient(ellipse 85% 55% at 12% 15%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 58%),
    radial-gradient(ellipse 75% 50% at 92% 78%, color-mix(in srgb, var(--gold) 11%, transparent), transparent 55%),
    radial-gradient(ellipse 55% 45% at 48% 48%, color-mix(in srgb, #352e1c 25%, transparent), transparent 72%);
  animation: konto-page-ambient 22s ease-in-out infinite alternate;
}

body.page-konto--pro main.main-inner > .konto-app {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  body.page-konto--pro main.main-inner::before {
    animation: none;
    opacity: 0.55;
    transform: none;
  }
}

body.konto-first-ack-open {
  overflow: hidden;
}

.konto-first-ack {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom))
    max(1rem, env(safe-area-inset-left));
  box-sizing: border-box;
}

.konto-first-ack__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.74);
  pointer-events: auto;
}

.konto-first-ack__panel {
  position: relative;
  z-index: 1;
  width: min(28rem, 100%);
  max-height: min(90vh, 100%);
  overflow: auto;
  padding: 1.55rem 1.45rem 1.65rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 35%, #333);
  background: linear-gradient(155deg, #161618 0%, #0b0b0d 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent) inset,
    0 24px 80px rgba(0, 0, 0, 0.65);
  outline: none;
}

.konto-first-ack__h {
  margin: 0 0 0.85rem;
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2vw + 1rem, 1.65rem);
  font-weight: 700;
  color: color-mix(in srgb, var(--gold2) 95%, #fff);
}

.konto-first-ack__body {
  margin: 0 0 1rem;
  font-size: 1.02rem;
  line-height: 1.62;
  color: #c4c0b8;
}

.konto-first-ack__body p {
  margin: 0 0 0.65rem;
}

.konto-first-ack__body p:last-child {
  margin-bottom: 0;
}

@keyframes konto-first-ack-blink {
  0%,
  49% {
    opacity: 1;
    color: color-mix(in srgb, var(--gold2) 96%, #fff);
  }
  50%,
  100% {
    opacity: 0.72;
    color: color-mix(in srgb, #ffb020 88%, #fff);
  }
}

.konto-first-ack__blink {
  font-weight: 700;
  animation: konto-first-ack-blink 1s steps(1, end) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .konto-first-ack__blink {
    animation: none;
    opacity: 1;
  }
}

.konto-first-ack__num-label {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--gold2);
  font-weight: 600;
}

.konto-first-ack__num {
  margin: 0 0 1.15rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #f5efe6;
  word-break: break-all;
}

.konto-first-ack__check-label {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  font-size: 0.98rem;
  line-height: 1.5;
  cursor: pointer;
  color: #dcd8d0;
}

.konto-first-ack__check-label input {
  margin-top: 0.2rem;
  flex-shrink: 0;
}

.konto-first-ack__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.konto-first-ack__submit {
  margin-top: 0.15rem;
  width: 100%;
}
.konto-hero {
  position: relative;
  padding: 1.45rem 1.5rem 1.5rem;
  margin: 0 0 1.15rem;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--gold) 28%, #2c2618);
  background: linear-gradient(135deg, #14141a 0%, #0b0b0d 50%, #0a090c 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset,
    0 20px 56px color-mix(in srgb, var(--gold) 5%, rgba(0, 0, 0, 0.5));
  overflow: hidden;
}
.konto-hero::before {
  content: "";
  position: absolute;
  right: -20%;
  top: -40%;
  width: 50%;
  height: 120%;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--gold) 12%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
.konto-hero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  position: relative;
  z-index: 1;
}
.konto-hero__id {
  min-width: 0;
}
.konto-hero__title {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  font-weight: 600;
  margin: 0 0 0.35rem;
  letter-spacing: 0.04em;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.konto-hero__account-stat-wrap {
  margin-top: 1.1rem;
  max-width: min(26rem, 100%);
}
/* Kontonummer im Hero: ohne zweiten „Karten“-Rahmen (nur Typo) */
.konto-stat.konto-surface.konto-stat--highlight.konto-stat--hero-acc {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: auto;
  padding: 0;
}
.konto-stat--hero-acc .konto-stat__val.mono {
  margin: 0;
  font-family: ui-monospace, system-ui, "Segoe UI", monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  font-size: clamp(1.2rem, 2.8vw, 1.55rem);
  color: var(--gold2);
}
.konto-hero__chip {
  display: inline-block;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  color: color-mix(in srgb, var(--gold2) 88%, #fff);
  letter-spacing: 0.1em;
  margin: 0;
  font-weight: 500;
  font-family: var(--serif);
  padding: 0.2rem 0.15rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 35%, transparent);
  text-shadow: 0 0 24px color-mix(in srgb, var(--gold) 8%, transparent);
}
.konto-callout {
  margin: 0 0 1.15rem;
  padding: 0.9rem 1.1rem 1rem 1.2rem;
  border-radius: 0 12px 12px 0;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, #b45309 28%, #2a1a0c);
  border-left: 3px solid color-mix(in srgb, var(--gold) 55%, #6b4a18);
  background: linear-gradient(100deg, color-mix(in srgb, #9a3412 15%, #0c0a08) 0%, #101012 50%, #0a0a0b 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #fff 3%, transparent) inset;
  font-size: clamp(0.98rem, 1.05vw, 1.05rem);
  line-height: 1.7;
  color: #e8e4dc;
}
.konto-callout__p {
  margin: 0;
  max-width: none;
}
.konto-callout strong {
  color: #fef3c7;
  font-weight: 600;
}
.konto-flash {
  position: relative;
  z-index: 1;
  margin: 0.65rem 0 0;
  font-size: 0.9rem;
}
/* Erfolgsmeldungen wie „Guthaben reicht nicht“ gleich stark lesbar machen */
.konto-flash.ok {
  margin: 1rem 0 0;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.35;
  font-weight: 600;
  color: #86efac;
}
.konto-flash--balance-short {
  margin: 1rem 0 0;
  font-size: inherit;
}
.konto-flash__balance-msg {
  margin: 0;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.35;
  font-weight: 600;
  color: #86efac;
}
.konto-flash__balance-cta-wrap {
  margin: 0.75rem 0 0;
}
.konto-flash__balance-cta {
  font-size: 1rem;
}
.konto-app-nav {
  position: sticky;
  top: 0.25rem;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem 0.25rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1.5rem;
  padding: 0.6rem 0.55rem;
  background: color-mix(in srgb, #0a0a0b 90%, transparent);
  backdrop-filter: blur(12px) saturate(1.15);
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #1e1e24);
  border-radius: 12px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 4%, transparent) inset, 0 10px 32px color-mix(in srgb, #000 50%, transparent);
}
.konto-app-nav__link {
  text-decoration: none;
  color: #8e8e9a;
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  padding: 0.45rem 0.5rem;
  border-radius: 7px;
  border: 1px solid transparent;
  transition: color 0.15s, background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.konto-app-nav__link:hover {
  color: #f0ebe2;
  background: #151518;
  border-color: #2a2a30;
}
.konto-app-nav__link.is-active {
  color: #f5f0e5;
  background: color-mix(in srgb, var(--gold) 8%, #121214);
  border-color: color-mix(in srgb, var(--gold) 28%, #2a2a2e);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 20%, transparent) inset;
}
.page-konto--pro .konto-panel {
  scroll-margin-top: 4.5rem;
}
.konto-ledger-snip__link {
  margin: 0.6rem 0.35rem 0.25rem;
  font-size: 0.9rem;
}
.konto-ledger-snip__empty {
  margin: 0.35rem 0.4rem 0.5rem;
}
.konto-panel {
  margin: 0 0 1.75rem;
}
.konto-panel--wide {
  max-width: none;
}
.konto-panel__head {
  margin-bottom: 0.75rem;
  padding: 0 0.1rem 0.35rem;
  border-bottom: 1px solid #232328;
}
.konto-panel__title {
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--gold2);
  margin: 0;
  letter-spacing: 0.04em;
}
.konto-panel__title--gold {
  color: var(--gold);
  letter-spacing: 0.04em;
}
/* Konto-Überblick: gleiche Leitung wie „So können Sie investieren“ (overview-barrel-shop-h) */
.konto-panel__title--desk-h {
  font-size: clamp(1.5rem, 2.6vw, 1.95rem);
  line-height: 1.2;
  color: var(--gold);
}
.konto-panel__sub {
  font-size: 0.86rem;
  margin: 0.35rem 0 0;
  line-height: 1.45;
  max-width: 44rem;
}
.konto-panel__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.konto-surface {
  background: linear-gradient(165deg, #121214, #0c0c0d);
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2620);
  border-radius: 12px;
  padding: 1.15rem 1.25rem 1.25rem;
  box-shadow:
    0 0 0 1px color-mix(in srgb, #fff 2.5%, transparent) inset,
    0 8px 28px color-mix(in srgb, #000 45%, transparent);
}
.konto-surface--inset {
  background: #0e0e10;
  border-color: #25252b;
}
.konto-surface.barrel-shop__cart {
  margin-top: 0.25rem;
  padding: 1.1rem 1.15rem 1.15rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 42%, #3a2f18);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent) inset,
    0 8px 28px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.4));
  background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 6%, #101012), #0b0b0d);
}
.konto-surface.barrel-shop__cart .barrel-shop__cart-h {
  color: var(--gold);
  font-family: var(--serif);
  font-size: clamp(1.7rem, 3.2vw, 2.5rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.15;
  margin: 0 0 0.7rem;
}
.konto-surface.barrel-shop__cart .barrel-shop__ql {
  color: color-mix(in srgb, var(--gold) 70%, #7a7a86);
  font-weight: 600;
  font-size: clamp(0.8rem, 0.5vw + 0.5rem, 0.9rem);
  letter-spacing: 0.12em;
}
.konto-surface.barrel-shop__cart .barrel-shop__qtyin {
  border: 1px solid color-mix(in srgb, var(--gold) 28%, #3f3f46);
  background: #0a0a0a;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 6%, transparent) inset;
}
.konto-surface--dev {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--gold) 25%, #333);
  background: color-mix(in srgb, var(--gold) 3%, #0a0a0a);
}
.konto-surface--ledger {
  padding: 0.35rem 0.5rem 0.5rem;
  background: #0a0a0b;
}
/* Kontohistorie: Summary + Tabellen */
.konto-historie__intro {
  margin: 0.35rem 0 0;
  max-width: 40rem;
}
.konto-historie__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.75rem;
  margin: 1rem 0 0.5rem;
}
.konto-historie__card {
  padding: 0.75rem 0.9rem 0.85rem;
  min-height: 4.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.konto-historie__card-l {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in srgb, var(--gold) 45%, #7a7a86);
  margin: 0 0 0.25rem;
  font-weight: 600;
}
.konto-historie__card-v {
  font-size: 1.12rem;
  font-weight: 600;
  font-family: var(--serif);
  color: color-mix(in srgb, var(--gold2) 85%, #fff);
  margin: 0;
  line-height: 1.2;
  text-shadow: 0 0 18px color-mix(in srgb, var(--gold) 6%, transparent);
}
.konto-historie__block {
  margin-top: 1.15rem;
}
.konto-historie__subh {
  font-size: 0.88rem;
  font-weight: 600;
  color: #dcd5c4;
  margin: 0 0 0.4rem;
  font-family: var(--serif);
}
.hist-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
}
.hist-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.hist-table th {
  text-align: left;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8e8e9a;
  padding: 0.4rem 0.5rem 0.5rem;
  border-bottom: 1px solid #2a2a32;
  white-space: nowrap;
}
.hist-table td {
  padding: 0.5rem 0.5rem 0.55rem;
  border-bottom: 1px solid #1c1c20;
  vertical-align: top;
}
.hist-table tbody tr:last-child td {
  border-bottom: none;
}
.hist-col-amt {
  text-align: right;
  white-space: nowrap;
}
.hist-type {
  color: #c9c2b4;
}
.hist-row--in .hist-type {
  color: #a8c9a0;
}
.hist-row--out .hist-type {
  color: #c9a8a0;
}
.hist-amt--in {
  color: #8ecf86;
}
.hist-amt--out {
  color: #e89888;
}
.hist-amt--zero {
  color: #9a9aa4;
}
.hist-pill {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  border: 1px solid #3a3a44;
  background: #141416;
  color: #c4c0b8;
}
.hist-pill--pending {
  border-color: color-mix(in srgb, var(--gold) 35%, #444);
  color: #d8c8a0;
}
.hist-pill--confirmed {
  border-color: #2d4a2d;
  color: #9ecf9a;
  background: color-mix(in srgb, #1a2a1a 80%, #121214);
}
.hist-pill--rejected {
  border-color: #5a3030;
  color: #e0a0a0;
  background: color-mix(in srgb, #2a1818 70%, #121214);
}
/* Kontohistorie: an Einzahlung / Konto-Highlights (Gold, Kacheln) */
.ledger-page .ledger-page__intro {
  margin: 0.5rem 0 0;
  max-width: 48rem;
  font-size: clamp(0.94rem, 0.28vw + 0.86rem, 1.04rem);
  line-height: 1.6;
  color: #a8a4a0;
  font-weight: 400;
}
.ledger-page .konto-historie__summary {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.1rem;
  margin: 1.1rem 0 0.65rem;
}
@media (max-width: 52rem) {
  .ledger-page .konto-historie__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ledger-page .konto-historie__card {
  min-width: 0;
  padding: 1rem 1.1rem 1.15rem;
  min-height: 6.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.55rem;
  border: 1px solid color-mix(in srgb, var(--gold) 36%, #2a2416);
  border-radius: 12px;
  background: radial-gradient(ellipse 120% 100% at 50% 0%, color-mix(in srgb, var(--gold) 11%, #141008), #080705);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset,
    0 8px 26px color-mix(in srgb, #000 55%, transparent);
}
.ledger-page .konto-historie__card-l {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  line-height: 1.35;
  color: var(--gold2);
  text-shadow: 0 0 20px color-mix(in srgb, var(--gold) 18%, transparent);
}
.ledger-page .konto-historie__card-v {
  font-size: clamp(1.5rem, 2.6vw + 1rem, 2.35rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.02em;
  width: 100%;
}
.ledger-page .konto-historie__card-v.hist-amt--in {
  color: #8ecf86;
}
.ledger-page .konto-historie__card-v.hist-amt--out {
  color: #e89888;
}
.ledger-page .konto-historie__card-v.konto-historie__card-v--num {
  color: color-mix(in srgb, var(--gold2) 85%, #fff);
}
@media (max-width: 22rem) {
  .ledger-page .konto-historie__summary {
    grid-template-columns: 1fr;
  }
}
.ledger-page h3.konto-historie__subh.konto-gold-section-h {
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.4vw, 1.3rem);
  font-weight: 600;
  color: var(--gold);
  margin: 0 0 0.55rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.ledger-page .konto-surface--ledger {
  padding: 0.5rem 0.6rem 0.65rem;
  border: 1px solid color-mix(in srgb, var(--gold) 28%, #2a2a2e);
  border-radius: 12px;
  background: radial-gradient(ellipse 120% 80% at 50% 0%, color-mix(in srgb, var(--gold) 8%, #0e0c0a), #0a0a0b);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset;
}
.ledger-page .hist-table {
  font-size: 0.9rem;
}
.ledger-page .hist-table th {
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  color: color-mix(in srgb, var(--gold2) 35%, #8e8e9a);
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2a32);
  padding: 0.5rem 0.55rem 0.6rem;
}
.ledger-page .hist-table td {
  padding: 0.55rem 0.55rem 0.6rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 6%, #1c1c22);
  color: #c8c4bc;
}
.ledger-page .hist-table .hist-cell-date,
.ledger-page .hist-table .small {
  color: #9a968e;
  font-size: 0.86rem;
}
.ledger-page .ledger-page__empty {
  margin: 0.25rem 0.35rem 0.85rem;
  padding: 0.5rem 0.4rem 0.35rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #8e8a82;
}
.ledger-tenor-breakdown {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a30);
}
.ledger-tenor-breakdown__surface {
  margin-top: 0.4rem;
}
.ledger-tenor-breakdown__lead {
  margin: 0.25rem 0 0.9rem;
  max-width: 48rem;
  font-size: clamp(0.88rem, 0.22vw + 0.84rem, 0.98rem);
  line-height: 1.55;
  color: #8e8a84;
  font-weight: 400;
}
.ledger-tenor-breakdown__empty {
  margin: 0.15rem 0 0.4rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #7e7a74;
  padding: 0.5rem 0.35rem 0.25rem;
}
.ledger-tenor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr));
  gap: 1rem 1.1rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 0.25rem;
}
.ledger-tenor-card {
  min-width: 0;
  padding: 0.9rem 1.05rem 1rem;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  border-radius: 12px;
  background: radial-gradient(ellipse 120% 100% at 50% 0%, color-mix(in srgb, var(--gold) 10%, #100e08), #080605);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 7%, transparent) inset,
    0 6px 22px color-mix(in srgb, #000 50%, transparent);
}
.ledger-tenor-card__h {
  margin: 0 0 0.75rem;
  font-family: var(--serif);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--gold2);
  letter-spacing: 0.04em;
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 15%, #2a2a2e);
  padding-bottom: 0.5rem;
}
.ledger-tenor-card__dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ledger-tenor-card__row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ledger-tenor-card__row--gain {
  margin-top: 0.15rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 10%, #222228);
}
.ledger-tenor-card__dt {
  margin: 0;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold2);
  line-height: 1.3;
  text-shadow: 0 0 16px color-mix(in srgb, var(--gold) 14%, transparent);
}
.ledger-tenor-card__dd {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #c4c0b8;
  word-break: break-word;
}
.ledger-tenor-card__dd--amt {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.hist-cell-lbl {
  word-break: break-word;
}
.konto-surface__h {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--gold2);
  margin: 0 0 0.4rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.konto-surface__h.overview-barrel-shop-h {
  font-size: clamp(1.5rem, 2.6vw, 1.95rem);
  line-height: 1.2;
  margin: 1.4rem 0 0.4rem;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 8%, transparent);
}
.konto-surface h4.konto-subh,
.konto-subh {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8e8e9a;
  margin: 0.9rem 0 0.35rem;
  font-weight: 600;
}
.konto-surface__p {
  font-size: 0.86rem;
  line-height: 1.5;
  margin: 0 0 0.5rem;
}
.konto-crypto-hint {
  margin-top: 0.5rem;
}
.konto-surface__form {
  margin-top: 0.25rem;
}
.konto-stat {
  display: flex;
  flex-direction: column;
  min-height: 7rem;
  justify-content: flex-start;
  box-sizing: border-box;
}
.konto-stat__val + .konto-stat__foot {
  margin-top: auto;
}
.konto-stat--highlight {
  border: 1px solid color-mix(in srgb, var(--gold) 42%, #3a2f18) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent) inset,
    0 8px 28px color-mix(in srgb, var(--gold) 7%, rgba(0, 0, 0, 0.4));
  background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 6%, #101012), #0b0b0d) !important;
}
.konto-stat--highlight .konto-stat__label {
  color: var(--gold);
  font-weight: 600;
}
.konto-stat--highlight .konto-stat__val {
  color: var(--gold2);
}
.konto-stat__label {
  font-size: clamp(0.95rem, 1.1vw, 1.02rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8e8e9a;
  margin: 0 0 0.2rem;
}
.konto-stat__val {
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.32rem, 2.5vw, 1.68rem);
  color: #f5f0e5;
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.konto-stat__sep {
  opacity: 0.35;
  font-weight: 300;
  margin: 0 0.1rem;
}
.konto-stat__val--barrels .konto-barrel-avail-num--blink {
  display: inline-block;
  animation: barrel-avail-attn 2.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .konto-stat__val--barrels .konto-barrel-avail-num--blink {
    animation: none;
  }
}
@keyframes barrel-avail-attn {
  0%,
  100% {
    color: var(--gold2);
    text-shadow: none;
    transform: scale(1);
  }
  50% {
    color: #fff4d6;
    text-shadow:
      0 0 18px color-mix(in srgb, var(--gold) 52%, transparent),
      0 0 42px color-mix(in srgb, var(--gold2) 18%, transparent);
    transform: scale(1.035);
  }
}
.konto-stat__foot {
  font-size: 0.93rem;
  line-height: 1.5;
  color: #9a9eaa;
  margin: 0.5rem 0 0;
}
.konto-stat__foot--bonus {
  margin-top: 0.45rem;
  padding-top: 0.4rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 12%, #2a2a2e);
}
.konto-fund-stack {
  gap: 1.1rem;
}
/* Fundierung: Bento, Wallet + QR */
.konto-panel__head--funding {
  position: relative;
  margin-bottom: 0.65rem;
  border-bottom: none;
  padding-bottom: 0.15rem;
}
.funding-eyebrow {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: color-mix(in srgb, var(--gold2) 88%, #9a8a6a);
  margin: 0 0 0.35rem;
  font-weight: 600;
}
.funding-page .konto-panel__title,
.funding-page__title {
  margin: 0;
}
.funding-page__title,
.funding-page .konto-panel__title.funding-page__title {
  font-family: var(--serif);
  font-size: clamp(1.45rem, 2.5vw, 1.9rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.2;
  background: var(--h-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 40px color-mix(in srgb, var(--gold) 8%, transparent);
}
.funding-card-foot-note {
  margin-bottom: 0.75rem !important;
}
/* Abstand zwischen Gutschriften-Hinweis und Einzahlungshistorie auf Guthaben aufladen */
.funding-page .funding-card-main .funding-card-foot-note + .konto-subh {
  margin-top: 1.65rem;
  padding-top: 0.5rem;
}
.funding-page .funding-card-main .konto-subh + .funding-deposit-hist {
  margin-top: 0.35rem;
  margin-bottom: 0.6rem;
}
.funding-page .hist-table--funding-deposit th:nth-child(1),
.funding-page .hist-table--funding-deposit td.funding-dep-hist__amt {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.funding-page .hist-table--funding-deposit td.funding-dep-hist__amt {
  color: #e8e4dc;
  font-weight: 500;
}
.funding-page .hist-table--funding-deposit .funding-dep-hist__note {
  max-width: 18rem;
  min-width: 6rem;
  word-break: break-word;
  color: #b8b4aa;
}
.funding-page .hist-table--funding-deposit .funding-dep-hist__when {
  white-space: nowrap;
}
/* Schritt 2 Zahlung: gleiche Kachel-Sprache wie Schritt 1 (funding-card-main) */
.funding-page .funding-card-main .funding-form-h + .konto-subh.empfang-sum-h {
  margin-top: 1rem;
}
.funding-page .funding-card-main .funding-form-h + .empfang-chip-row {
  margin-top: 1rem;
}
.funding-page .funding-card-main .empfang-back-actions {
  margin-bottom: 0;
  padding-bottom: 1.05rem;
}
.funding-page .funding-card-main .empfang-pay-summary__dl.empfang-pay-summary--plain {
  margin: 0 0 0.85rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
}
.funding-page .funding-card-main .empfang-pay-summary__dl {
  margin: 0;
}
.funding-page .funding-card-main .empfang-pay-summary__row {
  display: grid;
  grid-template-columns: minmax(5rem, 9.5rem) 1fr;
  gap: 0.35rem 0.85rem;
  align-items: baseline;
  margin: 0.5rem 0 0;
  font-size: 0.94rem;
  line-height: 1.5;
  color: #c4c0b8;
}
.funding-page .funding-card-main .empfang-pay-summary__row:first-of-type {
  margin-top: 0;
}
.funding-page .funding-card-main .empfang-pay-summary__row dt {
  margin: 0;
  color: #a8a298;
  font-weight: 500;
}
.funding-page .funding-card-main .empfang-pay-summary__row dd {
  margin: 0;
  font-weight: 500;
  color: #e8e4dc;
}
.funding-page .funding-card-main .empfang-pay-summary__note {
  word-break: break-word;
  font-weight: 400;
  color: #b8b4aa;
}
@media (max-width: 26rem) {
  .funding-page .funding-card-main .empfang-pay-summary__row {
    grid-template-columns: 1fr;
    gap: 0.15rem 0;
  }
}
.funding-page .funding-card-main .empfang-chip-row {
  margin: 0 0 0.15rem;
}
.funding-page .funding-card-main .empfang-pay-block .block-label {
  display: block;
  margin: 0.65rem 0 0;
  font-size: 0.94rem;
  color: #a8a298;
  font-weight: 500;
}
.funding-page .funding-card-main .empfang-pay-block > .block-label:first-child {
  margin-top: 0;
}
.funding-page .funding-card-main .empfang-addr-field {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 0.4rem;
  min-height: 2.85rem;
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 26%, #3f3f46);
  color: #f5f5f5;
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  font-size: 1rem;
  font-family: var(--font);
  line-height: 1.45;
  word-break: break-all;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset;
}
.funding-page .funding-card-main .funding-wallet-grid.empfang-wallet-grid--card {
  margin-top: 0.75rem;
  padding-top: 0.9rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 14%, #25252c);
}
.funding-page .funding-card-main .funding-qr-panel--plain {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.funding-page .funding-card-main .funding-qr-panel--plain .funding-qr-img {
  display: block;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #1e1e24;
  background: #f0ebe8;
  padding: 0.45rem;
}
.funding-page .funding-card-main .empfang-copy-btn.button.ghost,
.funding-page .funding-card-main .empfang-back-btn.button.ghost {
  border-color: color-mix(in srgb, var(--gold) 38%, #444);
  color: color-mix(in srgb, var(--gold2) 88%, #f5f0e5);
}
.funding-page .funding-card-main .empfang-copy-btn.button.ghost:hover,
.funding-page .funding-card-main .empfang-back-btn.button.ghost:hover {
  border-color: color-mix(in srgb, var(--gold) 52%, #555);
  color: #fff;
  box-shadow: 0 0 20px color-mix(in srgb, var(--gold) 8%, transparent);
}
.empfang-back-actions {
  margin: 1.1rem 0 0;
  padding-top: 0.95rem;
  border-top: 1px solid color-mix(in srgb, var(--gold) 12%, #2a2620);
  display: flex;
  justify-content: center;
}
.empfang-back-btn {
  min-width: min(100%, 20rem);
  text-align: center;
  text-decoration: none;
}
.funding-page .funding-card-main .empfang-confirm-lead {
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
}
.funding-page .funding-card-main .empfang-confirm-form.funding-apply-form {
  padding-top: 0.35rem;
  padding-bottom: 0.25rem;
}
.funding-page .empfang-proof-upload input[type='file'] {
  display: block;
  width: 100%;
  max-width: min(100%, 28rem);
  margin-top: 0.35rem;
  padding: 0.45rem 0.5rem;
  font-size: 0.86rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #353540);
  background: rgb(0 0 0 / 0.35);
  color: #d8d2c8;
}
.funding-page .empfang-proof-upload-hint {
  margin: 0.15rem 0 0.85rem;
  max-width: min(100%, 36rem);
}
.funding-pretext--solo {
  line-height: 1.58;
  max-width: min(100%, 52rem);
  margin: 0 0 1.15rem;
  padding: 0.85rem 1rem 0.9rem 1.1rem;
  background: linear-gradient(100deg, color-mix(in srgb, var(--gold) 7%, #0d0c0a) 0%, #101012 48%, #0c0b0b 100%);
  border: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2a2e);
  border-left: 3px solid color-mix(in srgb, var(--gold) 42%, #3a2a18);
  border-radius: 0 12px 12px 0;
  font-size: 0.91rem;
  color: #c4c0b8;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset, 0 8px 24px rgba(0, 0, 0, 0.32);
}
.funding-pretext--solo strong {
  color: #e8e4dc;
  font-weight: 600;
}
/* Kein Rail: Kachel sichtbar aber klar „inaktiv“, Meldung ohne Rot-Markup */
.funding-page .funding-card-main--inactive {
  opacity: 0.78;
  filter: saturate(0.88) brightness(0.97);
}
.funding-page .funding-rails-msg {
  margin: 0 1.1rem 0.75rem;
  padding: 0.55rem 0.75rem;
  border-radius: 8px;
  background: rgb(255 255 255 / 0.04);
  border: 1px solid rgb(255 255 255 / 0.08);
  font-size: 0.875rem;
  line-height: 1.45;
  color: color-mix(in srgb, #a1a1aa 94%, #ccc);
}
/* Hauptformular-Kachel: wie Preisstaffel / Warenkorb */
.funding-page .funding-card-main,
.funding-page .funding-card-followup {
  position: relative;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
}
.funding-page .funding-card-main .funding-form-h,
.funding-page .funding-card-followup .funding-form-h {
  margin: 0;
  padding: 1.05rem 1.1rem 0.6rem;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 1.6vw, 1.32rem);
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 0.03em;
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  background: color-mix(in srgb, var(--gold) 3.5%, transparent);
}
.funding-page .funding-card-main .konto-surface__p,
.funding-page .funding-card-main .funding-apply-form,
.funding-page .funding-card-main .funding-card-foot-note,
.funding-page .funding-card-main .konto-subh,
.funding-page .funding-card-main .empfang-pay-summary__dl,
.funding-page .funding-card-main .empfang-chip-row,
.funding-page .funding-card-main .funding-wallet-grid,
.funding-page .funding-card-main .empfang-back-actions,
.funding-page .funding-card-main .funding-deposit-hist,
.funding-page .funding-card-followup .konto-surface__p,
.funding-page .funding-card-followup .funding-apply-form,
.funding-page .funding-card-followup .konto-surface__form,
.funding-page .funding-card-followup .konto-subh,
.funding-page .funding-card-followup .req-list {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
}
.funding-page .funding-card-main .konto-surface__p,
.funding-page .funding-card-followup .konto-surface__p {
  padding-top: 0.9rem;
  color: #b8b4aa;
  font-size: 0.9rem;
  line-height: 1.55;
}
.funding-page .funding-card-main .funding-card-main__p {
  font-size: clamp(0.98rem, 0.2vw + 0.9rem, 1.08rem);
  line-height: 1.6;
  color: #c4c0b8;
}
.funding-page .funding-card-main .funding-card-main__p strong {
  color: #e8e4dc;
  font-weight: 600;
}
.funding-page .funding-card-main .funding-apply-form,
.funding-page .funding-card-followup .funding-apply-form,
.funding-page .funding-card-followup .konto-surface__form {
  display: block;
  padding-top: 0.35rem;
  padding-bottom: 0.2rem;
}
.funding-page .funding-apply-form .block-label,
.funding-page .funding-card-followup .block-label,
.funding-page .funding-card-followup .konto-surface__form .block-label {
  display: block;
  margin: 0.65rem 0 0;
  font-size: 0.94rem;
  color: #a8a298;
  font-weight: 500;
}
.funding-page .funding-apply-form .block-label input,
.funding-page .funding-card-followup .block-label input,
.funding-page .funding-card-followup .konto-surface__form .block-label input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 0.4rem;
  min-height: 2.85rem;
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 26%, #3f3f46);
  color: #f5f5f5;
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  font-size: 1rem;
  font-family: var(--font);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.funding-page .funding-apply-form .block-label input::placeholder,
.funding-page .funding-card-followup .block-label input::placeholder,
.funding-page .funding-card-followup .konto-surface__form .block-label input::placeholder {
  color: #6a6a72;
}
.funding-page .funding-apply-form .block-label input:focus,
.funding-page .funding-card-followup .block-label input:focus,
.funding-page .funding-card-followup .konto-surface__form .block-label input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--gold) 45%, #555);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 20%, transparent) inset, 0 0 0 3px color-mix(in srgb, var(--gold) 12%, transparent);
}
.funding-card-main__p {
  margin-bottom: 0.5rem;
}
.funding-apply-form__go {
  margin-top: 0.85rem;
  width: 100%;
  max-width: 20rem;
  padding: 0.6rem 1.2rem;
  font-size: 0.95rem;
  font-weight: 600;
}
/* Auszahlung: Hinweis im Kontohistorie-Summary-Stil (Label + Fließtext) */
.settlement-page .konto-surface.settlement-notice {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0 0 0.75rem;
  padding: 0.8rem 1rem 0.95rem;
}
.settlement-page .settlement-notice__eyebrow {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in srgb, var(--gold) 45%, #7a7a86);
  margin: 0 0 0.5rem;
  font-weight: 600;
  font-family: var(--font);
  line-height: 1.35;
}
.settlement-page .settlement-notice__body {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: #a1a1aa;
  font-family: var(--font);
  font-weight: 400;
}
.settlement-page .settlement-notice__body strong {
  color: color-mix(in srgb, var(--gold2) 82%, #e8e0d0);
  font-weight: 600;
}
.settlement-page .settlement-card--locked {
  opacity: 0.78;
  filter: saturate(0.9);
}
.settlement-page .settlement-card--locked .button.primary:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.settlement-page .settlement-card--withdraw-addr .konto-surface__p {
  margin: 0;
  padding: 0.75rem 1.1rem 0.4rem;
}
.settlement-page .settlement-withdraw-addr-form {
  display: block;
  margin: 0;
  padding: 0.35rem 1.1rem 1.05rem;
}
.settlement-page .settlement-withdraw-addr-form .block-label {
  display: block;
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #a3a0a0;
  font-weight: 500;
}
.settlement-page .settlement-withdraw-addr-form .block-label input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 0.4rem;
  min-height: 2.85rem;
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 26%, #3f3f46);
  color: #f5f5f5;
  border-radius: 8px;
  padding: 0.6rem 0.65rem;
  font-size: 0.86rem;
}

.settlement-page .settlement-card--withdraw-addr .settlement-withdraw-meta {
  margin: 0;
  padding: 0 1.1rem 0.85rem;
}

.settlement-page .settlement-card {
  position: relative;
  margin-top: 0.5rem;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
}
.settlement-page .settlement-card .funding-form-h,
.settlement-page .settlement-card .konto-surface__h {
  margin: 0;
  padding: 1.05rem 1.1rem 0.6rem;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 1.6vw, 1.32rem);
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 0.03em;
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  background: color-mix(in srgb, var(--gold) 3.5%, transparent);
}
.settlement-page .settlement-form {
  display: block;
  margin: 0;
  padding: 0.5rem 1.1rem 1.1rem;
}
.settlement-page .settlement-form .block-label {
  display: block;
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #a3a0a0;
  font-weight: 500;
}
.settlement-page .settlement-form .block-label input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 0.4rem;
  min-height: 2.85rem;
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 26%, #3f3f46);
  color: #f5f5f5;
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  font-size: 1rem;
  font-family: var(--font);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.settlement-page .settlement-form .block-label input::placeholder {
  color: #6a6a72;
}
.settlement-page .settlement-form .block-label input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--gold) 45%, #555);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 20%, transparent) inset, 0 0 0 3px color-mix(in srgb, var(--gold) 12%, transparent);
}
.settlement-page .settlement-form__go {
  margin-top: 0.9rem;
  width: 100%;
  max-width: 20rem;
  padding: 0.6rem 1.2rem;
  font-size: 0.95rem;
  font-weight: 600;
}

/* Auszahlung: klare Abschnitte und mehr Luft */
.konto-panel--settlement.settlement-page--polish .settlement-panel-head {
  margin-bottom: 1.1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2a2e);
}
.konto-panel--settlement .konto-panel__head .overview-barrel-shop-lead {
  max-width: 42rem;
}
.konto-fund-stack--settlement.konto-fund-stack {
  gap: 1.75rem !important;
}
.settlement-page--polish .konto-surface.settlement-notice {
  margin: 0;
  padding: 1rem 1.2rem 1.15rem;
  border-radius: 12px;
}
.settlement-page--polish .settlement-card--withdraw-addr .funding-form-h,
.settlement-page--polish .settlement-card--withdraw-addr .konto-surface__h {
  padding-bottom: 0.72rem;
}
.settlement-page--polish .settlement-withdraw-addr-form {
  padding-bottom: 1.15rem;
}
.settlement-page--polish .settlement-withdraw-addr-form .button.ghost {
  margin-top: 0.9rem;
}
.settlement-page--polish .settlement-form .muted,
.settlement-page--polish .settlement-card--locked > .muted {
  margin: 0 1.1rem 1rem;
  padding-top: 0.25rem;
  line-height: 1.58;
}

.funding-page .funding-card-followup {
  margin-top: 0.4rem;
}
.funding-page .funding-card-followup .konto-subh {
  margin-top: 0.9rem;
  padding-top: 0.5rem;
}
.funding-page .funding-card-followup .req-list {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.funding-hero-addr {
  text-align: center;
  padding: 1.35rem 1.25rem 1.25rem;
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  border-radius: 12px;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
}
.funding-hero-addr__h {
  font-family: var(--serif);
  font-size: clamp(1.12rem, 1.6vw, 1.35rem);
  color: var(--gold);
  margin: 0 0 0.45rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.funding-hero-addr__p {
  max-width: 32rem;
  margin: 0 auto 1rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #b6b0a4;
}
.funding-hero-addr__btn {
  margin: 0.25rem 0 0.5rem;
}
.funding-hero-addr__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(20rem, 100%);
  padding: 0.6rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 600;
}
.funding-hero-addr__foot {
  max-width: 32rem;
  margin: 0 auto;
  line-height: 1.4;
}
.funding-block__lead--tight {
  margin-top: 0.1rem;
  max-width: 40rem;
}
.funding-extras {
  margin-top: 0.35rem;
  border-radius: 12px;
  background: color-mix(in srgb, #0a0a0b 98%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2a30);
  padding: 0;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 4%, transparent) inset;
}
.funding-extras__sum {
  cursor: pointer;
  list-style: none;
  font-size: clamp(0.78rem, 0.5vw + 0.38rem, 0.88rem);
  font-weight: 500;
  line-height: 1.35;
  color: color-mix(in srgb, var(--gold2) 78%, #a0a0ac);
  padding: 0.55rem 0.9rem 0.6rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 10%, #2a2a2e);
  transition: color 0.12s, border-color 0.12s;
}
.funding-extras__sum:hover {
  color: #f0e8d4;
}
.funding-extras__sum::-webkit-details-marker {
  display: none;
}
.funding-extras[open] > .funding-extras__sum {
  border-bottom-color: color-mix(in srgb, var(--gold) 6%, #2a2a2e);
  margin-bottom: 0.35rem;
}
.funding-extras__body {
  padding: 0.15rem 0.65rem 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.funding-extras__card {
  margin: 0;
}
.funding-page .funding-extras .funding-extras__card {
  border-color: color-mix(in srgb, var(--gold) 22%, #2a2620);
  background: linear-gradient(165deg, color-mix(in srgb, var(--gold) 4%, #121214) 0%, #0c0c0c 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, #fff 2.5%, transparent) inset, 0 6px 24px rgba(0, 0, 0, 0.35);
}
.funding-page .funding-extras .funding-apply-form .block-label input,
.funding-page .funding-extras .inline-form input,
.funding-page .funding-extras .konto-surface__form .block-label input {
  min-height: 2.4rem;
  background: #0a0a0a;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #3f3f46);
  color: #f0f0f2;
  border-radius: 8px;
  padding: 0.5rem 0.65rem;
}
.funding-shopping-pretext {
  line-height: 1.55;
  max-width: 46rem;
  margin: 0 0 1rem;
  padding: 0.65rem 0.9rem;
  background: #0c0c0d;
  border: 1px solid #232328;
  border-radius: 10px;
  font-size: 0.9rem;
  color: #b4b4be;
}
.funding-step-3-hint {
  margin: -0.15rem 0 1.05rem;
  font-size: 0.82rem;
  max-width: 40rem;
}
.funding-empfang-lead {
  line-height: 1.5;
  max-width: 48rem;
  margin: 0 0 1rem;
  font-size: 0.92rem;
  color: #b0b0ba;
}
.funding-cta-empfang {
  border: 1px solid color-mix(in srgb, var(--gold) 18%, #2a2a2e);
  background: color-mix(in srgb, var(--gold) 4%, #0e0e10);
}
.funding-cta-empfang__h {
  margin: 0 0 0.4rem;
}
.funding-cta-empfang__btn {
  margin: 0.5rem 0 0;
}
.funding-back {
  margin: 0 0 0.5rem;
  font-size: 0.88rem;
}
#funding-deposit-addr {
  scroll-margin-top: 5.5rem;
}
.funding-flow {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.funding-block__h {
  font-family: var(--serif);
  font-size: clamp(1.12rem, 1.75vw, 1.38rem);
  font-weight: 600;
  color: var(--gold);
  margin: 0 0 0.35rem;
  letter-spacing: 0.03em;
  line-height: 1.2;
}
.funding-block__lead {
  line-height: 1.5;
  max-width: 48rem;
  margin: 0 0 0.9rem;
}
.funding-form-h {
  margin-top: 0;
}
.funding-gate {
  border-style: solid;
  border-color: color-mix(in srgb, var(--gold) 20%, #2a2a2e);
  background: color-mix(in srgb, var(--gold) 3%, #0e0e10);
}
.funding-gate__p {
  line-height: 1.5;
  margin: 0.35rem 0 0;
  max-width: 46rem;
}
.funding-wallet-h {
  margin: 0 0 0.35rem;
}
.funding-rail-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
  margin: 0.25rem 0 0.6rem;
  padding: 0;
}
.funding-rail-chips__item {
  font-size: 0.75rem;
  background: #0a0a0b;
  border: 1px solid #2a2a2e;
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
}
.funding-rail-chips__k {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6e6e7a;
  font-size: 0.65rem;
  margin-right: 0.2rem;
}
.funding-rail-chips__v {
  color: #e0d8c8;
  font-weight: 500;
}

/* Zahlungsart-Kacheln (Einzahlung) — edel wie Barrel-Tenor-Karten */
.funding-page .funding-rails-shop-wrap {
  margin: 0.15rem 0 1.2rem;
  padding: 0 0 1.15rem;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2820);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--gold) 4%, transparent);
}
.funding-page .funding-rails-shop-head {
  margin-bottom: 0.85rem;
}
.funding-page .funding-rails-shop__h {
  margin: 0 0 0.38rem;
  letter-spacing: 0.04em;
}
.funding-page .funding-rails-shop__sub {
  margin: 0;
  max-width: 44rem;
  line-height: 1.55;
  font-size: 0.9rem;
}
.funding-page .funding-rails-fieldset {
  margin: 0;
  padding: 0;
  border: none;
  min-inline-size: 0;
}
.funding-page .funding-rail-shop {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 11.25rem), 1fr));
  gap: 0.8rem;
  align-items: stretch;
}
@media (min-width: 40rem) {
  .funding-page .funding-rail-shop {
    gap: 0.95rem;
  }
}
.funding-page .funding-rail-card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  cursor: pointer;
  align-self: stretch;
  min-height: 100%;
}
.funding-page .funding-rail-card__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.funding-page .funding-rail-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  min-height: 9.2rem;
  padding: 0.92rem 0.62rem 0.85rem;
  text-align: center;
  gap: 0.42rem;
  background: linear-gradient(168deg, #141416 0%, #0a0a0b 52%, #080809 100%);
  border: 1px solid #303038;
  border-radius: 12px;
  color: #c4bdb0;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    color 0.15s ease;
  box-shadow:
    0 0 0 1px color-mix(in srgb, #fff 3%, transparent) inset,
    0 8px 22px rgba(0, 0, 0, 0.28);
}
.funding-page .funding-rail-card__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.35rem 0.5rem;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.55rem;
}
.funding-page .funding-rail-card--btc .funding-rail-card__body {
  background: linear-gradient(168deg, #161410 0%, #0d0c08 45%, #080705 100%);
  border-color: color-mix(in srgb, #c4883c 22%, #2e2e34);
}
.funding-page .funding-rail-card--eth .funding-rail-card__body {
  background: linear-gradient(168deg, #101218 0%, #090a10 48%, #06070d 100%);
  border-color: color-mix(in srgb, #627eea 28%, #2a2e3a);
}
.funding-page .funding-rail-card__badge {
  flex: 0 0 auto;
  align-self: flex-start;
  max-width: min(5.5rem, 100%);
  padding: 0.26rem 0.42rem;
  border-radius: 5px;
  font-size: 0.61rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: #141008;
  background: linear-gradient(135deg, #f0dfa8 0%, #cfa24a 52%, #8a6828 100%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.funding-page .funding-rail-card--btc .funding-rail-card__badge {
  background: linear-gradient(135deg, #ffd9a8, #d4943a);
  color: #1a0f06;
}
.funding-page .funding-rail-card--eth .funding-rail-card__badge {
  background: linear-gradient(135deg, #dfe6ff 0%, #8fa8f0 45%, #4a61c9 100%);
  color: #0a1228;
}
.funding-page .funding-rail-card__name {
  display: block;
  flex: 1 1 10rem;
  min-width: 0;
  margin-top: 0;
  padding: 0 0.15rem;
  font-size: clamp(1rem, 1.05vw + 0.82rem, 1.14rem);
  font-weight: 650;
  line-height: 1.28;
  color: #ebe4d7;
}
.funding-page .funding-rail-card__net {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.15rem;
  margin-top: 0.2rem;
  padding: 0.58rem 0.42rem 0.48rem;
  border-top: 1px solid #25262e;
}
.funding-page .funding-rail-card__net-label {
  display: block;
  font-size: clamp(0.65rem, 0.42vw + 0.54rem, 0.74rem);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in srgb, var(--gold2) 55%, #7a8494);
}
.funding-page .funding-rail-card__net-val {
  display: block;
  font-size: clamp(0.78rem, 0.65vw + 0.62rem, 0.92rem);
  line-height: 1.38;
  color: #cfd6e8;
  font-variant-numeric: tabular-nums;
}
.funding-page .funding-rail-card__net--muted .funding-rail-card__net-val {
  font-family: ui-monospace, monospace;
  font-size: clamp(0.72rem, 0.48vw + 0.62rem, 0.82rem);
  letter-spacing: 0.06em;
  color: #7d7888;
}
.funding-page .funding-rail-card:hover .funding-rail-card__body {
  border-color: color-mix(in srgb, var(--gold) 32%, #44444c);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent) inset,
    0 12px 28px rgba(0, 0, 0, 0.35);
}
.funding-page .funding-rail-card__input:focus-visible + .funding-rail-card__body {
  outline: 2px solid color-mix(in srgb, var(--gold) 55%, #777);
  outline-offset: 3px;
}
.funding-page .funding-rail-card:has(.funding-rail-card__input:checked) .funding-rail-card__body {
  border-color: color-mix(in srgb, var(--gold) 48%, #3c3c32);
  background: color-mix(in srgb, var(--gold) 6%, #090909);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 14%, transparent) inset,
    0 14px 36px color-mix(in srgb, var(--gold) 10%, transparent);
}
.funding-page .funding-rail-card:has(.funding-rail-card__input:checked) .funding-rail-card__name {
  color: #f8f3e6;
}
.funding-page .funding-rail-card--eth:has(.funding-rail-card__input:checked) .funding-rail-card__body {
  background: linear-gradient(
    170deg,
    color-mix(in srgb, #627eea 14%, #0e1018) 0%,
    color-mix(in srgb, var(--gold) 5%, #08090e) 100%
  );
  border-color: color-mix(in srgb, var(--gold) 38%, color-mix(in srgb, #627eea 30%, #333));
}
.funding-page .funding-rail-card--btc:has(.funding-rail-card__input:checked) .funding-rail-card__body {
  background: linear-gradient(
    170deg,
    color-mix(in srgb, #c4883c 12%, #12100c) 0%,
    color-mix(in srgb, var(--gold) 7%, #080705) 100%
  );
  border-color: color-mix(in srgb, var(--gold) 42%, #4a3928);
}

.funding-page .funding-apply-form--rails-first .funding-apply-form__fields {
  display: grid;
  gap: 0.82rem;
  margin: 0.95rem 0 0.9rem;
}
@media (min-width: 38rem) {
  .funding-page .funding-apply-form--rails-first .funding-apply-form__fields {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 1rem 1.1rem;
    align-items: end;
  }
}

.funding-wallet-addr {
  font-size: clamp(0.8rem, 1.1vw, 0.95rem);
  line-height: 1.5;
  word-break: break-all;
  background: #080809;
  margin: 0.35rem 0 0.5rem;
  padding: 0.75rem 0.8rem;
  border-radius: 8px;
  border: 1px solid #25252a;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 2%, transparent);
}
.funding-addr-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #7a7a86;
  margin: 0 0 0.15rem;
}
.funding-wallet-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 1.25rem;
  align-items: start;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid #232328;
}
.funding-qr-link {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  background: #f0ebe8;
  padding: 0.45rem;
  box-shadow: 0 0 0 1px #1e1e24;
}
.funding-qr-link:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 35%, #2a2a2e);
}
.funding-qr-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--gold) 60%, #666);
  outline-offset: 3px;
}
.funding-qr-img {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 4px;
}
.funding-qr-panel {
  text-align: center;
}
.funding-qr-below {
  margin: 0.45rem 0 0.2rem;
}
.funding-qr-foot {
  max-width: 20rem;
  line-height: 1.4;
  margin: 0.2rem auto 0;
  text-align: center;
}
.funding-qr-legal {
  max-width: 20rem;
  line-height: 1.4;
  margin: 0.4rem auto 0;
  text-align: center;
  font-size: 0.8rem;
}
.funding-wallet-legal {
  margin-bottom: 0.2rem;
}
.funding-wallet-card .konto-surface__p {
  line-height: 1.5;
  max-width: 44rem;
}
.funding-wallet-actions {
  margin: 0.1rem 0 0.25rem;
}
.funding-crypto-pending {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--gold) 22%, #3a3a3e);
  background: #0a0a0a;
}
.funding-crypto-pending__p {
  margin: 0 0 0.25rem;
  line-height: 1.5;
  max-width: 46rem;
}
@media (max-width: 52rem) {
  .funding-wallet-grid {
    grid-template-columns: 1fr;
  }
  .funding-qr-panel {
    justify-self: start;
  }
}
.konto-wd-form {
  margin: 0;
}
.ref-studio .konto-surface__h {
  margin-bottom: 0.35rem;
}
/* Empfehlung: gleiche Kachel-/Titel-Sprache wie Einzahlung & Fass-Shop */
.referral-page .ref-studio.konto-surface {
  margin-top: 0.25rem;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 32%, #2a2416);
  background: radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, #1a1208), #080705);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent) inset,
    0 10px 32px rgba(0, 0, 0, 0.45);
}
.referral-page .ref-studio .konto-surface__h {
  margin: 0;
  padding: 1.05rem 1.1rem 0.6rem;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 1.6vw, 1.32rem);
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 0.03em;
  line-height: 1.2;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 14%, #2a2620);
  background: color-mix(in srgb, var(--gold) 3.5%, transparent);
}
.referral-page .ref-studio .konto-surface__p {
  margin: 0;
  padding: 0.85rem 1.1rem 0.45rem;
  color: #b8b4aa;
  font-size: clamp(1.02rem, 0.45vw + 0.6rem, 1.12rem);
  line-height: 1.58;
  max-width: none;
}
.referral-page .ref-studio .ref-rows {
  margin: 0.15rem 0 0;
  padding: 0.35rem 1.1rem 1.05rem;
  gap: 0.85rem;
}
.referral-page .ref-row {
  align-items: stretch;
}
.referral-page .ref-row--single {
  min-width: 0;
}
.referral-page code.ref-url {
  flex: 1 1 10rem;
  min-width: 0;
  padding: 0.6rem 0.75rem;
  font-size: 0.82rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 26%, #3f3f46);
  background: #0a0a0a;
  color: #e0ddd4;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset;
}
.referral-page .ref-row .button.ghost.small {
  align-self: center;
  border-color: color-mix(in srgb, var(--gold) 35%, #444);
  color: color-mix(in srgb, var(--gold2) 95%, #fff);
  background: color-mix(in srgb, var(--gold) 5%, #101010);
  padding: 0.45rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 999px;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.referral-page .ref-row .button.ghost.small:hover {
  border-color: color-mix(in srgb, var(--gold) 55%, #666);
  color: #fff8e8;
  background: color-mix(in srgb, var(--gold) 10%, #121214);
}
@media (max-width: 36rem) {
  .referral-page .ref-row {
    flex-direction: column;
    align-items: stretch;
  }
  .referral-page .ref-row .button.ghost.small {
    align-self: stretch;
    text-align: center;
    justify-content: center;
  }
}

/* Phones & narrow viewports: tighter chrome, no overflow, forms stack */
@media (max-width: 36rem) {
  .container,
  .main-inner {
    padding: 1.2rem max(0.75rem, var(--sa-r)) max(2.25rem, var(--sa-b)) max(0.75rem, var(--sa-l));
  }
  body.page-auth .main-inner {
    padding-left: max(0.85rem, var(--sa-l));
    padding-right: max(0.85rem, var(--sa-r));
  }
  .page-auth .auth-wrap {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
    border-radius: 14px;
  }
  .hero--split,
  .hero--lux {
    padding-left: 0;
    padding-right: 0;
  }
  .section--glow {
    padding: 1.5rem max(0.75rem, var(--sa-r)) 1.5rem max(0.75rem, var(--sa-l));
  }
  .page-sub--pro .page-doc {
    padding: 1.1rem max(0.75rem, var(--sa-r)) 1.4rem max(0.75rem, var(--sa-l));
  }
  .page-sub--pro .page-doc.page-doc--leistungen {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
  }
  .page-sub--pro .page-doc.page-doc--preise {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
  }
  .page-sub--pro .page-doc.page-doc--unternehmen.page-doc--unternehmen-partner {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
  }
  .page-sub--pro .page-doc.page-doc--team {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
  }
  .page-sub--pro .page-doc.page-doc--kontakt {
    padding: 1.2rem max(0.85rem, var(--sa-r)) 1.75rem max(0.85rem, var(--sa-l));
  }
  .konto-hero {
    padding: 1.1rem max(0.75rem, var(--sa-l)) 1.15rem max(0.75rem, var(--sa-r));
  }
  .konto-hero__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-konto--pro .konto-panel {
    scroll-margin-top: 0.5rem;
  }
  .page-konto .inline-form:not(.admin-form) {
    flex-direction: column;
    align-items: stretch;
  }
  .page-konto .inline-form:not(.admin-form) input {
    min-width: 0;
    width: 100%;
  }
  .page-konto .inline-form:not(.admin-form) .button {
    width: 100%;
  }
  .barrel-shop__checkout {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .barrel-shop__btn {
    min-width: 0;
    width: 100%;
  }
  .konto-historie__grid {
    grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr));
  }
  .table-premium--preise .prices th {
    font-size: 0.72rem;
    padding: 0.7rem 0.45rem;
  }
  .table-premium--preise .prices td {
    padding: 0.75rem 0.45rem;
    font-size: 1.08rem;
  }
  .table-premium--preise .prices td:nth-child(1) {
    font-size: 1.12rem;
  }
  .table-premium--preise .prices td:nth-child(2),
  .table-premium--preise .prices td:nth-child(3) {
    font-size: 1.22rem;
  }
  .funding-qr-link {
    display: block;
    max-width: min(220px, 100%);
  }
}

@media (max-width: 30rem) {
  .konto-app-nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    gap: 0.45rem 0.6rem;
    padding: 0.5rem;
  }
  .konto-app-nav__link {
    flex: 0 0 auto;
  }
  .main-nav a,
  .nav-btn {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
  }
}

/* Media in main: never wider than the column */
main img,
main video {
  max-width: 100%;
  height: auto;
}

/* Operations — explorer / wallet vault layout */
.page-admin .admin-wrap--extended .admin-section {
  margin-bottom: 2rem;
}
.page-admin .admin-h1 {
  font-size: 1.75rem;
  margin-bottom: 0.65rem;
}
.page-admin .admin-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-bottom: 1rem;
}
.page-admin .admin-subnav a {
  text-decoration: underline;
  opacity: 0.85;
}
.page-admin .admin-main-tabs a.admin-main-tab--active {
  font-weight: 700;
  opacity: 1;
}
.page-admin .admin-stats-list {
  margin: 0;
  padding-left: 1.15rem;
  line-height: 1.55;
}
.page-admin .admin-key-hint {
  margin-bottom: 0.75rem;
  max-width: 56rem;
}
.page-admin .admin-user-focus__card {
  margin-bottom: 1.35rem;
  border: 1px solid rgba(200, 180, 140, 0.25);
}
.page-admin .admin-user-focus__head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.page-admin .admin-dl-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 1rem;
  font-size: 0.93rem;
  margin: 0 0 1rem;
}
.page-admin .admin-dl-grid dt {
  margin: 0;
  opacity: 0.75;
  font-weight: 500;
}
.page-admin .admin-dl-grid dd {
  margin: 0;
}
.page-admin .admin-break {
  word-break: break-all;
}
.page-admin .admin-focus-columns {
  display: grid;
  gap: 1rem;
}
@media (min-width: 60rem) {
  .page-admin .admin-focus-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.page-admin .admin-micro-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
}
.page-admin .admin-micro-list li + li {
  margin-top: 0.55rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(120, 120, 120, 0.25);
}
.page-admin .admin-h4 {
  font-size: 0.92rem;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.82;
}
.page-admin .admin-wallet-vault.box--nested {
  margin-top: 1rem;
  background: rgba(0, 0, 0, 0.12);
}
.page-admin .admin-form-stack textarea {
  width: 100%;
}
.page-admin .admin-inline-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  margin-top: 0.75rem;
}
.page-admin button.danger:hover {
  border-color: rgba(220, 80, 80, 0.55);
}
.page-admin .admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  align-items: flex-end;
  margin-bottom: 0.85rem;
}
.page-admin .admin-table--dense th,
.page-admin .admin-table--dense td {
  padding: 0.45rem 0.55rem;
  font-size: 0.82rem;
}
.page-admin .admin-row-highlight td {
  background: rgba(80, 120, 200, 0.12);
}
.page-admin .smallest {
  font-size: 0.74rem;
}
.page-admin .admin-textarea-reveal {
  width: 100%;
  box-sizing: border-box;
}

/* Funding rails editor — stacked cards instead of ultra-wide tables */
.page-admin .admin-rails-title {
  margin-bottom: 0.25rem;
}
.page-admin .admin-rails-sub {
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: 44rem;
}
.page-admin .admin-rails-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  align-items: center;
  margin-bottom: 0.85rem;
}
.page-admin .admin-pill {
  display: inline-block;
  padding: 0.15rem 0.58rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid rgba(160, 150, 120, 0.45);
  line-height: 1.35;
}
.page-admin .admin-pill--db {
  border-color: rgba(80, 160, 120, 0.55);
  background: rgba(60, 120, 90, 0.12);
}
.page-admin .admin-pill--file {
  border-color: rgba(120, 150, 200, 0.45);
  background: rgba(80, 100, 180, 0.1);
}
.page-admin .admin-pill--muted {
  opacity: 0.9;
  font-weight: 500;
  border-style: dashed;
}
.page-admin .admin-pill--bad {
  border-color: rgba(200, 90, 90, 0.55);
  background: rgba(180, 40, 40, 0.12);
}
.page-admin ul.admin-rails-tldr {
  margin: 0 0 1rem 1rem;
  padding: 0;
  max-width: 44rem;
  line-height: 1.5;
}
.page-admin ul.admin-rails-tldr li + li {
  margin-top: 0.3rem;
}
.page-admin details.admin-funding-details {
  margin: 0 0 1.15rem;
  padding: 0.45rem 0.65rem;
  border: 1px dashed rgba(120, 120, 120, 0.3);
  border-radius: 0.35rem;
  font-size: 0.84rem;
  max-width: 48rem;
}
.page-admin details.admin-funding-details summary {
  cursor: pointer;
  font-weight: 600;
  outline-offset: 2px;
}
.page-admin details.admin-funding-details--accent {
  border-style: solid;
  border-color: rgba(140, 120, 80, 0.28);
  background: rgba(0, 0, 0, 0.06);
}
.page-admin .admin-dl-grid.admin-dl-grid--dense {
  margin-bottom: 0.45rem;
  font-size: 0.82rem;
}
.page-admin .admin-rails-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.15rem;
  max-width: 48rem;
}
.page-admin .admin-rails-empty {
  margin: 0 0 1rem;
  max-width: 44rem;
}
.page-admin fieldset.admin-rail-card {
  margin: 0;
  padding: 0.75rem 1rem 0.95rem;
  border: 1px solid rgba(160, 150, 120, 0.28);
  border-radius: 0.38rem;
  background: rgba(0, 0, 0, 0.04);
}
.page-admin fieldset.admin-rail-card--new {
  border-style: dashed;
}
.page-admin fieldset.admin-rail-card > legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  width: 100%;
  padding: 0 0.15rem;
  margin-bottom: 0.55rem;
  font-size: 0.9rem;
}
.page-admin .admin-rail-card__id {
  font-weight: 600;
}
.page-admin label.admin-rail-del {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-weight: 400;
  opacity: 0.85;
}
.page-admin label.admin-rail-del input {
  margin: 0;
}
.page-admin .admin-rail-grid {
  display: grid;
  gap: 0.6rem 0.95rem;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 36rem) {
  .page-admin .admin-rail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-admin .admin-rail-span2 {
  grid-column: 1 / -1;
}
.page-admin .admin-rail-card .admin-rail-grid label.block-label input,
.page-admin .admin-rail-card .admin-rail-grid label.block-label select {
  width: 100%;
  box-sizing: border-box;
}
.page-admin details.admin-rail-more {
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  border-top: 1px dashed rgba(120, 120, 120, 0.22);
  font-size: 0.8rem;
}
.page-admin details.admin-rail-more summary {
  cursor: pointer;
}
.page-admin p.admin-rails-new-note {
  margin: 0.45rem 0 0;
}
.page-admin .admin-rails-save-panel {
  margin-top: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 0.35rem;
  border: 1px solid rgba(140, 130, 100, 0.28);
  background: rgba(0, 0, 0, 0.05);
}
.page-admin .admin-funding-config--simple .admin-rails-intro strong {
  font-weight: 600;
}
.page-admin .admin-rail-card--simple .admin-rail-card__title {
  font-weight: 600;
}
.page-admin .admin-rail-card--simple legend {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
}
.page-admin .admin-rail-address-label {
  margin-top: 0.35rem;
}
.page-admin .admin-rail-wallet-pass {
  width: min(44rem, 100%);
  font-size: 0.95rem;
  padding: 0.55rem 0.7rem;
  letter-spacing: 0.02em;
}
.page-admin .admin-rails-save-panel--simple .admin-rails-submit-row--simple {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  margin-top: 0.5rem;
}
.page-admin .admin-rails-extra-actions {
  display: grid;
  gap: 1rem;
  margin-top: 0.65rem;
}
@media (min-width: 42rem) {
  .page-admin .admin-rails-extra-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-admin form.admin-rails-mini-form .block-label input {
  width: min(22rem, 100%);
}
.page-admin .admin-rails-mini-form button {
  margin-top: 0.45rem;
}
.page-admin .admin-rails-submit-row {
  margin-top: 0.65rem;
  align-items: center;
}
.page-admin button.danger,
.page-admin .button.danger {
  border-color: rgba(200, 100, 100, 0.45);
}

/* Unternehmen Hub-Karten */
.unternehmen-hub__nav {
  margin: 1rem auto 0;
  max-width: 52rem;
}
.unternehmen-hub__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem 1.2rem;
  grid-template-columns: 1fr;
}
@media (min-width: 40rem) {
  .unternehmen-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.unternehmen-hub__card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.25rem 1.35rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  background: linear-gradient(155deg, #141418 0%, #0b0b0c 100%);
  text-decoration: none;
  color: #e8e4dc;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  transition: border-color 0.2s, transform 0.12s, color 0.15s;
  box-sizing: border-box;
}
.unternehmen-hub__card:hover {
  border-color: color-mix(in srgb, var(--gold) 38%, #444);
  transform: translateY(-2px);
  color: #fdfaf4;
}
.unternehmen-hub__card-k {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.12rem;
  color: var(--gold2);
}
.unternehmen-hub__card-d {
  font-size: 0.92rem;
  line-height: 1.55;
  color: #b5b1aa;
}

/* Hauptnavigation: Unternehmen-Dropdown */
.main-nav .nav-item--dropdown {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}
.main-nav .nav-dropdown .nav-dropdown__link {
  display: block;
  padding: 0.42rem 1rem;
  color: #d8d8de;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.94rem;
}
.main-nav .nav-dropdown .nav-dropdown__link:hover,
.main-nav .nav-dropdown .nav-dropdown__link.is-active {
  color: var(--gold2);
}
@media (min-width: 961px) {
  .main-nav .nav-dropdown {
    display: none;
    position: absolute;
    /* Direkt unter dem Trigger — keine Lücke, sonst kollabiert :hover beim Überfahren */
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 13.75rem;
    padding: 0.35rem 0 0.45rem;
    margin: 0;
    background: linear-gradient(180deg, #131314 0%, #0c0c0e 100%);
    border: 1px solid color-mix(in srgb, var(--gold) 24%, #333);
    border-radius: 10px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
    z-index: 40;
  }
  .main-nav .nav-item--dropdown:hover .nav-dropdown,
  .main-nav .nav-item--dropdown:focus-within .nav-dropdown {
    display: block;
  }
}
@media (max-width: 960px) {
  .main-nav .nav-item--dropdown {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
  }
  .main-nav .nav-dropdown {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin: 0.35rem 0 0.35rem 0.85rem;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
  }
  .main-nav .nav-dropdown .nav-dropdown__link {
    padding: 0.35rem 0;
    font-size: 1rem;
    white-space: normal;
  }
}

.page-doc--lagerstandorte .page-doc--lagerstandorte__invest {
  text-align: center;
  margin: 0 auto 1.65rem;
  max-width: min(46rem, 100%);
}
.page-doc--lagerstandorte .page-doc--lagerstandorte__invest p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.72;
  color: #b4b0a8;
}
.page-doc--lagerstandorte .page-doc--lagerstandorte__invest strong {
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
  font-weight: 600;
}
.page-doc--lagerstandorte .page-doc--leistungen__grid > .card-lux--leistungen {
  text-align: center;
}
.page-doc--lagerstandorte .page-doc--leistungen__grid > .card-lux--leistungen .h-like-h3 {
  font-size: clamp(1.58rem, 2.65vw + 0.85rem, 2.35rem);
  line-height: 1.18;
  text-align: center;
}
.page-doc--lagerstandorte .page-doc--leistungen__grid > .card-lux--leistungen p {
  text-align: center;
  hyphens: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 22rem;
}
.page-doc--lagerstandorte .page-doc--leistungen__grid > .card-lux--leistungen p strong {
  display: inline-block;
  margin-top: 0.35rem;
  font-size: 1.08em;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card {
  margin-top: 1.35rem;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card p,
.page-doc--lagerstandorte .lagerstandorte-visit-card .lagerstandorte-rule-intro,
.page-doc--lagerstandorte .lagerstandorte-visit-card .lagerstandorte-visit-note {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card .lagerstandorte-rules {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card > p:first-of-type {
  margin-top: 0;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card .h-like-h3 {
  margin-bottom: 0.65rem;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card strong {
  color: color-mix(in srgb, var(--gold2) 88%, #fff);
  font-weight: 600;
}
.page-doc--lagerstandorte .lagerstandorte-rule-intro {
  margin-top: 1.15rem;
  margin-bottom: 0;
  font-weight: 600;
  color: #c9c4bc;
  font-size: 1.05rem;
  line-height: 1.65;
}
.page-doc--lagerstandorte .lagerstandorte-rules {
  margin: 0.65rem 0 0;
  padding-left: 1.2rem;
  font-size: 1.06rem;
  line-height: 1.68;
  color: #b4b0a8;
}
.page-doc--lagerstandorte .lagerstandorte-visit-note {
  margin-top: 1.15rem;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.68;
  color: #b4b0a8;
}
.page-doc--lagerstandorte .lagerstandorte-visit-card .lagerstandorte-cta-wrap {
  margin-top: 1.35rem;
  margin-bottom: 0;
}
.page-doc--lagerstandorte .card-lux--leistungen p strong {
  color: color-mix(in srgb, var(--gold2) 88%, #fff);
  font-weight: 600;
}

.page-doc--vision .page-doc--vision__grid > .page-doc--vision__manifest-band {
  grid-column: 1 / -1;
  display: grid;
  /* 2fr + 1fr ⇒ Bild genau 1/3 der Bandbreite wie jede card-lux-Spalte im darunterliegenden grid-3 */
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 3.2vw, 2.35rem);
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.page-doc--vision .page-doc--vision__manifest-band .page-doc--vision__manifest {
  text-align: start;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
}
.page-doc--vision .page-doc--vision__visual {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  min-width: 0;
  justify-self: stretch;
  align-self: stretch;
  box-sizing: border-box;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gold) 22%, #2a2a2e);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gold) 5%, transparent) inset,
    0 12px 40px rgba(0, 0, 0, 0.38);
  background: #0a0a0c;
}
.page-doc--vision .page-doc--vision__img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
@media (max-width: 50rem) {
  .page-doc--vision .page-doc--vision__grid > .page-doc--vision__manifest-band {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.35rem;
    align-items: stretch;
    justify-items: stretch;
  }
  .page-doc--vision .page-doc--vision__visual {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-column: 1 / -1;
    order: -1;
  }
  .page-doc--vision .page-doc--vision__manifest-band .page-doc--vision__manifest {
    text-align: center;
  }
}
.page-doc--vision .page-doc--vision__manifest p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.72;
  color: #b4b0a8;
}
.page-doc--vision .page-doc--vision__manifest p + p {
  margin-top: 1rem;
}
.page-doc--vision .page-doc--vision__manifest strong {
  color: color-mix(in srgb, var(--gold2) 92%, #fff);
  font-weight: 600;
}
.page-doc--vision .page-doc--leistungen__grid > .card-lux--leistungen {
  text-align: center;
}
.page-doc--vision .page-doc--leistungen__grid > .card-lux--leistungen .h-like-h3 {
  font-size: clamp(1.58rem, 2.65vw + 0.85rem, 2.35rem);
  line-height: 1.18;
  text-align: center;
}
.page-doc--vision .page-doc--leistungen__grid > .card-lux--leistungen p {
  text-align: center;
  hyphens: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 22rem;
}
.page-doc--vision .page-doc--leistungen__grid > .card-lux--leistungen p strong {
  color: color-mix(in srgb, var(--gold2) 88%, #fff);
  font-weight: 600;
}

.konto-besichtigung .konto-panel__lead {
  margin-top: 0.35rem;
}
.konto-besichtigung__loc-form {
  margin: 1rem 0 0;
}
.konto-besichtigung__loc-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.45rem;
  color: #e8e4dc;
}
.konto-besichtigung__loc-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}
.konto-besichtigung__loc-select {
  min-width: 12rem;
  max-width: 100%;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--gold) 24%, #444);
  background: #1a1a1e;
  color: #f3eee6;
}
.konto-besichtigung__loc-submit {
  flex-shrink: 0;
}
.konto-besichtigung__loc-summary {
  margin: 0.75rem 0 0;
  font-size: 0.92rem;
}
.konto-besichtigung__loc-change {
  margin-left: 0.35rem;
  color: var(--gold2);
  text-decoration: underline;
}
.konto-besichtigung__fieldset {
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #333);
  border-radius: 12px;
  padding: 1rem 1.1rem 1.15rem;
  margin: 1rem 0 0;
  background: color-mix(in srgb, #121214 88%, transparent);
}
.konto-besichtigung__legend {
  padding: 0 0.35rem;
  font-weight: 600;
  color: var(--gold2);
  font-size: 0.95rem;
}
.konto-besichtigung__choice {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.65rem 0;
  border-bottom: 1px solid #272730;
  cursor: pointer;
}
.konto-besichtigung__choice:last-of-type {
  border-bottom: 0;
}
.konto-besichtigung__choice-body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.konto-besichtigung__choice-line {
  font-weight: 600;
  color: #f3eee6;
}
.konto-besichtigung__choice-meta {
  font-size: 0.88rem;
  color: #9e9ea8;
}
.konto-besichtigung__submit {
  margin-top: 1.1rem;
}
.konto-besichtigung__confirmed {
  margin-top: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.konto-besichtigung--booked {
  padding-top: 0.25rem;
}
.konto-besichtigung__ok-title {
  margin: 0 0 0.85rem;
  font-family: var(--serif);
  font-weight: 600;
  color: var(--gold2);
  font-size: clamp(1.45rem, 3.2vw, 2.05rem);
  letter-spacing: 0.035em;
  line-height: 1.2;
}
.konto-besichtigung__summary {
  margin: 0 0 0.85rem;
  padding-left: 1.1rem;
  color: #dcd8d0;
  line-height: 1.6;
  font-size: 1.02rem;
}
.konto-besichtigung__countdown {
  margin: 0 0 1rem;
  font-size: 1.15rem;
  color: #fef3c7;
}
.konto-besichtigung__subh {
  margin: 1rem 0 0.45rem;
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--gold2);
}
.konto-besichtigung__note-list {
  margin: 0 0 0.35rem;
  padding-left: 1.1rem;
  color: #aeaaa4;
  line-height: 1.62;
  font-size: 1.02rem;
}
.konto-besichtigung__more {
  margin-top: 1.25rem;
}

/* Public transparency aggregates */
.page-sub.page-transparenz .platform-transparency__intro {
  max-width: 46rem;
}
.page-sub.page-transparenz .platform-stats-grid {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0 0;
}
@media (min-width: 48rem) {
  .page-sub.page-transparenz .platform-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-sub.page-transparenz .platform-stat-card--wide {
  grid-column: 1 / -1;
}
.page-sub.page-transparenz .platform-stat-card__num {
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 600;
  margin: 0.35rem 0;
}

/* Exklusivpreise: KPI-artige Karten wie Transparenz (Labels serif-Gold, Werte hell, Raster je Staffel) */
.page-sub.page-preise .platform-transparency__intro {
  max-width: 46rem;
}
.page-sub.page-preise .platform-transparency__intro a {
  color: var(--gold2);
  text-underline-offset: 3px;
  font-weight: 600;
}
.page-sub.page-preise .platform-transparency__intro a:hover {
  color: #fff0d0;
}
.page-sub.page-preise .preise-stats-grid {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0 0;
}
.page-sub.page-preise .preise-tier-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  align-items: start;
}
.page-sub.page-preise .preise-tier-metric__num {
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 600;
  margin: 0.35rem 0 0;
  font-variant-numeric: tabular-nums;
  color: #f4f4fa;
  font-family: var(--font);
  letter-spacing: 0.01em;
}
@media (min-width: 43rem) {
  .page-sub.page-preise .preise-tier-metric:not(:last-child) {
    padding-right: 0.85rem;
    border-right: 1px solid color-mix(in srgb, var(--gold) 14%, #252528);
  }
}
@media (max-width: 42rem) {
  .page-sub.page-preise .preise-tier-card__metrics {
    grid-template-columns: 1fr;
    gap: 1.15rem;
  }
  .page-sub.page-preise .preise-tier-metric:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--gold) 12%, #252528);
  }
}
.page-sub.page-preise p.page-doc--preise__tail {
  margin: 2rem 0 0;
  max-width: 46rem;
}

@media (min-width: 60rem) {
  .page-admin .admin-focus-columns--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-admin .admin-inline-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  align-items: flex-end;
  margin-bottom: 0.25rem;
}
.page-admin .admin-ledger-edit-wrap {
  margin-top: 0.75rem;
}
.page-admin .admin-ledger-edit-table td {
  vertical-align: top;
}
.page-admin .admin-ledger-edit-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  align-items: flex-end;
}
.page-admin .admin-ledger-edit-form label {
  margin: 0;
}

.page-admin .admin-desk-bookings .admin-desk-bookings-grid {
  display: grid;
  gap: 1rem;
  margin-top: 0.75rem;
}
@media (min-width: 52rem) {
  .page-admin .admin-desk-bookings .admin-desk-bookings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-admin .admin-desk-bookings .admin-desk-card--wide {
  grid-column: 1 / -1;
}
.page-admin .admin-inline-two {
  display: grid;
  gap: 0.65rem;
}
@media (min-width: 36rem) {
  .page-admin .admin-inline-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}