<style>
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600&display=swap');

:root {
  --teal: #009D95;
  --teal-dark: #007a74;
  --teal-light: #e6f7f6;
  --navy: #17496F;
  --navy-dark: #0f3352;
  --gray: #4D4D4D;
  --gray-light: #f5f5f5;
  --gray-mid: #e0e0e0;
  --gray-soft: #888888;
  --white: #ffffff;
  --font-head: 'Jost', Arial, sans-serif;
  --font-body: 'Open Sans', Arial, sans-serif;
}

.nuklab-lp,
.nuklab-lp * {
  box-sizing: border-box;
}

.nuklab-lp {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  background: var(--white);
  color: var(--gray);
  font-family: var(--font-body);
  line-height: 1.65;
  overflow-x: hidden;
}

.nuklab-lp a {
  text-decoration: none;
}

/* NAVIGATION */
.nuklab-lp nav {
  background: var(--white);
  border-bottom: 1px solid var(--gray-mid);
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 16px 48px;
}

.nuklab-lp .nav-logo img {
  height: 34px;
  width: auto;
  display: block;
}

.nuklab-lp .nav-links {
  display: flex;
  justify-content: center;
  gap: 24px;
  list-style: none !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}

.nuklab-lp .nav-links li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nuklab-lp .nav-links li::before,
.nuklab-lp .nav-links li::marker {
  display: none !important;
  content: none !important;
}

.nuklab-lp .nav-links a {
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--gray);
  white-space: nowrap;
}

.nuklab-lp .nav-links a:hover {
  color: var(--teal);
}

.nuklab-lp .btn-nav,
.nuklab-lp .btn-teal,
.nuklab-lp .btn-submit {
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--teal);
  color: var(--white);
  padding: 12px 24px;
  border-radius: 2px;
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.nuklab-lp .btn-nav:hover,
.nuklab-lp .btn-teal:hover,
.nuklab-lp .btn-submit:hover {
  background: var(--teal-dark);
}

/* HERO */
.nuklab-lp .hero {
  background: var(--navy);
  color: var(--white);
  padding: 80px 48px 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.nuklab-lp .hero-eyebrow,
.nuklab-lp .sec-label {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--teal);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.nuklab-lp .hero-eyebrow::before,
.nuklab-lp .sec-label::before {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: var(--teal);
}

.nuklab-lp .hero h1 {
  font-family: var(--font-head);
  font-size: clamp(1.9rem, 3.5vw, 2.75rem);
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 20px;
  color: var(--white);
}

.nuklab-lp .hero h1 span {
  color: var(--teal);
}

.nuklab-lp .hero p {
  font-size: 16px;
  font-weight: 300;
  color: rgba(255,255,255,0.78);
  line-height: 1.75;
  margin-bottom: 36px;
  max-width: 460px;
}

.nuklab-lp .hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.nuklab-lp .stat-box {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 2px;
  padding: 22px 20px;
}

.nuklab-lp .stat-box .num {
  font-family: var(--font-head);
  font-size: 2rem;
  font-weight: 600;
  color: var(--teal);
  line-height: 1;
  margin-bottom: 5px;
}

.nuklab-lp .stat-box .lbl {
  font-size: 12px;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

/* TRUST BAR */
.nuklab-lp .trust-bar {
  background: var(--teal);
  padding: 16px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}

.nuklab-lp .trust-item {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--white);
}

.nuklab-lp .trust-sep {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,0.3);
}

/* SECTIONS */
.nuklab-lp section {
  padding: 80px 48px;
}

.nuklab-lp .container {
  max-width: 1120px;
  margin: 0 auto;
}

.nuklab-lp .sec-title {
  font-family: var(--font-head);
  font-size: clamp(1.6rem, 2.8vw, 2.1rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--navy);
  margin-bottom: 14px;
}

.nuklab-lp .sec-sub {
  font-size: 15.5px;
  color: var(--gray-soft);
  max-width: 580px;
  line-height: 1.75;
  margin-bottom: 48px;
  font-weight: 300;
}

/* SERVICES */
.nuklab-lp .services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--gray-mid);
  border: 1px solid var(--gray-mid);
}

.nuklab-lp .svc-card {
  background: var(--white);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  border-top: 3px solid transparent;
}

.nuklab-lp .svc-card.featured {
  background: var(--navy);
  border-color: var(--teal);
}

.nuklab-lp .svc-num {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--teal);
  margin-bottom: 18px;
}

