@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --bg:      #2A2A2A;
  --bg2:     #323232;
  --bg3:     #3C3C3C;
  --gold:    #FFB800;
  --gold2:   #E6A500;
  --gold-dim:rgba(255,184,0,0.12);
  --red:     #E63946;
  --text:    #F2F2F2;
  --muted:   #A0A0A0;
  --border:  rgba(255,255,255,0.08);
  --card:    #3E3E3E;
  --shadow:  0 4px 24px rgba(0,0,0,0.3);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }

body {
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
  font-size:16px;
  overflow-x:hidden;
}

/* subtle geometric grid overlay */
body::before {
  content:'';
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(15,15,60,0.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,15,60,0.028) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
  z-index:0;
}

h1,h2,h3,h4,h5 {
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  line-height:1.15;
}

a { color:var(--gold); text-decoration:none; transition:color .2s; }
a:hover { color:var(--gold2); }

img { display:block; max-width:100%; }

.container {
  max-width:1160px;
  margin:0 auto;
  padding:0 28px;
  position:relative;
  z-index:1;
}

/* ── NAV ──────────────────────────────────────────── */
.nav {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  background:rgba(42,42,42,0.96);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 16px rgba(0,0,0,0.3);
}

.nav-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:68px;
}

.nav-logo img { height:40px; }

.nav-links {
  display:flex;
  align-items:center;
  list-style:none;
  gap:4px;
}

.nav-links li a {
  display:block;
  padding:8px 18px;
  color:var(--muted);
  font-family:'Rajdhani',sans-serif;
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color .2s;
}

.nav-links li a:hover,
.nav-links li a.active { color:var(--gold); }

.nav-sep { color:var(--gold); font-size:7px; opacity:.5; padding:0 2px; }

.nav-live { display:flex; align-items:center; gap:10px; }

.btn-live {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 22px;
  background:var(--gold);
  color:#111 !important;
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  font-size:.88rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  transition:background .2s;
}

.btn-live:hover { background:var(--gold2); color:#000 !important; }

.live-dot {
  width:8px; height:8px;
  background:var(--red);
  border-radius:50%;
  display:inline-block;
  animation:blink 1.4s ease-in-out infinite;
  flex-shrink:0;
}

@keyframes blink {
  0%,100% { opacity:1; }
  50%      { opacity:.3; }
}

.nav-burger {
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  padding:4px;
}
.nav-burger span {
  display:block;
  width:24px; height:2px;
  background:var(--text);
  transition:all .3s;
}

/* ── HERO (homepage) ─────────────────────────────── */
.hero {
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:120px 0 100px;
  position:relative;
  overflow:hidden;
}

.hero-bg {
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#252525 0%,#2E2E2E 50%,#333328 100%);
  z-index:0;
}

.hero-bg::before {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 75% 45%,rgba(184,124,0,.14) 0%,transparent 65%);
}

.hero-bg::after {
  content:'';
  position:absolute;
  bottom:0; left:0; right:0;
  height:120px;
  background:var(--bg);
  clip-path:polygon(0 60px,100% 0,100% 120px,0 120px);
}

.hero-content { position:relative; z-index:1; }

/* Großes Hero-Logo (ersetzt den h1 Schriftzug) */
.hero-logo {
  width:clamp(220px, 32vw, 480px);
  height:auto;
  margin-bottom:16px;
  filter:drop-shadow(0 6px 24px rgba(15,15,60,0.18));
}

.hero-tag {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:6px 18px;
  border:1px solid rgba(200,139,0,.3);
  background:var(--gold-dim);
  margin-bottom:28px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}

.hero-tag span {
  font-family:'Rajdhani',sans-serif;
  font-size:.78rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
}

.hero h1 {
  font-size:clamp(3rem,8vw,6.8rem);
  line-height:1;
  margin-bottom:10px;
  color:var(--text);
}

.hero h1 .gold { color:var(--gold); }

.hero-sub {
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(1.1rem,3vw,1.9rem);
  color:var(--muted);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:28px;
}

.hero-desc {
  max-width:560px;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.85;
  margin-bottom:44px;
}

.hero-btns { display:flex; gap:16px; flex-wrap:wrap; }

