:root {
  --gold: #c9a84c;
  --gold-light: #f0e0b0;
  --navy: #1a2a3a;
  --ink: #1a1a1a;
  --muted: #6b6b6b;
  --light: #f7f5f0;
  --border: #e8e0d0;
  --white: #ffffff;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Jost',sans-serif; background:var(--white); color:var(--ink); overflow-x:hidden; }

/* ── LANGUAGE SYSTEM ─────────────────────────────────────────── */
/* Default: alles verstecken */
.de, .en, .tr { display:none !important; }
/* Aktive Sprache anzeigen */
body.lang-de .de { display:block !important; }
body.lang-en .en { display:block !important; }
body.lang-tr .tr { display:block !important; }
/* Inline-Elemente */
span.de, span.en, span.tr { display:none !important; }
body.lang-de span.de { display:inline !important; }
body.lang-en span.en { display:inline !important; }
body.lang-tr span.tr { display:inline !important; }
/* Flex-Elemente (z.B. .sec-label, proof-bar items) */
.flex-de, .flex-en, .flex-tr { display:none !important; }
body.lang-de .flex-de { display:flex !important; }
body.lang-en .flex-en { display:flex !important; }
body.lang-tr .flex-tr { display:flex !important; }

/* ── NAV ─────────────────────────────────────────────────────── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  background:rgba(255,255,255,0.97);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  display:flex !important; align-items:center; justify-content:space-between;
  padding:0 60px; height:68px;
}
.nav-logo img { height:38px; object-fit:contain; display:block !important; }
.nav-center { display:flex !important; gap:4px; }
.nav-link {
  font-size:11px; font-weight:500; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--muted);
  text-decoration:none; padding:8px 16px; border-radius:2px;
  transition:all 0.2s; white-space:nowrap;
  display:inline-flex !important; align-items:center;
}
.nav-link:hover, .nav-link.active { color:var(--gold); background:rgba(201,168,76,0.07); }
.lang-switcher { display:flex !important; gap:4px; }
.lang-btn {
  background:none; border:1px solid var(--border);
  font-family:'Jost',sans-serif; font-size:13px;
  padding:5px 10px; cursor:pointer; border-radius:2px;
  transition:all 0.2s; display:flex !important; align-items:center; gap:5px;
  color:var(--muted);
}
.lang-btn:hover, .lang-btn.active {
  border-color:var(--gold); background:rgba(201,168,76,0.08); color:var(--ink);
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.btn-main {
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  background:var(--gold); color:white;
  font-family:'Jost',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:16px 36px; text-decoration:none;
  border:none; cursor:pointer; transition:all 0.25s;
  white-space:nowrap;
}
.btn-main:hover { background:#b8943a; transform:translateY(-2px); box-shadow:0 8px 24px rgba(201,168,76,0.3); }
.btn-wa {
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  background:#25d366; color:white;
  font-family:'Jost',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:16px 36px; text-decoration:none;
  border:none; cursor:pointer; transition:all 0.25s;
  white-space:nowrap;
}
.btn-wa:hover { background:#1fb855; transform:translateY(-2px); }
.btn-ghost {
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  background:none; color:var(--ink);
  font-family:'Jost',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:15px 36px; text-decoration:none;
  border:1px solid var(--border); cursor:pointer; transition:all 0.25s;
  white-space:nowrap;
}
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }

/* ── SECTION ─────────────────────────────────────────────────── */
.sec-wrap { padding:90px 80px; }
.sec-wrap-alt { padding:90px 80px; background:var(--light); }
.sec-wrap-dark { padding:90px 80px; background:var(--navy); }

.sec-label {
  font-size:10px; font-weight:600; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--gold);
  display:flex !important; align-items:center; gap:10px; margin-bottom:16px;
}
.sec-label::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }

h2 {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(28px,3.5vw,48px); font-weight:600;
  line-height:1.1; color:var(--ink); margin-bottom:16px;
}
h2 em { font-style:italic; color:var(--gold); }
h2.light { color:white; }
h2.light em { color:var(--gold-light); }
.sec-sub { font-size:15px; font-weight:300; line-height:1.8; color:var(--muted); max-width:580px; margin-bottom:56px; }
.sec-sub-light { color:rgba(255,255,255,0.5); }

/* ── PAGE HEADER ─────────────────────────────────────────────── */
.page-header {
  padding-top:68px;
  background:var(--navy);
  padding-bottom:60px;
  padding-left:80px; padding-right:80px;
}
.page-header-label {
  font-size:10px; font-weight:600; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--gold);
  display:flex !important; align-items:center; gap:10px;
  margin-bottom:16px; margin-top:48px;
}
.page-header-label::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }
.page-header h1 {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(36px,5vw,64px); font-weight:600; line-height:1.05;
  color:white; margin-bottom:16px;
}
.page-header h1 em { font-style:italic; color:var(--gold); }
.page-header p { font-size:16px; font-weight:300; line-height:1.8; color:rgba(255,255,255,0.6); max-width:600px; }