.nuklab-lp .svc-title {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 10px;
}

.nuklab-lp .svc-card.featured .svc-title {
  color: var(--white);
}

.nuklab-lp .svc-desc {
  font-size: 13.5px;
  color: var(--gray-soft);
  line-height: 1.65;
  flex: 1;
  font-weight: 300;
}

.nuklab-lp .svc-card.featured .svc-desc {
  color: rgba(255,255,255,0.7);
}

.nuklab-lp .svc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 18px;
}

.nuklab-lp .svc-tag {
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--gray-light);
  color: var(--navy);
  padding: 3px 9px;
  border-radius: 1px;
}

.nuklab-lp .svc-card.featured .svc-tag {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.75);
}

/* INDUSTRIES */
.nuklab-lp .industries-bg {
  background: var(--gray-light);
}

.nuklab-lp .industries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.nuklab-lp .ind-card {
  background: var(--white);
  border: 1px solid var(--gray-mid);
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 2px;
}

.nuklab-lp .ind-title {
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
}

.nuklab-lp .ind-desc {
  font-size: 13px;
  color: var(--gray-soft);
  line-height: 1.6;
  font-weight: 300;
}

/* PROCESS */
.nuklab-lp .process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--gray-mid);
}

.nuklab-lp .proc-step {
  padding: 36px 24px 32px;
  text-align: center;
  border-right: 1px solid var(--gray-mid);
}

.nuklab-lp .proc-step:last-child {
  border-right: none;
}

.nuklab-lp .proc-num {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--white);
  font-family: var(--font-head);
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.nuklab-lp .proc-title {
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 8px;
}

.nuklab-lp .proc-desc {
  font-size: 13px;
  color: var(--gray-soft);
  line-height: 1.6;
  font-weight: 300;
}

/* QUALITY */
.nuklab-lp .quality-bg {
  background: var(--navy);
}

.nuklab-lp .quality-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.nuklab-lp .qual-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-top: 3px solid var(--teal);
  padding: 28px 24px;
}

.nuklab-lp .qual-card h4 {
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 10px;
}

.nuklab-lp .qual-card p {
  font-size: 13.5px;
  color: rgba(255,255,255,0.6);
  line-height: 1.65;
  font-weight: 300;
}

.nuklab-lp .qual-badge {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: rgba(0,157,149,0.2);
  border: 1px solid rgba(0,157,149,0.4);
  color: var(--teal);
  padding: 4px 12px;
}

/* CONTACT */
.nuklab-lp .contact-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.nuklab-lp .contact-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.nuklab-lp .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--gray-mid);
  border-radius: 2px;
}

.nuklab-lp .ci-label {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gray-soft);
  margin-bottom: 4px;
}

.nuklab-lp .contact-item a,
.nuklab-lp .ci-val {
  font-size: 15px;
  font-weight: 500;
  color: var(--navy);
}

/* FORM */
.nuklab-lp .form-wrap {
  background: var(--gray-light);
  padding: 32px;
  border-radius: 2px;
  border: 1px solid var(--gray-mid);
}

.nuklab-lp .form-title {
  font-family: var(--font-head);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 6px;
}

.nuklab-lp .form-sub {
  font-size: 13px;
  color: var(--gray-soft);
  margin-bottom: 24px;
  font-weight: 300;
}

.nuklab-lp .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.nuklab-lp .form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
}

.nuklab-lp .form-group label {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gray);
}

.nuklab-lp .form-group input,
.nuklab-lp .form-group select,
.nuklab-lp .form-group textarea {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gray);
  background: var(--white);
  border: 1px solid var(--gray-mid);
  padding: 10px 14px;
  border-radius: 2px;
  outline: none;
  width: 100%;
}

.nuklab-lp .form-group textarea {
  resize: vertical;
  min-height: 100px;
}

.nuklab-lp .btn-submit {
  width: 100%;
  margin-top: 4px;
}

.nuklab-lp .form-success {
  display: none;
  background: var(--teal-light);
  border: 1px solid var(--teal);
  border-radius: 2px;
  padding: 16px 20px;
  margin-top: 16px;
  font-size: 14px;
  color: var(--teal-dark);
}

/* FOOTER */
.nuklab-lp .nl-footer img {
  height: 32px;
  width: auto;
  filter: none !important;
  opacity: 1 !important;
  background: #ffffff;
  padding: 4px 8px;
  border-radius: 2px;
}

