/* Marina Academy · gemeinsame Styles für alle Seiten
   Schriften: Lora und Inter (SIL Open Font License), lokal eingebunden, kein Abruf bei Google. */
@font-face{font-family:"Lora";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/lora-normal-400.woff) format("woff")}
@font-face{font-family:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/lora-italic-400.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/inter-normal-300.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-normal-400.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-normal-500.woff) format("woff")}

:root{--sx-green:#24342a;--sx-green-2:#2e4034;--sx-gold:#a28c65;--sx-gold-light:#c9b78f;--sx-cream:#f4efe6;--sx-sand:#e9e1d3;--sx-white:#fbf8f2;--sx-text:#3e443d;--sx-muted:#6f7068}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--sx-cream);color:var(--sx-text);font-family:"Inter",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
.sx-skip{position:absolute;left:-9999px;top:0;background:var(--sx-green);color:var(--sx-cream);padding:10px 16px;z-index:100;font:500 13px/1 "Inter",sans-serif}
.sx-skip:focus{left:12px;top:12px}

/* ---------- Kopfzeile ---------- */
.sx-head{position:sticky;top:0;z-index:40;background:rgba(244,239,230,.96);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(162,140,101,.35)}
.sx-head .sx-in{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sx-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--sx-green)!important}
.sx-mono{width:40px;height:40px;flex:none;border:1px solid var(--sx-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:italic 400 17px/1 "Lora",Georgia,serif;color:var(--sx-gold);letter-spacing:.02em;position:relative}
.sx-mono::after{content:"";position:absolute;inset:3px;border:1px solid rgba(162,140,101,.35);border-radius:50%}
.sx-word{display:flex;flex-direction:column;line-height:1}
.sx-word b{font:400 21px/1 "Lora",Georgia,serif;letter-spacing:.04em;color:var(--sx-green)}
.sx-word i{font:500 9px/1 "Inter",sans-serif;font-style:normal;letter-spacing:.42em;text-transform:uppercase;color:var(--sx-gold);margin-top:6px}
.sx-nav{display:flex;align-items:center;gap:28px}
.sx-nav a{font:500 11.5px/1 "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-green)!important;text-decoration:none!important;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.sx-nav a:hover,.sx-nav a[aria-current=page]{border-bottom-color:var(--sx-gold)}
.sx-nav a.sx-cta{background:var(--sx-green);color:var(--sx-cream)!important;padding:13px 18px;border:1px solid var(--sx-green)}
.sx-nav a.sx-cta:hover{background:var(--sx-green-2)}
.sx-burger{display:none;background:none;border:1px solid var(--sx-gold);color:var(--sx-green);font:500 11px/1 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:11px 14px;cursor:pointer}
@media (max-width:1020px){
  .sx-burger{display:block}
  .sx-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--sx-cream);border-bottom:1px solid rgba(162,140,101,.35);padding:8px 20px 22px;box-shadow:0 14px 30px rgba(36,52,42,.08)}
  .sx-nav.open{display:flex}
  .sx-nav a{padding:16px 0;border-bottom:1px solid rgba(162,140,101,.25);font-size:12px}
  .sx-nav a.sx-cta{margin-top:16px;text-align:center}
}
@media (max-width:420px){.sx-word b{font-size:18px}.sx-mono{width:34px;height:34px;font-size:15px}}