/* ── PROOF BAR ───────────────────────────────────────────────── */
.proof-bar {
  background:var(--navy); padding:16px 80px;
  display:flex !important; align-items:center; gap:32px; flex-wrap:wrap;
  border-bottom:1px solid rgba(201,168,76,0.15);
}
.pb-item {
  display:flex !important; align-items:center; gap:8px;
  font-size:13px; font-weight:400; color:rgba(255,255,255,0.7);
  white-space:nowrap;
}
.pb-dot { width:4px; height:4px; background:rgba(201,168,76,0.4); border-radius:50%; flex-shrink:0; }

/* ── FOOTER ──────────────────────────────────────────────────── */
footer {
  background:#0d1820; padding:40px 80px;
  display:flex !important; align-items:center; justify-content:space-between;
  border-top:1px solid rgba(201,168,76,0.15); flex-wrap:wrap; gap:20px;
}
.footer-logo { display:flex !important; align-items:center; gap:12px; }
.footer-logo img { height:36px; display:block !important; }
.footer-copy { font-size:12px; font-weight:300; color:rgba(255,255,255,0.3); }
.footer-socials { display:flex !important; gap:10px; }
.social-a {
  width:40px; height:40px; border:1px solid rgba(201,168,76,0.25);
  border-radius:4px; display:flex !important; align-items:center; justify-content:center;
  text-decoration:none; color:rgba(255,255,255,0.55);
  transition:all 0.2s; flex-shrink:0;
}
.social-a svg { width:18px; height:18px; fill:currentColor; display:block !important; }
.social-a:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,168,76,0.08); }

/* ── TRUSTPILOT ──────────────────────────────────────────────── */
.trustpilot-section {
  background:var(--light); padding:36px 80px;
  display:flex !important; align-items:center; justify-content:space-between;
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  flex-wrap:wrap; gap:24px;
}
.tp-left { display:flex !important; align-items:center; gap:24px; }
.tp-logo-text { font-size:20px; font-weight:700; color:#00b67a; letter-spacing:-0.5px; }
.tp-stars { display:flex !important; gap:3px; margin-top:8px; }
.tp-star { width:28px; height:28px; background:#00b67a; display:flex !important; align-items:center; justify-content:center; }
.tp-star svg { width:16px; height:16px; fill:white; display:block !important; }
.tp-score { font-size:28px; font-weight:700; color:var(--ink); line-height:1; }
.tp-label { font-size:13px; font-weight:300; color:var(--muted); margin-top:4px; }
.tp-right a {
  font-size:12px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase;
  color:#00b67a; text-decoration:none; border:1px solid #00b67a;
  padding:12px 24px; transition:all 0.2s; display:inline-block !important;
}
.tp-right a:hover { background:#00b67a; color:white; }

/* ── HAMBURGER MENU ──────────────────────────────────────────── */
.hamburger {
  display:none;
  background:none; border:1px solid var(--border);
  width:40px; height:40px; border-radius:2px;
  cursor:pointer; flex-direction:column;
  align-items:center; justify-content:center; gap:5px;
  flex-shrink:0; padding:0;
}
.hamburger span {
  display:block; width:20px; height:2px;
  background:var(--ink); border-radius:2px;
  transition:all 0.3s;
}
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; width:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mobile-menu {
  display:none;
  position:fixed; top:60px; left:0; right:0; z-index:199;
  background:white;
  border-bottom:3px solid var(--gold);
  box-shadow:0 8px 32px rgba(0,0,0,0.12);
  flex-direction:column;
  padding:4px 0 8px;
}
.mobile-menu.open { display:flex !important; }
.mobile-menu a {
  font-size:13px; font-weight:500; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--ink);
  text-decoration:none; padding:15px 24px;
  border-bottom:1px solid var(--border);
  transition:background 0.2s, color 0.2s;
  display:block !important;
}
.mobile-menu a:last-child { border-bottom:none; }
.mobile-menu a:hover, .mobile-menu a.active { color:var(--gold); background:rgba(201,168,76,0.06); }

/* ── MOBILE ──────────────────────────────────────────────────── */
@media(max-width:900px){
  nav { padding:0 16px; height:60px; }
  .nav-center { display:none !important; }
  .hamburger { display:flex !important; }
  .sec-wrap, .sec-wrap-alt, .sec-wrap-dark { padding:56px 20px; }
  .page-header { padding:0 20px 48px; }
  .proof-bar { padding:14px 20px; gap:16px; }
  footer { padding:32px 20px; flex-direction:column; align-items:center; text-align:center; }
  .trustpilot-section { padding:28px 20px; flex-direction:column; align-items:flex-start; }
  .btn-main, .btn-wa, .btn-ghost { padding:14px 24px; font-size:11px; width:100%; justify-content:center; }
}