.nuklab-lp footer img {
  height: 26px;
  filter: brightness(0) invert(1);
  opacity: .7;
}

.nuklab-lp .footer-legal {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.nuklab-lp .footer-legal span,
.nuklab-lp .footer-legal a,
.nuklab-lp footer p {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
}

/* TABLET */
@media (max-width: 960px) {
  .nuklab-lp {
    max-width: 100%;
  }

  .nuklab-lp nav {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 22px 24px;
    gap: 16px;
  }

  .nuklab-lp .nav-links {
    justify-content: center;
    flex-wrap: wrap;
  }

  .nuklab-lp .hero {
    grid-template-columns: 1fr;
    padding: 64px 28px 56px;
    gap: 40px;
  }

  .nuklab-lp .services-grid {
    grid-template-columns: 1fr 1fr;
  }

  .nuklab-lp .industries-grid {
    grid-template-columns: 1fr 1fr;
  }

  .nuklab-lp .process-grid {
    grid-template-columns: 1fr 1fr;
  }

  .nuklab-lp .quality-grid,
  .nuklab-lp .contact-wrap {
    grid-template-columns: 1fr;
  }
}

/* MOBILE */
@media (max-width: 600px) {
  .nuklab-lp {
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }

  .nuklab-lp nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 24px 20px 26px !important;
    background: #ffffff !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .nuklab-lp .nav-logo {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .nuklab-lp .nav-logo img {
    max-width: 150px !important;
    height: auto !important;
  }

  .nuklab-lp .nav-links {
    width: 100% !important;
    max-width: 280px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .nuklab-lp .nav-links li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    list-style: none !important;
  }

  .nuklab-lp .nav-links li::before,
  .nuklab-lp .nav-links li::marker {
    display: none !important;
    content: none !important;
  }

  .nuklab-lp .nav-links a {
    display: block !important;
    width: 100% !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }

  .nuklab-lp .btn-nav {
    width: 100% !important;
    max-width: 220px !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 13px 18px !important;
    text-align: center !important;
  }

  .nuklab-lp .hero {
    display: block !important;
    padding: 48px 22px !important;
    width: 100% !important;
  }

  .nuklab-lp .hero h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .nuklab-lp .hero p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .nuklab-lp .hero-stats,
  .nuklab-lp .services-grid,
  .nuklab-lp .industries-grid,
  .nuklab-lp .process-grid,
  .nuklab-lp .quality-grid,
  .nuklab-lp .contact-wrap,
  .nuklab-lp .form-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
  }

  .nuklab-lp section {
    padding: 58px 22px !important;
  }

  .nuklab-lp .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .nuklab-lp .stat-box,
  .nuklab-lp .svc-card,
  .nuklab-lp .ind-card,
  .nuklab-lp .proc-step,
  .nuklab-lp .qual-card,
  .nuklab-lp .contact-item,
  .nuklab-lp .form-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .nuklab-lp .trust-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 24px 20px !important;
    text-align: center !important;
  }

  .nuklab-lp .trust-sep {
    display: none !important;
  }

  .nuklab-lp footer {
    padding: 24px 22px !important;
    flex-direction: column !important;
    text-align: center !important;
  }

  .nuklab-lp .footer-legal {
    justify-content: center !important;
  }
}
</style>

<div class="nuklab-lp">

<nav>
  <div class="nav-logo">
    <img src="https://images.squarespace-cdn.com/content/v1/67d027102b71ce44da97300c/d1da2a4f-f1ff-4375-8001-93c33a30e3ab/nuklab-logo-files-logo-full-color-rgb-1200px-w-300ppi+%281%29.jpg?format=300w" alt="NukLab GmbH">
  </div>

  <ul class="nav-links">
    <li><a href="#analysen">Analysen</a></li>
    <li><a href="#branchen">Branchen</a></li>
    <li><a href="#ablauf">Ablauf</a></li>
    <li><a href="#qualitaet">Qualität</a></li>
  </ul>

  <a class="btn-nav" href="#kontakt">Jetzt anfragen</a>
</nav>

