Name: Media Service Hochrhein e.K.
Price range: $$
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Kontakt – Media Service Hochrhein</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      max-width: 800px;
      margin: auto;
      line-height: 1.6;
      color: #333;
    }
    input, textarea {
      width: 100%;
      padding: 10px;
      margin-top: 5px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    button {
      background-color: #333;
      color: #fff;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      border-radius: 4px;
    }
    a {
      color: #25D366;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    iframe {
      width: 100%;
      border: 0;
      border-radius: 4px;
      margin-top: 15px;
    }
    #whatsapp-button {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      color: white;
      padding: 12px 20px;
      border-radius: 50px;
      font-size: 16px;
      text-decoration: none;
      z-index: 1000;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }
  </style>
</head>
<body>

  <h1>Kontakt – Media Service Hochrhein</h1>

  <p>Sie haben Fragen zur Nachrüstung, möchten einen Einbau-Termin vereinbaren oder benötigen technische Beratung? Nutzen Sie unser Kontaktformular oder melden Sie sich telefonisch, per E-Mail oder bequem via WhatsApp bei uns.</p>

  <h2>Kontaktformular</h2>
  <form action="mailto:info@msh-store.de" method="post" enctype="text/plain">
    <label for="name">Name:</label>
    <input type="text" id="name" name="Name" required>

    <label for="email">E-Mail:</label>
    <input type="email" id="email" name="E-Mail" required>

    <label for="nachricht">Nachricht:</label>
    <textarea id="nachricht" name="Nachricht" rows="5" required></textarea>

    <p>
      <label>
        <input type="checkbox" required>
        Ich stimme der <a href="/datenschutz" target="_blank">Datenschutzerklärung</a> zu.
      </label>
    </p>

    <button type="submit">Nachricht senden</button>
  </form>

  <h2>Unsere Kontaktdaten</h2>
  <p>
    <strong>Media Service Hochrhein e.K.</strong><br>
    Freibühlstraße 18<br>
    78224 Singen<br>
    Amtsgericht Freiburg i. Br., HRA 620999
  </p>
  <p>
    <strong>Telefon:</strong> <a href="tel:+497731926877">07731-926877</a><br>
    <strong>Fax:</strong> 03222-7481946<br>
    <strong>E-Mail:</strong> <a href="mailto:info@msh-store.de">info@msh-store.de</a><br>
    <strong>Web:</strong> <a href="https://www.msh-store.de" target="_blank">www.msh-store.de</a>
  </p>

  <h2>So finden Sie uns</h2>
  <iframe
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2671.758002914333!2d8.82373191565808!3d47.75815537919373!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47906ea1431e3ec9%3A0x2f7e9c88976cc317!2sFreib%C3%BChlstra%C3%9Fe%2018%2C%2078224%20Singen!5e0!3m2!1sde!2sde!4v1701441720000"
    height="350" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
  </iframe>

  <p style="margin-top: 20px;">
    <a href="https://wa.me/497731926877" target="_blank" style="background-color:#25D366;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;display:inline-block;font-weight:bold;">
      📱 Jetzt via WhatsApp anfragen
    </a>
  </p>

  <!-- Floating WhatsApp Button -->
  <a href="https://wa.me/497731926877" target="_blank" id="whatsapp-button">📱 WhatsApp</a>

</body>
</html>
Autoradio-Bodensee