/* ---------- Fußzeile ---------- */
.sx-foot{background:var(--sx-green);color:#cfc8b9;position:relative;font:300 15px/1.7 "Inter",sans-serif;border-top:1px solid rgba(162,140,101,.35)}
.sx-foot::before{content:"";position:absolute;inset:14px;border:1px solid rgba(162,140,101,.35);pointer-events:none}
.sx-foot .sx-in{max-width:1180px;margin:0 auto;padding:72px 40px 40px;position:relative}
.sx-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.sx-foot .sx-logo{color:var(--sx-cream)!important}
.sx-foot .sx-word b{color:var(--sx-cream)}
.sx-foot .sx-tag{font:italic 400 17px/1.5 "Lora",Georgia,serif;color:#e4ddcf;margin:22px 0 0;max-width:300px}
.sx-foot h2{font:500 11px/1 "Inter",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--sx-gold-light);margin:6px 0 18px}
.sx-foot h2::after{display:none}
.sx-foot ul{list-style:none;margin:0;padding:0}
.sx-foot li{margin:0 0 10px}
.sx-foot a,.sx-foot .sx-linkbtn{color:#e4ddcf!important;text-decoration:none!important;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.sx-foot a:hover,.sx-foot .sx-linkbtn:hover{color:var(--sx-gold-light)!important}
.sx-foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid rgba(162,140,101,.3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;font-size:12px;letter-spacing:.06em;color:#a9a796}
@media (max-width:900px){.sx-foot-grid{grid-template-columns:1fr 1fr}.sx-foot .sx-in{padding:56px 28px 32px}}
@media (max-width:520px){.sx-foot-grid{grid-template-columns:1fr}.sx-foot::before{inset:8px}}

/* ---------- Cookie-Banner ---------- */
.sx-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:580px;margin:0 auto;background:var(--sx-white);color:var(--sx-text);border:1px solid var(--sx-gold);outline:1px solid rgba(162,140,101,.35);outline-offset:4px;padding:24px 24px 20px;box-shadow:0 14px 40px rgba(36,52,42,.2);font:300 14px/1.6 "Inter",sans-serif;display:none;max-height:calc(100vh - 32px);overflow:auto}
.sx-consent.show{display:block}
.sx-consent h2{font:400 22px/1.2 "Lora",Georgia,serif;color:var(--sx-green);margin:0 0 10px}
.sx-consent h2::after{display:none}
.sx-consent p{margin:0 0 14px}
.sx-consent a{color:var(--sx-green)!important}
.sx-opts{display:none;border-top:1px solid #d9cfbd;margin:4px 0 16px}
.sx-consent.detail .sx-opts{display:block}
.sx-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #d9cfbd}
.sx-opt input{margin-top:4px;width:17px;height:17px;flex:none;accent-color:var(--sx-green)}
.sx-opt strong{display:block;font-weight:500;color:var(--sx-green)}
.sx-opt span{font-size:13px;color:var(--sx-muted)}
.sx-row{display:flex;flex-wrap:wrap;gap:10px}
.sx-btn{flex:1;min-width:140px;background:var(--sx-green);color:var(--sx-cream);border:1px solid var(--sx-green);padding:13px 14px;font:500 11px/1.2 "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.sx-btn:hover{background:var(--sx-green-2)}
.sx-btn.sx-ghost{background:transparent;color:var(--sx-green)}
.sx-btn.sx-ghost:hover{background:var(--sx-sand)}
.sx-more{background:none;border:0;padding:0;margin:12px 0 0;font:300 13px/1 "Inter",sans-serif;color:var(--sx-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sx-consent.detail .sx-more{display:none}

/* ---------- Vimeo erst nach Klick ---------- */
.sx-video{position:relative;aspect-ratio:16/9;background:var(--sx-green) center/cover no-repeat;overflow:hidden}
.sx-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sx-video .sx-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(36,52,42,.55);color:var(--sx-cream);border:0;cursor:pointer;font:300 14px/1.5 "Inter",sans-serif;padding:20px;text-align:center}
.sx-video .sx-play b{width:76px;height:76px;border-radius:50%;background:rgba(244,239,230,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.sx-video .sx-play b::after{content:"";border-left:20px solid var(--sx-green);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.sx-video .sx-play small{max-width:440px;font-size:12px;color:#e4ddcf}
.sx-video .sx-play small a{color:var(--sx-gold-light)}

/* Logo: Schriftzug „Marina Academy“ in einer Zeile */
.sx-brand{font:400 26px/1 "Lora",Georgia,serif;letter-spacing:.02em;color:var(--sx-green);white-space:nowrap}
.sx-brand em{font-style:italic;color:var(--sx-gold)}
.sx-foot .sx-brand{color:var(--sx-cream);font-size:28px}
.sx-foot .sx-brand em{color:var(--sx-gold-light)}
@media (max-width:420px){.sx-brand{font-size:22px}}

/* ---------- Kopfzeile im Stil von Vicky: Webinar-Leiste + dunkles Menü ---------- */
.sx-bar{background:var(--sx-gold);color:var(--sx-cream);text-align:center;padding:10px 16px;font:400 13px/1.4 "Inter",sans-serif;letter-spacing:.02em}
.sx-bar span{margin-right:14px}
.sx-bar a{color:var(--sx-cream)!important;font-weight:500;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.sx-head{background:var(--sx-green);border-bottom:0;backdrop-filter:none}
.sx-head .sx-in{padding:18px 32px}
.sx-logo{flex-direction:column;align-items:center;gap:6px}
.sx-head .sx-brand{color:var(--sx-cream)}
.sx-head .sx-brand em{color:var(--sx-gold-light)}
.sx-sub{font:400 10px/1 "Inter",sans-serif;letter-spacing:.32em;text-transform:lowercase;color:#cfc8b9}
.sx-foot .sx-sub{display:none}
.sx-foot .sx-logo{align-items:flex-start}
.sx-nav{gap:30px}
.sx-nav a{color:var(--sx-cream)!important;font-weight:400;font-size:12px;letter-spacing:.2em;padding:6px 0;border-bottom:1px solid transparent}
.sx-nav a:hover,.sx-nav a[aria-current=page]{border-bottom-color:var(--sx-gold-light)}
.sx-burger{border:0;padding:10px 4px;width:40px;display:none;flex-direction:column;gap:7px;background:none}
.sx-burger span{display:block;height:2px;background:var(--sx-cream);transition:transform .2s,opacity .2s}
.sx-burger[aria-expanded=true] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.sx-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.sx-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
@media (max-width:1020px){
  .sx-burger{display:flex}
  .sx-head .sx-in{padding:16px 20px}
  .sx-nav{background:var(--sx-green);border-bottom:1px solid rgba(201,183,143,.4);box-shadow:0 14px 30px rgba(0,0,0,.18)}
  .sx-nav a{border-bottom:1px solid rgba(201,183,143,.2);font-size:12.5px;padding:17px 0}
  .sx-nav a[aria-current=page]{color:var(--sx-gold-light)!important;border-bottom-color:rgba(201,183,143,.2)}
}
@media (max-width:600px){.sx-bar{font-size:12px;padding:9px 12px}.sx-bar span{display:block;margin:0 0 3px}}
@media (max-width:420px){.sx-head .sx-brand{font-size:22px}.sx-sub{font-size:9px;letter-spacing:.26em}}

/* KI-Kennzeichnung */
.ki-tag{position:absolute;right:auto;bottom:auto;z-index:3;background:rgba(36,52,42,.55);color:#f4efe6;font:400 9.5px/1 "Inter",sans-serif;letter-spacing:.08em;padding:4px 7px;border-radius:2px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ki-note{display:block;font-size:.72rem;color:var(--sx-muted);margin-top:4px}
/* Kontrast Webinar-Leiste */
.sx-bar{background:#76633f}