<section class="hero">
  <div>
    <div class="hero-eyebrow">Analyselabor Bremen</div>
    <h1>Präzise Analytik für <span>Pharma, Lebensmittel</span> und Kosmetik</h1>
    <p>Validierte Analysemethoden. Klare Prüfberichte. Direkte Ansprechpartner. NukLab liefert verlässliche Laborergebnisse für Ihre Qualitätssicherung.</p>
    <a href="#kontakt" class="btn-teal">Jetzt Analyse anfragen</a>
  </div>

  <div class="hero-stats">
    <div class="stat-box">
      <div class="num">20+</div>
      <div class="lbl">Jahre analytische Expertise</div>
    </div>

    <div class="stat-box">
      <div class="num">100%</div>
      <div class="lbl">Intern validierte Methoden</div>
    </div>

    <div class="stat-box">
      <div class="num"><72h</div>
      <div class="lbl">Schnelle Durchlaufzeiten</div>
    </div>

    <div class="stat-box">
      <div class="num">3</div>
      <div class="lbl">Branchenschwerpunkte</div>
    </div>
  </div>
</section>

<div class="trust-bar">
  <div class="trust-item">Validierte Methoden</div>
  <div class="trust-sep"></div>
  <div class="trust-item">GC-MS · HPLC · ICP-MS</div>
  <div class="trust-sep"></div>
  <div class="trust-item">Klare Prüfberichte</div>
  <div class="trust-sep"></div>
  <div class="trust-item">Qualitätssicherung</div>
  <div class="trust-sep"></div>
  <div class="trust-item">Labor Bremen</div>
</div>

<section id="analysen">
  <div class="container">
    <div class="sec-label">Unsere Analysen</div>
    <h2 class="sec-title">Das vollständige Leistungsspektrum</h2>
    <p class="sec-sub">Von der Rückstandsanalyse bis zur Mikrobiologie – wir decken das gesamte Spektrum moderner Qualitätsprüfungen ab.</p>

    <div class="services-grid">
      <div class="svc-card featured">
        <div class="svc-num">01</div>
        <div class="svc-title">Rückstandsanalytik</div>
        <div class="svc-desc">Pestizide, Veterinärarzneimittel und chemische Rückstände in Rohstoffen und Endprodukten – nach EU-Grenzwerten und kundenspezifischen Vorgaben.</div>
        <div class="svc-tags">
          <span class="svc-tag">Pestizide</span>
          <span class="svc-tag">GC-MS/MS</span>
          <span class="svc-tag">LC-MS/MS</span>
        </div>
      </div>

      <div class="svc-card">
        <div class="svc-num">02</div>
        <div class="svc-title">Mikrobiologische Prüfungen</div>
        <div class="svc-desc">Keimzahlbestimmungen, Hefen, Schimmelpilze und Hygieneindikatoren für Lebensmittel, Kosmetik und Rohstoffe nach anerkannten Prüfnormen.</div>
        <div class="svc-tags">
          <span class="svc-tag">Keimzahl</span>
          <span class="svc-tag">Hefen</span>
          <span class="svc-tag">Schimmel</span>
        </div>
      </div>

      <div class="svc-card">
        <div class="svc-num">03</div>
        <div class="svc-title">Kontaminantenanalytik</div>
        <div class="svc-desc">Schwermetalle, Mykotoxine, PAK und Industriechemikalien – präzise Identifikation mit moderner ICP-MS und LC-MS/MS Technologie.</div>
        <div class="svc-tags">
          <span class="svc-tag">Schwermetalle</span>
          <span class="svc-tag">Mykotoxine</span>
          <span class="svc-tag">ICP-MS</span>
        </div>
      </div>

      <div class="svc-card">
        <div class="svc-num">04</div>
        <div class="svc-title">Pharmazeutische Analytik</div>
        <div class="svc-desc">Wirkstoffgehalt, Verunreinigungen und Zusammensetzungsprüfungen für pharmazeutische Produkte und APIs. Strukturierte Dokumentation und nachvollziehbare Prüfberichte.</div>
        <div class="svc-tags">
          <span class="svc-tag">Dokumentation</span>
          <span class="svc-tag">Wirkstoffgehalt</span>
          <span class="svc-tag">APIs</span>
        </div>
      </div>

      <div class="svc-card">
        <div class="svc-num">05</div>
        <div class="svc-title">Lebensmittelanalytik</div>
        <div class="svc-desc">Qualitätsprüfungen für Lebensmittel, Tees, Getränke und Nahrungsergänzungsmittel – Inhaltsstoffe, Rückstände und Kennzeichnung nach LFGB.</div>
        <div class="svc-tags">
          <span class="svc-tag">LFGB</span>
          <span class="svc-tag">Vitamine</span>
          <span class="svc-tag">Mineralstoffe</span>
        </div>
      </div>

      <div class="svc-card">
        <div class="svc-num">06</div>
        <div class="svc-title">Kosmetikanalytik</div>
        <div class="svc-desc">Sicherheits- und Qualitätsprüfungen für kosmetische Produkte nach EU-Kosmetikverordnung – Konservierungsmittel, Kontaminanten und Wirkstoffnachweise.</div>
        <div class="svc-tags">
          <span class="svc-tag">Kosmetik-VO</span>
          <span class="svc-tag">Konservierung</span>
          <span class="svc-tag">Schwermetalle</span>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="industries-bg" id="branchen">
  <div class="container">
    <div class="sec-label">Branchen</div>
    <h2 class="sec-title">Für wen wir analysieren</h2>
    <p class="sec-sub">Unsere Labordienstleistungen sind auf die spezifischen Anforderungen verschiedener Produktbereiche zugeschnitten.</p>

    <div class="industries-grid">
      <div class="ind-card">
        <div class="ind-title">Lebensmittelhersteller</div>
        <div class="ind-desc">Rückstandskontrolle, Kennzeichnungsprüfung und Konformitätsnachweise.</div>
      </div>

      <div class="ind-card">
        <div class="ind-title">Pharmazie & Biotech</div>
        <div class="ind-desc">Rohstoffqualifizierung, Wirkstoffanalytik und strukturierte Dokumentation.</div>
      </div>

      <div class="ind-card">
        <div class="ind-title">Kosmetikhersteller</div>
        <div class="ind-desc">Produktsicherheitsprüfungen und Konformität nach EU-Kosmetikverordnung.</div>
      </div>

      <div class="ind-card">
        <div class="ind-title">Nahrungsergänzung & Botanicals</div>
        <div class="ind-desc">Identitätsprüfung, Gehaltsbestimmung und Kontaminantenanalytik.</div>
      </div>
    </div>
  </div>
