/* Angebix – gemeinsames Design der Unterseiten (Redesign 2026) */
:root { --ax-bg:#08080A; --ax-card:#0E0E12; --ax-line:rgba(255,255,255,0.10); --ax-line2:rgba(255,255,255,0.22); --ax-text:#F4F4F5; --ax-muted:rgba(244,244,245,0.62); --ax-faint:rgba(244,244,245,0.42); --ax-blue:#1F56D6; --ax-blue2:#3B74F0; }
html { background:var(--ax-bg); }
body { background:var(--ax-bg) !important; padding:0 !important; min-height:100vh; font-family:'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; }
body::before { content:''; position:fixed; inset:0 0 auto 0; height:520px; background:radial-gradient(900px 420px at 50% -120px, rgba(31,86,214,0.22), transparent 70%); pointer-events:none; z-index:0; }
.ax-header { position:sticky; top:0; z-index:9500; background:rgba(8,8,10,0.78); backdrop-filter:saturate(160%) blur(14px); -webkit-backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid var(--ax-line); }
.ax-nav { max-width:1160px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; height:68px; }
.ax-logo { display:flex; align-items:center; text-decoration:none; }
.ax-logo img { height:54px; width:auto; display:block; margin:-6px -18px -6px -22px; }
.ax-links { display:flex; gap:26px; }
.ax-links a { color:var(--ax-muted); text-decoration:none; font-size:14.5px; font-weight:500; }
.ax-links a:hover, .ax-links a.on { color:#fff; }
.ax-actions { display:flex; align-items:center; gap:10px; }
.ax-btn { font:600 13.5px/1 inherit; font-family:inherit; padding:10px 16px; border-radius:999px; text-decoration:none; white-space:nowrap; }
.ax-btn.ghost { color:var(--ax-text); border:1px solid var(--ax-line2); }
.ax-btn.ghost:hover { border-color:rgba(255,255,255,0.45); }
.ax-btn.solid { color:#fff; background:var(--ax-blue); border:1px solid var(--ax-blue); }
.ax-btn.solid:hover { background:var(--ax-blue2); border-color:var(--ax-blue2); }
.ax-main { position:relative; z-index:1; padding:32px 16px 0; }
.ax-main .app { margin:0 auto !important; background:var(--ax-card) !important; border:1px solid var(--ax-line) !important; border-radius:24px !important; box-shadow:0 30px 80px rgba(0,0,0,0.5) !important; }
.ax-main .app::before { background:radial-gradient(circle, rgba(31,86,214,0.16), transparent 60%) !important; }
.ax-footer { position:relative; z-index:1; border-top:1px solid var(--ax-line); margin-top:56px; padding:30px 24px 40px; }
.ax-footer .in { max-width:1160px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; font-size:13.5px; color:var(--ax-faint); }
.ax-footer a { color:var(--ax-muted); text-decoration:none; margin-left:18px; }
.ax-footer a:first-child { margin-left:0; }
.ax-footer a:hover { color:#fff; }
/* Akzente */
.app .btn-primary, .app .cta-primary, .app .auth-btn.register { background:var(--ax-blue) !important; border-color:var(--ax-blue) !important; color:#fff !important; }
.app .btn-primary:hover:not(:disabled), .app .cta-primary:hover { background:var(--ax-blue2) !important; }
.lang-btn.active, .admin-lang-btn.active { border-color:var(--ax-blue2) !important; }
.app input:focus, .app textarea:focus, .app select:focus { border-color:var(--ax-blue2) !important; outline:none; }
/* doppelte Elemente (stehen jetzt im Kopf) */
.app a[title="FAQ"] { display:none !important; }
/* Rechtstexte */
.ax-legal .app { max-width:820px !important; padding:44px 48px 56px !important; }
.ax-legal .app p, .ax-legal .app li { line-height:1.7; }
.ax-legal .app h2 { padding-top:14px; border-top:1px solid var(--ax-line); }
.ax-legal .app a { color:#7EA3F5; }
@media (max-width: 860px) { .ax-links { display:none; } }
@media (max-width: 640px) {
  .ax-nav { height:58px; padding:0 14px; }
  .ax-logo img { height:44px; margin:-6px -14px -6px -18px; }
  .ax-btn { padding:9px 12px; font-size:12.5px; }
  .ax-actions { gap:6px; }
  .ax-main { padding:16px 10px 0; }
  .ax-main .app { border-radius:18px !important; }
  .ax-legal .app { padding:28px 20px 40px !important; }
  .ax-footer { padding:24px 16px 32px; }
  .ax-footer .in { justify-content:center; text-align:center; }
  .ax-footer a { margin:0 8px; }
}
@media (max-width: 380px) { .ax-btn.ghost { display:none; } }