/* ── BUTTONS ─────────────────────────────────────── */
.btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 34px;
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  border:none;
  transition:all .2s;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
}

.btn-primary { background:var(--gold); color:#fff; }
.btn-primary:hover { background:var(--gold2); color:#fff; }

.btn-ghost {
  background:transparent;
  color:var(--gold);
  box-shadow:inset 0 0 0 1px var(--gold);
}
.btn-ghost:hover { background:var(--gold-dim); color:var(--gold2); }

/* ── SECTION ─────────────────────────────────────── */
.section { padding:100px 0; position:relative; z-index:1; }
.section-dark { background:var(--bg2); }

/* ── SECTION HEADER ──────────────────────────────── */
.s-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--gold);
  font-family:'Rajdhani',sans-serif;
  font-size:.8rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.s-eyebrow::before,.s-eyebrow::after { content:'◆'; font-size:7px; }

.s-title { font-size:clamp(2rem,5vw,3.2rem); margin-bottom:16px; }

.s-desc { max-width:580px; color:var(--muted); font-size:1rem; }

.section-header { margin-bottom:60px; }
.section-header.center { text-align:center; }
.section-header.center .s-eyebrow { justify-content:center; }
.section-header.center .s-desc { margin:0 auto; }

/* ── CARDS ───────────────────────────────────────── */
.card {
  background:var(--card);
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:var(--shadow);
  padding:36px;
  position:relative;
  transition:border-color .25s, box-shadow .25s;
  color:var(--text);
}

/* Text auf weißen Karten dunkel */
.card .card-title { color:#F2F2F2; }
.card .card-desc  { color:#A0A0A0; }

.card:hover {
  border-color:rgba(200,139,0,.4);
  box-shadow:0 8px 40px rgba(200,139,0,.12);
}

.card::after {
  content:'';
  position:absolute;
  top:0; right:0;
  border-style:solid;
  border-width:0 20px 20px 0;
  border-color:transparent var(--gold) transparent transparent;
  opacity:.7;
  transition:opacity .25s;
}

.card:hover::after { opacity:1; }

.card-icon { font-size:2rem; margin-bottom:22px; color:var(--gold); }
.card-icon i { font-size:inherit; }
.card-title { font-size:1.4rem; margin-bottom:12px; }
.card-desc { color:var(--muted); font-size:.95rem; line-height:1.8; margin-bottom:22px; }

.card-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--gold);
  font-family:'Rajdhani',sans-serif;
  font-weight:600;
  font-size:.88rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.card-link::after { content:'→'; }
.card-link:hover { color:var(--gold2); }

/* ── GRIDS ───────────────────────────────────────── */
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }

/* ── DIAMOND DIVIDER ─────────────────────────────── */
.gem-divider {
  display:flex;
  align-items:center;
  gap:18px;
  margin:56px 0;
}
.gem-divider::before,.gem-divider::after {
  content:'';
  flex:1;
  height:1px;
  background:var(--border);
}
.gem-divider i { color:var(--gold); font-size:11px; font-style:normal; }

/* ── STAT BOX ────────────────────────────────────── */
.stat-box {
  text-align:center;
  padding:36px 20px;
  border:1px solid rgba(0,0,0,0.06);
  background:var(--card);
  box-shadow:var(--shadow);
  position:relative;
}

.stat-box::before {
  content:'';
  position:absolute;
  top:-6px; left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:10px; height:10px;
  background:var(--gold);
}

.stat-val {
  font-family:'Rajdhani',sans-serif;
  font-size:3.2rem;
  font-weight:700;
  color:var(--gold);
  line-height:1;
  margin-bottom:8px;
}

.stat-label {
  color:var(--muted);
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* ── PAGE HERO (subpages) ────────────────────────── */
.page-hero {
  padding:140px 0 90px;
  position:relative;
  overflow:hidden;
}

.page-hero-bg {
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#252525 0%,#2E2E2E 55%,#333328 100%);
  z-index:0;
}

.page-hero-bg::before {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 20% 60%,rgba(200,139,0,.1) 0%,transparent 65%);
}

.page-hero-bg::after {
  content:'';
  position:absolute;
  bottom:0; left:0; right:0;
  height:80px;
  background:var(--bg);
  clip-path:polygon(0 50px,100% 0,100% 80px,0 80px);
}

.page-hero-content { position:relative; z-index:1; }

.page-eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--gold);
  font-family:'Rajdhani',sans-serif;
  font-size:.8rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.page-eyebrow::before { content:'◆'; font-size:7px; }

