/* OMNI FORTUNA — geteilte Styles für Rechts-Unterseiten (AGB / Datenschutz / App-AGB) */
:root{
  --bg:#B39D65;
  --surface:#FFFFFF;
  --surface-alt:#FBF6E8;
  --border:#D9CFA8;
  --navy:#0B2545;
  --navy-700:#13315C;
  --navy-900:#06122A;
  --gold:#B39D65;
  --bronze:#2E2510;
  --text:#1A1410;
  --muted:#2E2510;
  --radius:14px;
  --shadow:0 1px 2px rgba(8,18,42,.06),0 8px 24px rgba(8,18,42,.10);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
h1,h2,h3{font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--navy-900)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.95rem;
  padding:13px 22px;border-radius:999px;cursor:pointer;border:1.5px solid transparent;transition:.18s ease}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-900);transform:translateY(-1px)}

/* HEADER */
header{position:sticky;top:0;z-index:50;background:rgba(179,157,101,.88);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:11px;font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;
  font-weight:700;color:var(--navy-900);font-size:1.05rem;letter-spacing:-.02em}
.logo img{height:42px;width:auto;flex:none;display:block}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:.95rem;color:var(--navy);font-weight:500;transition:color .15s}
.nav-links a:hover{color:var(--bronze)}
.nav-cta{display:flex;align-items:center;gap:12px}
@media(max-width:640px){.nav-links{display:none}}

/* LEGAL PAGE */
.legal-hero{padding:72px 0 18px}
.legal-hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:12px 0 10px}
.legal-hero .legal-sub{color:var(--muted);font-size:1.02rem;max-width:60ch}
.legal-wrap{max-width:880px}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;
  color:var(--navy);margin-bottom:20px}
.back-link svg{width:16px;height:16px}
.back-link:hover{color:var(--bronze)}
.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;
  padding:40px clamp(22px,4vw,48px);box-shadow:var(--shadow);margin-bottom:72px}
.legal h2{font-size:1.32rem;margin:34px 0 12px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:1.06rem;margin:24px 0 8px}
.legal p{color:var(--text);margin-bottom:14px}
.legal ul,.legal ol{margin:0 0 16px 4px;list-style:none}
.legal li{margin-bottom:8px;padding-left:24px;position:relative}
.legal li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--gold)}
.legal ol{counter-reset:item}
.legal ol li{counter-increment:item}
.legal ol li::before{content:counter(item)".";width:auto;height:auto;border-radius:0;background:none;
  font-weight:600;color:var(--navy-900);left:0;top:0}
.legal .legal-meta{font-size:.85rem;color:var(--muted);margin-top:28px;padding-top:18px;
  border-top:1px solid var(--border)}
.disclaimer{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;
  padding:18px 22px;font-size:.84rem;color:var(--muted);margin-bottom:30px}
.disclaimer strong{color:var(--navy-900)}

/* FOOTER */
footer{background:var(--navy-900);color:rgba(255,255,255,.7);padding:48px 0 32px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:32px}
.foot-grid h4{color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.foot-grid a,.foot-grid p{font-size:.9rem;color:rgba(255,255,255,.65);display:block;margin-bottom:8px}
.foot-grid a:hover{color:var(--gold)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.82rem;
  color:rgba(255,255,255,.5);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr 1fr}}

/* WHATSAPP FLOATING BUTTON */
.wa-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 6px 20px rgba(8,18,42,.28),0 2px 6px rgba(0,0,0,.18);
  transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;text-decoration:none}
.wa-fab svg{width:34px;height:34px}
.wa-fab:hover{background:#1ebe5d;transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 28px rgba(8,18,42,.34),0 3px 8px rgba(0,0,0,.22)}
.wa-fab:focus-visible{outline:3px solid #0B2545;outline-offset:3px}
.wa-fab::after{content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:waPulse 2.6s ease-out infinite}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(prefers-reduced-motion:reduce){.wa-fab::after{animation:none}}
@media(max-width:640px){.wa-fab{width:54px;height:54px;right:16px;bottom:16px}.wa-fab svg{width:30px;height:30px}}