:root{
  --bg:        #F6F1E6;
  --bg-2:      #ECE5D4;
  --ink:       #15232E;
  --ink-soft:  #324049;
  --green:     #A1843F; /* Grün entfernt → gold/wood alias */
  --wood:      #A1843F;
  --line:      rgba(21,35,46,0.18);
  --line-soft: rgba(21,35,46,0.09);
  --muted:     rgba(21,35,46,0.58);

  --serif: "Cormorant Garamond", "Hoefler Text", Garamond, "Times New Roman", serif;
  --sans:  "Inter", "Helvetica Neue", Arial, sans-serif;

  --maxw: 1180px;
  --pad-x: clamp(20px, 5vw, 64px);
}

/* Honeypot field – invisible to humans, visible to bots */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);}
body{
  font-family:var(--sans);
  font-weight:400;
  font-size:17px;
  line-height:1.7;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--ink);color:var(--bg)}

/* ---------- Top bar ---------- */
.nav{
  position:absolute; top:0; left:0; right:0; z-index:5;
  padding: 28px var(--pad-x);
  display:flex; align-items:center; justify-content:space-between;
  font-size:13px; letter-spacing:0.08em; text-transform:uppercase;
}
.nav .brand{ display:inline-flex; align-items:center; }
.nav-logo{ height: 52px; width: auto; display:block; }
.nav-cta{
  padding: 11px 20px;
  font-size: 13px;
  box-shadow: 0 6px 20px -10px rgba(27,42,58,0.5);
}
@media (max-width:720px){
  .nav{padding: 20px var(--pad-x);}
  .nav-logo{ height: 40px; }
  .nav-cta{ padding: 9px 16px; font-size: 12px; }
  .nav-cta .arrow{ display:none; }
}
@media (max-width:430px){
  .nav-cta{ display:none; }
}