.page-hero h1 {
  font-size:clamp(2.5rem,7vw,5.5rem);
  margin-bottom:20px;
  color:var(--text);
}

.page-hero p {
  max-width:600px;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.8;
}

/* ── HIGHLIGHT BOX ───────────────────────────────── */
.hl-box {
  padding:28px 36px;
  border-left:3px solid var(--gold);
  background:var(--gold-dim);
  margin:32px 0;
  position:relative;
}

.hl-box::before {
  content:'◆';
  position:absolute;
  left:-8px; top:50%;
  transform:translateY(-50%);
  color:var(--gold);
  font-size:10px;
}

/* ── DIAMOND LIST ────────────────────────────────── */
.dl {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.dl li {
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:var(--muted);
  line-height:1.75;
}

.dl li::before {
  content:'◆';
  color:var(--gold);
  font-size:8px;
  margin-top:8px;
  flex-shrink:0;
}

/* span wraps strong + description into ONE flex item */
.dl li > span { display:block; }

/* ── INFO LIST (label: value on one line) ────────── */
.info-list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.info-list li {
  display:flex;
  align-items:baseline;
  gap:8px;
  line-height:1.6;
}

.info-list li::before {
  content:'◆';
  color:var(--gold);
  font-size:7px;
  flex-shrink:0;
  margin-top:1px;
}

.info-list li strong {
  color:var(--text);
  font-family:'Rajdhani',sans-serif;
  font-size:.88rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  flex-shrink:0;
}

.info-list li span {
  color:var(--muted);
  font-size:.95rem;
}

.dl li strong {
  display:block;
  color:var(--text);
  font-family:'Rajdhani',sans-serif;
  font-size:.9rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:2px;
  line-height:1.3;
}

/* ── FINANCE ─────────────────────────────────────── */
.finance-cat {
  padding:36px;
  background:var(--card);
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:var(--shadow);
  position:relative;
  margin-bottom:24px;
  color:#F2F2F2;
}

.finance-cat::after {
  content:'';
  position:absolute;
  top:0; right:0;
  border-style:solid;
  border-width:0 22px 22px 0;
  border-color:transparent var(--gold) transparent transparent;
  opacity:.7;
}

.finance-cat-title {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:1.5rem;
  margin-bottom:20px;
}

.finance-cat-title .ico { font-size:1.5rem; color:var(--gold); }

/* ── DESTINATION CHIPS ───────────────────────────── */
.dest-strip { display:flex; flex-wrap:wrap; gap:12px; }

.dest-chip {
  padding:8px 20px;
  border:1px solid var(--border);
  background:var(--card);
  box-shadow:0 1px 8px rgba(15,15,60,0.05);
  font-family:'Rajdhani',sans-serif;
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  transition:all .2s;
}

.dest-chip:hover {
  border-color:rgba(200,139,0,.4);
  color:var(--gold);
  background:var(--gold-dim);
}

/* ── PRODUCT GRID (Setup page) ───────────────────── */
.product-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:56px;
}

.product-card {
  border:1px solid rgba(0,0,0,0.06);
  background:var(--card);
  box-shadow:var(--shadow);
  transition:border-color .2s, box-shadow .2s;
  position:relative;
}

.product-card::after {
  content:'';
  position:absolute;
  top:0; right:0;
  border-style:solid;
  border-width:0 14px 14px 0;
  border-color:transparent var(--gold) transparent transparent;
  opacity:.5;
  transition:opacity .2s;
}

.product-card:hover {
  border-color:rgba(200,139,0,.45);
  box-shadow:0 6px 32px rgba(200,139,0,.13);
}

.product-card:hover::after { opacity:1; }

.product-card a {
  display:block;
  color:var(--text);
  text-decoration:none;
}

.product-img-wrap {
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid var(--border);
  position:relative;
}

.product-img-wrap img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
  transition:transform .3s;
}

.product-card:hover .product-img-wrap img { transform:scale(1.04); }

