:root{
  --night:#141019;   /* oben dunkel */
  --dusk:#2a1d27;
  --gold:#d08139;    /* #d08i39 -> i war 1 */
  --sand:#bead85;    /* unten hell */
  --ink:#0e0b10;
  --text:#f7f3ea;
  --text-dark:#1f1a16;
}

/* Reset / Base */
*{box-sizing:border-box}
html,body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);scroll-behavior:smooth}

/* Background blend */
.bg{position:fixed;inset:0;z-index:-2;pointer-events:none}
.bg-night,.bg-sunrise,.bg-veil{position:absolute;inset:0;transition:opacity .35s ease}
.bg-night{
  background:
    radial-gradient(1200px 600px at 18% 6%, rgba(36,28,44,.65), transparent 55%),
    linear-gradient(180deg,var(--night) 0%, #1a1420 60%, #191520 100%);
  opacity:calc(1 - var(--mix,0));
}
.bg-sunrise{
  background:linear-gradient(180deg,#2b1f24 0%, #5a2e1c 28%, var(--gold) 60%, var(--sand) 100%);
  filter:saturate(1.05);
  opacity:var(--mix,0);
}
.bg-veil{background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 35%, rgba(255,255,255,.12))}

/* Header */
.site-header{position:sticky;top:0;background:rgba(20,16,25,.72);backdrop-filter:blur(8px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.08);z-index:50}
.nav-wrapper{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.brand{color:#ffeec2;text-decoration:none;font-weight:800;letter-spacing:.4px}
.brand{display:inline-flex;align-items:center;gap:.55rem;color:#ffeec2;text-decoration:none;font-weight:800;letter-spacing:.4px}
.brand__logo{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.brand__text{line-height:1}


/* Desktop nav */
.desktop-nav a{color:var(--text);text-decoration:none;margin:0 .75rem}
.desktop-nav a:hover{color:var(--sand)}

/* Hamburger */
.hamburger{display:none;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:860px){.desktop-nav{display:none}.hamburger{display:flex}}

/* Mobile Panel */
.m-panel{position:fixed;inset:0;z-index:80;display:block}
.m-panel[hidden]{display:none}
.m-panel__backdrop{position:absolute;inset:0;background:rgba(10,8,12,.5);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s}
.m-panel.is-open .m-panel__backdrop{opacity:1}
.m-panel__sheet{
  position:absolute;top:0;right:0;height:100%;width:min(78vw,360px);
  background:rgba(20,16,25,.96);border-left:1px solid rgba(255,255,255,.08);
  box-shadow:-14px 0 36px rgba(0,0,0,.45);
  transform:translateX(100%);transition:transform .25s ease;
  display:grid;align-content:start;padding:4.25rem 1.25rem 1.25rem;
}
.m-panel.is-open .m-panel__sheet{transform:none}
.m-list{display:grid;gap:.35rem}
.m-link{
  display:block;
  padding:.6rem .9rem;               /* halb so groß wie vorher */
  border-radius:12px;
  text-decoration:none;
  color:#fff;
  font-weight:600;
}
.m-link:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,223,160,.25)}
.m-link--cta{
  background:linear-gradient(135deg,var(--gold),var(--sand));
  color:var(--ink);
  margin-top:.25rem;
}
.m-link--cta:hover{filter:brightness(1.05)}

/* Sections */
.section{max-width:1100px;margin:0 auto;padding:6rem 1rem}
.hero{min-height:100vh;text-align:center;padding-top:7rem}
.hero h1{font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.15;margin:0}
.hero h1 span{display:block;color:var(--gold);text-shadow:0 0 16px rgba(255,210,120,.55);margin-bottom:.35rem}

.hero-video{width:92%;max-width:860px;border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.6);margin:2rem auto 1.5rem;background:#000}
.video-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}

/* Buttons */
.btn-gold{
  display:inline-block;text-decoration:none;color:var(--ink);font-weight:700;border-radius:999px;
  padding:1rem 2rem;background:linear-gradient(135deg,var(--gold),var(--sand));box-shadow:0 10px 28px rgba(255,210,120,.28)
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,210,120,.38)}

/* Story */
.story{color:var(--text)}
.story-container{max-width:75ch;margin:0 auto}
.story h2{text-align:center;color:#ffefb0;margin:0 0 1.5rem;text-shadow:0 0 10px rgba(255,235,170,.4)}
.story h3{color:var(--sand);margin:2.2rem 0 1rem}
.story p{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}
.story p.visible, .story h3.visible{opacity:1;transform:none}

/* Business */
.business{color:var(--text-dark)}
.business h2{color:#ffefb0;text-align:center;text-shadow:0 0 12px rgba(255,235,170,.45)}
.subtitle{text-align:center;opacity:.85;margin-top:.4rem}
.video-wrap{max-width:900px;margin:2rem auto}
.business .video-embed{box-shadow:0 18px 44px rgba(0,0,0,.45)}
.business-cta{display:block;width:max-content;margin:2rem auto 0}
.disclaimer{text-align:center;color:#8b8b8b;margin-top:1rem}

/* Footer */
footer{padding:3rem 1rem;text-align:center;color:#fff;background:#0d0b0d}
footer .quote{color:#f5d97b;margin:0 0 .6rem}
footer .links a{color:var(--sand);text-decoration:none;margin:0 .5rem}
footer small{color:#9a9a9a}
/* Modern vertical hamburger alignment */
.hamburger {
  flex-direction: column;          /* vertikal anordnen */
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  gap: 6px;                        /* Abstand zwischen den Strichen */
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  transition: background .25s ease;
}

.hamburger:hover {
  background: rgba(255,255,255,0.08);
}

.hamburger span {
  width: 20px;                     /* etwas kürzer für eleganteren Look */
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transition: transform .3s ease, opacity .3s ease;
}

/* Animation für geöffneten Zustand (X-Form) */
.hamburger[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(3px, 3px);
}
.hamburger[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}
.hamburger[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(3px, -3px);
}
/* Bridge-Bild + Caption */
.freedom-bridge{margin:2.5rem auto; max-width:980px; position:relative}
.freedom-bridge img{width:100%; border-radius:14px; box-shadow:0 18px 44px rgba(0,0,0,.45); display:block}
.freedom-bridge figcaption{
  position:absolute; left:0; right:0; bottom:0;
  padding:1.1rem 1.25rem; text-align:center; font-weight:700; letter-spacing:.3px;
  color:#1b140a; background:linear-gradient(180deg, rgba(255,245,220,.0), rgba(255,240,200,.66));
  border-radius:0 0 14px 14px;
}

/* 3-Spalten CTA */
.cta-row{display:grid; gap:1.25rem; margin-top:1.75rem}
.cta-row {margin-bottom: clamp(24px, 3.2vw, 40px);
}
.cta-card{
  background:rgba(255,255,255,.9);
  color:#1b140a; border-radius:14px; padding:1.25rem 1.15rem;
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}
.cta-card h3{margin:.25rem 0 .5rem; color:#7a4c13}
.cta-card .disclaimer{display:block; color:#6b6358; margin-top:.6rem}
@media (min-width:900px){ .cta-row{grid-template-columns:1fr 1fr 1fr} }

/* Mini-Formulare */
.mini-form{display:grid; gap:.5rem; align-content:start}
.mini-form input{
  width:100%; padding:.8rem .9rem; border-radius:12px; border:1px solid rgba(0,0,0,.08);
  background:#fff; color:#1b140a; font-family:inherit; outline:none;
  box-shadow:0 1px 0 rgba(0,0,0,.04) inset;
}
.mini-form input:focus{box-shadow:0 0 0 3px rgba(255,210,120,.35)}
.mini-form .btn-gold{justify-self:start; padding:.8rem 1.2rem}
.form-note{color:#6b6358}
.sr-only{position:absolute; left:-9999px}
/* Container */
#freedom-bridge {
  padding: 2rem 0 0;
}
/* Karten & Formulare als Spalten-Layout */
.cta-card{display:flex;flex-direction:column}
.cta-card .mini-form{flex:1;display:flex;flex-direction:column}

/* Buttons in ALLEN Karten nach unten */
.cta-card > .btn-gold{ margin-top: auto; }        /* Karte 1 (ohne Form)  */
.cta-card .mini-form .btn-gold{ margin-top: auto; }/* Karten mit Formular */

.freedom-bridge {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}

.freedom-bridge img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(.95) contrast(1.05);
}
/* Einladungstext unter dem Video, nicht im Bild */
.freedom-card.static {
  position: static;
  margin: 2rem auto 0;
  max-width: 760px;
  background: rgba(255, 255, 255, 0.7);
  color: #2b2b2b;
  backdrop-filter: blur(8px);
  border-radius: 14px;
  padding: 1.5rem 2rem;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.6;
  font-weight: 500;
}
.story-social{
  margin: 1.75rem auto 0;
  max-width: 420px;          /* vorher 680px */
  text-align: center;
}
.story-social img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(0,0,0,.35);
}
/* 1) Hero: Button weiter weg vom Video */
.hero .btn-gold{
  margin-top: 2.4rem;            /* mehr Luft zwischen Video und Button */
}

/* 2) Übergang Story -> Business straffen */
.story{
  padding: 6rem 1rem 3rem;       /* unten von 6rem auf 3rem gekürzt */
}

.story .story-social{
  margin: 1.25rem auto 0;        /* etwas weniger Abstand nach oben, kein extra Bottom-Margin */
}

.section.business,
#mentorship.section{
  padding: 3.25rem 1rem 6rem;    /* oben straffer, unten unverändert luftig */
}

/* optional minimal: H2 im Business weniger Eigenabstand */
.business h2{
  margin-top: 0.25rem;
}
/* Social-Tile knapp vor der Überschrift */
.social-byc {
  display: block;
  margin: clamp(12px, 1.4vw, 16px) auto clamp(10px, 1.2vw, 14px);
  max-width: min(860px, 92vw);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
}
#contact.section {
  padding-top: clamp(12px, 2vw, 24px);
}
/* Kontakt zentrieren & an bestehendes Gold-Glow-Theme anlehnen */
#contact { 
  text-align: center; 
}
#contact .contact-title {
  color: #ffefb0;
  text-shadow: 0 0 10px rgba(255,235,170,.45);
  margin-bottom: clamp(8px, 1.4vw, 14px);
}
#contact .contact-text {
  opacity: .9;
  margin: 0 auto clamp(10px, 1.6vw, 18px);
  max-width: 660px;
}
#contact .contact-mail a {
  font-weight: 700;
  color: #ffe7b5;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,231,181,.5);
}
#contact .contact-mail a:hover {
  filter: brightness(1.05);
  text-shadow: 0 0 8px rgba(255,231,181,.35);
}
/* Hero line-height a touch taller for big screens */
.hero h1 { line-height: clamp(1.15, 1.2vw, 1.28); }

/* Invitation card: slightly warmer tint & tighter max-width */
.freedom-card.static{
  max-width: 720px;
  background: rgba(255,248,238,.78);
  color: #2a221a;
}

/* Legal note under story */
.legal-note{
  max-width: 75ch;
  margin: 1.2rem auto 0;
  opacity:.85;
  color:#e9dcc7;
  font-size:.95rem;
  text-align:center;
}

/* Header CTA hover pop (keeps hamburger intact) */
.desktop-nav .cta-btn{
  padding:.5rem 1rem;border-radius:999px;
  background:linear-gradient(135deg,var(--gold),var(--sand));
  color:var(--ink);font-weight:700
}
.desktop-nav .cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,210,120,.25)}
/* Responsive 16:9 */
.video-wrap{
  position:relative;
  width:100%;
  max-width:1100px;   /* wie bei dir */
  margin-inline:auto;
  aspect-ratio:16/9;  /* moderne Browser */
  background:#000;
  border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);
  overflow:hidden;
}
.video-wrap .video-embed{
  position:absolute; inset:0;
  width:100%; height:100%;
}