/* ---------- Layout ---------- */
section{
  padding-left:var(--pad-x);
  padding-right:var(--pad-x);
}
.wrap{
  max-width:var(--maxw); margin:0 auto;
}
.eyebrow{
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--green);
  display:inline-flex; align-items:center; gap:12px;
}
.eyebrow::before{
  content:""; width:24px; height:1px; background:var(--green); display:inline-block;
}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  min-height: 100vh;
  min-height: 100svh;
  padding-top: 160px;
  padding-bottom: 120px;
  display:flex; align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.hero-bg{
  position:absolute; inset:0; z-index:-1;
  background: #1A1510; /* dunkler Fallback – passt zum Abendlicht */
  overflow:hidden;
}
/* Speicherstadt-Sonnenuntergang durch Fenster */
.hero-bg .photo{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  filter: saturate(1.08) brightness(0.96);
  opacity: 1;
}
/* Goldener Warm-Wash – verstärkt Sonnenuntergangs-Atmosphäre */
.hero-bg .tint{
  position:absolute; inset:0;
  background:
    linear-gradient(160deg,
      rgba(161,132,63,0.10) 0%,
      rgba(161,132,63,0.04) 50%,
      rgba(21,35,46,0.12) 100%);
  mix-blend-mode: normal;
  pointer-events:none;
}
/* Oben Beige ausblenden (Logo freigestellt) + Scrim links für Text + unten weich überblenden */
.hero-bg .fade{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg,
      var(--bg) 0%,
      rgba(246,241,230,0.88) 6%,
      rgba(246,241,230,0.42) 13%,
      rgba(246,241,230,0) 24%),
    radial-gradient(110% 75% at 22% 48%, rgba(246,241,230,0.68), rgba(246,241,230,0.35) 40%, rgba(246,241,230,0.08) 62%, transparent 75%),
    linear-gradient(180deg,
      rgba(246,241,230,0) 60%,
      rgba(246,241,230,0.55) 82%,
      var(--bg) 100%);
  pointer-events:none;
}
.hero-bg::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(140% 50% at 50% 100%, rgba(246,241,230,0.28), transparent 58%);
  pointer-events:none;
}
.hero-inner{
  position:relative; z-index:1;
  max-width:var(--maxw); width:100%; margin:0 auto;
}
.hero h1{
  font-family:var(--serif);
  font-weight:400;
  font-size: clamp(56px, 11vw, 168px);
  line-height:0.95;
  letter-spacing:-0.02em;
  color:#0E1B2C;
  max-width: 14ch;
  text-shadow: 0 1px 2px rgba(255,255,255,0.85), 0 2px 18px rgba(255,255,255,0.7);
}
.hero h1 em{
  font-style:italic;
  color:#0B4A41;
}
.hero .sub{
  margin-top:28px;
  font-family:var(--serif);
  font-style:italic;
  font-size: clamp(20px, 2.4vw, 28px);
  color:#15293C;
  max-width:42ch;
  line-height:1.35;
  text-shadow: 0 1px 2px rgba(255,255,255,0.85), 0 2px 12px rgba(255,255,255,0.65);
}
.hero .eyebrow{ color:#0B4A41; text-shadow:0 1px 2px rgba(255,255,255,0.8); }
.hero .eyebrow::before{ background:#0B4A41; }
.hero .meta{ color:#1A3145; }
.hero-scroll{ color:#1A3145; }
.hero-scroll .line{ background:#1A3145; }
.hero .meta{
  margin-top:48px;
  display:flex; gap:32px; flex-wrap:wrap;
  font-size:13px; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--muted);
}
.hero .meta span{display:inline-flex; gap:8px; align-items:center}
.hero .meta .dot{width:5px;height:5px;border-radius:50%;background:var(--wood)}
.hero-scroll{
  position:absolute; bottom:32px; left:50%; transform:translateX(-50%);
  font-size:11px; letter-spacing:0.24em; text-transform:uppercase;
  color:var(--ink-soft); display:flex; flex-direction:column; align-items:center; gap:10px;
  z-index:2;
}
.hero-scroll .line{width:1px; height:36px; background:var(--ink-soft); opacity:.55}
@media (max-width:720px){
  .hero{padding-top:120px; padding-bottom:80px}
  .hero .meta{gap:18px; font-size:12px}
  .hero-scroll{display:none}
}

/* ---------- Section spacing ---------- */
.section{
  padding-top: clamp(140px, 18vw, 240px);
  padding-bottom: clamp(120px, 16vw, 200px);
  border-top: 1px solid var(--line-soft);
}
.section-head{
  display:grid;
  grid-template-columns: 1fr 1.4fr;
  gap: clamp(32px, 7vw, 120px);
  align-items:end;
  margin-bottom: clamp(72px, 10vw, 128px);
}
@media (max-width:780px){
  .section-head{grid-template-columns:1fr; align-items:start; gap:24px}
}
.section-head h2{
  font-family:var(--serif);
  font-weight:400;
  font-size: clamp(40px, 6vw, 88px);
  line-height:0.98;
  letter-spacing:-0.015em;
  color:var(--ink);
}
.section-head h2 em{font-style:italic; color:var(--green);}
.section-head h2 .en{
  display:block;
  font-style:italic;
  color:var(--green);
  font-size: 0.42em;
  margin-top:14px;
  letter-spacing:-0.01em;
}
.section-head .lede{
  font-size:18px;
  line-height:1.55;
  color:var(--ink-soft);
  max-width:46ch;
}
.section-head .lede .en{
  display:block; margin-top:10px;
  font-family:var(--serif); font-style:italic; color:var(--muted);
  font-size:16px;
}

/* ---------- Cards ---------- */
.grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}
@media (max-width:900px){ .grid-3{grid-template-columns:1fr} }

.card{
  background:var(--bg);
  padding: clamp(36px, 4.4vw, 60px);
  display:flex; flex-direction:column;
  min-height: 480px;
  position:relative;
  transition: background .3s ease;
}
.card:hover{ background:var(--bg-2); }
.card .idx{
  font-family:var(--serif); font-style:italic;
  font-size:14px; color:var(--green);
  letter-spacing:0.02em;
}
.card h3{
  margin-top: 18px;
  font-family:var(--serif);
  font-weight:400;
  font-size: clamp(28px, 3vw, 38px);
  line-height:1.05;
  letter-spacing:-0.01em;
  color:var(--ink);
}
.card .desc{
  margin-top:14px;
  color:var(--ink-soft);
  font-size:15.5px;
  max-width:32ch;
  flex:1;
}
.card .meta{
  margin-top:28px;
  display:flex; align-items:center; gap:10px;
  font-family:var(--sans);
  font-size:12px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--muted);
}
.card .meta::before{
  content:""; width:24px; height:1px; background:var(--wood);
}
@media (max-width:720px){
  .card{min-height:0; padding: 36px 28px}
}

/* ---------- Buttons ---------- */
.btn{
  --bg-btn: var(--ink);
  --fg-btn: var(--bg);
  display:inline-flex; align-items:center; gap:10px;
  padding: 12px 22px;
  background: var(--bg-btn); color: var(--fg-btn);
  border-radius: 999px;
  font-family:var(--sans);
  font-size:14px; font-weight:500;
  letter-spacing:0.01em;
  border:1px solid var(--bg-btn);
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, color .2s ease;
  width:max-content;
}
.btn:hover{ transform: translateY(-1px); }
.btn.ghost{
  --bg-btn: transparent;
  --fg-btn: var(--ink);
  border-color: var(--ink);
}
.btn.ghost:hover{ --bg-btn: var(--ink); --fg-btn: var(--bg); }
.btn.ghost-light{
  --bg-btn: transparent;
  --fg-btn: var(--bg);
  border-color: var(--bg);
}
.btn.ghost-light:hover{ --bg-btn: var(--bg); --fg-btn: var(--ink); }
.btn.green{
  --bg-btn: var(--green);
  --fg-btn: var(--bg);
  border-color:var(--green);
}
.btn .arrow{
  display:inline-block; width:14px; height:1px; background: currentColor; position:relative;
  transition: width .2s ease;
}
.btn .arrow::after{
  content:""; position:absolute; right:0; top:-3px;
  width:7px; height:7px; border-top:1px solid currentColor; border-right:1px solid currentColor;
  transform: rotate(45deg);
}
.btn:hover .arrow{ width:22px; }

.enterprise-cta{
  margin-top: clamp(48px, 6vw, 72px);
  display:flex; gap:16px; flex-wrap:wrap; align-items:center;
}
.enterprise-cta .hint{
  color:var(--muted); font-size:14px;
  font-family:var(--serif); font-style:italic;
}
/* Privat- und Unternehmen-Sektion exakt gleich: flach hell */
.section.enterprise,
.section#privat{
  background: #FBF9F3;
}
.section#privat .card,
.section.enterprise .card{
  background: #FFFFFF;
}
.section#privat .card:hover,
.section.enterprise .card:hover{
  background: #FFFFFF;
}
/* Karten klar als helle Kästen abheben – in beiden Sektionen gleich sichtbar */
.section#privat .grid-3,
.section.enterprise .grid-3{
  background: rgba(21,35,46,0.06);
  border: 1px solid rgba(21,35,46,0.10);
  box-shadow:
    0 2px 6px rgba(21,35,46,0.06),
    0 22px 48px -24px rgba(21,35,46,0.28);
}

/* ---------- Contact ---------- */
.contact{
  background: var(--ink);
  color: var(--bg);
  padding-top: clamp(140px, 18vw, 220px);
  padding-bottom: clamp(72px, 9vw, 96px);
  border-top:none;
}
.contact .eyebrow{ color:var(--wood) }
.contact .eyebrow::before{ background:var(--wood) }

.contact-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  gap: clamp(40px, 6vw, 96px);
  align-items:start;
}
@media (max-width:900px){
  .contact-grid{ grid-template-columns:1fr; }
}
.contact h2{
  font-family:var(--serif);
  font-weight:400;
  font-size: clamp(44px, 6.5vw, 96px);
  line-height:0.98;
  letter-spacing:-0.015em;
  color:var(--bg);
  margin-top:24px;
}
.contact h2 em{ font-style:italic; color:var(--wood); }
.contact .lede{
  margin-top:28px;
  max-width:42ch;
  color: rgba(244,239,230,0.78);
  font-size:18px;
}
.contact .lede .en{
  display:block; margin-top:8px;
  font-family:var(--serif); font-style:italic; color:rgba(244,239,230,0.55);
  font-size:16px;
}
.contact .direct{
  margin-top:40px;
  display:flex; flex-direction:column; gap:14px;
}
.contact .direct a{
  font-family:var(--serif);
  font-size: clamp(22px, 2.4vw, 30px);
  color:var(--bg);
  border-bottom:1px solid rgba(244,239,230,0.25);
  padding-bottom:6px;
  width:max-content;
  transition: border-color .2s ease, color .2s ease;
}
.contact .direct a:hover{ border-color:var(--wood); color:var(--wood) }
.contact .direct .label{
  font-family:var(--sans);
  font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
  color:rgba(244,239,230,0.5);
  margin-bottom:-8px;
}

