:root{
    --bg:#FFFFFF; --surface:#FAFAFB; --line:#E5E7EB;
    --text:#000000; --text-muted:#5B5F6B;
    --accent:#6366F1; --accent-dark:#4548D9; --accent-light:#EEF0FD;
    --radius:16px;
  }
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
  h1,h2,h3{ font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.02em; line-height:1.2; }
  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; display:block; }
  .wrap{ max-width:620px; margin:0 auto; padding:0 24px; }
  section{ padding:60px 0; }
  @media(max-width:640px){ section{ padding:44px 0; } }

  /* NAV */
  header{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
  nav{ max-width:1080px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .logo{ display:flex; align-items:center; gap:9px; }
  .logo img{ height:24px; width:auto; }
  .logo-text{ font-weight:800; font-size:18px; letter-spacing:-0.01em; }
  .back-link{ font-size:14px; font-weight:600; color:var(--accent); }
  .back-link:hover{ color:var(--accent-dark); }

  /* HERO */
  .vhero{
    position:relative; z-index:0; padding:68px 0 56px; text-align:center;
    background:linear-gradient(165deg, #0B0B14 0%, #14122A 45%, #1B1840 100%);
    overflow:hidden;
  }
  .vhero::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5;
    background-image:
      linear-gradient(rgba(99,102,241,0.12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(99,102,241,0.12) 1px, transparent 1px);
    background-size:42px 42px;
    -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 35%, #000 0%, transparent 75%);
    mask-image:radial-gradient(ellipse 70% 70% at 50% 35%, #000 0%, transparent 75%);
  }
  .vhero .wrap{ position:relative; z-index:1; }
  .vbadge{
    display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,0.08); border:1px solid rgba(129,140,248,0.4);
    color:#fff; padding:10px 20px; border-radius:999px; font-weight:700; font-size:13px; letter-spacing:0.04em; margin-bottom:28px;
  }
  .vbadge .dot{ width:8px; height:8px; border-radius:50%; background:#818CF8; box-shadow:0 0 10px rgba(129,140,248,.9); }
  .vhero h1{ color:#fff; font-size:clamp(30px,5vw,44px); margin-bottom:18px; }
  .vhero .eyebrow{ font-size:14px; font-weight:700; letter-spacing:0.04em; color:#A5B4FC; margin-bottom:18px; }
  .vhero p{ color:#AEB0C8; font-size:16.5px; max-width:480px; margin:0 auto; }

  /* FORM */
  .form-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:32px; }
  .field{ margin-bottom:18px; }
  .field:last-of-type{ margin-bottom:0; }
  label{ display:block; font-size:13px; font-weight:700; letter-spacing:0.02em; color:var(--text); margin-bottom:8px; }
  input, textarea{
    width:100%; font-family:'Inter',sans-serif; font-size:15px; color:var(--text);
    background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px; outline:none;
    transition:border-color .15s ease;
  }
  input:focus, textarea:focus{ border-color:var(--accent); }
  textarea{ resize:vertical; min-height:120px; }
  .btn{
    display:inline-flex; align-items:center; gap:10px; padding:15px 30px; background:var(--accent); color:#fff;
    font-weight:700; font-size:15.5px; border-radius:999px; border:none; cursor:pointer;
    transition:background .15s ease, transform .15s ease; width:100%; justify-content:center; margin-top:8px;
  }
  .btn:hover{ background:var(--accent-dark); transform:translateY(-1px); }
  .note{ font-size:13px; color:var(--text-muted); margin-top:16px; text-align:center; }
  .note a{ color:var(--accent-dark); font-weight:600; text-decoration:underline; text-underline-offset:2px; }

  .alt-contact{ margin-top:28px; text-align:center; font-size:14.5px; color:var(--text-muted); }
  .alt-contact a{ color:var(--accent-dark); font-weight:700; text-decoration:underline; text-underline-offset:2px; }

  footer{ padding:36px 0; border-top:1px solid var(--line); }
  .footer-wrap{ max-width:1080px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .footer-wrap span{ font-size:13px; color:var(--text-muted); }
  .footer-wrap a{ font-size:13px; color:var(--text-muted); }
  .footer-wrap a:hover{ color:var(--accent); }

/* ehemals Inline-Styles */
.kon-s1{ font-size:14px !important; font-weight:700 !important; letter-spacing:0.04em !important; color:#A5B4FC !important; margin-bottom:18px !important; }