</section>

<section id="ablauf">
  <div class="container">
    <div class="sec-label">Unser Ablauf</div>
    <h2 class="sec-title">Von der Anfrage zum Prüfbericht</h2>
    <p class="sec-sub">Transparent, effizient und zuverlässig – so bearbeiten wir Ihre Anfrage.</p>

    <div class="process-grid">
      <div class="proc-step">
        <div class="proc-num">1</div>
        <div class="proc-title">Anfrage senden</div>
        <div class="proc-desc">Füllen Sie das Formular aus oder kontaktieren Sie uns direkt.</div>
      </div>

      <div class="proc-step">
        <div class="proc-num">2</div>
        <div class="proc-title">Klärung & Angebot</div>
        <div class="proc-desc">Sie erhalten eine individuelle Rückmeldung zu Umfang und Bearbeitung.</div>
      </div>

      <div class="proc-step">
        <div class="proc-num">3</div>
        <div class="proc-title">Probeneingang</div>
        <div class="proc-desc">Ihre Probe wird im Labor erfasst und analytisch bearbeitet.</div>
      </div>

      <div class="proc-step">
        <div class="proc-num">4</div>
        <div class="proc-title">Prüfbericht</div>
        <div class="proc-desc">Sie erhalten einen klar strukturierten Prüfbericht.</div>
      </div>
    </div>
  </div>
</section>

<section class="quality-bg" id="qualitaet">
  <div class="container">
    <div class="sec-label">Qualität & Standards</div>
    <h2 class="sec-title" style="color:#fff">Warum NukLab?</h2>
    <p class="sec-sub" style="color:rgba(255,255,255,0.6)">Wissenschaftliche Präzision, transparente Kommunikation und zuverlässige Prüfergebnisse.</p>

    <div class="quality-grid">
      <div class="qual-card">
        <h4>Validierte Analysemethoden</h4>
        <p>Unsere Methoden sind intern entwickelt und validiert. Wir nutzen moderne GC-MS/MS, LC-MS/MS und ICP-MS Instrumente für präzise Ergebnisse.</p>
        <span class="qual-badge">Methoden validiert</span>
      </div>

      <div class="qual-card">
        <h4>Persönliche Beratung</h4>
        <p>Feste Ansprechpartner, kurze Kommunikationswege und fundiertes Fachwissen – von der Methodenwahl bis zum finalen Prüfbericht.</p>
        <span class="qual-badge">Direkter Kontakt</span>
      </div>
    </div>
  </div>
</section>