/* Form */
form.contact-form{
  background: rgba(244,239,230,0.04);
  padding: clamp(24px, 3vw, 36px);
  border:1px solid rgba(244,239,230,0.1);
  display:flex; flex-direction:column; gap:20px;
}
form.contact-form label{
  font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
  color: rgba(244,239,230,0.55);
  display:block; margin-bottom:8px;
}
form.contact-form input,
form.contact-form textarea,
form.contact-form select{
  width:100%;
  background: transparent;
  border:none;
  border-bottom:1px solid rgba(244,239,230,0.25);
  color:var(--bg);
  font-family:var(--sans);
  font-size:16px;
  padding: 10px 0 12px;
  transition: border-color .2s ease;
  border-radius:0;
}
form.contact-form input:focus,
form.contact-form textarea:focus,
form.contact-form select:focus{
  outline:none;
  border-bottom-color: var(--wood);
}
form.contact-form textarea{
  min-height:120px; resize:vertical;
  font-family:var(--sans);
}
form.contact-form option{ color: #111; }
form.contact-form .btn{
  align-self: flex-start;
  background: var(--wood);
  color: var(--ink);
  border-color: var(--wood);
  margin-top:8px;
}
form.contact-form .field-row{
  display:grid; grid-template-columns: 1fr 1fr; gap:24px;
}
@media (max-width:560px){
  form.contact-form .field-row{ grid-template-columns:1fr }
}
form.contact-form .status{
  font-family:var(--serif); font-style:italic;
  font-size:15px; color: var(--wood);
  min-height:1.2em;
}
/* Autofill-Hintergrund überschreiben – Browser-Gelb/-Blau unterdrücken */
form.contact-form input:-webkit-autofill,
form.contact-form input:-webkit-autofill:hover,
form.contact-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #15232E inset;
  -webkit-text-fill-color: #F6F1E6;
  transition: background-color 5000s ease-in-out 0s;
  border-bottom: 1px solid rgba(244,239,230,0.25);
}
form.contact-form input:-webkit-autofill:focus {
  border-bottom-color: var(--wood);
}