.product-img-placeholder {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  color:var(--gold);
}

.product-name {
  display:block;
  padding:12px 14px;
  font-size:.85rem;
  line-height:1.45;
  color:var(--muted);
  transition:color .2s;
}

.product-card:hover .product-name { color:var(--gold); }

.setup-sub {
  font-family:'Rajdhani',sans-serif;
  font-size:1.1rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 18px;
  display:flex;
  align-items:center;
  gap:12px;
}

.setup-sub::before { content:'◆'; color:var(--gold); font-size:8px; }

.affiliate-note {
  margin-top:48px;
  padding:20px 28px;
  border:1px solid var(--border);
  background:var(--card);
  box-shadow:var(--shadow);
  color:var(--muted);
  font-size:.82rem;
  line-height:1.75;
}

/* ── FOOTER ──────────────────────────────────────── */
.footer {
  background:#1A1A1A;
  border-top:1px solid rgba(255,255,255,0.08);
  padding:64px 0 32px;
  position:relative;
  z-index:1;
}

.footer-grid {
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr;
  gap:48px;
  margin-bottom:48px;
}

.footer-logo img { height:38px; margin-bottom:18px; }

.footer-tagline { color:rgba(255,255,255,0.45); font-size:.9rem; line-height:1.8; }

.footer-heading {
  font-family:'Rajdhani',sans-serif;
  font-size:.8rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:20px;
}

.footer-ul {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.footer-ul li a {
  color:rgba(255,255,255,.45);
  font-size:.9rem;
  transition:color .2s;
}

.footer-ul li a:hover { color:var(--gold); }

.footer-bottom {
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:rgba(255,255,255,.3);
  font-size:.82rem;
}

.social-row { display:flex; gap:10px; }

.soc {
  width:38px; height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.4);
  font-size:.95rem;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
  transition:all .2s;
}

.soc:hover {
  border-color:var(--gold);
  color:var(--gold);
  background:rgba(200,139,0,.1);
}

/* ── TWO-COL ─────────────────────────────────────── */
.two-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
}

.two-col.reversed > *:first-child { order:2; }
.two-col.reversed > *:last-child  { order:1; }

/* ── TIMELINE ────────────────────────────────────── */
.timeline { display:flex; flex-direction:column; gap:0; }

.tl-item {
  display:grid;
  grid-template-columns:80px 1fr;
  gap:24px;
  padding-bottom:40px;
  position:relative;
}

.tl-item::before {
  content:'';
  position:absolute;
  left:36px; top:32px; bottom:0;
  width:1px;
  background:var(--border);
}

.tl-item:last-child { padding-bottom:0; }
.tl-item:last-child::before { display:none; }

.tl-year {
  font-family:'Rajdhani',sans-serif;
  font-size:.8rem;
  letter-spacing:.14em;
  color:var(--gold);
  text-transform:uppercase;
  padding-top:4px;
  text-align:center;
}

.tl-dot {
  position:absolute;
  left:32px; top:0;
  width:9px; height:9px;
  background:var(--gold);
  transform:rotate(45deg);
}

.tl-body h4 {
  font-size:1.1rem;
  margin-bottom:8px;
  font-family:'Rajdhani',sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.tl-body p { color:var(--muted); font-size:.95rem; line-height:1.75; }

/* ── IMPRESSUM / VIDEO HERO ──────────────────────── */
.vid-hero {
  position:relative;
  min-height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding-top:72px;
}

.vid-bg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.vid-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(160deg,rgba(20,20,20,.82) 0%,rgba(30,20,10,.75) 100%);
  z-index:1;
}

.vid-content {
  position:relative;
  z-index:2;
  text-align:center;
  padding:60px 24px;
}

.vid-eyebrow {
  font-family:'Rajdhani',sans-serif;
  font-size:.78rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.vid-title {
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(2.8rem,7vw,5rem);
  font-weight:700;
  color:var(--text);
  line-height:1;
  margin-bottom:16px;
  letter-spacing:.04em;
}

.vid-sub {
  color:var(--muted);
  font-size:1rem;
  letter-spacing:.06em;
}

/* ── IMPRESSUM LAYOUT ─────────────────────────────── */
.imp-grid {
  display:grid;
  grid-template-columns:1fr 320px;
  gap:48px;
  align-items:start;
}

.imp-block {
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:1px solid var(--border);
}

.imp-block:last-child {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}

.imp-heading {
  font-family:'Rajdhani',sans-serif;
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text);
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:10px;
}