<section class="contact-bg" id="kontakt">
  <div class="container">
    <div class="sec-label">Kontakt</div>
    <h2 class="sec-title">Jetzt Analyse anfragen</h2>
    <p class="sec-sub">Beschreiben Sie Ihr Produkt und Ihre Analyseziele – wir melden uns mit einer individuellen Rückmeldung.</p>

    <div class="contact-wrap">
      <div class="contact-info">
        <div class="contact-item">
          <div>
            <div class="ci-label">Telefon</div>
            <a href="tel:+4942169080077">+49 421 690 800 77</a>
          </div>
        </div>

        <div class="contact-item">
          <div>
            <div class="ci-label">E-Mail</div>
            <a href="mailto:info@nuklab.de">info@nuklab.de</a>
          </div>
        </div>

        <div class="contact-item">
          <div>
            <div class="ci-label">Labor</div>
            <div class="ci-val">NukLab GmbH, Bremen</div>
          </div>
        </div>
      </div>

      <div class="form-wrap">
        <div class="form-title">Analysenanfrage</div>
        <div class="form-sub">Alle Felder mit * sind Pflichtfelder.</div>

        <form id="contactForm">
          <div class="form-row">
            <div class="form-group">
              <label>Vorname *</label>
              <input type="text" name="vorname" required placeholder="Max">
            </div>

            <div class="form-group">
              <label>Nachname *</label>
              <input type="text" name="nachname" required placeholder="Mustermann">
            </div>
          </div>

          <div class="form-group">
            <label>Firma / Organisation</label>
            <input type="text" name="unternehmen" placeholder="Optional">
          </div>

          <div class="form-group">
            <label>E-Mail-Adresse *</label>
            <input type="email" name="email" required placeholder="name@email.de">
          </div>

          <div class="form-group">
            <label>Telefon</label>
            <input type="tel" name="telefon" placeholder="+49 ...">
          </div>

          <div class="form-group">
            <label>Gewünschte Analyse *</label>
            <select name="analyse" required>
              <option value="" disabled selected>Bitte wählen …</option>
              <option>Rückstandsanalytik</option>
              <option>Mikrobiologische Prüfungen</option>
              <option>Kontaminantenanalytik</option>
              <option>Pharmazeutische Analytik</option>
              <option>Lebensmittelanalytik</option>
              <option>Kosmetikanalytik</option>
              <option>Mehrere Analysen / Beratung gewünscht</option>
            </select>
          </div>

          <div class="form-group">
            <label>Produktbeschreibung & Anliegen *</label>
            <textarea name="nachricht" required placeholder="Beschreiben Sie kurz, was Sie analysieren lassen möchten …"></textarea>
          </div>

          <button type="submit" class="btn-submit">Anfrage absenden</button>
        </form>

        <div class="form-success" id="formSuccess">
          <strong>Vielen Dank für Ihre Anfrage!</strong>
          Wir haben Ihre Nachricht erhalten und melden uns bei Ihnen.
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <img src="https://images.squarespace-cdn.com/content/v1/67d027102b71ce44da97300c/d1da2a4f-f1ff-4375-8001-93c33a30e3ab/nuklab-logo-files-logo-full-color-rgb-1200px-w-300ppi+%281%29.jpg?format=300w" alt="NukLab GmbH">

  <div class="footer-legal">
    <span>© 2025 NukLab GmbH · Bremen</span>
    <a href="mailto:info@nuklab.de">info@nuklab.de</a>
    <a href="tel:+4942169080077">+49 421 690 800 77</a>
  </div>

  <p>Analyselabor für Pharma · Lebensmittel · Kosmetik</p>
</footer>

</div>

<script>
document.getElementById('contactForm').addEventListener('submit', function(e) {
  e.preventDefault();

  const f = this;
  const data = new FormData(f);
  const firma = data.get('unternehmen') || '–';

  const body = `Neue Analysenanfrage von ${data.get('vorname')} ${data.get('nachname')}

Firma / Organisation: ${firma}
E-Mail: ${data.get('email')}
Telefon: ${data.get('telefon') || '–'}
Gewünschte Analyse: ${data.get('analyse')}

Nachricht:
${data.get('nachricht')}`;

  window.location.href = `mailto:info@nuklab.de?subject=Analysenanfrage von ${encodeURIComponent(data.get('vorname') + ' ' + data.get('nachname'))}&body=${encodeURIComponent(body)}`;

  f.style.display = 'none';
  document.getElementById('formSuccess').style.display = 'block';
});
</script>