/* ---------- Footer ---------- */
.footer{
  background:var(--ink);
  color:rgba(244,239,230,0.65);
  border-top: 1px solid rgba(244,239,230,0.12);
  padding: 56px var(--pad-x) 48px;
}
.footer-inner{
  max-width:var(--maxw); margin:0 auto;
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap: clamp(40px, 6vw, 96px);
  font-size:13.5px;
  line-height:1.7;
}
@media (max-width:560px){ .footer-inner{ grid-template-columns:1fr } }

.footer h4{
  font-family:var(--serif); font-style:italic;
  font-weight:400; color:var(--bg);
  font-size:16px; margin-bottom:14px;
}
.footer .legal{
  grid-column: 1 / -1;
  border-top: 1px solid rgba(244,239,230,0.12);
  padding-top:24px;
  margin-top:32px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;
  font-size:12px; letter-spacing:0.04em;
  color:rgba(244,239,230,0.4);
}
.footer a{ border-bottom:1px solid transparent; transition: border-color .2s ease, color .2s ease;}
.footer a:hover{ color:var(--wood); border-bottom-color:var(--wood); }


/* ---------- Legal pages ---------- */
.legal-page{ background: var(--bg); }
.legal-wrap{
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(120px, 14vw, 180px) var(--pad-x) clamp(80px, 10vw, 120px);
}
.legal-wrap .legal-back{
  display:inline-block;
  font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
  color: var(--green);
  margin-bottom: 28px;
  border-bottom:1px solid transparent;
  transition: border-color .2s ease;
}
.legal-wrap .legal-back:hover{ border-bottom-color: var(--green); }
.legal-wrap h1{
  font-family: var(--serif);
  font-weight:400;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1;
  letter-spacing:-0.015em;
  color: var(--ink);
}
.legal-wrap .legal-sub{
  font-family: var(--serif); font-style:italic;
  color: var(--muted);
  margin-top: 12px;
  margin-bottom: 32px;
  font-size: 18px;
}
.legal-wrap .legal-hint{
  font-size: 13px;
  color: var(--ink-soft);
  background: rgba(21,35,46, 0.05);
  border-left: 2px solid var(--wood);
  padding: 12px 16px;
  margin-bottom: 32px;
  font-family: var(--serif); font-style:italic;
}
.legal-wrap h2{
  font-family: var(--serif);
  font-weight: 400;
  font-size: 22px;
  margin: 32px 0 10px;
  color: var(--ink);
}
.legal-wrap p, .legal-wrap address, .legal-wrap li{
  color: var(--ink-soft);
  font-size: 16px;
  margin-bottom: 12px;
  font-style: normal;
}
.legal-wrap address{ line-height: 1.8 }
.legal-wrap a{ color: var(--ink); border-bottom: 1px solid var(--line); transition: border-color .2s ease; }
.legal-wrap a:hover{ border-bottom-color: var(--wood); color: var(--wood); }