.imp-heading i { color:var(--gold); }

.imp-block p { color:var(--muted); line-height:1.8; font-size:.95rem; }
.imp-block a { color:var(--gold); text-decoration:none; }
.imp-block a:hover { text-decoration:underline; }

/* ── IMPRESSUM SIDEBAR ────────────────────────────── */
.imp-side {
  position:sticky;
  top:100px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.imp-infobox {
  background:var(--card);
  border:1px solid var(--border);
  padding:28px;
  text-align:center;
}

.imp-infobox-icon {
  font-size:2.4rem;
  color:var(--gold);
  margin-bottom:14px;
}

.imp-infobox h3 {
  font-family:'Rajdhani',sans-serif;
  font-size:1.4rem;
  font-weight:700;
  color:var(--text);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}

.imp-infobox > p {
  color:var(--muted);
  font-size:.88rem;
  margin-bottom:0;
}

.imp-divider {
  height:1px;
  background:var(--border);
  margin:20px 0;
}

.imp-links {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.imp-links a {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  text-decoration:none;
  font-size:.93rem;
  transition:color .2s;
}

.imp-links a:hover { color:var(--gold); }
.imp-links i { width:16px; text-align:center; color:var(--gold); }

.imp-note {
  background:var(--bg2);
  border:1px solid var(--border);
  border-left:3px solid var(--gold);
  padding:16px 18px;
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.imp-note i {
  color:var(--gold);
  margin-top:3px;
  flex-shrink:0;
}

.imp-note p {
  color:var(--muted);
  font-size:.88rem;
  line-height:1.7;
  margin:0;
}

/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:960px) {
  .grid-3,.grid-2,.grid-4 { grid-template-columns:1fr; }
  .two-col { grid-template-columns:1fr; gap:40px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .nav-links,.nav-live { display:none; }
  .nav-burger { display:flex; }
  .product-grid { grid-template-columns:repeat(3,1fr); }
  /* hero font etwas kleiner auf Tablet */
  .hero h1 { font-size:clamp(2.5rem,7vw,4.5rem); }
  .page-hero h1 { font-size:clamp(2rem,6vw,3.5rem); }
  /* finance/setup Karten */
  .finance-cat { padding:24px; }
  .card { padding:28px; }
  /* impressum */
  .imp-grid { grid-template-columns:1fr; }
  .imp-side { position:static; }
}

@media(max-width:600px) {
  .hero-logo { width:clamp(160px,60vw,280px); }
  .footer-grid { grid-template-columns:1fr; }
  .section { padding:60px 0; }
  .hero { padding:90px 0 70px; min-height:auto; }
  .page-hero { padding:110px 0 60px; }
  .hero-btns { flex-direction:column; align-items:flex-start; }
  .stat-val { font-size:2.2rem; }
  .product-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  /* nav mobile */
  .nav-inner { height:58px; }
  .nav-logo img { height:32px; }
  /* hero-tag verstecken auf sehr kleinen Screens */
  .hero-tag { display:none; }
  /* Karten schmaler padden */
  .card, .finance-cat { padding:20px; }
  .hl-box { padding:20px 22px; }
  /* Dest-Chips umbrechen schön */
  .dest-strip { gap:8px; }
  .dest-chip { font-size:.75rem; padding:6px 14px; }
  /* footer */
  .footer-bottom { flex-direction:column; align-items:flex-start; gap:16px; }
  /* two-col in cards auch strecken */
  .two-col.reversed > *:first-child { order:unset; }
  .two-col.reversed > *:last-child  { order:unset; }
  /* nav-links mobile senkrecht */
  .nav-links {
    position:fixed;
    top:58px; left:0; right:0;
    background:rgba(248,248,252,.98);
    flex-direction:column;
    padding:20px 28px;
    border-bottom:1px solid var(--border);
    gap:4px;
  }
  .nav-links li a { padding:12px 0; font-size:1rem; }
  .nav-sep { display:none; }
}