/* ---------- Fade-up ---------- */
.fade-up{
  opacity:0; transform: translateY(14px);
  transition: opacity .8s ease, transform .8s ease;
}
.fade-up.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .fade-up{ opacity:1; transform:none; transition:none; }
  *{scroll-behavior:auto !important}
}

/* ============================================================
   OLD-MONEY REFINEMENT — zeitlose Eleganz, klarere Schrift
   ============================================================ */

/* Serif-Headlines: mehr Substanz & ruhige Eleganz statt dünn/verspielt */
.hero h1,
.section-head h2,
.contact h2,
.legal-wrap h1{
  font-weight:600;
  letter-spacing:-0.005em;
  line-height:1.04;
}
.card h3{
  font-weight:600;
  letter-spacing:0;
}
.hero h1 em,
.section-head h2 em,
.contact h2 em{
  font-weight:600;
}
/* Sekundärzeilen (engl.) ruhiger statt kursiv-verspielt */
.section-head h2 .en,
.section-head .lede .en,
.contact .lede .en{
  font-style:normal;
  letter-spacing:0.01em;
}

/* Eyebrows: klassisch gesperrt, fein */
.eyebrow{
  font-size:11px;
  letter-spacing:0.26em;
  font-weight:500;
}

/* Body & Fließtext klarer und ruhiger */
.section-head .lede,
.card .desc,
.contact .lede{
  font-weight:400;
  color:var(--ink-soft);
}
.card .desc{ font-size:16px; line-height:1.7; }

/* Buttons: edel & reduziert — kantig statt Pille, feine Linie */
.btn{
  border-radius:2px;
  padding:14px 26px;
  font-size:13px;
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.nav-cta{
  border-radius:2px;
  background:transparent;
  color:var(--ink);
  border:1px solid var(--ink);
  box-shadow:none;
  letter-spacing:0.14em;
}
.nav-cta:hover{
  background:var(--ink);
  color:var(--bg);
}
.btn.green{ border-radius:2px; }

/* Karten & Raster: zurückhaltender, edler Lift statt kräftigem Schatten */
.section#privat .grid-3,
.section.enterprise .grid-3{
  border:1px solid var(--line-soft);
  box-shadow:0 1px 0 rgba(21,35,46,0.04), 0 18px 40px -34px rgba(21,35,46,0.30);
}
.card .idx{ color:var(--wood); font-style:italic; letter-spacing:0.04em; }
.card .meta{ color:var(--muted); letter-spacing:0.16em; }

/* Hero-Wash warm & zeitlos – goldener Abend-Ton */
.hero-bg .tint{
  background:linear-gradient(180deg,
    rgba(246,241,230,0.22) 0%,
    rgba(246,241,230,0.06) 45%,
    rgba(21,35,46,0.18) 100%);
  mix-blend-mode:normal;
}
.hero h1 em{ color:var(--wood); }
.hero .eyebrow{ color:var(--wood); }
.hero .eyebrow::before{ background:var(--wood); }

/* ============================================================
   NEUE SEKTIONEN: Über mich · Coaching · Card-Erweiterungen
   ============================================================ */

/* ---------- Über mich ---------- */
.ueber-mich-section{ background:var(--bg); }
.ueber-grid{
  display:grid;
  grid-template-columns: 220px 1fr;
  gap: clamp(40px, 7vw, 120px);
  align-items:start;
}
.ueber-label{
  display:flex; flex-direction:column; gap:6px; padding-top:4px;
}
.ueber-label .eyebrow.en{
  font-style:italic; text-transform:none; letter-spacing:0.08em;
  color:var(--muted); font-size:12px;
}
.ueber-label .eyebrow::before{ display:none; }
.ueber-text p{
  font-size:19px; line-height:1.68; color:var(--ink-soft);
  max-width:56ch; margin-bottom:0;
}
.ueber-text p + p{ margin-top:16px; }
.ueber-text-en{ margin-top:28px; padding-top:24px; border-top:1px solid var(--line-soft); }
.ueber-text p.en{
  font-family:var(--serif); font-style:italic;
  font-size:17px; color:var(--muted);
}
@media (max-width:780px){
  .ueber-grid{ grid-template-columns:1fr; gap:20px; }
  .ueber-label{ flex-direction:row; align-items:center; gap:12px; }
  .ueber-label .eyebrow::before{ display:inline-block; }
}

/* ---------- Coaching-Sektion ---------- */
.section.coaching{ background:#F2EEE4; }
.section.coaching .card{ background:#FDFBF7; }
.section.coaching .card:hover{ background:#FDFBF7; }
.section.coaching .grid-3{
  background: rgba(21,35,46,0.05);
  border: 1px solid rgba(21,35,46,0.10);
  box-shadow:
    0 2px 6px rgba(21,35,46,0.05),
    0 22px 48px -24px rgba(21,35,46,0.22);
}

/* ---------- Card-Erweiterungen ---------- */

/* Englische Beschreibung */
.card .desc-en{
  margin-top:10px;
  font-family:var(--serif); font-style:italic;
  font-size:14.5px; color:var(--muted);
  line-height:1.6;
}

/* Coaching: Subtitle (1:1 / Intro Session) */
.card-subtitle{
  display:inline-block;
  margin-top:6px;
  font-size:10px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--wood); font-family:var(--sans);
}

/* Coaching: Ideal-für Hinweis */
.card .desc-ideal{
  margin-top:8px;
  font-size:13.5px; color:var(--wood);
  font-style:normal; font-family:var(--sans);
}

/* Preis – Einzelpreis */
.card .meta{
  margin-top:28px;
  display:flex; flex-direction:column; gap:2px;
}
.card .meta .price-label{
  font-size:10px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--muted); font-family:var(--sans);
}
.card .meta .price-label-en{
  margin-top:10px;
  color:rgba(21,35,46,0.38);
}
.card .meta .price-amount{
  font-family:var(--serif); font-style:italic;
  font-size:20px; color:var(--ink); line-height:1.2;
  letter-spacing:0;
}
.card .meta .price-en{
  font-size:15px; color:var(--muted);
}

/* Preis – Mehrstufig */
.card .price-list{
  margin-top:28px;
  display:flex; flex-direction:column; gap:0;
}
.card .price-list .price-label{
  font-size:10px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--muted); font-family:var(--sans);
  margin-bottom:6px;
}
.card .price-list .price-label-en{
  margin-top:12px; margin-bottom:6px;
  color:rgba(21,35,46,0.38);
}
.card .pi{
  display:flex; justify-content:space-between; align-items:baseline;
  padding:4px 0;
  border-bottom:1px solid var(--line-soft);
  gap:12px;
}
.card .pi:last-of-type{ border-bottom:none; }
.card .pi-en{ opacity:0.6; }
.card .pi .pi-l{
  font-size:13px; color:var(--ink-soft);
}
.card .pi .pi-a{
  font-family:var(--serif); font-style:italic;
  font-size:16px; color:var(--ink);
  white-space:nowrap;
}
.card .pi-en .pi-l{ font-size:12px; color:var(--muted); }
.card .pi-en .pi-a{ font-size:14px; color:var(--muted); }